body[class=main]{
	font-family:IRANSans!important; 
	background: url(../images/bg1.jpg);
}
body[class=single]{
	font-family:IRANSans!important; 
	background-color:#e9eef1;
}
.checkDigits{
	position: relative;
}
.checkDigits::after{
	content: '\f057';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	top:6px;
	display:none;
	left:10px;
	z-index: 2;
	color:red;
}
.err.checkDigits::after{
	display:block;
}
header[class=mainPage]{
	height: 100vh;
    background: url(../images/top.png);
    background-color: #dedede;
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: contain;
}
.unSelect{
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.modal{
	font-family: iransans!important; 
}
header[class=extraPage]{
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
	border-bottom:solid 1px #dadada;
	font-family: IRANSans;
}
header[class=extraPage] h1{
	color: white;
    text-shadow: 3px 6px 6px black;
    text-align: center;
    margin-top: 60px;
	font-family: IRANSans;
    font-size: 34px;
}
header nav .mobile-btn {
	position: absolute;
	top: 12px;
	left: 90px;
	font-size: 14px;
	display: none;
}
header nav .mobile-btn .lineh{
	display: block;
	
}
header nav .mobile-btn a {
	color: #838383;
	padding: 5px 0;
}
header nav .loginAndPay i{
	position: relative;
    top: 1px;
	margin-left:4px;
}
header nav .loginAndPay{
    direction: ltr;
}
header nav .navbar-nav {
	padding:0;
}
header nav .lineh{
	height: 24px;
    background: #b7b7b7;
    width: 1px;
    margin: 0 15px;
	margin-top: 6px;
}
header nav .logo{
	height: 36px;
    position: relative;
    margin-bottom: -28px;
    top: -14px;
    margin-right: -11px;
}
header nav  .nav_userarea {
	cursor: pointer;
}
header nav .nav_userarea .lastItem {
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
nav .mobile-btn i{
	margin-left:6px;
}
header nav .nav_userarea_menu {
	position: absolute;
    background: #ffffff;
    padding: 0px 1px;
    list-style: none;
    margin-top: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	font-size: 14px;
	z-index: 50;
	box-shadow: -1px 2px 4px #00000036;
}
header nav .nav_userarea_menu a {
	color: rgba(0,0,0,.5);
	text-decoration: none;
}
header nav .nav_userarea_menu a:hover {
	color: rgba(0,0,0,.9);
}
header nav .nav_userarea_menu li {
	color: #636363;
    padding: 8px 7px 8px 66px;
	border-top: solid 1px #e9eef1;
}
header nav .nav_userarea_menu li:hover {
	background: #e8edf0;
	cursor: pointer;
}
/* Start Buy Old ranande Acount  */
.buy_old_account h1{
	font-size: 26px;	
	color:#001f46;
	line-height: 44px;
}
.alert_account{
	font-size:14px;
	color: #da362a!important;
	width: fit-content;
}
.buy_old_account .row{
	margin:0px !important;
}
.buy_old_account{
	text-align: right;	
    padding-top: 4%;
    padding-right: 5%;
	background: url(/images/store/old/old-account-bg.png);
    background-position: left;
    background-repeat: no-repeat;
	height: calc( 100vh - 57px );
	background-size:contain;
}
.buy_old_account .form .registAcount{
	padding: 5px 32px;
}
.buy_old_account .form{
    color: #022248;
    max-width: 580px;
	margin-bottom:20px;
}
.buy_old_account .form .InputIcon{
	margin-left: 12px;
    margin-top: 8px;
}
.buy_old_account .form .title{
    font-size: 18px;
    color: #133654;
    font-weight: 600;
}
.buy_old_account .form .btn:active{
	background-color: #081521;
	border-color: #081521
}
.buy_old_account ul li::marker{
	  color: #022249;
}
.buy_old_account .alert{
    padding: 8px 10px;
    font-size: 15px;
    margin-bottom: 7px;
}
.buy_old_account .form .btn{
    border-color: #133654;
    background: #133654;	
}
.buy_old_account .form input::-webkit-outer-spin-button,
.buy_old_account .form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.buy_old_account .form input[type=number] {
  -moz-appearance: textfield;
}
.buy_old_account .poster{
	position: fixed;
    bottom: 0;
    left: 0;
	max-width: 30%;
    min-width: 420px;
	animation-name: buy_old_account_poster;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}
@media screen and (max-width: 1400px)
{
	.buy_old_account .form {
		width: 40%;
	}	
	.buy_old_account{	
		padding: 15px 15px;
		padding-top:7%;		
		height: auto;
	}
	.alert_account {
		font-size: 14px;
		color: #ffffff!important;
		background: #f44336;
		padding: 8px 14px;
		border-radius: 5px;
	}
	.buy_old_account{
		background:#fafafa;
	}
}
@media screen and (max-width: 992px)
{
	.buy_old_account h1 {
		text-align:center;
	}
	.buy_old_account .form {
		width: 100%;
		margin-right:unset;
	}
	.buy_old_account .poster{
			opacity:0.1;
			filter: grayscale(100%);
	}
}
@keyframes buy_old_account_poster {
  0%   {bottom:0px;bottom:0px;}
  25%  {left:50px; bottom:-20px;}
  50%  {left:80px; bottom:-50px;}
  75%  {left:30px; bottom:-10px;}
  100% {left:0px; bottom:0px;}
}
/* End Buy Old ranande Acount   */
.paginationStyle nav .active .page-link{
	color:white!important;
}
.paginationStyle nav .page-link{
	color:#717273!important;
}
.paginationStyle nav{
		float:left;
}
.mainPage .labtop{
	height: 300px;
	position: absolute;
    bottom: 5%;
    right: 10%;
	animation-name: mainPage_labtop;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
@keyframes mainPage_labtop {
  0%   {bottom:5%}
  50%  {bottom:10%}
  100% {bottom:5%}
}
.mainPage nav{
	 font-family: IRANSans;
	 
}
.mainPage .services .item h2 {
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
}
.mainPage h1 {
	font-size: 30px;
    color: #ffffff;
    text-shadow: 2px 3px 2px black;
    padding: 18px 35px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 7px;
    font-family: IRANSans;
    padding-top: 20%;
}
.mainPage .NavHolder{
    width: calc(100% - 100px);
    position: relative;
    top: 42px;
    left: -50px;
}
.mainPage .services_new img{
	margin-right: 15px;
    height: 50px;
}
.mainPage .services_new .col-12 a:hover{
	opacity:0.7;
}
.mainPage .services_new .col-12 a{
	text-decoration:none;
	color: black;
}
.mainPage .services_new .col-12{
	margin-bottom:15px;
	font-weight: 500;
}
.mainPage .services_new{
	direction: ltr;
	position: absolute;
    bottom: 10%;
	 left: 10%;
}
.mainPage .services{
	margin-top: calc(75vh - 380px);
}
.mainPage .services .item{
	background: #ffffff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 10px #4489c7;
    text-align: center;
    font-family: IRANSans;
    box-shadow: 2px 6px 12px black;
	padding: 10px 20px 0 20px;
    margin-bottom: 20px;
	cursor: pointer;
	overflow: hidden;
}
.mainPage .services .item p{
	font-size: 14px;
    text-align: justify;
    direction: rtl;
    margin-top: 17px;
}
.mainPage .services a{
	color: #000000;
	text-decoration: none;
}
.mainPage .services .item img{
	margin-top:20px;
}
.mainPage .services .item .icons {
	width: 80px;
    height: 80px;
    background-size: 80px;
    margin: auto;
    margin-top: 10px;
	background-position: left -80px;
}
.mainPage .services .item .icon-1 {
    background-image: url(../images/home-services-1.png);
}
.mainPage .services .item .icon-2 {
    background-image: url(../images/home-services-2.png);
}
.mainPage .services .item .icon-3 {
    background-image: url(../images/home-services-3.png);
}
.mainPage .services .item .icon-4 {
    background-image: url(../images/home-services-4.png);
}
.item-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.item-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(#4686c6 , #183b5c);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.item-sweep-to-top:hover, .item-sweep-to-top:focus, .item-sweep-to-top:active, .item-sweep-to-top:hover h2 {
	color: white !important;
}
.item-sweep-to-top:hover p{
	color: #e0e0e0;
}
.item-sweep-to-top:hover:before, .item-sweep-to-top:focus:before, .item-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.Single_page .states_list {
	margin-bottom: 0;
	padding: 5px;
}
.Single_page .states_list h2 {
    font-size: 14px;
    text-align: center;
    background: #fed432;
    color: black;
    padding: 8px 2px;
    font-weight: 300;
    margin-bottom: 0;
    font-weight: 500;
}
.Single_page .states_list img {
	width: 100%;
}
.Single_page .states_list .item {
	border: 1px solid #9e831b;
	overflow: hidden;
	border-radius: 14px;
}
.Single_page .states_list .item:hover {
	opacity: 0.85;
}
.Single_page .Description {
    text-align: right;
    width: 100%;
	z-index: 2;
	line-height: 30px;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
}
.Single_page {
	font-family: IRANSans;
    background-color: #e5e5e59e;
	background-image: linear-gradient(#fafafa,#e9eef1);
    padding: 0 45px !important;
	box-shadow: 0 0 20px #00000033;
	border-left: solid 1px #b9b9b9;
	border-right: solid 1px #b9b9b9;
	overflow: hidden;
}
.Single_page .head_img {
    width: 100%;
}
.Single_page .Contant-area {
    direction: rtl;
    text-align: right;
    line-height: 32px;
    width: 100%;
    font-size: 16px;
	margin-bottom: 20px;
}
.Single_page a {
    text-decoration: none !important;
}
.Single_page h1 {
    margin-bottom: 24px;
    width: 100%;
    text-align: center;
    margin-top: 58px;
    font-size: 25px;
	z-index: 2;
	text-shadow: 0 0px 5px white;
	line-height: normal;
}
.Single_page .post-image {
    max-width: 600px;
    z-index: 5;
	margin: 0 auto;
    margin-top: 15px;
    border-radius: 4px;
    border: solid 1px #565656;
}
.Single_page .list-item .text-container {
    padding: 0 5px 0 5px;
}
.Single_page .list-item {
    background-image: linear-gradient(to right, #f3f3f3, #d5d4d4);
	border: solid 1px #cccccc;
	z-index: 5;
    position: relative;
}
.Single_page .list-item .image-container {
    padding: 0px 10px;
}
.Single_page .headImg{
	width: calc(100% + 90px);
    position: relative;
    left: 45px;
	-webkit-mask-image: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
}
.Single_page .list-item .details {
    padding: .5rem 1.25rem;
    width: 100%;
    border-bottom: 1px #cfcfcf solid;
    text-align: right;
    direction: rtl;
    font-size: 13px;
}

.Single_page .list-item .details .space {
    color: #c5c5c5;
}

.Single_page .list-item .details .date {
    float: left;
    color: #b7b5b5;
}

.Single_page .list-item .details span {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.Single_page .list-item .details .icon-eye {
    color: #484848;
    position: relative;
    top: 4px;
    margin: 0 11px 0 0;
}
.Single_page .list-item .details .icon-clock {
    color: #f7a816;
    position: relative;
    top: 4px;
}
.taglink {
	font-size: 13px;
	display: inline-block;
	background: #fece12;
	border-radius: 5px;
	color: #000;
	padding: 0px 10px;
	margin-bottom: 4px;
}
.Single_page .list-item .header {
    line-height: 22px;
    font-size: 15px;
    text-align: right;
    background: #3d3c37;
    padding: 17px 15px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    color: #ffffff;
    border-bottom: solid 7px #fece12;
    margin: 0;
}
.Single_page .btn-info{
	color: #000!important;
    background-color: #ffcb02!important;
    border-color: #d9ae07!important;
	
}
.Single_page .list-item .bottom_pnl {
    text-align: right;
    width: 100%;
    background: #3d3c37;
    padding: 10px 17px;
    border-top: solid 1px #b3b3b3;
	margin-top: 16px;
}
.Single_page .list-item .text_less p{
	max-height: 222px;
    overflow: hidden;
}
.Single_page .list-item .text_less_larg {
	direction: rtl;
	padding: 0 20px;
}
.Single_page .list-item .text_less {
    text-align: justify;
    direction: rtl;
    margin-top: 22px;
}
.Single_page .list-item figure {
    margin: 0;
	vertical-align: top;
    width: 100%;
    text-align: center;
    margin-top: 30px;
	
}
.Single_page .larg-size figure img {
    max-width: 500px;
    width: 100%;
    border: solid 1px #7e7e7eb8;
    border-radius: 6px;
}
.larg-size {
    text-align: center !important;
}
.Single_page .list-item .view i {
    margin-right: 8px;
    position: relative;
    top: 0px;
    color: #5f5f5f;
}
.Single_page  .list-item time{
    left: 5px;
    font-size: 13px;
    color: #979797;
    direction: rtl;
}
.Single_page .view {
    position: absolute;
    left: 115px;
    bottom: -10px;
    font-size: 12px;
    direction: rtl;
    color: #979797;
}
.Single_page .text_setting{
    line-height: 29px;	
	/* background: #e2e2e2; */
}
.Single_page .blur {
	filter: blur(20px) grayscale(20%);
}
.Single_page .post-image {
	max-width: 600px;
	z-index: 5;
}
.Single_page .list-item {
	border: none;
	background: #FFF;
    border-radius: 5px;
    margin-bottom: 20px;
	padding: 5px;
}
.Single_page .list-item .lead {
	min-height: 115px;
    padding-left: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 25px;
    color: black;
    margin-bottom: 32px;
}
.Single_page .list-item a {
	text-decoration: none !important;
}
.Single_page .gallery .image {
	background-position: center;
    background-size: cover;
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.single .fags .item:hover ,.hover_bg{
	background: #6ec5ff2e!important;
}
.single .fags .item{
    margin-top: 6px;
    background: #d4d4d482;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
}
.single .fags .question{
	margin: 0px;
    font-size: 14px;
    font-weight: 500;
}
.single .fags .question i{
	color:#a60000;
	margin-left:8px;
}
.single .fags .answer{
	margin: 0px;
	padding: 5px 20px 0px 0;
	font-size: 14px;
    font-weight: 300;
	display:none;
}
.single .fags .icon{
    height: 12px;
    width: 12px;
    background-position: center;
    background-size: cover;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.single .fags .plus{
	background-image:url('/images/add.png');   
}
.single .fags .minus{
	background-image:url('/images/minus.png');   
}
.Single_page .list-item img , .Single_page .gallery img {
    border: solid 1px #7e7e7eb8;
    border-radius: 6px;
	width:100%;
}
.Single_page .signs .signs_view {
	direction: rtl;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 10px;
    background: #00000087;
    border-radius: 5px;
    padding: 0 6px 0px 0px;
    font-size: 12px;
    right: 25px;
    height: 27px;

}
.user_area .online_class .class[type=today]{
	color: #fff;
	padding: 13px 0;
	background: #0060df;
	border-radius: 6px;
}
.user_area .online_class .class[type=other]{
	color: white;padding: 13px 0;background: #778790;border-radius: 6px;
}
.user_area .dashbord .extra-links {
    display: inline;
}
.user_area .dashbord .dashbord-content {
    margin-top: 40px;
	padding: 0 10px;
}
.user_area .dashbord .dashbord-content .col-lg-3,
.user_area .dashbord .dashbord-content .col-lg-4{
	padding: 0 22px;
}
.user_area .dashbord .dashbord-content .progress-items {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 5px;
}
.user_area .dashbord .dashbord-content .blue-bg,.blue-bg > .circle-icon {
	background-color: #0065cf;
	border: 1px solid #183e54;
}
.user_area .dashbord .dashbord-content .green-bg,.green-bg > .circle-icon  {
	background-color: #218837;
	border: 1px solid #13502f;
}
.user_area .dashbord .dashbord-content .yellow-bg,.yellow-bg > .circle-icon  {
	background-color: #f9a101;
	border: 1px solid #4e330d;
}
.user_area .dashbord .dashbord-content .red-bg,.red-bg > .circle-icon  {
	background-color: #e71d37;
	border: 1px solid #4e0d1a;
}
.user_area .dashbord .dashbord-content .yellow-bg-light {
	background-color: #ffeed0;
    border: 2px solid #c98407;
}
.user_area .dashbord .dashbord-content .green-bg-light {
	background-color: #ddede2;
	border: 2px solid #467153;
}
.user_area .dashbord .dashbord-content .blue-bg-light {
	background-color: #e7f3ff;
	border: 2px solid #1762a6;
}
.user_area .dashbord .dashbord-content .red-bg-light {
	background-color: #ffebee;
    border: 2px solid #780b19;
}
.user_area .dashbord .dashbord-content .progress-items .circle-icon img {
	width: 27px;
	height: 27px;
}
.user_area .dashbord .dashbord-content .progress-items .circle-icon {
	border-radius: 100%;
	border: 1px solid #ffffff !important;
    margin: 0 auto;
    margin-top: -33px;
	padding: 10px;
	width: 50px;
	height: 50px;
	transform: rotate(-12deg);
}
.user_area .dashbord .dashbord-content .progress-items .progress-title {
    display: block;
	color: #ffffff;
	font-size: 14px;
    margin-top: 8px;
}
.user_area .dashbord .dashbord-content .progress-items .progress-percent {
	text-align: right;
    display: block;
    color: #ffffff;
    font-size: 13px;
	margin-top: 8px;
}
.user_area .dashbord .user-account-details {
	margin-top: 10px;
}
.user_area .dashbord .user-account-details .no-data {
    position: absolute;
    margin-top: 130px;
    left: 0;
    right: 0;
    text-align: center;
    color: #a2a2a2;
	direction: ltr;
}
.user_area .dashbord .user-account-details .no-data img {
	width: 46px;
	height: 46px;
	margin-left: 12px;
	margin-top: -10px;
	opacity: 0.3;
}
.user_area .dashbord .user-account-details h2 {
font-size: 16px;
display: block;
text-align: center;
margin-top: 32px;
margin-bottom: 25px;
}
.user_area .dashbord .user-account-details p {
	font-size: 12px;
    margin: 12px 0;
	text-align: left;
}
.user_area .dashbord .user-account-details p strong {
	float:right;
	font-weight: 400!important;
}
.user_area .dashbord .user-account-details .leitner-box {
    height: 136px;
    margin-top: 6px;
    float: left;
    margin-left: 26px;
	-webkit-filter: drop-shadow(2px 2px 2px #3b3b3b5c);
    filter: drop-shadow(2px 2px 2px #3b3b3b5c);
}
.user_area .dashbord .user-account-details .latest-sign {
	padding-left: 10px;
}
.user_area .dashbord .user-account-details .latest-sign img {
	width: 65px;
	border: solid 1px #03020238;
	border-radius: 5px;
}
.user_area .dashbord .user-account-details .latest-sign img:nth-child(1) {
	position: absolute;
    left: 87px;
    top: 30px;
    z-index: 5;
}
.user_area .dashbord .user-account-details .latest-sign img:nth-child(2) {
	position: absolute;
    left: 66px;
    top: 68px;
    z-index: 4;
}
.user_area .dashbord .user-account-details .latest-sign img:nth-child(3) {
	position: absolute;
    left: 50px;
    top: 15px;
    z-index: 3;
}
.user_area .dashbord .user-account-details .latest-sign img:nth-child(4) {
	position: absolute;
    left: 32px;
    top: 50px;
}
.user_area .dashbord .user-account-details .latest-sign-title {
	font-size: 10px;
    color: #878787;
    position: absolute;
    bottom: 30px;
	left: 42px;
}
.user_area .dashbord .user-account-details .circle-icon {
	border-radius: 7px;
	width: 45px;
	height: 45px;
	padding-top: 8px;
	display: inline-block;
	text-align: center;
	margin-left: 8px;
	border: none;
	position: absolute;
	top: -32px;
	left: 0;
	right: 0;
	margin: 0 auto;	
}
.user_area .dashbord .user-account-details .circle-icon img {
	width: 25px;
	height: 25px;
	margin-top: 3px !important;
}
.user_area .dashbord .user-account-details .col-12 {
	text-align: right;
	padding: 0 12px 0 12px;
}
.user_area .dashbord .user-account-details .col-lg-6,.user_area .user-account-details .col-lg-12 {
	padding: 0 20px;
}
.user_area .user-account-details .items {
	background: #fff !important;
	border: 1px solid #0060df !important;
	color: #5e5e5e !important;
	box-shadow: 0px 0px 12px #1313133d;
	padding: 10px 0;
	border-radius: 8px;
	max-height: 190px;
	margin-bottom: 15px;
}
.user_area .user-account-details .items {
    background: #fff !important;
	border: 1px solid #0060df !important;
	color: #5e5e5e !important;
}
.user_area .dashbord .user-account-details .items .circle-icon{
	background: #0060df !important;
}
.user_area .dashbord:first-child .title {
	font-size: 13px;	
}
.user_area .dashbord:first-child .title h1 {
    display: contents;
}
.user_area .dashbord:first-child .title .guide,.user_area .dashbord:first-child .title .buy-book {
    display: flex;
    float: left;
	margin-left: 8px;
}
.user_area .dashbord:first-child .title .accounting {
    float: left;
}
.user_area .dashbord:first-child .title .guide:hover, .user_area .dashbord .title .accounting:hover,.user_area .dashbord .title .buy-book:hover {
	color: #137195;
	cursor: pointer;
}
.user_area .dashbord:first-child .title span {
    float: left;
	margin: 0 10px 0 10px;
}
.Single_page .leitner-box .help-guide {
    text-align: left;
    font-size: 13px;
    cursor: pointer;
}
.Single_page .leitner-box .help-guide:hover {
    color: #137195;
}
.Single_page .leitner-box .help-guide i {
	margin-left: -3px;
}
.user_area #accountingView,.Single_page .leitner-box .modal{
	font-size: 14px;
	text-align: right;
}
.payment-type {
	color: #ffffff;
} 
.payment-type[type=adduser]:before
 {
	content: "خرید اکانت";
	background-color: #00adff;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.payment-type[type=userBuy]:before
 {
	content: "خرید هنرجو";
	background-color: #ce0000;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.payment-type[type=pending]:before 
 {
	content: "در انتظار پرداخت";
	background-color: #9e9e9e;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.status[type=pending]:before 
{
	content: "در انتظار";
    background-color: #ffeb3b;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    color: #585858;
}
.status[type=closed]:before 
{
    content: "بسته شد";
    background-color: #f44336;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    color: #ffffff;
}
.status[type=read]:before 
{
	content: "پاسخ داده شده";
    background-color: #4caf50;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    color: #fff;
}
.payment-type[type=paid]:before
 {
	content: "پرداخت شده";
	background-color: #4caf50;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.payment-type[type=failed]:before
 {
	content: "پرداخت ناموفق";
	background-color: #F44336;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.user_area #accountingView .modal-body,.Single_page .leitner-box .modal-body {
	font-family: Iransans;
}
.user_area #accountingView .modal-dialog,.Single_page .leitner-box .modal-dialog {
	max-width: 800px;
}
.user_area #accountingView .modal-body #account th,.user_area #buyBook .modal-body #books th {
	padding-top: 8px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #5b5f5d;
	color: white;
	text-align: center;
	font-family: Iransans;
	font-size: 12px;
	font-weight: 400;
}
.modal-header button{
	margin: 0 !important;
	padding:0 !important;
}
.user_area .signs .signs_view {
	direction: ltr;
	text-align: center;
    color: #ffffff;
    position: absolute;
    top: 10px;
    background: #00000087;
    border-radius: 5px;
    padding: 4px 8px 3px 8px;
    font-size: 12px;
    right: 25px;
}
.Single_page .signs .signs_view i{
	margin-left: 4px;
}
.Single_page .signs figure:hover, .user_area .signs figure:hover, .Single_page .gallery figure:hover{
		       background:linear-gradient(white, #e9eef1);
}

.Single_page .signs figure, .user_area .signs figure, .Single_page .gallery figure{
	cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    padding: 6px 6px 0 6px;
    border: solid 1px #cecece;
    background: #fafafa;
    font-size: 14px;
    background: linear-gradient(#cecece, white);
}
.Single_page .signs .description,.user_area .signs .description{
		text-align:right;
		direction:rtl;
		margin: 8px 1px 20px 0px;
		font-size:16px;
}
.Single_page .signs figcaption,.user_area .signs figcaption, .Single_page .gallery figcaption{
	margin: 10px;
	text-align: center;
	font-weight: 400;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user_area .signs .signs_categories span:hover{
	border: solid 1px #0060df;
	background: #0060df;
	color: white;
	box-shadow: 0px 0px 12px #1313136e;
}
.user_area .signs .signs_categories .active{
	border: solid 1px #0060df;
	background: #0060df;
	color: white;
	box-shadow: 0px 0px 12px #1313136e;
}

.user_area .signs .signs_categories , .Single_page .signs .signs_categories , .Single_page .gallery .gallery_categories{
	text-align:right;
	margin-bottom: 19px;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 8px;
}
.Single_page .gallery .gallery_type {
	background: #f7f6f6;
    border: solid 1px #bebdbd;
    border-radius: 6px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
	max-width: 350px;
}
.Single_page .gallery .gallery_type div {
	cursor: pointer;
	padding: 2px 0;
}
.Single_page .gallery .gallery_type div:hover {
	background: #fff6d5;
}
.Single_page .gallery .gallery_type .active {
	background: #fed11d !important;
    color: #34495e;
    border-radius: 5px;
    padding: 2px 0;
    font-weight: 600;
}
.user_area .signs .signs_categories span{
	cursor: pointer;
	background: #fff;
	border-radius: 6px;
	padding: 5px 23px;
	font-size: 13px;
	font-weight: 400;
	margin-left: 5px;
	color: #0060df;
	margin-bottom: 10px !important;
	display: inline-block;
	border: 1px solid #0060df;
}
.Single_page .signs img ,.user_area .signs img{
	width:100%;
	border-radius: 8px;
	border: solid 1px #b9b6b6;
}
.Single_page .regulations .item,.Single_page .quiz-box .item,.user_area .quiz-box .item,.user_area .regulations .item {
     padding: 5px;
}
.Single_page .regulations .item img,.Single_page .quiz-box .item img,.user_area .quiz-box .item img,.user_area .regulations .item img {
     width: 100%;
}
.Single_page .regulations .item a,.Single_page .quiz-box .item a,.user_area .quiz-box .item a {
     text-decoration: none;
}
.Single_page .regulations .item .item-body, .Single_page .quiz-box .item .item-body,.user_area .quiz-box .item .item-body,.user_area .regulations .item  .item-body{
     cursor: pointer;
     padding: 6px;
     border: solid 1px #a5a5a5;
     border-radius: 8px;
     background: linear-gradient(#dddada, #efefef);
}
.Single_page .regulations .item .item-body:hover, .Single_page .quiz-box .item .item-body:hover,.user_area .quiz-box .item .item-body:hover {
	 background:linear-gradient(white, #e9eef1);
}
 .Single_page .regulations .item .item-body h2,.Single_page .quiz-box .item .item-body h2,.user_area .quiz-box .item .item-body h2,.user_area .regulations .item h2{
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
    color: #3c3c3c;
    line-height: 30px;
}
 .Single_page .regulations .item .item-body:hover h2,.Single_page .quiz-box .item .item-body:hover h2,.user_area .regulations .item :hover h2 {
     color: #346396;
}
.Single_page .regulations .item .thumbnail,.Single_page .quiz-box .item .thumbnail,.user_area .quiz-box .item .thumbnail,.user_area .regulations .item .thumbnail {
     margin: 0;
     padding: 0;
     background: #fff;
     overflow: hidden;
     position: relative;
     border: solid 1px #a5a5a5;
     border-radius: 8px;
}
.Single_page .regulations .item .thumbnail:before,.Single_page .quiz-box .item .thumbnail:before {
     position: absolute;
     top: 0;
     left: -75%;
     z-index: 2;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     -webkit-transform: skewX(-25deg);
     transform: skewX(-25deg);
}
.Single_page .regulations .item .thumbnail:hover::before,.Single_page .quiz-box .item .thumbnail:hover::before {
     -webkit-animation: shine .75s;
     animation: shine .75s;
}
.Single_page .regulations .item .thumbnail .lock_bg,.Single_page .quiz-box .item .thumbnail .lock_bg {
     cursor: unset;
     position: absolute;
     width: 100%;
     height: 100%;
     border: unset;
     background: #00000094;
}
.Single_page .regulations .item .thumbnail .lock,.Single_page .quiz-box .item .thumbnail .lock {
	 font-size: 50px;
	 color: white;
	 margin: 0;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
.Single_page .regulations .item .thumbnail p,.Single_page .quiz-box .item .thumbnail p {
     text-align: center;
     color: #e4e0e0;
     font-size: 13px;
     background: #000000ab;
     position: absolute;
     width: 100%;
     height: 29px;
     padding-top: 2px;
     bottom: 0;
     margin: 0;
}
.Single_page .regulations .item .video,.Single_page .quiz-box .item .video {
     text-align: center;
}
.Single_page .regulations .item .video video,.Single_page .quiz-box .item .video video {
     width: 50%;
     border-radius: 12px;
}
.Single_page .regulations .select-category,.Single_page .quiz-box .select-category,.Single_page .gallery .select-category,.Single_page .signs .select-category  {
     text-align: center;
     background-color: #efefefb3;
     padding: 10px;
     border-radius: 10px;
     margin-bottom: 11px;
}
.Single_page .regulations .select-category span,.Single_page .quiz-box .select-category span {
     font-weight: 500;
	 font-size: 17px;
}
.Single_page .regulations .select-category .user_filter,.Single_page .quiz-box .select-category .user_filter,.Single_page .gallery .select-category .user_filter,.Single_page .signs .select-category .user_filter {
     padding: 5px 18px;
     background: #bfbfbf;
     margin-left: 3px;
     color: #ffffff !important;
     border-radius: 16px;
     text-align: center;
     display: inline-block;
     position: relative;
     top: -1px;
     font-size: 12px;
     cursor: pointer;
     line-height: 1.471;
}
.Single_page .regulations .select-category .user_filter:hover,.Single_page .quiz-box .select-category .user_filter:hover,.Single_page .gallery .select-category .user_filter:hover,.Single_page .signs .select-category .user_filter:hover {
    background: #f2dc84;
    color: #969191!important;
}
.Single_page .regulations .select-category .active,.Single_page .quiz-box .select-category .active,.Single_page .gallery .select-category .active,.Single_page .signs .select-category .active {
    background: #ffcc00 !important;
    color: #34495e!important;
    font-weight: 600;
}
 .Single_page .regulations .path {
     display: inline-flex;
     list-style: none;
     text-align: right;
     width: 100%;
     color: #8a8a8a;
     padding: 0;
     font-size: 16px;
}
.Single_page .regulations .path li {
     line-height: 0;
}
.Single_page .regulations .path a {
     color: #8a8a8a;
     text-decoration: none;
}
 .Single_page .regulations .path a:hover {
     color: #19589c;
}
.Single_page .regulations .path li:nth-child(1n+2):before {
     content: "/";
     color: #cfcfcf;
     letter-spacing: .4px;
     font-size: 13px;
     margin-left: 5px;
     padding-right: 5px;
     font-weight: 400!important;
}
 .Single_page .regulations .description {
     text-align: right;
     font-size: 15px;
     color: #444444;
     margin: 0 16px 10px 0;
}
.list_box {
    padding: 20px;
    /* background: #e8e8e8; */
    border-radius: 10px;
    margin-top: 18px;
    width: 100%;
}
.possibilities .road{
	position: absolute;
    left: 0;
    width: 510px;
	z-index: 3;
} 
.possibilities img{
	height: 200px;
    margin-top: 42px;
}
.possibilities{
    font-family: IRANSans;
    background: #8b8b8b;
    border-top: solid 6px #777777;
    padding-bottom: 20px;
}
.possibilities_btn {
	z-index: 6;
}
.possibilities .question{
	position: absolute;
    right: -40px;
    margin-top: -12px;
    height: 40px;
    transform: rotate(15deg);
}
.possibilities h2{
	padding-top: 70px;
    font-size: 22px;
    color: #ffd22d;
	text-align: right;
}
.possibilities p{
	text-align: justify;
    direction: rtl;
    color: white;
    font-size: 13px;
    line-height: 32px;
    margin-top: 20px;
}
.possibilities .btn-join{
	background:#ffc107!important;
	border: solid 2px white!important;
	margin-top: 150px;
	padding: 10px 25px;
}
.possibilities_arrow {
    width: 100%;
    z-index: 2;
    position: absolute;
    right: 0;
    margin-top: -1px;
}
.possibilities_bottom_bg{
	position:absolute;
	left:0;
	-webkit-mask-image: url('../images/main-msk.png');
    mask-image: url('../images/main-msk.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	width:100%;
	z-index: -1;
}
.videoSection .video .vidchaVideo{
	height: 200px;
	border-radius:10px;
}
.videoSection .video{
	margin-top: 80px;
}
.videoSection{
	font-family: IRANSans;
	padding-bottom: 32px;
    padding-top: 50px;
}
.videoSection .logo{
	position: absolute;
    right: -40px;
    margin-top: -8px;
    height: 40px;
}
.videoSection h2{
    font-size: 22px;
    color: #fecc09;
	text-align: right;
	font-family: IRANSans;
	direction: ltr;
}
.videoSection p{
	text-align: justify;
    direction: rtl;
    color: #cbcbcb;
    font-size: 13px;
    line-height: 32px;
    margin-top: 20px;
	font-family: IRANSans;
}
.package{
	margin-bottom:50px;
	padding-top:80px;
}
.package .item	img{
	height: 20px;
    margin-left: 12px;
}
.package .item	p{
	direction: rtl;
    padding: 0 22px;
    font-size: 14px;
    font-weight: 400;
    text-align: right;	
}
.package .item h3{
	background: #535353;
    text-align: center;
    font-size: 16px;
    padding: 18px;
    color: white;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
	margin-bottom: 25px;
	background: linear-gradient(45deg, #535353, #3c3b3b);
}
.package .item .btn-area .btn-primary {
	padding: 8px 48px;
}
.package .item .btn-area{
    text-align: center;
    position: absolute;
    bottom: 20px;
	text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    max-width: 288px;
}
.package .item .vip{
	background:#4686C6!important;
	background: linear-gradient(45deg, #4686C6, #31669a)!important;
}
.package .item .degree{
	position: absolute;
    margin-top: -50px;
    height: 48px;
    margin-left: 4px;
}
.package .item{
	max-width: 291px;
	font-family: IRANSans;
	height: 440px;
    background: white;
    border: solid 1px #707070;
    border-radius: 20px;
	box-shadow: 2px 1px 14px #00000070;
	margin: 0 auto;
}
.supervisor .item p{
	background: #ffc00291;
    color: white;
    padding: 8px;
    font-size: 13px;
    position: relative;
    margin-top: -68px;
    text-align: center;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
.supervisor .item img{
	width: 100%;
    border: solid 1px #383838;
    border-radius: 15px;
}
.supervisor h4,
.color-white{
	color:white;	
}
.supervisor .item{
	padding:20px;
}
.supervisor{
	font-family: IRANSans;
	text-align:center;
	padding-bottom: 2px;
	overflow: hidden;
    z-index: 1;
}
.news_homepage a{
	text-decoration:none!important;
}
.news_homepage  h5{
	text-align: center;
	margin-top: 28px;
	color: #fecc09;
}
.news_homepage .news_row .item:hover h6{
	color: #add5ff;
}
.news_homepage .news_row .item{
		cursor:pointer;
}
.news_homepage .news_row .item h6{
	text-align: right;
	color: #fadc80!important;
}
.news_homepage .news_row .item p{
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
    direction: rtl;
    font-size: 13px;
    line-height: 26px;
	color: #bbbbbb;
}
.news_homepage .news_row .item img{
	width: 100%;
    border-radius: 5px;
}
.news_homepage .newsletters p{	
	text-align: justify;
    direction: rtl;
    color: #dbedff;
    font-size: 15px;
    line-height: 28px;
}
.news_homepage .newsletters .newsletters_messages{	
	text-align: center;
    background: #aacff5;
    padding: 6px 0;
    border-radius: 6px;
    border: solid 1px #383636f0;
    font-weight: 600;
}
.news_homepage .newsletters input[type=text]{	
	width: 100%;
    text-align: center;
    padding: 5px;
    border: solid 1px #636363;
    border-radius: 4px;	
}
.news_homepage .latestNews{
	padding-bottom: 20px;
	background: linear-gradient( #3a3939, #1f1f1f);
}
.news_homepage .newsletters .btn-primary{
	padding: 8px 58px;
    background: #383737;
    border-color: #302f2f;
}
.news_homepage .newsletters{
	padding-bottom: 20px;
	background: linear-gradient( #4686c6, #3a6590);
	background-image:url('../images/subscribe_bg.png');
	background-color:#4686c6;
	padding: 0 60px;	
	text-align: center;
	background-size: cover;	
	padding-top:2%;
}
.news_homepage{
	border-top: solid 5px #ff9007;
	overflow: hidden;
    width: 100%;
	font-family: IRANSans;
	background:#303030;
	color:white;
}
.news_homepage .news_row .news_image {
	width: 100%;
	height: 120px;
	background-position: center;
	background-size: cover;
	border-radius: 5px;
	border: solid 1px #575757;
}
.line{
	width:100%;
	height:1.5px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
 /* User Area   */
.user_area{
	font-family: IRANSans !important;
	min-height: 87vh;
	background: #fff;
	width: calc(100% - 32px);
	margin: 0 auto;
	margin-top: 3vh;
	border-radius: 30px;
	box-shadow: 0px 0px 12px #7575754a;
	display: flex;
	overflow: hidden;
	margin-bottom: 20px;
}
.user_area .sideBar .logo .name{
		margin-right:10px;
}
.user_area .sideBar .logo img{
	height:34px;
}
.user_area .sideBar .links span{
	margin-right: 12px;
	font-size: 14px;
	color: #aaaaaa;
}
.user_area .sideBar .links .active span{
	color:black!important;
}
.user_area .sideBar .links .active img{
	opacity:1;
}
.user_area .sideBar .links div:hover span{
		color:#fdd0217d!important;
}
.user_area .sideBar .links div:hover img{
		opacity:1;
} 
.user_area .sideBar .links a{
	text-decoration:none;
}
.user_area_login_page .MainForm .code-repeat {
	margin-bottom: 30px;
}
.user_area_login_page .MainForm .code-repeat a {
	text-decoration: none !important;
}
.user_area_login_page p{
	font-size: 14px;
    color: #8a8a8a;
	text-align:center;
}
.user_area_login_page h1{
	font-size: 16px;
    text-align: center;
	margin-bottom: 15px;
    color: #171717;
}
.user_area_login_page .tools {
	height: 30px;
}
.user_area_login_page .tools .backTo {
	color: #838383;
    padding: 6px;
    position: relative;
    top: 23px;
	cursor: pointer;
}
.user_area_login_page .logo img{
	width: 110px;
	/* -webkit-animation: user_login_logo 30s infinite linear; */
}
@-webkit-keyframes user_login_logo {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
.user_area_login_page .logo{
	width: 100%;
    text-align: center;
    margin-top: 28px;
	margin-bottom: 17px;
}
.user_area_login_page button{
	padding: 6px 47px;
	box-shadow: 0px 0px 12px #1313133d;
}
.user_area_login_page input[name=username]{
	-moz-appearance:textfield;	
}
.user_area_login_page inpu[type=number]t::-webkit-outer-spin-button,
.user_area_login_page input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.user_area_login_page .alertSystem .alert{
	padding: 7px;
	font-size: 14px;
	box-shadow: 0px 0px 12px #1313133d;
}
.user_area_login_page input[type=text],.user_area_login_page input[type=number],.user_area_login_page input[type=password]{
	width: 100%;
	padding: 6px 6px;
	border-radius: 6px;
	border: solid 1px #b5b3b3;
	border-bottom: 2px solid #0060df;
	font-size: 14px;
	box-shadow: 0px 0px 12px #1313133d;
	text-align: center;
}
.user_area_login_page input[type="text"], .user_area_login_page input[type="number"], .user_area_login_page input[type="password"]:focus {
  border-bottom: none;
  outline: 0 none;
}
.user_area_login_page .MainForm .col-12 i{
	position: absolute;
	top: 58px;
	left: 24px;
	font-size: 14px;
}
.user_area_login_page input[type="text"], .user_area_login_page input[type="number"], .user_area_login_page input[type="password"]:focus-visible {
  border-bottom: 2px solid #0060df;
  outline: 0 none;
}
.user_area_login_page .btn-info {
	color: #000;
    background-color: #ffcb02;
    border-color: #d9ae07;
}
.user_area_login_page .login .forget_password:hover{
		/* color:#ffcb02; */
}
.user_area_login_page .login .forget_password{
	color: #fff;
    /* font-size: 13px; */
	cursor:pointer;
}
.user_area_login_page .login{
	/* background: #bdbdbd; */
    max-width: 350px;
    margin: 0 auto;
    border-radius: 30px;
    /* box-shadow: 3px 7px 20px 0px #dadbdf6e; */
	display:flex;
}
.user_area_login_page .login-form{
	margin-top: 6%;
}
.user_area_login_page .buy-account{
    margin-top: 2%;
}
.user_area_login_page .buy-account .MainForm .selectors select {
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
}
.user_area_login_page .login .alert-warning{
	color: #954752;
    background-color: #ffdede;
    border-color: #d79898;
	line-height: 26px;
    text-align: center;
    list-style: none;
    font-size: 14px;
}
.user_area .dashbord .selection .holderImg {
	height:24px!important;
}
.user_area_login .MainForm .code-repeat {
	margin-bottom: 30px;
}
.user_area_login .MainForm .code-repeat a {
	text-decoration: none !important;
}
.user_area_login p{
	font-size: 14px;
    color: #ffffff;
	text-align:center;
}
.user_area_login h1{
	font-size: 16px;
    text-align: center;
	margin-bottom: 15px;
    color: #171717;
}
.user_area_login .tools {
	height: 30px;
}
.user_area_login .tools .backTo {
	color: #838383;
    padding: 6px;
    position: relative;
    top: 23px;
	cursor: pointer;
}
.user_area_login .logo img{
	width: 90px;
	-webkit-animation: user_login_logo 30s infinite linear;
}
@-webkit-keyframes user_login_logo {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
.user_area_login .logo{
	width: 100%;
    text-align: center;
    margin-top: 28px;
}
.user_area_login button{
	padding: 6px 25px;
}
.user_area_login input[name=username]{
	-moz-appearance:textfield;	
}
.user_area_login input::-webkit-outer-spin-button,
.user_area_login input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.user_area_login input[type=text],[type=number],[type=password]{
	width: 100%;
    padding: 6px 6px;
    border-radius: 4px;
    border: solid 1px darkgrey;
    font-size: 15px;
}
.user_area_login .btn-info {
	color: #000;
    background-color: #ffcb02;
    border-color: #d9ae07;
}
.user_area_login .login .forget_password:hover{
		color:#ffcb02;
}
.user_area_login .login .forget_password{
	color: #404040;
    font-size: 13px;
	cursor:pointer;
}
.user_area_login .login{
	background: #bdbdbd;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 30px;
    box-shadow: 3px 7px 20px 0px #dadbdf6e;
	display:flex;
}
.user_area_login .login-form{
	margin-top: 6%;
}
.user_area_login .buy-account{
    margin-top: 2%;
}
.user_area_login .buy-account .MainForm .selectors select {
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
}
.user_area_login .login .alert-warning{
	color: #954752;
    background-color: #ffdede;
    border-color: #d79898;
	line-height: 26px;
    text-align: center;
    list-style: none;
    font-size: 14px;
}
.user_area .dashbord .selection .holderImg {
	height:24px!important;
}
.user_area .dashbord .selection .title{
	padding: 0!important;
    position: relative!important;
    top: 1px!important;
    border-bottom: solid 1px #d1d2d3!important;
    padding-bottom: 14px!important;
    font-size: 15px!important;
}
.user_area .dashbord .selection{
	background: #f3f5f7;
    border: solid 1px #b9b9b994;
    border-radius: 8px;
    padding: 28px;
	text-align:right;
}
.user_area .content{
	width: 100%;
}
.user_area .content .bg{
	height: 62vh;
	background: linear-gradient(-18deg, #528bc8, #70d3f6);
    border-bottom-right-radius: 180px;
    width: 50vw;
    float: left;
	position: absolute;
    left: 16px;
	border-top-left-radius: 31px;
}
.user_area .content .datas{
    left: 16px;
	padding: 20px 20px 0 20px;
}
.user_area .dashbord .selection .title{
	padding: 0!important;
    position: relative!important;
    top: 1px!important;
    border-bottom: solid 1px #d1d2d3!important;
    padding-bottom: 14px!important;
    font-size: 15px!important;
}
.user_area .dashbord .selection{
	background: #f3f5f7;
    border: solid 1px #b9b9b994;
    border-radius: 8px;
    padding: 28px;
	text-align:right;
}
.user_area .content{
	width: 100%;
}
.user_area .content .bg{
	height: 62vh;
	background: linear-gradient(-18deg, #528bc8, #70d3f6);
    border-bottom-right-radius: 180px;
    width: 50vw;
    float: left;
	position: absolute;
    left: 16px;
	border-top-left-radius: 31px;
}
.user_area .content .datas{
    left: 16px;
	padding: 20px 20px 0 20px;
}
.user_area .content .datas .path{
	display: inline-flex;
	list-style: none;
	text-align: right;
	width: 100%;
	color: #8a8a8a;
	padding: 0;
	font-size: 16px;
	border-bottom: 1px solid #0060df3d;
	padding-bottom: 14px;
}
.user_area .content .datas .path a{
    color: #8a8a8a;
	text-decoration: none;
}
.user_area .content .datas .path a:hover{
    color: #19589c;
}
.user_area .content .datas .video {
	text-align: center;
}
.user_area .content .regulations .video video {
	width: 50%;
	border-radius: 12px;
	box-shadow: 0px 0px 12px #00000091;
}
.user_area .content .datas .path li {
	margin-left: 5px;
}
.user_area .content .datas .path li:nth-child(1n+2):before{
	content: "/";
    color: #cfcfcf;
    letter-spacing: .4px;
    font-size: 13px;
    margin-left: 5px;
    padding-right: 5px;
    font-weight: 400!important;
}
.user_area .content .datas .holderImg{
	height: 28px;
	float: right;
	padding-left: 12px;
	border: unset;
	width: unset;
	filter: brightness(1) invert(0.7);
}
.user_area .content .datas .title{
text-align: right;
padding: 10px 0;
  padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: solid 1px #0060df3d;
padding-bottom: 18px;
color: #0060df;
}
.user_area .content .datas h1{
	font-size: 16px;
}
.user_area .content .datas .description{
	text-align: right;
	font-size: 14px;
	color: #313131;
	text-align: justify;
	line-height: 26px;
	margin-bottom: 20px;
}
.user_area .content .datas .item div:hover h2{
	color: #346396;
}
.user_area .content .datas .item a{
		text-decoration:none;
}
.user_area .content .datas .item .thumbnail p {
	direction: ltr;
    text-align: center;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 2px;
    font-size: 12px;
    right: 2px;
    background: rgba(0, 0, 0, 0.53);
    border-radius: 5px;
    padding: 4px 8px 3px;
	z-index: 12;
}
.user_area .content .datas .item .thumbnail .lock_bg {
	cursor: unset;
    position: absolute;
    width: 100%;
    height: 100%;
    border: unset;
    background: #00000094;
}
.user_area .content .datas .item .thumbnail .lock {
	 font-size: 50px;
	 color: white;
	 margin: 0;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
.user_area .content .datas .item .thumbnail:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.user_area .content .datas .item .thumbnail:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.user_area .sideBar	.links img{
	width: 20px;
	opacity: 0.35;
}
.user_area .sideBar .logo .account-type {
	display: block;
	color: #262525;
	background-color: #fff;
	font-size: 10px;
	white-space: nowrap;
	padding: 8px 28px 8px 8px;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	right: 0px;
	box-shadow: 0px 0px 12px #13131321;
	transform: translateY(5px);
	left: 0px;
	width: fit-content;
	margin: 0 auto;
	border: 1px solid #0060df;
}
.user_area .sideBar .logo .account-type i{
	font-size: 16px;
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 10px;
	color: #0060df;
}
.user_area .sideBar .logo .expire{
	font-size: 12px;
	color: #9d9d9d;
	margin-bottom: 5px;
} 
.user_area .sideBar .logo .name{
	color: #313131;
	text-align: center;
	margin: 0 auto;
}
.user_area .sideBar .logo{
	margin-bottom: 46px;
	text-align: center;
}
.user_area .sideBar .logo img{
	height: 64px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.user_area .sideBar{
  font-family: IRANSans !important;
  width: 350px;
  text-align: right;
  padding-top: 0px;
}
.user_area .sideBar .slicer{
	border-left: solid 1px #0060df3d;
	height: 100%;
	padding-top: 40px;
}
.user_area .sideBar .links div{
	margin-bottom:25px;
	cursor: pointer;
}
.user_area .sideBar .links .active span{
	color: #0060df !important;
}
.user_area .sideBar .links .active img{
	opacity:1;
}
.user_area .sideBar .links div:hover span{
	color: #0060df !important;
}
.user_area .sideBar .links div:hover img{
		opacity:1;
}
.user_area .sideBar .links a{
	text-decoration:none;
}
.user_area .sideBar .links{
padding-right: 8px;
margin-top: 15vh !important;
}
.user_area .sideBar .links .holderImg{
	z-index: 50;
    position: relative;
}
.user_area .sideBar .active .holderImg{
	position: relative;
    z-index: 50;
    left: 11px;
}
.user_area .sideBar .deactive .holderImg{
	right:0;
	filter: brightness(1) invert(0.7);
}
.user_area .sideBar .links .holder{
background: #0060df;
height: 40px;
width: 46px;
position: absolute;
top: -7px;
right: -11px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
z-index: 1;
box-shadow: 0px 0px 12px #1313136e;
}
.user_area .sideBar	.links img{
	width: 20px;
	opacity: 0.35;
}

 .user_area .nothing_anwer{
	text-align: center;
    margin: 0 auto;
    margin-top: 150px;
    background: #ffbc3396;
    padding: 28px;
    border: solid 1px #42516d69;
    border-radius: 9px;
    box-shadow: 0px 2px 13px #0000002e;
    width: fit-content;
 }
 .user_area .nothing_anwer span{
	 color: #424242;
	 font-size: 15px;
 }
 .user_area .nothing_anwer p{
	color: #8e0a00;
 }
 .user_area .nothing_anwer img{
	height: 68px;
    margin-bottom: 16px;
 }
 
/*** Leitner Start ***/
.user_area .start_leitner{
	padding: 8px 50px;
}
.Single_page .leitner-box ul {
	color: #000000;
}
.user_area .leitner{
	text-align:right;
}
.user_area .leitner .complete-level {
	padding: 50px;
	text-align: center;
	color: #909090;
}
.user_area .leitner .complete-level i {
	font-size: 37px;
	border: 2px solid #4CAF50;
	border-radius: 100%;
	color: #4CAF50;
    height: 62px;
    width: 62px;
    display: -webkit-inline-box;
    text-align: center;
    padding-right: 3px;
    padding-top: 4px;
}
.user_area .leitner .complete-level h1 {
	margin-top: 20px;
}
.user_area .leitner li,.Single_page #accountingView li{
	color: #7d7d7d;
}
.Single_page .leitner-box #user_leitner {
	width: 100%;
}
.user_area .leitner #user_leitner .progressbar-wrapper,.Single_page .leitner-box #user_leitner .progressbar-wrapper{
	padding-top:50px	
}
.user_area .leitner #user_leitner .progressbar-body,.Single_page .leitner-box #user_leitner .progressbar-body {
	
	text-align:center;
}
.user_area .leitner #user_leitner .progressbar-body div,.Single_page .leitner-box #user_leitner .progressbar-body div{
	width: 12%;
	display:inline-block;
}
.user_area .leitner .progressbar-body .f,.Single_page .leitner-box .progressbar-body .f{	
	color: #999999;
}
.user_area .leitner .progressbar-body .s,.Single_page .leitner-box .progressbar-body .s{	
	color: #cccccc;
}
.user_area .leitner #user_leitner .progressbar-body .item:hover img,.Single_page .leitner-box #user_leitner .progressbar-body .item:hover img{
  animation: leitner_box 0.4s;
  position:relative
}
@keyframes leitner_box {
  0%   {left:0px}
  10%  {left:-5px}
  20%  {left:0px}
  30%  {left:5px}
  40%  {left:0px}
  50%  {left:-5px}
  60%  {left:0px}
  70%  {left:5px}
  80%  {left:0px}
  9%   {left:-5px}
  100% {left:0px}
  
}	
.user_area .leitner #user_leitner .progressbar-body .item:hover,.Single_page .leitner-box #user_leitner .progressbar-body .item:hover{	
	cursor:pointer;
}
.user_area .leitner #user_leitner .progressbar-body .f,.user_area .leitner #user_leitner .progressbar-body .s,.Single_page .leitner-box #user_leitner .progressbar-body .f,.Single_page .leitner-box #user_leitner .progressbar-body .s{	
	font-size: 12px;
	display: block;
    margin-top: 4px;
    margin-bottom: -5px;
}
.user_area .leitner #user_leitner .progressbar-body p,.Single_page .leitner-box #user_leitner .progressbar-body p{
	font-weight: 500;
	margin-top: 6px;
    font-size: 15px;
	margin-bottom: 0;
	color: #ffc200;
}
.user_area .leitner #user_leitner .progressbar-body img,.Single_page .leitner-box #user_leitner .progressbar-body img{
	height: 72px;
    width: 72px;
}
.user_area .leitner #user_leitner .card_viewer,.Single_page .leitner-box #user_leitner .card_viewer{
	padding: 20px;
}
.user_area .leitner #user_leitner .card_viewer .sign,.Single_page .leitner-box #user_leitner .card_viewer .sign {
	width: 300px;
	display: block;
	margin: 0 auto;
	box-shadow: 3px 6px 6px 0px #00000014;
	border-radius: 8px;
	border: solid 1px #f4f4f4;
}
.user_area .leitner #user_leitner .card_viewer .cover,.Single_page .leitner-box #user_leitner .card_viewer .cover{
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.user_area .leitner #user_leitner .card_viewer .black_cover,.Single_page .leitner-box #user_leitner .card_viewer .black_cover {
	width: 300px;
	height: 300px;
	border-radius: 8px;
	background: #141414d1;
	position: absolute;
	text-align: center;
	padding-top: 130px;
}
.user_area .leitner #user_leitner .card_viewer .control_btn,.Single_page .leitner-box #user_leitner .card_viewer .control_btn{
	color: #ffffff;
	font-size: 15px;
	text-align: center;
}
.user_area .leitner #user_leitner .card_viewer .control_btn span{
	padding: 6px 14px;
	border-radius: 5px;
	margin: 0 2px;
	margin-bottom: 5px;
	cursor: pointer;
	height: 34px;
	width: 162px;
	display: inline-block;
}
.Single_page .leitner-box #user_leitner .card_viewer .control_btn span {
	padding: 3px 14px;
	border-radius: 5px;
	margin: 0 2px;
	margin-bottom: 5px;
	cursor: pointer;
	height: 34px;
	width: 162px;
	display: inline-block;
}
.user_area .leitner #user_leitner .card_viewer .control_btn span:hover,.Single_page .leitner-box #user_leitner .card_viewer .control_btn span:hover{
	opacity: 0.8;
}
.user_area .leitner #user_leitner .card_viewer .control_btn span i,.Single_page .leitner-box #user_leitner .card_viewer .control_btn span i{
	position: relative;
	top: 2px;
}
.user_area .leitner #user_leitner .card_viewer .control_btn .user_answer[answer=true],.Single_page .leitner-box #user_leitner .card_viewer .control_btn .user_answer[answer=true] {
	background: #4CAF50;
}
.user_area .leitner #user_leitner .card_viewer .control_btn .user_answer[answer=false],.Single_page .leitner-box #user_leitner .card_viewer .control_btn .user_answer[answer=false] {
	background: #F44336;
}
.user_area .leitner #user_leitner .card_viewer .control_btn .result,.Single_page .leitner-box #user_leitner .card_viewer .control_btn .result {
	background: #2196F3;
}
.user_area .leitner .leitner_locker,.Single_page .leitner-box .leitner_locker{
	padding: 50px;
    width: fit-content;
    margin: 0 auto;
    border: solid 1px #f2f2f2;
    background: #fbfcfc;
    border-radius: 8px;
    margin-top: 5%;
}
.user_area .leitner .leitner_locker h1{
	color: #b5b5b5;
    font-weight: 300;
    font-size: 17px;
}
.Single_page .leitner-box .leitner_locker h1 {
	color: #b5b5b5;
    font-weight: 300;
    font-size: 17px;
	margin: 0;
}
.user_area .leitner .leitner_locker h1 strong,.Single_page .leitner-box .leitner_locker h1 strong{
    color: #7b7b7b;
    font-weight: 500;
}
.user_area .leitner .leitner_locker i,.Single_page .leitner-box .leitner_locker i{
	font-size: 50px;
    color: #999999;
}
.user_area .leitner .leitner_locker p,.Single_page .leitner .leitner_locker p{
	color: #c9c9c9;
    font-size: 13px;
}
/**** Leitner End ****/

	/* quiz */
.user_area .question_box,.Single_page .question_box {
	width: 100%;
	background: #eeeeee;
	border-radius: 12px;
	margin-top: 25px;
	overflow: hidden;
	border: solid 1px #0060df3d;
	box-shadow: 0px 0px 12px #1313136e;
}
.user_area .disable_btn p{
	color: #e8e8e8!important;
}
.user_area .disable_btn,.Single_page .disable_btn{
	cursor: no-drop!important;
	background: #679ee6 !important;
}
.user_area .mr20{
	margin-right:20px;
}
.user_area .quiz-title,.Single_page .quiz-title {
	font-size: 17px;
    text-align: right;
    margin-top: 12px;
	color: #3d3c37;
}
.user_area .box_header,.Single_page .box_header {
	border-bottom: 1px solid #528bc8;
}
.user_area .time p,.Single_page .time p {
direction: ltr;
display: inline-block;
margin: 0;
color: #fff;
}
.user_area .time img,.Single_page .time img{
	margin-right:8px;
	position: absolute;
    left: 10px;
}
.user_area .time,.Single_page .time{
background: #0060df;
padding: 10px;
height: 100%;
text-align: right;
position: relative;
}
.user_area .quiz p,.Single_page .quiz p{
	display: inline;
	margin-right:8px;
}
.user_area .quiz,.Single_page .quiz {
	padding-top: 18px;
	text-align:right;
	font-size: 14px;
    font-weight: 500;
}
.user_area .quiz{
	min-height: auto;
}
.user_area .question_box .full_result,.Single_page .question_box .full_result {
	padding-bottom: 20px;
}
.user_area .quiz .attach_toEnd,.Single_page .quiz .attach_toEnd {
	position: relative;
    width: 100%;
    bottom: 10px;
}
.user_area .box_footer .footer_button,.Single_page .box_footer .footer_button {
background: #0060df;
padding: 10px;
text-align: center;
cursor: pointer;
color: #fff;
}
.user_area .box_footer .result_button,.Single_page .box_footer .result_button {
	background:#8e9399;
}
.user_area .box_footer .footer_result_button p,.Single_page .box_footer .footer_result_button p {
	margin:0;
	cursor:pointer;
	text-align:center;
}
.user_area .box_footer .footer_button p, .Single_page .box_footer .footer_button p  {
	margin:0;
	color:#fff;
	font-weight: 500;
}
.user_area .full_result .result-box,.Single_page .full_result .result-box {
	border-radius: 5px;
	text-align: center;
	box-shadow: 0 0 5px 0px #0000006b;
	background-image: url("/images/subscribe_bg.png");
	background-position: center;
	background-size: 600px;
}
.user_area .full_result .result-box .header,.Single_page .full_result .result-box .header {
	border-radius: 5px 5px 0 0;
	padding: 20px 0 0 0;
    font-size: 20px;
    font-weight: 500;
}
.user_area .full_result .true-answers,.Single_page .full_result .true-answers {
	color: #e9f4ff;
    background-color: #8bc34a;
}
.user_area .full_result .none-answers,.Single_page .full_result .none-answers {
	background-color: #ffc107;;
    color: #e9f4ff;
}
.user_area .full_result .wrong-answers,.Single_page .full_result .wrong-answers {
	background-color: #f44336;
	color: #e9f4ff;
}
.user_area .full_result .time-duration,.Single_page .full_result .time-duration {
	background-color: #1c9cb3;
	color: #e9f4ff;
}
.user_area .full_result .content,.Single_page .full_result .result-box .content {
	font-weight: 500;
	font-size: 4em;
	padding: 30px;
	border-radius: 0 0 5px 5px;
}
.user_area .full_result .quiz-btn span[type=invalid],.Single_page .full_result .quiz-btn span[type=invalid]{
	background-color: #f44336 !important
}
.user_area .full_result .quiz-btn span[type=valid],.Single_page .full_result .quiz-btn span[type=valid]{
	background-color: #8bc34a !important;
}
.user_area .full_result .quiz-btn span,.Single_page .full_result .quiz-btn span{
	background-color: #ffc107;
    display: block;
    padding: 5px 0;
    border-radius: 6px;
    border: solid 1px #dadada;
}
.user_area .full_result .help-btn,.Single_page .full_result .help-btn {
	width: 37.3px;
	height: 36px;
}
.user_area .full_result .quiz-btn,.Single_page .full_result .quiz-btn {
	padding: 2px;
}
@keyframes qqq {
  0%   {background: red;}
  50%  {background: #770101;}
  100% {background: red;}
}
.user_area .time_animation {
	 animation:qqq 1s infinite;
}

.user_area .datas .quiz-item .modal{
		font-family: iransans;
}
.modal .modal-footer button {
    padding: 6px 17px;
    font-size: 14px;
}
.modal .modal-footer{
	padding: 12px;
    padding-left: 12px;
}
.user_area .modal .modal_quiz label,.Single_page .modal .modal_quiz label{
	margin-right: 10px;
}
.user_area .modal .trust-answer,.Single_page .modal .trust-answer{
	background: #4CAF50;
    color: white;
    padding: 2px 9px;
    border-radius: 5px;
}
.user_area .modal .invalid-answer,.Single_page .modal .invalid-answer{
	background: #a71106;
    color: white;
    padding: 2px 9px;
    border-radius: 5px;
}
.user_area .modal .modal_quiz,.Single_page .modal .modal_quiz{
		text-align:right;
}
.user_area .modal .answers div{
		text-align:right;
}
.modal .modal-title{
    font-size: 15px;
}
.modal .modal-header{
    height: 55px;
}
/* quiz */
/* report card  */
.user_area .content .report-card .items:hover{
	border:solid 1px #778790;
}
.user_area .content .report-card .items:hover .main-title{
	background:#013880;
}
.user_area .content .report-card .items {
	cursor: pointer;
    padding: 15px;
    border: solid 1px #c3c0c0;
    border-radius: 8px;
    background: #f8f8f8;
    font-size: 12px;
    box-shadow: 0px 4px 11px #00000017;
}
.user_area .content .report-card .items a{
	text-decoration: none;
}
.user_area .content .report-card .items hr{
	margin: 8px 0 8px 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(223,222,222,1), rgba(162,156,156,1), rgba(223,222,222,1));
}
.user_area .content .report-card .items .main-title {
color: #fff;
font-weight: 700;
text-align: center;
margin-bottom: 8px;
background: #0060df;
padding: 10px 2px;
}
.user_area .content .report-card .items .item-title {
	text-align: right;
    color: #414141;
    font-weight: 600;
}
.user_area .content .report-card .items .item-res {
	text-align: left;
    color: #063f58;
	font-weight: 600;
}
/* report card  */
.user_area .datas {
	font-family:IRANSans!important; 
}
.user_area .datas .quiz-item h1{
	font-size: 18px;
    text-align: right;
    margin-bottom: 30px;
    margin-top: 12px;
	color:#fdd129
}
.user_area .datas .quiz-item .quiz .row{
	min-height: 160px;
}
.user_area .datas .quiz-item .quiz {	
    padding: 0px;
    border: solid 1px #969696;
    border-radius: 8px;
    background: #f8f8f8;
    font-size: 14px;
    box-shadow: 0px 4px 11px #00000017;
	margin-bottom: 12px;
}
.user_area .datas .quiz-item .quiz .row{
	margin: 0;
}
.user_area .datas .quiz-item .quiz .quiz-label {
	border-right: 1px solid #bdbdbd;
	padding:0;
	overfollow:hidden;
	background:#0060df;
	color: #fff;
}
.user_area .datas .quiz-item .quiz .quiz-result {
	border-left: 1px solid #bdbdbd;
    padding: 0;
}
.user_area .datas .quiz-item .quiz .quiz-result div {
	position: relative;
	text-align: right;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 8px;
	font-size: 12px;
}
.user_area .datas .quiz-item .quiz .quiz-result div:first-child {
	text-align: center;
}
.user_area .datas .quiz-item .quiz .quiz-result div:last-child {
	border: 0;
}
.user_area .datas .quiz-item .quiz .quiz-result div span {
	position: absolute;
    left: 7px;
}
.user_area .datas .quiz-item .quiz .vertical-align {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.user_area .datas .quiz-item .quiz .quiz-item {
    padding: 8px;
    color: #f5fef2;
    border-radius: 5px;
}
.user_area .datas .quiz-item .time{
	font-size: 13px;
    font-weight: 600;
	padding: 13px 0!important;
    background: #525252;
    color: white;
	height: auto;
    border-top-right-radius: 6px;
}
.user_area .datas .quiz-item .quiz .Score{
    padding: 0;
    font-size: 20px;
    text-align: center;
    padding: 4px 0;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
.user_area .datas .quiz-item .quiz .lable_Score{
	text-align: center;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0;
}
.user_area .datas .quiz-item .quiz .lable img{
	height: 64%;
}
.user_area .datas .quiz-item .quiz .lable{
	width: 100%;
    height: 76px;
    text-align: center;
    padding-top: 15px;
}
.user_area .datas .quiz-item .quiz .lable img{
	width: 50px;
    height: 50px;
}
.user_area .datas .quiz-item .quiz .quiz-answers {
	padding-top: 6px;
	text-align: center;
    margin-top: 12px;
}
.user_area .datas .quiz-item .quiz .quiz-answers .quiz-btn span {
	cursor: pointer;
	background-color: #e8e8e8;
    display: block;
    padding: 5px 0;
    border-radius: 3px;
    border: solid 1px #c1c1c1;
    max-width: 35px;
    margin: 0 auto;
	font-weight: 600;
}
.user_area .datas .quiz-item .quiz .slice_equal {
	width: 10%;
    padding: 0 0.5%; 
}	
.user_area .datas .quiz-item .quiz .quiz-answers .quiz-btn span[type=valid] {
    background-color: #90e36e !important;
}
.user_area .datas .quiz-item .quiz .quiz-answers .quiz-btn span[type=invalid] {
    background-color: #e75656 !important;
}

.user_area .datas .quiz-item .modal{
		font-family: iransans;
}
.user_area .datas .quiz-item .modal .modal-header .close{
	padding: 0;
    margin-left: 0;
    padding-top: 14px;
    padding-left: 5px;
}
.user_area .datas .quiz-item .modal .modal-footer{
	padding: 8px;
    padding-left: 16px;
}
.user_area .datas .quiz-item .modal .modal-header{
	padding: 14px;
}
.user_area .datas .quiz-item .modal .modal_quiz label{
	margin-right: 10px;
}
.user_area .datas .quiz-item .modal .trust-answer{
	background: #4CAF50;
    color: white;
    padding: 2px 9px;
    border-radius: 5px;
}
.user_area .datas .quiz-item .modal  .invalid-answer{
	background: #a71106;
    color: white;
    padding: 2px 9px;
    border-radius: 5px;
}
.user_area .datas .quiz-item .modal .modal_quiz{
		text-align:right;
}
.user_area .datas .quiz-item .modal .answers div{
		text-align:right;
}
.user_area .datas .quiz-item .modal .modal-title{
    font-size: 15px;
}
	/* report card */
@media screen and (max-width: 1200px)
{
	.user_area
	{
		width: 100%;
		padding: 0;
		margin: 0;
		border-radius: 0;
		min-height: calc( 100vh - 58px );
	}
}
/* Blog */
.Blog .Category_List {
    padding: 0;
    text-align: right;
    margin: 0;
}
.Blog .Category_List .title {
    line-height: 22px;
    font-size: 15px;
    text-align: right;
    background: white;
    padding: 17px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #842e2e;
    border-bottom: solid 2px #842e2e;
    margin: 0;
}
.Blog .Category_List i {
    color: #f7a816;
    font-size: 17px;
}
.Blog .Category_List li:hover {
    background: #0000000a;
    cursor: pointer;
}
.Blog .Category_List .active {
    background: #cecece94;
}
.Blog .Category_List li ul li{
	    font-size: 13px;
}
.Blog .Category_List li {
	display: inline-block;
    border-bottom: solid 1px #e4e4e4;
    padding: 4px 10px;
    width: 100%;
    background: #FFFFFF;
    font-size: 14px;
    color: #616060;
}
/* .institute{ */
#UserGroupModal .management .managementGroupList .result{
	padding: 0 15px 25px 15px;
}
#UserGroupModal .management .managementGroupList .title,
#absentModal .management .managementGroupList .title{
	background: #009688;
    color: white;
    text-align: center;
    padding: 8px;
    margin-bottom: 15px;
	border-bottom: solid 1px #057d72;
}
#UserGroupModal .management .managementGroupList ,
#absentModal .management .managementGroupList {
	margin: -8px 0 14px 0;
    border: solid 1px #ced4da;
    border-radius: 4px;
	overflow: hidden;
}
#UserGroupModal .lblCenter,#absentModal .lblCenter{
	right: 0!important;
    top: 25px!important;
    left: 0;
    padding-right: 0!important;
}
#UserGroupModal .search_result .row div,#absentModal .search_result .row div{
	padding: 6px 0 0 0;
	cursor:pointer;
	border-radius: 4px;
}
#UserGroupModal .search_result .row div p,#absentModal .search_result .row div p{
	margin: 0;
	font-size: 14px;
}
#UserGroupModal .search_result .row div:hover p,#absentModal .search_result .row div:hover p{
	color: #ffffff;	
}
#UserGroupModal .search_result .row div:hover,#absentModal .search_result .row div:hover{
	background: #6c757d;
    color: white;    
}
#UserGroupModal .search_result .tell,#absentModal .search_result .tell{
	color: #6c757d;
    margin: -6px 0 0 0;
    font-size: 14px;
	padding: 8px 0;
}
#UserGroupModal .search_result ,#absentModal .search_result{
	padding: 15px;
    border: solid 1px #ced4da;
    border-radius: 4px;
	margin-bottom:10px;
}
#UserGroupModal .btn-new ,#absentModal .btn-new { 
	background: #607d8b!important;
	display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.institute{
	font-family: IRANSans!important;
}
.institute .config-roll {
	padding-right: 0;
}
@media only screen and (max-width: 992px){
	.institute .config-roll {
		padding-right: 15px;
	}
}
.institute .body .HeadIcon{
	display:inline!important;
	color:#fecd0e;
}
.institute .body .event-content .event-type {
	padding: 10px;
	font-size: 12px;
}
.institute .body .event-content .event-type .nav .nav-item {
	cursor: pointer;
	color: #4267b2;
}
.institute .body .event-content .event-type .nav .nav-item:hover {
	color: #002061;
}
.institute .body .event-content .event-type .nav .active {
	color: #000000;
}
.institute .body .event-content .event-type .nav .nav-item i {
	margin-left: 3px;
}
.institute .body .event-content .tab-content .upload-photo-box {
	position: relative;
    margin: 10px;
	margin-bottom: 20px;
}
.institute .body .event-content .tab-content .upload-photo-box .image-preview {
	height: 410px;
	background-image: url(/images/default.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.institute .body .send-post-loading {
    background-color: #000000b8;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
}
.institute .body .add-post:hover {
	color: #fdc307;
	background: #3d3c37;
}
.institute .body .add-post {
    font-size: 16px;
    text-align: center;
    padding: 12px;
    cursor: pointer;
    background: #fdc307;
    color: #3d3c37;
    font-weight: 700;
}
.institute .body .wrapper-image {
	height: 410px;
	overflow: hidden;
}
.institute .body .content-image {
	height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
	cursor: pointer;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-o-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}
.institute .body .content-image:hover {
	transform:scale(1.2);
}
.institute .body .text-editor {
    padding: 10px;
}
.institute .body .text-editor input,.institute .body .upload-photo-box input {
    margin-bottom: 20px;
	font-size: 14px;
}
.institute .body .text-editor .richText-help {
	padding: 0 !important;
    position: absolute;
    bottom: 5px;
    right: 4px;
}
.institute .body .event-content .tab-content .upload-btns {
	text-align: right;
    margin: 10px;
    padding-top: 10px;
    font-size: 12px;
	border-top: 1px solid #dee2e6;
}
.institute .body .text-editor .richText-help .footer-btn {
    padding: 5px;
    width: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin-left: 5px;
    color: #ffffff;
	cursor: pointer;
}
.institute .body .event-content .tab-content .upload-btns .footer-btn {
    padding: 5px;
    width: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin-left: 1px;
    color: #ffffff;
	cursor: pointer;
    line-height: 1.4;
}
.institute .body .text-editor .richText-help .close-post,.institute .body .event-content .tab-content .upload-btns .close-post {
	background-color: #8d8c8c;
}
.institute .body .text-editor .richText-help .close-post:hover,.institute .body .event-content .tab-content .upload-btns .close-post:hover {
    background-color: #6c6969;
}
.institute .body .text-editor .richText-help .send-post,.institute .body .event-content .tab-content .upload-btns .send-post {
    background-color: #1aa501;
}
.institute .body .text-editor .richText-help .send-post:hover,.institute .body .event-content .tab-content .upload-btns .send-post:hover {
	background-color: #147802;
}
.institute .body .plus-icon {
	width: 14px;
    height: 14px;
    margin-left: 2px;
}
@media only screen and (max-width: 1200px){
    .institute .body .event-content .tab-content .upload-photo-box .image-preview {
        height: 310px !important;
    }
    .institute .body .wrapper-image {
        height: 310px !important;
    }
}
@media only screen and (max-width: 768px){
    .institute .body .event-content .tab-content .upload-photo-box .image-preview {
        height: 210px !important;
    }
	.institute .body .wrapper-image {
        height: 210px !important;
    }
}
@media screen and (max-width: 576px)
{
    .institute .body .wrapper-image {
       height: 150px !important;
    }
}

/* teacher */
 
.institute input::placeholder {
  color: #d7d7d7 !important;
  opacity: 1;
}
.institute input:-ms-input-placeholder {
  color: #d7d7d7 !important;
}
.institute input::-ms-input-placeholder {
  color: #d7d7d7 !important;
}
.institute .teacher-roll .item {
	padding-right: 0;
}
.institute .edit-teacher-box[status="active"] {
	opacity: 1;
}
.institute .edit-teacher-box[status="deactive"] {
	opacity: 0.4;
}
.institute .teacher .head[type=new] {
	padding: 12px;
	color: #ffffff;
	background-color: #4ac5f2;
}
.institute .teacher label,
.institute .teacher textarea,
.institute .teacher input{
	font-size:13px;
}
.institute .teacher input::-webkit-outer-spin-button,
.institute .teacher input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.institute .teacher input[type=number] {
  -moz-appearance: textfield;
}
.institute #SelectTeacherModal .row img{
	height:88px;
	border-radius:4px;
	border:solid 1px #c0c0c0;
}
.institute #SelectTeacherModal .teacher div{
	background:#f4f4f4;
	width:106px;
	margin:0 auto;
	text-align:center;
	padding:9px;
	border-radius:4px;
	border:1px solid #ececec;
}
.institute #SelectTeacherModal .teacher div:hover{
	color:white;
	background:#03a9f4;
}
.institute #SelectTeacherModal .teacher div p{
	margin:0px;
	font-size:13px;
	height:39px;
}
.institute #SelectTeacherModal .teacher:hover{
	cursor:pointer;
}
.institute #PartionModal .modal-body::-webkit-scrollbar-thumb {
  background: #cfcfcf; 
}
.institute #PartionModal .modal-body::-webkit-scrollbar {
  width: 6px;
}
.institute #institutesBuyPackage .modal-body div div:hover{
	opacity:0.7;
	cursor:pointer;
}
.institute #institutesBuyPackage .modal-body div div{
	border: solid 1px grey;
    border-radius: 10px;
	overflow: hidden
	  
}
.institute #institutesBuyPackage .modal-body a{
	text-decoration: none;
}
.institute #institutesBuyPackage .modal-body p{
	text-align: center;
    font-size: 13px;
    font-weight: 500;
	margin: 9px 0;
	color: #155887;
}
.institute #institutesBuyPackage .modal-body .price{
	color:#918f8f!important;
}
.institute #institutesNewUser input[type=number]::-webkit-outer-spin-button,
.institute #institutesNewUser input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.institute #institutesNewUser input[type=number]{
  -moz-appearance: textfield;
}

