.mb-6
{
margin-bottom:100px;       
}
.mt-6
{
margin-top:100px;       
}
.center-text
{
text-align:center;    
}
.thumbnail
{
width:45px;
height:45px;    
}
.fitted-pix
{
width:100%;
height:200px;
object-fit:cover;    
object-position:center;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file]{
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
}
input[type=file]
{
opacity:0;        
}

.btn-floating
{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#ff0000;
	color:#ffffff;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:20;
}
.my-float
{
	margin-top:22px;
}
video
{
width:100%;
height:500px;   
}
audio
{
width:100%;   
}



.carousel-h5 {
  display: inline-block;
  padding: 10px;
  background: #B9121B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.carousel-full-screen {
object-fit:cover;
object-position: center;
width:100%;
height:100%;
min-height:75vh; 
min-width:50vw;    
}

.suggestion-image-parent
{
max-width:100px;
}

.mouse-pointer
{
cursor:pointer;
}


.bg-blue-gradient
{
background-image:linear-gradient(to right,rgba(0,0,255,0.5),#7b1fa2);    
}
.blue-bg-1
{
background-color:#2b1fa3;    
color:#ffffff;
}
.stars
{
color:orange;
}


/*
Code for dark mode toggle 
*/
.dark-mode
{
background-color:#000000;
color:#ffffff;    
}
.light-mode
{
background-color:#ffffff;
color:#000000;    
}