body{
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
}

.text-overflow-line-1,
.text-overflow-line-2,
.text-overflow-line-3,
.text-overflow-line-4,
.text-overflow-line-5,
.text-overflow-line-6{
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-overflow-line-1{
	-webkit-line-clamp: 1;
}
.text-overflow-line-2{
	-webkit-line-clamp: 2;
}
.text-overflow-line-3{
	-webkit-line-clamp: 3;
}
.text-overflow-line-4{
	-webkit-line-clamp: 4;
}
.text-overflow-line-5{
	-webkit-line-clamp: 5;
}
.text-overflow-line-6{
	-webkit-line-clamp: 6;
}
.btn, a, button, input[type=submit], input[type=button]{
	cursor:pointer !important;
	text-decoration:none !important;
}


.object-cover-center{
    object-fit:cover;
	object-position:center;
    -o-object-fit: cover;
	-o-object-position: center;
	aspect-ratio: 16/9;
	overflow: hidden; 
	width:100%;
}

.white-space-nowrap{
	white-space:nowrap;
}
.white-space-normal{
	white-space:normal;
}







.inputInvalid{
    animation: shake 300ms;
    color: #DC3545 !important;
	border-color:#DC3545 !important;
}

@keyframes shake {
    25% {
        transform: translateX(4px);
    }
    50% {
        transform: translateX(-4px);
    }
    75% {
        transform: translateX(4px);
    }
}




@media (min-width: 992px){}

@media screen and (max-width: 1200px){} 
@media screen and (max-width: 992px){} 
@media screen and (max-width: 768px){} 
@media screen and (max-width: 576px){}