#category-notification-spacing {
  	top: -6px; top: -8px;
	left: 0px;
	margin-left: 0px; 
	}

#side-menu-company-logo {
	width: 109px;
	height: 78px;
	border: 0px;
	}




body {
	margin: 0;
	padding: 0;
	box-sizing: border-box !important;
	clear: both !important; 
	border: 0px;      

	}

/** DO NOT DELETE OR REMOVE ** customize scrollbar width, as well as thumb and track color INCLUDING FIREFOX **/
html {
	77scrollbar-width: auto;
	77scrollbar-width: thin;
	scrollbar-width: thin !IMPORTANT;
	scrollbar-color:  #3d3d29 #160410; scrollbar-color: #7a7a52 #160410;
	}

.111111111111111app {
	scrollbar-width: thin !IMPORTANT;
	scrollbar-color:  #160410 #160410;
	}

.left-side {
	scrollbar-width: thin !IMPORTANT;
	scrollbar-color:  #160410 #160410;
	}

.content-wrapper {
	scrollbar-width: thin !IMPORTANT;
	scrollbar-color:  #160410 #160410;
	} 

/** END OF DO NOT DELETE OR REMOVE ** customize scrollbar width, as well as thumb and track color INCLUDING FIREFOX **/

#channel-follow-color-picker {
	color: #FFFFFF;
	font-weight: bold;
	}





#the_Header {  
	position: absolute;
	width: 120px !important;
	height: 27px !important;
  	text-align: center !IMPORTANT;
	top: 0; 
	margin-top: 0px; 
	border: 0px;   
  	/**CENTER DIV**/
  		margin: auto; 
  		left:0;
  		right: 0;
  		top: 0;  
  	/**END OF CENTER DIV**/
	box-sizing: border-box;  
	clear: both; 




	}

.first-of-all {
  	display: inline-block;
	width: 100%;
	height: 27px; 
	border: 0px;
	}







/**CENTER IMAGE HORIZONTALLY WITHING A DIV ELEMENT**/
.image-fit-inside-div {/**VERY IMPORTANT**/
    	position: relative; 
	display: inline-block; 
	left: 50%; 
	transform: translate(-50%);
	}
/**END OF CENTER IMAGE HORIZONTALLY WITHING A DIV ELEMENT**/






#display-all-the-time-header-menu {
	height: 27px;
	}

#main-header-height {
	height: 40px;  
	}

#display-stamp-channel {
	margin-right: 12px !important;
	}

.header-channel-stamp {
	width: auto;
	height: 40px;
	font-size: 27px; font-size: clamp( 0.9rem, 1.5vw, 3.5vh);  
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #FFFFFF;
	border: 0px;
	/**CENTER HORIZONTALLY**/
		display:flex; 
		flex-direction: row; 
		justify-content: center; 
		align-items: center; 
	/**END OF CENTER HORIZONTALLY**/ 
	}

.main-categories {
	width: auto;
	height: 30px;
	11padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #FFFFFF;
	11float: right;
	11right: 0; 11position: absolute;
	11margin-right: 12px;
	border: 0px;
	/**CENTER HORIZONTALLY**/
		display:flex; 
		flex-direction: row; 
		justify-content: center; 
		align-items: center; 
	/**END OF CENTER HORIZONTALLY**/ 
	}





11.content-wrapper-header 11.profile-img-large {
	height: 100% !important;
	width: 150%; WIDTH: 100% !important; 
	object-fit: cover !important;
	z-index: -1 !important;
	position: absolute !important;
	inset: 0 !important;
	left: 50% !important;  
	translate: -50% 0 !important;  
	/** filter: brightness(0.5); **/  /**UPTIONAL**/ 
}






	cursor: default !important;
	user-select: none !important;
	}

#myInput {
	cursor: default !important;
	user-select: none !important;
	}