.institute #institutesNewUser label,
.institute #planningModal label{
		font-size:14px;
}
.institute #institutesNewUser input,
.institute #institutesNewUser select,
.institute #planningModal input,
.institute #planningModal select
{
		font-size:15px;
}
.institute #institutesBuyPackage .modal-body img{
	width: 100%;
}

.institute #PartionModal .modal-body::-webkit-scrollbar-track {
  background: #eaeaea; 
} 
.ticket .answer_message::-webkit-scrollbar-thumb {
	background: #43474adb; 
}
.ticket .answer_message::-webkit-scrollbar {
	width: 6px;
}
.ticket .answer_message::-webkit-scrollbar-track {
	background: #222223; 
}
.ticket .answer_message .closeTicketLBL{
	color: #ffffff;
    font-weight: 400;
    background: #f44336;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0px;
    margin-bottom: 4px;
}
.ticket .answer_message{
	height: 488px;
	overflow-y: scroll;
	padding: 15px 15px;
	background-image: url(../images/institutes/ticket_bg.png);
    background-color: #343a40;
	background-size: cover;
}
.ticket .answer_message .avatar{
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: solid 1px #343a40;
}
.ticket .answer_message .other .date{
	color: #181818e8;
}
.ticket .answer_message_sender .richText-editor{
	padding: 10px 10px;
}
.ticket .answer_message_sender .richText-toolbar{
		display:none;
}
.ticket .btn-send:hover {
	background: #2c624d;
    color: #cbcbcb;
}
.ticket .btn-send {
    color: #fff;
    background-color: #3c8065;
    border-color: #234839;
}
.ticket .btn-send:focus {
	outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(60 128 101 / 33%);
}
.ticket .answer_message .date{
	float: left;
    font-size: 13px;
    font-weight: 400;
    color: #757879;
	margin-right: 50px;
	direction: ltr;
}
.ticket .answer_message .name{
	display: block;
    font-weight: 500;
	margin-bottom: 8px;
	color:#fafafa;
}
.ticket .answer_message .me{
	display: flex;
}
.ticket .answer_message .me .message{
    margin-right: 5px;
    background: #2f3439;
    border: solid 1px #2b3137;
    margin-bottom: 6px;
    border-radius: 8px 0px 8px 8px;
    padding: 8px 12px;
    line-height: 27px;
    font-size: 14px;
    max-width: 60%;
    width: fit-content;
	box-shadow: 0px 2px 4px #00000082;
	color:#ffffffa6;
}
.ticket .answer_message .other{
	direction:ltr;
	display: flex;
}
.ticket .answer_message .other .message{
	margin-left: 5px;
    background: #3c8065;
    border: solid 1px #1c3f31;
    margin-bottom: 6px;
    border-radius: 0px 8px 8px 8px;
    padding: 8px 12px;
    line-height: 27px;
    font-size: 14px;
    max-width: 60%;
    width: fit-content;
    direction: rtl;
    box-shadow: 0px 2px 4px #00000082;
	color:#fafafadb;
}
.ticket_container .cpd:hover{
	    background: #3e434a;
		cursor:pointer;
}
.ticket #instituteTicket .modal-header button{
	color: white;
}
.ticket #instituteTicket .modal-header{
	background: #2b2f33;
    color: white;
	border-bottom: 1px solid #4c545c;
}
.ticket #instituteTicket .modal-footer{
	background: #343a40;
	border-top: 1px solid #676d73;
}
.ticket_container .rows div{
		padding: 8px;
		text-align:center;
}
.ticket_container .rows .title{
	    text-align: right!important;
}
.ticket_container .rows .date{
	color: #c2cedb;
}
.ticket_container .rows{
    border-bottom: 1px solid #63696f!important;
	color:#fafafa;
	width:100%;
	margin: 0;
	padding: 3px 0px;
    overflow: hidden;
}
.ticket_container{
	height: 450px;
    overflow-y: scroll;
	display: block!important;
	background: #343a40db;
}
#instituteTicket .new_ticket_container{
	padding: 15px 15px;
	background: #fafafa;
}
.ticket_container::-webkit-scrollbar-thumb {
  background: #43474adb; 
}
.ticket_container::-webkit-scrollbar {
  width: 6px;
}
.ticket_container::-webkit-scrollbar-track {
  background: #222223; 
}
.institute .notification .Iread{
	margin-top: 17px;
    position: relative;
    left: 0;
    float: left;
    margin-bottom: 0 !important;
}
.institute .ticket .ticket_btn .existMessage{
	position: absolute;
    font-size: 12px;
    color: white;
    background: #f44336;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: -9px;
    left: 1px;
    text-align: center;
    padding: 2px 1px 0px 0;
	animation-name: Institute_existMessage;
    animation-duration: 2s;
	 animation-iteration-count: infinite;
}
@keyframes Institute_existMessage{
  0%    {left: -4px;top:-5px;}
  25%   {left: -4px;top:-5px;}
  50%   {left: 6px;top:-10px;}
  75%   {left: 6px;top:-10px;}
  100%  {left: -4px;top:-5px;}

}
.institute .ticket .ticket_btn{
	position: fixed;
    height: 55px;
    width: 55px;
    background: #007bff;
    bottom: 25px;
    z-index: 1000;
    left: 25px;
    border-radius: 100%;
	text-align: center;
    padding: 12px;
    font-size: 24px;
    color: white;
	border: solid 1px #0274ee;
	box-shadow: 1px 2px 11px 0 #00000066;
}
.institute #institutesArchiveUser label{
	cursor: auto!important;
}
.institute #ticketManager table tr:first-child{
	background: #2196F3;
	color: white;
	text-align: center;	
}
.institute .ins_cp:hover{
	opacity: 0.8;
	cursor: pointer;
}
.institute canvas{
		display:none!important;
}
.institute #addHeaderImage:hover{
		background:#6b6b6b8f;
		cursor: pointer;
}
.institute #addHeaderImage
{
	position: absolute;
    left: 8px;
    height: 31px;
    background: #0000008f;
    border-radius: 100%;
    padding: 3px 7px;
    bottom: 8px;
    width: 31px;
}
.institute #addHeaderImage img{
	width:100%;	
}

