/* fallback */
/* #PROFILE-TAB.nav-pills .nav-link.active,#PROFILE-TAB.nav-pills .show>.nav-link 
{
    color: var(--bs-nav-pills-link-active-color);
    background-color: #86fd9a;
}
#PROFILE-TAB.nav.nav-pills.nav-link {
    z-index: 3;
    color: #262626;
    border-radius: 0.5rem;
    background-color: inherit;
} */
#navbarBlur
{
	z-index=1200;
}
.hide-content
{
	display:none !important;
}
.show-content
{
	display:inline-block !important;
}
.Non-Active-Profile
{
	opacity:50% !important;
}
.navbar-vertical.navbar-expand-xs
Specificity: (0,2,0)
 {
    display: flow-root;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 14rem !important;
    overflow-y: auto;
    padding: 0;
    box-shadow: none;
}
#PROFILE-TAB .activen a
{
	
    /* border: none !important; */
/*     border-radius: 7px;
    color: #591212 !important; */
    /* padding: 5px 0px !important; */
/*     text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin: 0px 5px 4px 5px !important;
    or: pointer !important;
    transition-duration: 0.4s !important; */
    background-color: #5e9351 !important;
    box-shadow: 5px 5px 20px 2px #93756a !important;
}
#RPANEL .activen
{
	background-color: #04AA6D !important;
    border: none !important;
    color: #591212 !important;
    padding: 15px 0px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    /* margin: -4px 10px -4px 10px !important; */
    cursor: pointer !important;
    transition-duration: 0.4s !important;
/*      background-color: #eda445 !important;  */
    box-shadow: 5px 5px 20px 2px #93756a !important;
}
#PROFILE-TAB a i,#PROFILE-TAB  a span
{

    margin-inline-start: 5px;
    margin-block-start: 20px;	
}
#PROFILE-TAB .activen a i, #RPANEL .activen a i,#PROFILE-TAB .activen a span, #RPANEL .activen a span
{
	 color: #382b2b !important;
    font-weight: 800;

}	
#PROFILE-TAB .active a span
{
	/* font-weight:bold; */
	color:white !important;
}
#sidenav-collapse-main
{
      height: 380px;	
}
#data-areaX  /*   TESTED OK IN PROFILE PAGE */
{
    WIDTH: fit-content;
    MARGIN-BLOCK-START: -62PX;
    MARGIN-INLINE-START: 190PX;
    height: max-content !important;
    background-color: cornflowerblue !important;
    /* padding-bottom: 10px !important; */
    padding-inline-end: 1px !important;	
}

