.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-y:auto;
  overflow-x:hidden;
  transition: 0.5s;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f;
}
.sidenav::-webkit-scrollbar-button{height:0;width:0}
.sidenav::-webkit-scrollbar-thumb{border-style:solid;border-color:transparent;border-width:4px;background-color:#a9a9a9;border-radius:5px;box-shadow:none}
.sidenav::-webkit-scrollbar {
  background: transparent;
height: 16px;
    overflow: visible;
    width: 7px;
}
.sidenav::-webkit-scrollbar-thumb {
 background-color:#20212461;border-radius:10px;
  border: 2px solid transparent;
 
}
.sidenav::-webkit-scrollbar-track {
  position: absolute;
  right: -3rem;
  top: -500rem;
  background: transparent;
}
.sidenav a {
   text-decoration: none;
  display: block;
  transition: 0.3s;
}
 
.open-button
{
font-size:23px;cursor:pointer;
	background-color:rgb(253, 197, 8);
	border-radius: 7px;
	padding:5px;

}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
   font-size: 25px;
  color: #818181;
  height:100%;
  margin-top:auto;
  margin-bottom:auto;
  padding:5px;
}
.headermenu-mob
{
position:relative;
	background: #f7f7f7;
    border-bottom: solid 1px lightgrey;
    text-align: center;
    padding: 10px;
    display:block;
    width:100%;
 
}
.py
{
	padding-top:.5rem ;
	padding-bottom:.5rem ;
	padding-left:.5rem ;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
#backdrop {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 2;
  transition: opacity 0.4s;
  background: black;
  opacity: 0.8;
}
 
.other-item  {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 48px;
    height: 48px;
    padding: 0 16px;
    text-align: left;
    text-decoration: none;
    max-width: 100%;
    position: relative;
    margin:0;
    border-bottom: 1px solid lightgrey;
    font-size:12px;
    font-family: Arial, sans-serif;
}
 
.link  {
    font-size: 12px;
    color: #3880ff;
}
.link-watapp
{
	
}

.font12{
    font-size:12px;
}
#sel_form.row {
    display: flex;
    flex-direction: row;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
nav1 {
	position: relative;
 	width: 360px;
 padding: 5px 0;
}
nav1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav1 ul li {
  /* Sub Menupadding: 0 15px; */

 
}
 
nav1 ul li a, nav1 ul li button {
    text-align:left;    
    border-top: 1px solid lightgrey;
	display: block;
    padding: 15px 15px;
    background-color:rgb(253, 197, 8);
    border-radius: 7px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    color:#000;
    text-transform: uppercase ;
    width: 100%;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
nav1 ul li a:hover, nav1 ul li button:hover {
	color: #000;
}
nav1 ul li button {
    border-bottom: none;
    border-right: none;
    border-left: none;
}
nav1 ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
 
	color:#0000008a;
}
nav1 ul ul {
	background: #fff;
}
.sub-menu ul{ 
    display: grid;
    grid-template-columns: repeat(1,100%);
    grid-column-gap: 10px;
}
nav1 ul ul li
{
width:100%;
 border-bottom: 1px solid transparent;
  clear: initial;
    display: inline-block;
    float: left;
    }
nav1 ul li ul li a {	
border:0;
	 background:#fff;
	pasub-menudding: 10px 0 10px 10px;
	height:48px;
	line-height:28px;
	text-transform:none;
	color:#000000de;
	font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

nav1 ul li ul li a:hover {
	 color:#000000de;

}
@media screen and (max-width: 768px) {
.ul{ 
    display: block;
   }
   nav1 ul li ul li a {	
	height:48px;
	line-height:28px;
	padding: 10px;	text-transform:none;
}

nav1 ul ul li
{
 border-bottom: 1px solid transparent;
  clear: initial;
    display: block;
    float: none;
    }

}

@media only screen and (max-width: 992px) {
    /*.row {
        margin-right: -15px;
        margin-left: -15px;
    }*/
}