.institute #TimingModal .modal-body .heder{
	margin: 0 15px;
	width: 100%;
}
.institute #TimingModal .modal-body .heder .col-custom:nth-child(even){	
	color: #1377c7;
    background: #f0f0f0;
	font-weight: 500;
}
.institute #TimingModal .modal-body .heder .col-custom:hover,#TimingModal .modal-body .heder .active{	
    background: #03a9f4!important;
    color: white!important;
	cursor:pointer;
}
.institute #TimingModal .modal-body .heder .col-custom{	
	font-size: 14px;
    padding: 8px 0;
    border: solid 1px #9b9b9b63;
    background: #f8f8f8;
    width: calc(14.28571428571429% - 4px);
    margin: 2px 2px;
}
.institute #PartionModal label ,
.institute #institutesArchiveUser label,
.institute #UserGroupModal .managementGroupList label:first-child,
.institute #planningModal .managementGroupList label:first-child,
.institute #absentModal .managementGroupList label:first-child
{
	font-size:13px;
	margin-right:4px;
	position: relative;
	direction:rtl;
	height: 18px;
    width: 75%;
    overflow: hidden;
    margin: 0 5px 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: right;
}
.institute #institutesArchiveUser .fa-trash:hover ,
.institute #planningModal .managementGroupList .fa-trash-alt:hover ,
.institute #absentModal .managementGroupList .fa-trash-alt:hover ,
.institute #UserGroupModal .management .fa-trash-alt:hover{
	color: #b52929;	
}
.institute #institutesArchiveUser .fa-trash ,
.institute #UserGroupModal .management .fa-trash-alt ,
.institute #planningModal .managementGroupList .fa-trash-alt,
.institute #absentModal .managementGroupList .fa-trash-alt
{
	color: #8e8e8e;
	cursor:pointer;
	font-size: 15px;
}
.institute #PartionModal .lbl ,
.institute #institutesArchiveUser .lbl ,
.institute #planningModal .lbl ,
.institute #UserGroupModal .lbl ,
.institute #absentModal .lbl 
{
	font-size: 12px;
    display: block;
    padding-right: 22px;
    position: absolute;
    top: 20px;
    color: #aaaaaa;
    margin: 0;
    right: 15px;
}
.institute #PartionModal .modal-body{
	max-height:50vh;
	overflow-y:scroll;
	margin:0;
}
.institute #PartionModal .classList .row div div{
	font-size:14px;
	padding:12px 2px;
	background:#f8f8f8;
}
.institute #PartionModal .classList .row div div:hover{
	background:#2196f3;
	color:white;
	cursor:pointer;
}
.institute #PartionModal .classList .row div div:nth-child(even){
	font-size:14px;
	padding:12px 2px;
	background:#f0f0f0;
}
.institute #PartionModal .modal-body .classList .active div{	
    background: #03a9f4!important;
    color: white!important;
	cursor:pointer;
}
.institute .teacher .content {
	background-color: #fff;
	min-height: 370px;
	position: relative; 
}
.institute .teacher .loading-box {
    background-color: rgb(0 0 0 / 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.institute .teacher .head .add-icon i {
	margin: 0 3px 0 8px;
	cursor: pointer;
}
.institute .teacher .head .add-icon i:hover {
	opacity: 0.8; 
}
.institute .teacher .head .save-teacher-btn {
    background-color: #039f50;
    color: #ffffff;
    padding: 5px;
	margin-top: -2px;
    width: 65px;
    text-align: center;
    border-radius: 3px;
    font-size: 13px;
    float: left;
	cursor: pointer;
	border:none;
}
.institute .teacher .head .save-teacher-btn:hover {
    opacity: 0.9;
}
.institute .teacher .profile .avatar {
    background-image: url(/images/institutes/default-avatar.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
	height: 180px;
    width: 180px;
    border: 1px solid #ececec;
    border-radius: 100%;
    margin: 0 auto;
}
.institute .teacher .profile .avatar .confirm-box {
	background-color: rgb(0 0 0 / 65%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
	position: relative;
}
.institute .teacher .profile .avatar .confirm-box .loading-circle {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	bottom: 0;
}
.institute .teacher .profile .avatar .confirm-box .confirm-btn {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
}
.institute .teacher .profile .avatar .confirm-box .confirm-btn div {
	color: #ffffff;
	width: 80px;
    padding: 3px;
    border-radius: 3px;
	margin: 5px auto 0;
	opacity: 0.9;
}
.institute .teacher .profile .avatar .confirm-box .confirm-btn div:hover {
	opacity: 1;
}
.institute .teacher .profile .avatar .confirm-box .confirm-btn .accept {
    background-color: #008930;
}
.institute .teacher .profile .avatar .confirm-box .confirm-btn .deny {
    background-color: #ca0000;
}
.institute .teacher .profile .name {
	margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
	color: #515151;
	position: relative;
}
.institute .teacher .profile .rating {
	margin-top: 10px;
}
.institute .teacher .profile .rating i {
	color: #bbb;
	font-size: 20px;
	cursor: pointer;
}
.institute .teacher .profile .rating .yellow {
    color: #ffd700;
}
.institute .teacher .profile .information .about {
	margin-top: 10px;
    color: #2c2c2c;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    background-color: #f6f6f6;
    text-align: center;
    line-height: 100px;
	height: 100px;
    overflow: auto;
}
.institute .teacher .profile .about span {
    vertical-align: middle;
    line-height: 1.5;
    padding: 10px;
	display: inline-block;
}
.institute .teacher .profile .edit-mode input {
	text-align: center;
	height: 32px;
	font-size: 18px;
}
.institute .teacher .profile .edit-mode textarea {
	text-align: center;
	font-size: 12px;
	height: 100px;
    overflow: auto;
	resize: none;
}
.institute .teacher .profile .edit-teacher {
    font-size: 13px;
	color: #01003a;
    padding: 5px;
    cursor: pointer;
	display: none;
	position: absolute;
}
@media only screen and (max-width: 992px){
	header[class=mainPage] {
    background-size: cover;
	}
	.mainPage .services_new{			
		position: initial;
		margin-top: 50px;
		padding-left: 40px;
	}
	.mainPage .labtop{			
		display: none;
	}
	.institute .teacher-roll .item {
		padding-right: 15px;
	}
}
/* institute */
.institute .header{
	position:relative!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    height: 400px!important;
    border-left: solid 1px #bbbbbb!important;
    border-right: solid 1px #bbbbbb!important;
 }
.institute .header .logo img{
	 width:100%;
}
.institute .header h1{
    position: relative;
    top: 194px;
    margin-right: 203px;
    font-size: 22px;
    color: white;
    float: right;
	z-index:11;
}
.institute .header .darkGradient{
	height: 245px;
	background: linear-gradient(transparent, #0000007a);
	position: relative;
	top: -5px;
}
.institute .header .logo{
	border-radius: 100%;
	height: 160px;
	width: 160px;
	overflow: hidden;
	border: solid 4px #fdd129;
	background: white;
	position: relative;
	top: 265px;
	margin-right: 18px;
	box-shadow: 0 0 0px 1px #a6a5a5;
	z-index: 10;
	box-shadow: 0px 1px 4px 0 black;
}
.institute .menu a:last-child{
	  border-left: solid 1px #565656;
}
.institute .menu a:hover{
	background: #fdd129;
    color: #3d3c37;
    font-weight: 600;
}
.institute .menu a{
	text-decoration: none;
    padding: 9px 4%;
    border-right: solid 1px #565656;
    position: relative;
    top: 9px;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    margin: -3px;
}
.institute .menu .active{
	color: #fdd129;
    font-weight: 500;
}
.institute .menu{
	 border-bottom:solid 1px #d3d6db;
	 border-left:solid 1px #d3d6db;
	 border-right:solid 1px #d3d6db;
	 margin-bottom: 15px;
	 text-align:center;
	 height:43px;
	 background-color:#3d3c37;
}
.institute .users .user_list {
    padding: 0 7px;
	padding-top: 7px;
	max-height:374px;
	overflow-y:scroll;
}
.institute .users .user_list::-webkit-scrollbar-thumb {
  background: #cfcfcf; 
}
.institute .users .user_list::-webkit-scrollbar {
  width: 6px;
}
.institute .users .user_list::-webkit-scrollbar-track {
  background: #eaeaea; 
}
.institute .users .user_list .col-12{	 
    border: solid 1px #dddfe2;
	background: #f7f9fa;
    color: #727272;
    text-align: right;
    direction: rtl;
    font-size: 12px;
    font-weight: 500;
	padding: 6px;
}
.institute .gallery .gallery_thumbnail {
	text-align: right;
	padding: 3px 18px;
    color: #5a5959;
    font-size: 12px;
    font-weight: 500;
}
.institute .gallery .gallery_thumbnail .col-4 {
	padding: 0 !important;
	margin-bottom: 0 !important;
}
.institute .gallery .content .gallery-thumbnail-item{
	margin-bottom: 1px !important;
    padding: 1px;
}
.institute .gallery .content .gallery-thumbnail-item:hover{
	opacity:0.7;
}
.institute .gallery .content .gallery-thumbnail-item{
	padding-top: 100%;
	width:100%;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.institute .body .icon{
	display: inline-block;
	width: 24px;
    height: 25px;
    background-image: url('../images/institutes/icons.png');
	margin-left:8px;
	position: relative;
	background-size: cover;
}
.institute .body .content > div > div{
	padding:0;
}
.institute .body .content a:hover{	
	color:#8f9ebd;
}
.institute .body .content a{	
	text-decoration:none;
	color:#4267b2;
	width:100%;
	padding: 1.5px 2px;
}
.institute .body .content > div{	
	margin-bottom: 8px;
	line-height: 24px;
	display: flex;
}
.institute .body .profile_image img{
	width:100%;
}
.institute .body .profile_image{
	display: inline-block;
    width: 24px;
    height: 24px;
	position:relative;	
}
.institute .body .location_icon{
	background-position: 0px -39px;
    width: 18px;
    height: 20px;
	top:2px;
}
.institute .body .info_icon{
	background-position: 0px -147px;
	top: 6px;
}
.institute .body .clock_icon{
	background-position: 0px -81px;
    width: 19px;
    height: 17px;
    top: 2px;
}
.home_state ul{
	text-align: right;
    color: #464646;
	line-height: 30px;
}
.home_state p{
	text-align: right;
}
.home_state button{
	float: right;
	margin-top:50px;
}
.home_state img{
	height: 250px;
    position: relative;
    top: 25px;
}
.home_state h2{
	text-align: right;
    font-size: 25px;
    color: #000000;
}
.home_state{
	    background: #fecc09;
		padding: 56px 0;
}
.institute .body .home_icon{
	background-position: 0px -114px;
    width: 22px;
    height: 20px;
    top: 2px;
}
.institute .body .phone_icon{
	background-position: 0px -60px;
    width: 18px;
    height: 17px;
	top:2px;
}
.institute .body .user_icon{
    background-position: 0px -172px;
    top: 8px;
}
.institute .body .currency_icon{
	background-position: 0px -199px;
	top: 6px;
}
.institute .body .gallery_icon{
	background-position: 0px -26px;
	top: 6px;
}
.institute .body .about_icon{
	background-position: 0 1px;
    top: 6px;
}
.institute .body .btn-online{
	float: left;
    height: 35px;
    padding: 0 12px;
}
.institute .body .head{
	/* padding: 5px 10px 10px 6px; */
	text-align: right;
	font-weight: 500;
	border-bottom: solid 4px #ffd400;
	color: #fdd129;
	position: relative;
	background: #3d3c37;
	padding: 9px 15px;
	font-size: 14px;
}
.institute .body .head .title{
    position: absolute;
    top: 12px;
}
.institute .body .head .more:hover{
		opacity:1;
}
.institute .body .head .more{
	float: left;
    height: 18px;
    position: relative;
    top: 4px;
    margin: 0 4px;
    cursor: pointer;
    opacity: 0.6;
    left: -6px;
}
.institute .body .head time{
	float: left;
    color: #ffffff;
    font-size: 12px;
    position: relative;
    left: 8px;
    top: 3px;
}
.institute .content{
    padding: 12px 16px;
	color: #5a5959;
	line-height: 24px;
    font-size: 13px;
    font-weight: 400;
	overflow: hidden;
}
.institute .body{
	min-height:150px;
	border: solid 1px #dddfe2;
    background: white;
	margin-bottom: 15px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}
.institutes .selectors input{
	background: #fdd538;
	width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
    border: solid 1px #767676;
	padding: 0 8px;
}
.institutes .selectors select{
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
	background: #fdd538;
}
.institutes .selectors p{
    font-size: 14px;
    margin-bottom: 5px;
}
.institutes .list_box .Description{
    margin: 0;
}
.institutes .State_city .item .logo {
    height: 70px;
    width: 70px;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 4px;
    right: 5px;
    border-radius: 8px;
    border: solid 1px #374b60;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 8px;
}
.institutes .State_city .item .logo img {
	width: 100%;
}
.institutes .State_city .item h2 {
	display: inline-block;
	font-size: 18px;
	padding-right: 20px;
	position: relative;
	top: 10px;
	color: #ffffff;
	height: fit-content;
}
.institutes .State_city .m0-namedata {
	width: calc(100% - 75px);
	display: inline-block
}
.institutes .State_city .m0-smtx001 {
	color: #FFF;
	display: inline-block
}
.institutes .State_city .m0-smtx001:after {
	content: ' - ';
}
.institutes .State_city .m0-smtx001:last-child:after {
	display: none;
}
.institutes .State_city .item {
    background: #374b60;
    border: solid 1px #e1e3e6;
    border-radius: 8px;
	margin-bottom: 8px;
	display: flex;
}
.institutes .State_city a:hover .item {
	background: #fecc09;
}
.institute .verify {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	position: relative;
	right: 4px; 
}
.institutes .verify {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	position: relative;
	top:11px;
	right: 4px;
}
.institutes  .roll {
	width: 100%;
	padding-top: 11px;
	margin: 0;
}
.institutes  .roll .noData {
	font-size: 14px;
    text-align: center;
    width: 100%;
    color: #c1c1c1;
    margin-bottom: 25px;
}
/* institute Side bar Edit Informations */
 .institute .hide {
	display: none;
}
.institute .informations i {
	color: #bcbcbc;	
	display: none;
	cursor: pointer;
}
.institute .informations input {
	height: 25px;
	font-size: 12px;
	padding: 10px;
}
.institute .informations textarea {
	font-size: 12px;
}
.institute .informations input::-webkit-outer-spin-button, .institute .informations input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.institute .informations input[type=number] {
	-moz-appearance: textfield;
}
.institute .informations .state-city .col-5 select {
	height: 25px;
	font-size: 12px;
	padding: 0;
}
/* institute gallery */

.institute .gallery .gallery_thumbnail .gallery-wrapper {
	width: 100%;
	border: solid 1px #cbc7c7; 
	overflow: hidden;
}
.institute .gallery .gallery_thumbnail .gallery-item {
	width: 100%;
	padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    cursor: pointer;
	-webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}
.institute .gallery .gallery_thumbnail .gallery-item:hover {
	transform: scale(1.2);
	opacity: 0.8;
}
.institute .gallery .gallery_thumbnail .grid-item {
	margin: 0 !important;
    padding: 0 !important;
}
.institute .gallery .gallery_thumbnail .grid-item a {
    padding: 4px 4px !important;
}
.institute .gallery .grid {
	float: left;
	margin-top: 8px;
	padding-left: 7px;
}
.institute .gallery .grid a {
	text-decoration: none;
	margin-right: 10px;
}
.institute .gallery .grid img {
	width: 22px;
	height: 22px;
}
.institute .gallery .grid img:hover {
	opacity: 0.5;
}
.institute .gallery .list-item {
    margin: 10px;
	margin-bottom: 0;
}
.institute .gallery .list-item:last-of-type{
	margin-bottom: 10px;
}
.institute .gallery .list-item .head {
	padding: 10px;
    text-align: right;
	direction: rtl;
    font-weight: 500;
    border: solid 1px #ececec;
    color: #4e4e4e;
}
.institute .gallery .list-item .head .image-date {
	float: left;
    color: #9d9d9d;
    font-size: 12px;
	padding-top: 5px;
}
.institute .gallery .list-item .wrapper-image {
    height: 250px;
	border: solid 1px #ececec;
	border-top:0;
    overflow: hidden;
}
.institute .gallery .list-item .wrapper-image .content-image {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    cursor: pointer;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}
.institute .gallery .list-item .wrapper-image .content-image:hover {
    transform: scale(1.2);
	opacity: 0.8;
}
@media only screen and (max-width: 1200px){
    .institute .gallery .list-item .wrapper-image {
        height: 310px !important;
    }
}
@media only screen and (max-width: 768px){
	.institute .gallery .list-item .wrapper-image {
        height: 210px !important;
    }
}
@media screen and (max-width: 576px)
{
    .institute .gallery .list-item .wrapper-image{
       height: 150px !important;
    }
}
/* about institute  */
.institute .body .send-post-loading {
    background-color: #000000b8;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
}
.institute .about .content {
	text-align: right;
	direction: rtl;
}
.institute .about .result {
	display: block !important;
}
.institute .about i {
	position: absolute;
	right: 100px;
    top: 16px;
	color: #bcbcbc;
	cursor: pointer;
	font-size: 14px;
	display: none;
}
.institute .about .text-editor {
	margin: 20px 0;
}
.institute .body .text-editor .richText-editor {
	font-size: 13px;
}
.institute .body .text-editor .richText-help {
	padding: 0 !important;
    position: absolute;
    bottom: 5px;
    right: 4px;
}
.institute .body .text-editor .richText-help .footer-btn {
    padding: 5px;
    width: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin-left: 5px;
    color: #ffffff;
	cursor: pointer;
}
.institute .body .text-editor .richText-help .close-about {
	background-color: #8d8c8c;
}
.institute .body .text-editor .richText-help .close-about:hover {
    background-color: #6c6969;
}
.institute .body .text-editor .richText-help .edit-about {
    background-color: #1aa501;
}
.institute .body .text-editor .richText-help .edit-about:hover {
	background-color: #147802;
}


	.institute .sidebar .users .search_users:hover{
	opacity:1;
	cursor:pointer;
} 
.institute .sidebar #user_serach_result .row{
	background: #e9ebeb;
}
.institute .sidebar #user_serach_result .row:nth-child(even){
	background: #f2f2f2;
}
.institute .sidebar #user_serach_result .row .head{
	font-size: 14px;
	background: #088992;
    color: white;
}
.institute .sidebar #user_serach_result .row div img{height: 18px;}
.institute .sidebar #user_serach_result .row tr:hover{
	background:red;
}
.institute .sidebar #user_serach_result .row div{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 13px;
    padding: 6px 9px 6px 0;
    text-align: center;
	font-weight: 500;
	color: #545454;
}
.institute .sidebar .users .search_users{
	height: 17px;
    position: relative;
    left: 5px;
    top: 12px;
    opacity: 0.6;
    float: left;
}
.option{
	float: left;
    position: relative;
    margin: 0 4px;
    cursor: pointer;
    opacity: 0.6;
    height: 14px;
    top: 5px;
    left: -10px;	
}
.users .head ul{
    padding: 0;
    position: absolute;
    left: 17px;
    background: white;
    z-index: 500;
    width: 208px;
    list-style: none;
    box-shadow: 0 0 8px 1px #6b6a6a;
    border-radius: 6px;
	display:none;
	overflow:hidden;
}
.users .head ul li{
	padding: 8px 12px;
	border-bottom:1px solid #dfdfdf;
}
.users .head ul li:hover{
	background:#e9eef1;
	cursor:pointer;
}
.users .head ul li:last-child{
	border-bottom:none;
}
.users .head ul li div{
    color: black;
    font-size: 14px;
    font-weight: 400;	
}
.users .head ul li div img{
	width: 16px;
    margin-left: 6px;	
}
.modal .close{
	position: relative;
    top: 3px;
    font-size: 20px;
}
.NewUserBtnToArchive{
	font-size: 14px;
    background: #28a77e;
    width: fit-content;
    padding: 7px 10px;
    color: white;
    border-radius: 5px;
}
.UserArchive_Serach{
	    background: #efefef;
    padding: 12px;
    border-radius: 5px;
}
.noRow{
	width: 100%;
    font-size: 13px;
    color: #b3b3b3;
}
footer .aboutUs a i{
	margin-left: 6px;
    color: #e8edf3;
}
footer .aboutUs a{
	color: #ababab;
	text-decoration: none;
}
footer .aboutUs a:hover{
    color: #e8edf3;
}
footer .socialMedia{
	text-align:center;
}
footer .socialMedia i:hover{
		color:white;
}
footer .socialMedia i{
	color: #757474;
    margin-right: 20px;
    font-size: 19px;
	cursor:pointer;
}
footer .myPageLogos{
	text-align:center;
}
footer .myPageLogos img{
	height:90px;
	display:grid;
	margin: 0 auto;
	margin-bottom:20px;
}
footer ul li i{
	margin-left: 6px;
    color: #e8edf3;
}
footer ul li a{
	text-decoration: none;
    color: #ababab; 
}
footer ul li a:hover{
	text-decoration: none;
    color: #e8edf3; 
}
footer ul{
	list-style: none;
    font-family: IRANSans;
    line-height: 34px;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
	padding: 0;
	color: #ababab;
	direction: rtl;
}
footer h6{
	text-align: center;
    padding-bottom: 12px;
	font-family: IRANSans;
}
footer{
    position: relative;
	padding-top:35px;
	border-top: solid 2px #ffc107;
	background: #131313;
	 
}
footer h6,ul{
	color: #fecc09;
}
footer .city_vector{
	width:100%;	
	opacity: 0.3;
}
footer .copyright strong{
	color:#c97513;
}
footer .copyright{
	text-align:center;
	font-family: IRANSans;
	background:#191919;
	padding: 12px;
    color: #707070;
    font-size: 14px;
}
.nothingRowDl{
	text-align: center;
    color: #8b8b8b;
    font-size: 14px;
	margin-top:80px;
}
.nf {
	font-size: 14px !important;
    font-weight: 400 !important; 
}
.fitcontent{
	width: fit-content!important;
}
.justify{
	text-align: justify!important;
}
.center{ 
		text-align:center!important;
}
.cp:hover{ 
	opacity:0.8;
}
.cp{ 
	cursor: pointer;	
}
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.zMines{
	z-index:-1;
}
.z100{
	z-index:100;
}
.m0{
		margin:0!important;
}
.mtm100{
		margin-top:-100px!important;
}
.mt0 {
	margin-top: 0px!important;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt50{
		margin-top:50px !important;
}
.mb0{
		margin-bottom:0px !important;
}
.mb5{
		margin-bottom:5px !important;
}
.mb10{
		margin-bottom:10px !important;
}
.ep80{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: 0 auto;
}
.ml5{
		margin-left:5px !important;
}
.ml10{
		margin-left:10px !important;
}
.mr5{
		margin-right:5px !important;
}
.mr15{
		margin-right:15px !important;
}
.mb2{
	margin-bottom: 2px !important;
}
.mb8{
	margin-bottom: 8px!important; 
}
.mb20{
		margin-bottom:20px !important;
}
.mb30{
		margin-bottom:30px !important;
}
.mb40{
		margin-bottom:40px !important;
}
.mb50{
		margin-bottom:50px !important;
}
.pr0{
	padding-right: 0 !important;
}
.pd0{
	padding: 0px !important;
}
.pd8{
	padding: 8px !important;
}
.pb20{
		padding-bottom:20px !important;
}
.pb30{
		padding-bottom:30px !important;
}
.pb40{
		padding-bottom:40px !important;
}
.pb50{
		padding-bottom:50px !important;
}
.pt8{
	padding-top: 8px !important;
}
.none {
	display: none !important;
}
.Delete-col-sm-6{
		display:none;
}
.rtl{
	direction: rtl;
}
.ltr{
	direction: ltr;
}
.slider-responsive-size {
    display:none;
}
.slbArrows {
    display: none !important;
}
.myCol-right {
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 576px) 
{
	.user_area .dashbord .extra-links i {
		display: none;
	}
	.user_area .leitner #user_leitner .card_viewer .control_btn {
		display: grid;
	}
	.user_area .leitner #user_leitner .progressbar li{
		font-size: 15px;
	}
	.user_area .leitner #user_leitner .progressbar .circle{
		height: 45px;
		width: 45px;
		font-size: 17px;
		padding-top: 10px;
		margin-top: -54px;	
	}
	.user_area .leitner #user_leitner .progressbar{
		margin-top: 65px;
	}
	.user_area .leitner #user_leitner .progressbar .line{
		display: none;
	}
	.mt-sm-20{ 	 
		margin-top:20px;
	}
	.Single_page .headImg{	 
		max-width: calc(100% + 30px) !important;
		margin-left: -15px;
		left: 15px;
	}
	.news_homepage .news_row .news_image {
    	height: 250px;
    }
	footer #first-order{
		order: 5;
	}
	footer #second-order{
		order: 1;
	}
	footer #third-order{
		order: 2;
	}
	footer #fourth-order{
		order: 3;
	}
	footer #fifth-order{
		order: 4;
	}
}
@media only screen and (max-width: 768px){
	.user_area_login button{
		width:100%;
	}
	.mobile_p0{
		padding: 0px!important;
	}
	.Single_page .text_setting {
		padding: 18px 0;
	}
	.user_area .sideBar .links div {		
		padding: 0;
	}
	.user_area .sideBar .links .active img {
		display:none!important;
	}
	.user_area .sideBar .links .holder {
		display:none!important;
	}
	.user_area .sideBar .deactive .holderImg {
		display:none!important;
	}
    .slider-responsive-size{
        display:unset;
    }
    .slider-normal-size{
        display:none;
    }
}
@media screen and (max-width: 992px) 
{ 
.institutes .State_city .item h2 {
	font-size: 16px;
}
.institutes .State_city .item .logo{
	height: 50px;
    width: 50px;
}
.Single_page  h1{
	margin-bottom: 12px;
    margin-top: 58px;
    font-size: 16px;   
}
.Single_page .states_list h2{
	font-size: 10px;
	}
.payment-type[type=adduser]:before
 {
	content: "خرید";
	background-color: #00adff;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.payment-type[type=pending]:before
 {
	content: "انتظار";
	background-color: #9e9e9e;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.payment-type[type=paid]:before
 {
	content: "پرداخت";
	background-color: #4caf50;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}
.payment-type[type=failed]:before
 {
	content: "پرداخت ناموفق";
	background-color: #F44336;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
}



	header nav .mobile-btn .nav_userarea_menu {
		width: max-content;
		position: absolute;
		right: inherit;
		left: 0;
	}
	header nav .mobile-btn .nav_userarea_menu li{
		padding: 8px 7px 8px 15px;
		direction: ltr;
		text-align: right;
	}
	header nav .mobile-btn {
		display: flex;
	}
	header nav .loginAndPay{
		display: none;
	}
	.user_area .dashbord .dashbord-content {
		margin-top: 15px;
	}
	.user_area .dashbord .dashbord-content .progress-items .circle-icon {
		margin: 0;
		position: absolute;
		top: 8px;
		left: 25px;
		border: none !important;
	}
	.Single_page .regulations .select-category span,.Single_page .quiz-box .select-category span {
		display: none;
	}
	.user_area .leitner #user_leitner .progressbar .line{
		margin-right: 8.5%;
	}
	header nav .nav_userarea_menu
	{
		right:16px;
		text-align: center;
	}
	.user_area .quiz-title {
		text-align: center;
		margin: 4px 0;
	}
	.user_area .time{
		border-radius: 6px;
		margin-top: 10px;
		padding: 10px 15px 0 15px;
	}
	.user_area{
		display: inline-block;		
	}	
	.user_area .content .bg {
			display:none;
	}
	.user_area .sideBar{
		border-bottom: solid 1px #d8d8d8;
		margin-bottom: 16px;
		padding-top: 18px;
		width:100%;
	}	
	.user_area .sideBar .slicer{
		width: 100%;
		margin: 0;
		max-width: unset;
		padding: 0;
	}
	.user_area .sideBar .logo{
		margin-bottom: 20px;
	}
	.user_area .content .datas {
		width: 100%;
		position: unset;
		padding: 0 15px;
	}
	.user_area .content .container {
		padding: 0;
	}
	.user_area .content .container .row {
		padding: 15px;
	}
	.user_area .sideBar .links{
		margin: 0;
		margin-top: 40px;
	}
	.user_area .sideBar .links .active img {
		right: 0px;
	}
	.user_area .sideBar .links .holder {
		border-radius: 8px;
		padding: 0;
		width: 41px;
		right: 4px;
	}
	.user_area .sideBar .links span {
	  margin-right: 19px;
	}
	header nav .lineh{
        display: none;
    }
	.Single_page .headImg{	
		max-width: 718px;
	}
	.signs_categories  
	{
		text-align:center;
	}
	.institute .header .logo{
		top: 255px !important;
		height: 80px !important;
		width: 80px !important;
		border: solid 2px white !important;
		text-align: center;
		margin: 0 auto !important;
	}
	.institute .header h1{
		margin-top: 79px !important;
		text-align: center;
		margin: 0 auto;
		width: 100%;
		margin-right: 0px !important;
	}
	.institute .header .darkGradient {
		top: 75px !important;
	}
	.mainPage .NavHolder{
		width: unset;
		position: unset;
	}
	.mainPage nav{
		border-radius: unset;
	}
	.mainPage h1 {
		margin-top: 40px;
		line-height: normal;
		font-size: 24px;
		border-radius: 0;
	}
    .videoSection p {
        color: #ffffff;
    }
    .videoSection h2 {
        color: #ffffff ;
    }
	header[class=mainPage] {
		height: unset;
	}
}
@media screen and (min-width: 992px)
{
	.myCol-left {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.mt-md-20 
	{
		margin-top:0px;
	}
	.Delete-col-sm-6{
		display:block!important;
	} 
	.pr0{
	padding-right:unset;
	}
}
@media screen and (max-width: 768px)
{
	.Single_page .regulations .select-category .user_filter,.Single_page .quiz-box .select-category .user_filter {
		margin-bottom: 5px;
	}
	.Single_page .regulations .select-category,.Single_page .quiz-box .select-category {
		display: grid;
	}
	.user_area .leitner #user_leitner .progressbar-body .f span:first-child ,.user_area .leitner #user_leitner .progressbar-body .s span:first-child,.Single_page .leitner-box #user_leitner .progressbar-body .f span:first-child,.Single_page .leitner-box #user_leitner .progressbar-body .s span:first-child{	
		display: none;
	}
	.user_area .leitner #user_leitner .progressbar-body p,.Single_page .leitner-box #user_leitner .progressbar-body p{
		font-weight: 500;
		margin-top: 6px;
		font-size: 13px;
		margin-bottom: 0;
	}
	.user_area .leitner #user_leitner .progressbar-body div,.Single_page .leitner-box #user_leitner .progressbar-body div{
		width: 18%;		
	}
	.user_area .leitner #user_leitner .progressbar-body div p span,.Single_page .leitner-box #user_leitner .progressbar-body div p span{
		display: none;
	}
    .Single_page .row {
        margin: 0;
    }
    .Single_page {
        background-image: linear-gradient(#e5e5e59e, #fafafa);
        padding: 0 15px !important;
    }
	.mt-md-20 
	{
		margin-top:20px;
	}
	.institute .header .darkGradient {
		top: 75px !important;
	}
	.possibilities .btn-join {
		margin-top: unset;
	}
	.possibilities h2{
		padding-top: 35px;
	}
	.possibilities_btn {
		text-align: center;
	}
	.Single_page .headImg{	
		max-width: 538px;
		left: 15px
	}
}
@media screen and (max-width: 1200px)
{
	.user_area
	{
		width: 100%;
		padding: 0;
		margin: 0;
		border-radius: 0;
		min-height: calc( 100vh - 58px );
	}
	.Single_page .headImg{	
		max-width: 958px;
	}
	.possibilities .road {
		display: none;
	}
	.mainPage .services .item h2 {
		font-size: 16px;
	}
}
@media screen and (min-width: 1200px)
{
	.Single_page .headImg{	
		max-width: 1138px;
	}
}
@media screen and (max-width: 1400px)
{
	.user_area .dashbord .user-account-details .none-mobile {
		display: none;
	}
	.myCol-right {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 992px)
{
	.none-mobile {
		display: none;
	}
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
   border: 1px solid #64646400;
  text-align: left;
  padding: 8px;
  font-size:14px;
      text-align: center;
}

tr:nth-child(even) {
    background-color: #fdfdfd;
    color: black;
}

.mw100{
	max-width: 100%!important;	
}
.mw200{
	max-width: 200%!important;	
}



.panel.panel-default {
	border: 1px solid #ccc;
}
.panel.panel-default .panel-heading {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	text-align: center;
	background: #fafafa;
	font-size: 12px;
}
.panel.panel-default .panel-body {
	padding: 10px 0;
	text-align: center;
}



.nado32023d {
	text-align: center;
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
	aspect-ratio: 1.46;
	position: relative;
	border-radius: 5px;
}
.nado32023d img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-height: 100%;
	max-height: 120%;

}
.nado33424243d {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.titlasd3e {
	font-size: 15px; line-height: 150%; margin: 16px 0 0 0;
}
.adsd32323f {
	color: #22215b80;
	font-size: 14px;
	margin-top: 10px !important;

	line-height: 125%;
	margin-bottom: 15px;
}
.fdg33h434h34h {
	background: #b7ccdf64 !important;
	border: none !important;
}
.av43343434h {
	position: relative;
	float: right;
	width: 50%;
}
.av43343434h:nth-child(2) {
	text-align: left;
	line-height: 17px;
}
.av43343434h i {
	position: relative;
	top: 1px;
	color: #999;
	font-size: 13px;
}


.h2inpage {
	font-size: 16px;
	text-align: center;
	display: block;
	width: 100%;
}
.h2inpage22 {
	font-size: 21px;
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.sad32d2323d {
	font-size: 11px;
}