/* MENU LAYOUT */
/* MENU LAYOUT */
.jheadpanel{
	z-index:1001;
	background-color: var(--main-color-white);
	position: fixed;
	left: 0px;
	height: var(--menu-top);
	right:0;
	align-items: center;
	top:0;
	display:flex;
	justify-content: space-between;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid var(--shadow-color);
	padding-left : 20px;
	padding-right : 20px;
}
.jheadpanel a, button{
	
}
.jcenterlogo {
	height:70px;
	transition: all 0.2s ease-in-out;
}
.jheadpanel-left {
	align-items: center;
	display: flex;
}
.jheadpanel-right {
	align-items: center;
	display: flex;
}
.jwl1 {
	padding-left: 30px;
}
.jwlnotif {
	padding-left: 30px;
}

.jheadsidemenu {
	top:var(--menu-top);
	height: 100%;
	position: fixed;
	background-color: var(--side-menu-bgcolor);
	transition: all 0.2s ease-in-out;
	transition: 0.5s;
	width:0px;
	bottom:-10;
	overflow:auto;
	z-index:1000;
}
.jheadsidemenu a {
	color: var(--menu-text-color);
}

.upper-left-menu {
	display: flex;
	width: var(--side-menu-width);
	justify-content: center;
	border-right: 1px solid var(--border-menu-color);
  	transition: all 0.2s ease-in-out;
}

.jhead-menu {
	font-size: 40px;
	padding: 5px;
	transition: all 0.2s ease-in-out;
}
.jhead-menu:hover {
	color: red;
}

.j-main-content {
	min-height: 90vh;
	position: relative;
	padding-top: var(--menu-top);
	transition: all 0.2s ease-in-out;
	font-family: GothamBook;
}
.mycontainer {
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}

/* On Hamburger Click CSS */
/* On Hamburger Click CSS */
.responsive .jheadsidemenu {
	height: 100%;
  	width: 100%;
  	position: fixed;
  	z-index: 1002;
  	top: var(--menu-top);
  	right: 0;
	background-color: #ffffff;
  	overflow-y: hidden;
  	transition: 0.5s;
	transition: all 0.2s ease-in-out;
	overflow: auto;
	text-align: center;
}

.responsive .sidebar-nav {
	width: 100%;
}
.responsive .wrapper-menu {
	overflow: auto;
}
.responsive #mminimize {
	display:none;
}

/* End On Hamburger Click CSS */
/* End On Hamburger Click CSS */

.jwl2 {
	display:none;
	padding-left: 20px;
}

.jhide {
	display:none;
}
.jshow {
	display:inline;
}
#jusermenu {
	display:none;
	padding: 12px 12px;
	border-bottom : 1px solid var(--menu-text-color);
}


.jdiv-icon-menu {
	font-size: var(--menu-text-font-size);	
	width : 20px;
}
.nav-link {
	font-weight: bolder;
}
.nav-item {
	font-weight: bolder;
}
.jdiv-icon-menu-child {
	font-size: 15px;
}
#mminimize {
	transition: 0.5s;
	transition: all 0.2s ease-in-out;
}
#mmaximize {
	display:none;
	transition: 0.5s;
	transition: all 0.2s ease-in-out;
}
.float-minimize {
	background-color: #8f8f8f;
	padding : 0;
	position: fixed;
	top: 60px;
	left: var(--side-menu-width);
	transition: 0.5s;
	transition: all 0.2s ease-in-out;
}
.responsive_menu_minimize .jheadsidemenu{
	left: var(--side-menu-width-min);
	transition: 0.5s;
	transition: all 0.2s ease-in-out;
}

.responsive_menu_minimize .j-main-content{
	margin-left: 20px;
}

.responsive_menu_minimize #mminimize{
	left: 30px;
}
.responsive_menu_minimize #mmaximize{
	left: 30px;
	display:inline;
}
.responsive_menu_minimize .jdiv-icon-menu{
	float: right;
} 
.responsive_menu_minimize .sidebar-nav li a {
	padding-right: 0px;
} 

/* END MENU LAYOUT */
/* END MENU LAYOUT */

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: var(--side-menu-width);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a {
    border-top: 1px solid var(--border-menu-color);
}
.sidebar-nav li:before {
    background:linear-gradient(to bottom right, var(--side-bar-nav1-bgcolor), var(--side-bar-nav2-bgcolor));
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: var(--menu-text-color);
    text-decoration: none;
    padding: 10px 10px 10px 10px;  
	font-size: var(--menu-text-font-size);  
}

.sidebar-nav li div {
	padding-left: 8px; 
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    text-decoration: none;
	color: red;
}

@media (max-width: 850px){
	.jwl1{
		display:none;
	}
	.jwl2 {
		display:inline;
	}
	.jwl3 {
		display:inline;
	}
	.jheadsidemenu {
		right: -300px;
		width: 0;
	}
	.j-main-content {
		margin-left: 0;
	}
	.upper-left-menu {
		justify-content: center;
		width: 180px;
	}
	#mminimize {
		display:none;
	}
	.responsive_menu_minimize #mmaximize{
		display:none;
	}
	.responsive_menu_minimize .j-main-content {
		margin-left: 0;
		transition: 0.5s;
		transition: all 0.2s ease-in-out;
	}
	
	/*Addtional Sept 2022 */
	#jtabhead {
		display:none;
	}
	.jstorelogo-pad{
		padding-left: 10px;
		padding-right: 10px;
	}
	.new-home-logo-images{
		height : 40px;
	}
	/*End Addtional Sept 2022 */
}

/* NEW MENU */
/* NEW MENU */
/* NEW MENU */
/* NEW MENU */
.new-menu-label{
	text-decoration: none;
	font-size:15px;
	font-weight: bolder;
	color: #000000;
	cursor:pointer;
}
.new-menu-label-login{
	text-decoration: none;
	font-size:15px;
	font-weight: bolder;
	color: var(--main-color);
	cursor:pointer;
}

.new-menu-label:hover{
	text-decoration: none;
}
.new-menu-label-login:hover{
	text-decoration: none;
}
.jlogcolor{
	color: var(--main-color-red);
}

/* END NEW MENU */
/* END NEW MENU */
/* END NEW MENU */