*{margin:0px;padding:0px;}
      .nwlayout{font-family:roboto;}
      /*header*/
      .lyhed{box-shadow:0 2px 6px rgba(0,0,0,.2);background:#fff;display:flex;top:0px;left:0px;align-items:center;z-index:9997}
      .lyhed i{color:#777777;font-size: 22px;
    padding-top: 14px;}
      .lymenuicon{min-width:10%;text-align:center;box-sizing:border-box;line-height:50px;}
     
      .lytitle{min-width:60%;padding-bottom:4px;}
       .notiicon{min-width:5%;text-align:center;}
      .notiicon i{text-shadow:0 1px 1px rgba(0,0,0,0.16),0 1px 1px rgba(0,0,0,0.23)}
      .userprofile{min-width:15%;text-align: right}
      
      .lytitle img{width:100%;padding:0 20px 0 20px;}
      .userprofile img{height:50px;width:50px;border-radius:50%;}
      
/*      end header*/
     /* sidemenu*/
      .lydropshadow{position: absolute;   width: 100%; background: #0000004d; z-index: -1;  height: 100%;top:0px;left:0px}
     
      .lysidebarmenu{position:fixed;width:100%; z-index:9998;top:0px;height:100vh;left:-100%;transition:all .3s linear;}
     
      .lyst{background:#fff; width:69%;height:100vh;overflow-y:scroll;overflow-x:hidden;}
      .lysideheader{display:flex;flex-direction:row;align-items: center;padding:2px 0; background:#fff;position:sticky;position:-webkit-sticky;width:100%;top:0;z-index:1;    box-shadow: 0 2px 6px rgba(0,0,0,.2);}
      
      .lysicon{min-width:10%;text-align:center;}
      .lysicon i{color:#777777;font-size:17px;}
      .lysititle{min-width:25%;text-align: center;padding:2px 0;}
      .lysititle img{width:40px;height:40px;}
      .brandtename{min-width:60%;font-size:18px;color:#777777}
      .userinfor{background:#0036b6;position:relative;}
      .userproimg {text-align:center;background:#0036b6;padding: 5px 0;}
      .userproimg img{width:80px;height:80px;vertical-align: middle;border-radius:50%;}
    
      .infotxt{display: flex;width:100%;padding:5px 5px;box-sizing: border-box;color:#fff;align-items: center;text-align:center;}
      .ybg     , .ybg a{background:#fcd024;color:#0036b6!important}
      
      .leftits{min-width:85%;font-size:15px;text-align:left;padding-left:10px;box-sizing: border-box;}
      .rightits{min-width:15%;text-align: center;}
      .rightits a{color:#fff;text-decoration:none;}
      .lyomylink{
            height: 48px;
            display:flex;align-items:center;
      }
     .lyomylink>a {
    display: block;
  
    padding: 0 16px;
   white-space:nowrap;
    font-weight: 500;
    color: #212121;
         font-size:15px;
    position: relative;
    text-decoration: none;
}
    .lyomylink>a>img { width:25px;padding-right: 8px;vertical-align: middle;}
      
    .sepratorlh {
     margin-top: 12px;
    margin-bottom: -25px;
    padding-top: 10px;
    border-top: solid 1px #eee;
}
     /* submenu header*/
      .lhsubmenu{position: absolute;
    top: 47px;
          transition:all .4s linear;
    left:-100%;
    width:65%;
    background: #fff;
    z-index: 10;
    height: 100vh;
    overflow-y: scroll;
      
      
      }
      .lhsbheader{line-height:20px;display: flex; padding:8px 12px;box-sizing:border-box;background:#0036b6;color:#fff;position: sticky;top:0;align-items: center;}
      .lhsbheader .lhsbti{min-width:80%;text-align: left;}
      .lhsbheader .lhsbti img{    height: 30px;
    width: 30px;
    background: white;
    vertical-align: middle;
    border-radius: 30px;
    margin-right: 5px;}      .lhsbheader .lhsbti a{color:#fff;text-decoration: none;}

      .lhsbrighticon{min-width:20%;text-align: center;}
      .lhsblink>a{color:#0036b6;padding:5px 12px; box-sizing:border-box;text-decoration: none;display: block;
    padding: 9px 12px;font-size:15px;border-bottom:1px solid #f1f2f9;}
      .lhsblink>a>i{float:right;transition: all .3s linear}
      .slidetogglemenu{display:none;}
     .slidetogglemenu li a {
    display: block;
    font-size: 15px;
    text-decoration: none;
    padding: 5px 28px;
    color: #456;
    

      }
            
     .slidetogglemenu li a:before {
         content:"\f101";
    font-family:fontawesome;
         margin-right:10px;

      }
      .sbactive{
          /*background:#ededed;*/

      }
      .sbactive i{transform: rotate(-180deg)}
      
      
      
      /* submenu header end */