/* header css */
.dashboard-main{
  .header{
     background: $st-text-ninth;
     border-bottom: 1px solid #d1d1d1;
     .bar{
       float: left;
       font-size: 16px;
       svg{
         margin-left: -62px;
       }
     }
     ul{
       li{
         a{
           font-size: 18px;
           color: $st-text-primary;
           margin: 0 8px 0 0;
         }
       }
     }
     .rightsideheader{
       float: right;
       ul{
         li{
           a{
            .icon{
              svg{
                background: #DA547F;
                color: $st-text-ninth;
                border-radius: 3px;
                font-size: 18px;
              }
            }
           }
         }
       }
     }
     .userprofile{
       float: right;
       .bellicon{
         float: right;
         svg{
           margin: 0 10px 0 14px;
         }

       }
     }
     .sidebar{
      .top-section {
        position: absolute;
        top: 12px;
        padding: 0;
        z-index: 1;
  
      }
      .sideMenuWrap {
        // transition: all 2s;
        transition: all 0.25s;
        -webkit-transition: all 0.25s;
        padding: 0;
        position: absolute;
        display: none;
        top: 70px;
        // left: -24px;
        left: -12px;
        // width: 200px;
        width: 20%;
        background: #405189;
        height: 90vh;
        z-index: 1;
  
        .iconname{
          padding: 0 0 0 6px;
          display: inline-block;
          vertical-align: middle;
        }
        &.sidebar-open {
          display: block;
        }
        .menublank{
          position: fixed;
          background: $st-text-primary;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          z-index: 7;
          opacity: 0.4;
          .show{
              display: block!important;
          }
        }
        a{
       
          font-size: 16px;
          font-weight: 500;
          padding: 10px;
          margin-left: 30px;
          color: $st-text-ninth;
        }
    
      }
      .sidebar-lockbg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: $st-text-primary;
        transition: 0.5s;
        opacity: 0;
        visibility: hidden;
        &.sidebarLockActive {
          opacity: 0.4;
          visibility: visible;
        }
      }
     }
  }
}
/* header css */