.input-group {user-select: none;
  width: 100%;
  7878max-width: 20em; max-width: 50em;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
@supports (mix-blend-mode: darken) {
  .input-group {
    position: relative;
    mix-blend-mode: lighten;
  }
  .input-group__label {
    position: absolute;
    left: 3em;
    top: -0.28em;
    background: #000;
  }
  	.input-group-FOOTER__label {
    		position: absolute;
    		7878left: 3em; right: 3em;
    		bottom: -0.75em;
    		background: #000;
  		}
	}

.input-group__label, .input-group-FOOTER__label {
  	padding: 0 0.5em;
  	margin-bottom: 0.5em;
  	text-transform: uppercase;
  	font-size: 0.875em;
  	letter-spacing: 0.1em;
  	color: #ccd;
  	color: rgba(255, 220, 255, 0.6);
  	77777cursor: pointer; cursor: default !important;
	}



.input-group__label {
  padding: 0 0.5em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 0.875em;
  letter-spacing: 0.1em;
  color: #ccd;
  color: rgba(255, 220, 255, 0.6);
  cursor: pointer;
}




77777.input-group__input {
  	color: #fff; 
  	line-height: 1;
  	border-style: none;
  	outline: none;
  	77777height: calc(1em + 1.6em + 0.5em);  height: calc(1.4em + 2em + 0.9em);   height: calc(1.8em + 2.4em + 1.2em);
  	width: 100%;
  	padding: 0.8em 1em;  
  	border: 0.25em solid transparent;
  	background-image: linear-gradient(#000, #000), linear-gradient(120deg, #f09 0%, #0ff 50%, #9f0 100%);
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
  	border-radius: 1.8em;
  	background-size: 200% 100%;
  	transition: background-position 0.8s ease-out;
	}



.input-group__input {
  color: #fff;
   7878font-size: 1.25rem;    font-size: clamp( 0.9rem, 1.1vw, 2.3vh);  
  line-height: 1;
  border-style: none;
  outline: none;
	/**ORIGNINAL HEIGHT - DO NOT DELETE OR REMOVE OR UPDATE**/
  		7878height: calc(1em + 1.6em + 0.5em);
	/**END OF ORIGNINAL HEIGHT - DO NOT DELETE OR REMOVE OR UPDATE**/
	height: calc(1em + 2.4em + 1.2em);
  width: 100%;
  padding: 0.8em 1em; padding: 1.8em 1em;
  border: 0.25em solid transparent;
  background-image: linear-gradient(#000, #000), linear-gradient(120deg, #f09 0%, #0ff 50%, #9f0 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 1.8em;
  background-size: 200% 100%;
  transition: background-position 0.8s ease-out;
	text-overflow: ellipsis;
	overflow: hidden;
}
.input-group__input:hover {
  background-position: 100% 0;
}
.input-group__input:focus {
  outline: 2px dashed #ad2b89;
  outline-offset: 0.5em;
}






/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
  	.input-group__input {
  		font-size: 1.04em;  font-size: 0.8rem;   
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
  	.input-group__input {
  		font-size: 1.04rem;  font-size: 0.8rem;  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
  	.input-group__input {
  		font-size: 1.05rem;  font-size: 0.6rem;   
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
  	.input-group__input {
  		font-size: 1.08rem;   font-size: 0.6rem;   
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
  	.input-group__input {
  		font-size: 1.09rem;  font-size: 0.6rem;   
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.input-group__input {
  		font-size: 1.10rem;  font-size: 0.6rem; 
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
  	.input-group__input {
  		font-size: 1.15rem;  font-size: 0.8rem; 
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
  	.input-group__input {
  		font-size: 1.20rem; font-size: 0.9rem;  
  		}
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
  	.input-group__input {
  		font-size: 1.25rem; font-size: 1rem; 
		} 
	}









/**VISITOR COUNTER**/
.visitors {
	width: 100% !important;
	height: 30px;
	border: 0px;
	float: right !important;
	right: 0 !important;
	margin-right: 0px !important;
	bottom: 0 !important;
	margin-bottom: 0px !important;
	text-align: right; 
	11position: absolute; 
	}

#visitor-counter-post {
	max-width: 120px;
	height: 100%;
	border: 0px;
	float: right !important;
	right: 0 !important;
	margin-right: 0px;
	text-align: right; 
	}