#sidenav-main
{
	z-index:3 !important;
	margin-top:-10px !important;
	height: -webkit-fill-available !important;
}
#sidenav-main .sidenav-header
{
	 margin-top: 20px;
}
#nav-bar-title
{
	margin-top: -40px;
}
 .material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: bolder;
    font-style: normal;
    font-size: 28px !important;
    padding-inline: 5px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
} 
#RPANEL #RIGHT-NAV
{
	margin-inline-start: 60px;
    width: -webkit-fill-available !important;
    align-items: center;
    text-align: center;
    margin-block-start: 10px;
}
#RPANEL #RIGHT-NAV.RIGHT-NAV-item
{
	width: 33.33333%;
	text-align: -webkit-match-parent;		
}
#RPANEL .RIGHT-NAV-wrapper
{
    HEIGHT: 76PX;
    background-color: #ffffff;/*#f5f5f5;*/
    border-radius: 0.5rem;
    MARGIN-INLINE-START: -10PX;
    WIDTH: fit-content;
}
#RPANEL #RIGHT-NAV 
{
	margin-inline-start: 30px;
    width: 355PX ! IMPORTANT;
    align-items: center;
    /* text-align: center; */
    /* margin-block-start: 20px; */
    MARGIN-RIGHT: 20PX;
    /* text-align: -webkit-center !important; */
    align-items: center !important;
}
#RPANEL #RIGHT-NAV .RIGHT-NAV-item
{
	margin-block-start: 20px;
}
/* #RPANEL #RIGHT-NAV .RIGHT-NAV-link
{
    display: inline-flex;
    width: 120px !important;
	background-color: antiquewhite;
} */
#RPANEL #RIGHT-NAV .RIGHT-NAV-link .non-mobile	
{
	margin-top: 5px;
}
#RPANEL
{
	MARGIN-BLOCK-START: 16PX;
	/* border-radius: 0.5rem;	 */
}
#PROFILE-TAB
{
    display: inline-flex;	
}
#RPANEL .RIGHT-NAV-item
{
	width: 170px;
    height: 60px;
    border-radius: 0.5rem;
    margin-inline-end: 5px;
    background-color: antiquewhite;
    padding-block-start: 12px !important;
}
#RPANEL .RIGHT-NAV-wrapper {
    padding-inline-start: 10px;
}
#PROFILE-TAB .MENU-NAV-nav-item:not(.activen)
{
	width: 120px !important;
	height:50px !important;
	border-radius: 0.5rem !important;
    margin-inline-end: 5px !important;
	background-color: antiquewhite !important;
	padding-block-start: 12px !important;
	z-index:2000 !important;
}
#comp-menu
{
	HEIGHT: 90PX !important;
	margin-top:20px !important;
}
#PROFILE-TAB .MENU-NAV-link 
{
    display: inline-flex;
    padding-right: 0px !important;
    height: 45px;
    margin-block-start: -20px;
    /* margin-left: -10px; */
    width: 120px;
}
#PROFILE-TAB .activen .MENU-NAV-link 
{
	/* margin-block-start: -10px !important; */
}
#RPANEL .RIGHT-NAV-link
{
    display: inline-flex;
    padding-right: -5px !important;
    height: 45px;
    margin-block-start: 0px;
    /* margin-left: -10px; */
    width: 120px;
}
#menu-tab-00 .MENU-NAV-wrapper	
{
	padding-inline-start: 10px;
    margin-block-start: -38px;
    margin-inline-start: -7px;	
}
#menu-tab-00 .non-mobile
{
	display: table-caption;
}
#PROJECT-PANEL
{
	WIDTH: FIT-CONTENT ! IMPORTANT;
	MARGIN-INLINE-START: -30PX;	
}	
@media (max-width: 600px) 
{
	#data-areaX  /*   TESTED OK IN PROFILE PAGE */
	{
		WIDTH: fit-content;
		MARGIN-BLOCK-START: 60PX;
		MARGIN-INLINE-START: 0PX !important;
	}	
	#n-tab-1
	{
		height: fit-content !important;
		margin-block-start: -20px !important;		
	}
	#sidenav-main
	{
		z-index:3 !important;
		margin-top:0px !important;
	}
	#sidenav-main .sidenav-header
	{
		 margin-top: 0px;
	}
	#comp-menu
	{
		HEIGHT: 70PX !important;
		margin-top:20px !important;
	}
	#nav-bar-title
	{
		margin-top: 0px;
	}	
	#menu-tab-00 .MENU-NAV-wrapper	
	{
		padding-inline-start: 0px;
		 margin-block-start: 10px !important;
	}
	#menu-tab-00 .non-mobile
	{
		display: none;
	}	
	#PROFILE-TAB 
	{
		display: inline-flex;
		width: 300px !important;
		margin-block-start:-25px !important;
	}	
	#PROFILE-TAB .MENU-NAV-nav-item
	{
        width: 39px;
        /* margin-block-start: 5px; */
        height: 50px;
        margin-inline-end: 5px;
		background-color: antiquewhite;
		padding-block-start: 0px !important;
		z-index:2000 !important;
	}

	#PROFILE-TAB .MENU-NAV-link
	{
        display: flex;
        margin-block-start: -20px !important;
		margin-inline-start: 0px; 
         width: 42px;
	/*	padding-right:0px !important;	 */	
	}
	#PROFILE-TAB .activen
	{
		margin-block-start: 1px !important;
		
	}	
	#PROFILE-TAB .activen a i
	{
		display: inline-block;
        margin-block-start: 8px;
        margin-inline-start: 0px;
	}	
	#RPANEL
	{
		MARGIN-BLOCK-START: 56PX;
		height: fit-content;
	}	
	#RPANEL #RIGHT-NAV
	{
        margin-inline-start: -10px;
        width: -webkit-fill-available !important;
        align-items: center;
        text-align: center;
        margin-block-start: -30px;
	}
	#RPANEL #RIGHT-NAV .RIGHT-NAV-item
	{
		width: 33.33333%;
		text-align: -webkit-match-parent;
		margin-block-start: 10px !important;
        padding-inline-start: 20px;	
		MARGIN-INLINE-END: 20PX !important;
		padding-block-start: 5px !important	
	}
	#RPANEL .RIGHT-NAV-wrapper
	{
		HEIGHT: 65PX;
        /* background-color: #f5f5f5; */
        border-radius: 0.5rem;
        MARGIN-INLINE-START: 30PX;
        WIDTH: 300px;
	}	
	#RPANEL .RIGHT-NAV-link
	{
        display: flex;
        margin-block-start: 5px !important;
		margin-inline-start: 0px; 
         width: 50px;
	/*	padding-right:0px !important;	 */	
	}
	#PROJECT-PANEL
	{
		WIDTH: FIT-CONTENT ! IMPORTANT;
		MARGIN-INLINE-START: -30PX;	
	}	
/* 	#PROFILE-ICONS1
	{
		font-family: 'Material Symbols Rounded';
		font-weight: bolder;
		font-style: normal;
		font-size: 32px !important;
		padding-inline: 15px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;	
	} */
	#page-top-area
	{
		margin-left: -15px;
        width: -webkit-fill-available;
        margin-block: 0px !important;
        height: 110px;
        margin-right: -10px;		
	}	
	#page-top-col2
	{
		width: 230px;
	}
	#profile-avatar 
	{
        margin-top: 5px;
        margin-bottom: -10px;
        width: 110px !important;
        margin-inline-start: -10px;
	}	 
	 #profile-tab
	{
		width: 345PX;
		/* margin-inline-start: -42px; */
		 margin-top: 15px; 
	}
	#page-top-area
	{
		margin-left: -15px;
		width:-webkit-fill-available;		
	}	
	#page-top-profile
	{
		/* margin-left: -15px; */
		width:245px;
		/* padding-block-end: 20px !important;	 */
	}
	#search-Input
	{
		width: 110px !important;
		margin-inline-end: 15px;
	}	 
    .card-body 
	{
        padding-top: 0REM !important;
       /*  margin-block-start: -290px !important; */
	    width: fit-content;
    }	 
	.non-mobile
	{
		display:none;
	}
	#navbar1
	{
		margin-left: 150px;
		margin-top: -30px !important;
	}
 }	
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  src: url(downloaded.woff2) format('woff2');
}
.input-group.input-group-outline .form-label
{
    display: flex;
    line-height: 3.925 !important;
    top: -2.5rem;
	margin-left:-15px;
}
/* .input-group.input-group-outline .form-label
:not(:first-child)
{
	margin-block:20px;
}	 */
.input-group input[type="text"],.form-text,select
{
    line-height: 3.925 !important;
	margin-bottom:20px;
}

#footer-container
{
  MARGIN-BLOCK-END: 0PX ! IMPORTANT;
}
.place-holder
{
/*     display: flex;
    line-height: 3.925 !important;
    top: -10px !important;
    margin-left: 1px; */
}
#data-area
{
	margin-block-start: -30px;	
}
#navbar1
{
    margin-left: 690px;	
}