/* Class definitions generally used in all our templates */

input.invalid:invalid,
select.invalid:invalid,
textarea.invalid:invalid,
input[type=checkbox].invalid:invalid + label {
	border:1px solid red!important;
	background-color:#fff8f8!important;
}
.opacity-0 {
	opacity:0;
}
.opacity-1 {
	opacity:1;
}
.overflow-hidden{
	overflow: hidden!important;
}
.overflow-ellipsis{
	overflow: hidden!important;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.line-clamp-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.line-clamp-2{
	-webkit-line-clamp: 2;
}
.line-clamp-3{
	-webkit-line-clamp: 3;
}
.line-clamp-4{
	-webkit-line-clamp: 4;
}
.line-clamp-5{
	-webkit-line-clamp: 5;
}
.line-clamp-6{
	-webkit-line-clamp: 6;
}
.line-clamp-7{
	-webkit-line-clamp: 7;
}
.line-clamp-8{
	-webkit-line-clamp: 8;
}
.line-clamp-9{
	-webkit-line-clamp: 9;
}
.line-clamp-10{
	-webkit-line-clamp: 10;
}

.line-height-20{
	line-height: 20px!important;
}
.line-height-22{
	line-height: 22px!important;
}
.line-height-24{
	line-height: 24px!important;
}
.line-height-28{
	line-height: 28px!important;
}
.lspace-1{
	letter-spacing: 10px;
}
.fs-22px{
	font-size:22px;
}

.f-black{
	color:#000!important;
}
.text-align-justify {
	text-align: justify;
}

/* border-radius css */
.brad-2{
	border-radius: 2px;
}
.brad-3{
	border-radius: 3px;
}
.brad-4{
	border-radius: 4px;
}
.brad-5{
	border-radius: 5px;
}
.brad-6{
	border-radius: 6px;
}
.brad-7{
	border-radius: 7px;
}
.brad-8{
	border-radius: 8px;
}
.brad-9{
	border-radius: 9px;
}
.brad-10{
	border-radius: 10px;
}

.py-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.py-60{
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-70{
    padding-top: 70px;
    padding-bottom: 70px;
}

.alert-overlay {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	border-radius:.25rem;
	-ms-flex-align:center;
	align-items:center;
	background:rgba(232,232,232,.64);
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	z-index:1100;
	transition:all .3s ease;
}
.alert-overlay.overlay-disabled {
	display:none!important;
}
.alert-overlay .alert-box,
.modal-inner-alert-wrapper .alert-box {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	min-width:250px;
	text-align:center;
	padding:20px;
	background-color:#fff;
	border-radius:10px;
	box-shadow:0 0 10px #ddde;
	border:1px solid #bbb;
	font-size:16px;
}
.modal-inner-alert-wrapper {
	position:absolute;
	background-color:#fff5;
	width:100%;
	height:100%;
	top:0;
	left:0;
}