.yojumbo{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	margin-top: 10px;
}

.yobtn{
	margin-top: 15px;
}



.yoblock{
	padding: 0px 20px !important;
}

#height1, #height2{
	min-height: 165px;
}

.quotation{
	/*font-size: 30px;*/
	/*margin: 0 auto;*/
	quotes: "\201C""\201D""\2018""\2019";
	padding: 10px 20px;
	line-height: 1.4;
}

.quotation:before {
	content: open-quote;
	display: inline;
	height: 0;
	line-height: 0;
	left: -15px;
	position: relative;
	top: 10px;
	color: #ccc;
	font-size: 3em;
}
.quotation::after {
	content: close-quote;
	display: inline;
	height: 0;
	line-height: 0;
	left: 10px;
	position: relative;
	top: 35px;
	color: #ccc;
	font-size: 3em;
}





.templateClass{
	margin: 4px 6px 0px !important;
}

.disp-inline{
	display: inline;
}
.width18{
	width: 18%;
}

.width30{
	width: 30%;
}

.width80{
	width: 80%;
}

.loginScreen {
	left: 33.3333%;
	overflow: visible;
	position: absolute;
	top: 30%;
	z-index: 11;
	width: 33.3333%;
}

@media(max-width: 768px){
	.loginScreen {
		left: 5%;
		overflow: visible;
		position: absolute;
		top: 25%;
		z-index: 11;
		width: 90%;
	}

}


.notice-title{
	padding-top: 50px;
	min-height: 400px;
}

.img-delete-btn{
	position: absolute;
	top: 0;
	right: 0;
}

.img-delete-loader{
	display: none;
	width: 50px;
	background: #00000033;
	border-radius: 5px;
	padding: 6px;
	position: absolute;
	top: 35%;
	left: 40%;
}

.rm-file-btn{
	z-index: 99999999;
	width: auto !important;

}


.photo-gallery-img{
	width: 350px;
	height: 230px;
	margin: 10px 0px;
	border-radius: 5px;
	box-shadow: #02010e 0px 0px 7px;
}

.text-tab{
	height: 600px;
	line-height: 600px;
}

.text-tab-vocational{
	height: 468px;
	line-height: 460px;
}

.course-span > h5{
	font-size: 21px;
	line-height: 28px;

}

.course-span > h3, .course-span > h4, .course-span > h5{
	margin: 20px 0 20px !important;
	display: list-item;
}

.course-bottom{
	/*position: absolute;*/
	/*bottom: 0;*/
}

.course-span{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.width-100{
	width: 100% !important;
}

.background-odd{
	background: #f9f9f9;
}

.chat-li{
	padding: 25px 5px;
	margin-bottom: initial !important;
}











/********************************************************************/
/****************BOOTSTRAP 4 PROGRESS BAR****************************/
/********************************************************************/

progress {
	vertical-align: baseline;
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}
	to {
		background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}
	to {
		background-position: 0 0;
	}
}

.progress {
	display: -ms-flexbox;
	display: flex;
	/*height: 1rem;*/
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
}

.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #007bff;
	transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
	.progress-bar {
		transition: none;
	}
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}

/********************************************************************/
/****************BOOTSTRAP 4 PROGRESS BAR ENDS****************************/
/********************************************************************/