.institute{
	font-family: IRANSans!important;
}
.institute .config-roll {
	padding-right: 0;
}
@media only screen and (max-width: 992px){
	.institute .config-roll {
		padding-right: 15px;
	}
}
.ml8{
	margin-left: 8px!important;
}
.institute .body .event-content .event-type {
	padding: 10px;
	font-size: 12px;
}
#registUser .RegStudentImage,#register_ditail .RegStudentImage {
  width: 140px !important;
  height: 188px !important;
  background-position: center !important;
  background-size: cover !important;
}
#registUser label,#registUser input,#registUser button,#registUser select{
	font-size:14px!important;
}
#registUser small{
	font-size:12px!important;
}
#registUser .submitpayment{
	transform: translateY(31px);
}
#registUser .removepayment{
	transform: translateY(31px);
}
.aeinClass,.shahrClass{
	padding: 0px 15px!important;
}
.aeinClass .aeinClassrows .item,.shahrClass .shahrClassrows .item{
	padding: 10px;
	font-size: 12px;
	border-bottom: 1px solid #b9b9b9 !important;
}
.aeinClass .aeinClassrows .item:last-child,.shahrClass .shahrClassrows .item:last-child{
	border-bottom: none !important;
}
.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;
}
.studentImage{
	height: 160px;
	width: 120px;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border: 1px solid black;
	display: inline-block;
}
.institute .body .send-post-loading {
    background-color: #000000b8;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
}
.institute .body .add-post {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 12px;
	cursor: pointer;
}
.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 .about{
    height: 210px;
    margin-top: 10px;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
    line-height: 23px;
    display: -webkit-box !important;
    max-width: 100%;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.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 .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 {
	float: left;
    padding-top: 9px;
	color: #7d7d7d;   
}
.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;
}
.institute .teacher .head .save-teacher-btn:hover {
    opacity: 0.9;
}
.institute .teacher .profile p{
	font-size: 14px;
    margin-bottom: 10px;
}
.institute .teacher .profile h3{
	font-size: 15px;
   margin-bottom: 20px;
}
.institute .teacher .profile {
	display: block !important;
	height:480px;
	padding:15px 15px;
	min-height: 395px;
}
.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){
	.institute .teacher-roll .item {
		padding-right: 15px;
	}
}
/* institute */
.institute .header{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
}
.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 .users .user_list {
    padding: 0 7px;
	padding-top: 7px;
}
.institute .users .user_list .add:hover{
		opacity:1;
}
.institute .users .user_list .add{
	text-align: center!important;
    padding: 6px!important;
    background: #6a6a6a!important; 
    color: white!important;
	cursor:pointer;
	opacity:0.8;
}
.institute .users .user_list .col-12{
	display: grid;
    border: solid 1px #dddfe2;
	background: #f7f9fa;
    color: #727272;
    text-align: right;
    direction: rtl;
    font-size: 12px;
    font-weight: 500;
}
.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;
}
.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 .gallery_icon{
	background-position: 0px -26px;
	top: 6px;
}
.institute .body .about_icon{
	background-position: 0 1px;
    top: 6px;
}
.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: 10px;
    margin: 0 4px;
    cursor: pointer;
    opacity: 0.6;
}
.institute .body .head time{
	float: left;
    color: #666666;
    font-size: 12px;
    position: relative;
    left: 8px;
    top: 11px;
}
.institute .content{
	padding: 10px 15px;
	color: #5a5959;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
}
.institute .body{
	border: solid 1px #dddfe2;
    background: white;
	margin-bottom: 15px;
	position: relative;
	border-radius: 0px;
}
.institutes .selectors select{
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
}
.institutes .selectors p{
    font-size: 14px;
    margin-bottom: 5px;
}
.show-mode span{
	margin-right: 8px;
}
.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 #a4a4a4;
	display: inline-block;
	overflow: hidden;
}
.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: 18px;
	color: #666666;
	height: fit-content;
}
.institutes .State_city .item {
	height: 80px;
    background: #f6f6f6;
    border: solid 1px #e1e3e6;
    border-radius: 8px;
	margin-bottom: 8px;
	display: flex;
}
.institutes .State_city a:hover .item {
	background: #e2f0fc;
}
.institutes .verify {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	position: relative;
	top: 15px;
	right: 4px;
}
.institutes  .roll {
	width: 100%;
	padding-top: 11px;
	border-top: solid 1px #e9ebee;
	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;
	padding: 5px;
	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;
}
.mb16{
	margin-bottom:16px;
}
.pt16{
	padding-top:16px !important;
}
.userImage{
	width: 20px;
	height: 27px;
	background-position: center!important;
	background-size: cover!important;
	margin: 0 auto;
}
.institute .about .content {
	text-align: right;
	direction: rtl;
}
.institute .about .result {
	display: block !important;
}
.institute .about i {
	position: absolute;
	right: 100px;
    top: 12px;
	color: #bcbcbc;
	padding: 5px;
	cursor: pointer;
	font-size: 14px;
	display: none;
}
.table .thead-dark th {
    color: #ffd400;
    background-color: #3d3c37;
}
.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;
}