/* header css */
.dashmain {
  .menu-hemburger {
    @media #{$small} {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    svg {
      font-size: 20px;
      margin-right: 8px;
    }
  }
  .logo-wrapper {
    a {
      img {
        @media #{$medium} {
          width: 130px;
        }
      }
    }
  }
}
.headerform { 
    margin: 14px 0  0 0; 
    width: 40%; 
  }
  
  .header-list {
      margin: 3px 0 0 0;
      li{
        //  padding: 0 10px;
        padding: 0 6px;
        a { 
            color: #555555;
            // font-size: 13px;
            font-size: 14px;
            .icon{
              position:relative;
              height: 20px;
              width:20px;
              margin: 0 auto;
              // margin: 7px auto;
              display: block;
              .icon-button_badge{
                position:absolute;
                background: linear-gradient(0deg, #CA0000, #CA0000),
                linear-gradient(0deg, #FFFFFF, #FFFFFF);
                left: 10px;
                top: -5px;
                right: 5px;
                height: 13px;
                width: 13px;
                border-radius: 50%;
                color: white;
                line-height: 12px;
                text-align: center;
                font-size: 9px;
              }
            }
          }  
          svg { 
            display: block; 
            margin: 3px 5px 0 0; 
            font-size: 18px;
          }
        &:hover {
          color: $st-text-third;
        }
        @media #{$medium} {
          display: none;
        }
        @media #{$small} {
          display: none;
        }
      }
  }
  
  .headleft{
    img{
      @media #{$small} {
       margin-top: 3px;
       margin-left: 6px;
       
      }
    }
    img{
      @media #{$medium} {
       margin-top: 3px;
       margin-left: 6px; 
      }
    }
  }

  .btn-search-alumni {
    background: $st-primary-bg!important; 
    border: 1px solid $st-primary-bg!important;
    margin: -25px 0 0 0;
    height: 44px; 
    line-height: 44px;
    padding: 0 26px;
      svg {
            float: left; 
            margin: 3px 5px 0 0!important; 
      }
      &:hover {
        background: $st-btn-fifth;
      }
  }

  .header-dropdown {
    display: block; 
      &.show{
        .dropdown-toggle{
        &::after{
          color: #0820f7;
        }
      } 
    }
    .dropdown-toggle{
      span {
        @media #{$medium} {
          margin-right: 3px;
        }
        @media #{$small} {
          display: none;
        }
      }
      &::after {
        @media #{$medium} {
          margin-left: 0;
        }
      }
      // @media #{$medium} {
      //   margin-left: -10px; 
      // }
      // @media #{$xsmall} {
      //   margin-left: 0; 
      // }
      // @media #{$small} {
      //   margin-left: 65px; 
      //   margin-top: 10px;
      // }
      // @media #{$xsmall} {
      //   margin-left: 55px;
      // }
      // @media #{$xxsmall} {
      //   margin-left: 45px;
      // }
      @media #{$medium} {
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
    }
    .dropdown-menu{
      a {
        font-weight: normal; 
        font-size: 12px;  
        color: #555555;
        &:focus {
          background: none!important;
        }
      }
      &.show {
        left: auto; 
        right: 0;
        border: 0;
        box-shadow: 0 0 10px #dadada;
        padding: 0;
      }
      .dropdown-divider{
        margin: 0;
        border-top: 0;
      }
    }
    button {font-size: 12px;
      color: #555555;
    }
    h6 {font-weight: bold; 
      font-size: 12px;
      color: $st-text-primary!important;
    }
    a {
      font-weight: bold; 
      font-size: 14px;
      color: $st-text-primary;
      // @media #{$medium} {
      //   // font-size: 0; 
      //   margin-left: -10px; 
      // }
      // @media #{$small} {
      //  margin-left: -28px;
      // }
    }
    img {
      margin: 0 10px 0 0;
      @media #{$medium} {
        margin: -7px 2px 0 0;
       }
       @media #{$small} {
        margin: -7px 2px 0 0;
       }

    }
  
    @media #{$small} {
      img{
       width: 40px!important;
      
    
      }
     
    }
    @media #{$medium} {
      img{
        width: 40px!important;
    
       }
       
       }
    &:after{
      @media #{$small} {
        position: relative;
        font-size: 20px;
      }
    }
   
  
  }

  // .sidebar {

  //   .top-section {
  //     position: absolute;
  //     top: 20px;
  //     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: 74px;
  //     // left: -24px;
  //     left: -12px;
  //     // width: 200px;
  //     width: 20%;
  //     background: #fff;
  //     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{
  //       border-bottom: 1px solid #6666;
  //       font-size: $st-font16;
  //       font-weight: 500;
  //     }
  //     @media #{$medium} {
  //       width: 65%;
  //     }
  //     @media #{$small} {
  //       top: 64px;
  //     }
  //   }
  //   .link {
  //     display: flex;
  //     color:$st-text-secondary;
  //     padding: 22px 10px;
  //     transition: all 0.5s;
      
  //   }
  //   .link:hover {
  //     background: #ffff;
  //     color: $st-text-third;
  //     transition: all 0.5s;  
  //   }
  //   .icon {
  //     svg {
  //       font-size: $st-font20;
  //     }
  //   }
  //   .active {
  //       background: #17cc53;
  //       color: #fff;
  //   }
  //   .bar {
  //     // font-size: 20px;
  //     // position: relative;
  //     // left: 10px;
  //     // top: -3px;
  //     svg { 
  //         margin-left: -5px;
  //         // margin-top: 8px;
  //         // font-size: 16px;
  //         margin-top: 4px;
  //         font-size: 24px;
  //         cursor: pointer;
  //         &:hover {
  //           transform: rotate(180deg);
  //           transition: all 0.5s;
  //           -webkit-transition: all 0.25s;
  //           color: $st-primary-bg;
  //         }
  //     }
  //   }
  // }
  // .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;
  //   }
  // }

  .navbar-nav {
    .nav-item {
      .logo {
        width: 140px;
        img {
          width: 98%;
          height: auto;
        }
        @media #{$medium} {
          margin: 0 0 0 10px;
        }
      }
    }
  }

  // .sidebar{
  //   z-index: 1;
  //   background: #2F323A;
  //   position: fixed;
  //   top: 70px;
  //   width: 250px;
  //   height: 100%;
  //   transition: 0.3s;
  //   transition-property: width;
  //   overflow-y: auto;
  // }
  
  // .sidebar .sidebar-menu{
  //   overflow: hidden;
  // }
  
  // .sidebar .sidebar-menu .profile img{
  //   margin: 20px 0;
  //   width: 100px;
  //   height: 100px;
  //   border-radius: 50%;
  // }
  
  // .sidebar .sidebar-menu .profile p{
  //   color: #bbb;
  //   font-weight: 700;
  //   margin-bottom: 10px;
  // }
  
  // .sidebar .sidebar-menu .item{
  //   width: 250px;
  //   overflow: hidden;
  // }
  
  // .sidebar .sidebar-menu .item .menu-btn{
  //   display: block;
  //   color: #fff;
  //   position: relative;
  //   padding: 25px 20px;
  //   transition: 0.3s;
  //   transition-property: color;
  // }
  
  // .sidebar .sidebar-menu .item .menu-btn:hover{
  //   color: #4CCEE8;
  // }
  
  // .sidebar .sidebar-menu .item .menu-btn i{
  //   margin-right: 20px;
  // }
  
  // .sidebar .sidebar-menu .item .menu-btn .drop-down{
  //   float: right;
  //   font-size: 12px;
  //   margin-top: 3px;
  // }
  
  // .sidebar .sidebar-menu .item .sub-menu{
  //   background: #3498DB;
  //   overflow: hidden;
  //   max-height: 0;
  //   transition: 0.3s;
  //   transition-property: background, max-height;
  // }
  
  // .sidebar .sidebar-menu .item .sub-menu a{
  //   display: block;
  //   position: relative;
  //   color: #fff;
  //   white-space: nowrap;
  //   font-size: 15px;
  //   padding: 20px;
  //   transition: 0.3s;
  //   transition-property: background;
  // }
  
  // .sidebar .sidebar-menu .item .sub-menu a:hover{
  //   background: #55B1F0;
  // }
  
  // .sidebar .sidebar-menu .item .sub-menu a:not(last-child){
  //   border-bottom: 1px solid #8FC5E9;
  // }
  
  // .sidebar .sidebar-menu .item .sub-menu i{
  //   padding-right: 20px;
  //   font-size: 10px;
  // }
  
  // .sidebar .sidebar-menu .item:target .sub-menu{
  //   max-height: 500px;
  // }
  /* header css */