body::-webkit-scrollbar { 
    display: none; 
}

::-webkit-scrollbar { 
    display: none; 
}

.top-left-thingy {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000;
}

.top-right-thingy {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 1000;
}

.logged-in {
/* 	color: #3e4a48aa; */
}


.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

input.visually-hidden:focus + label {
  outline: thin dotted;
}


.rotate-90 {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-270 {
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}


.img-container {
	position: relative;
}

/* .new-img-container { */
/* 	display: flex; */
/* 	flex-wrap: wrap; */
/* }  */

.like-icon {
	position: absolute;
	left: 5px;
	bottom: 5px;
}

.btn:focus {
  outline: none;
}

.img-admin-panel {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.rotate-icon {
	transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

/* .toggle-width-icon-1 { */
/* 	height: 100vw; */
/* } */

/* .toggle-width-icon-2 { */
/* 	height: 100vw; */
/* 	width: 100vh; */
/* 	object-fit: cover; */
/* } */

.toggle-width-icon-3 {
	
}


.glow { 
	text-shadow: 0px 0px 5px #FFFFFF; 
}

.notification-area {
	position: fixed;
	top: 50px;
	right: 20px;
/* 	left: 87%; */
/* 	transform: translate(-50%); */
	text-align: center;
/* 	width: 12%; */
	z-index: 1010;
	opacity: 0.8;
/* 	width: 50%; */
}

.inner-notif-message {
	margin-bottom: 7px;
	padding: 10px;
}

.notification-msg-text {
	white-space: pre-line;
}

.login-link {
	font-size: x-large;
}


/* .masonry {  */
/*   display: flex; */
/*   flex-flow: column wrap; */
/*   max-height: 800px; */
/*   margin-left: -8px; Adjustment for the gutter */
/*   width: 100%; */
/* } */

/* .masonry-brick { */
/*   margin: 0 8px 8px 0; Some gutter */
/* } */