.header-wrapper{
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 1;
}
.header-wrapper .navbar-light .navbar-nav .nav-item {
    padding-right:20px;
}
.header-wrapper .navbar-light .navbar-nav .nav-link{
    color:#1B763B;
    font-weight: 500;
}
.header-wrapper .navbar-light .navbar-nav .nav-link:focus, .header-wrapper .navbar-light .navbar-nav .nav-link:hover{
    color:#FF7F50;
    font-weight: 500;
}
.top-header{
    background-color: #1B763B;
    padding: 10px;
}
.top-header a{
    color: #fff;
    font-size: 14px;
}
.top-header a:hover{
    color:#fff;
}
.top-header i{
    padding-right: 10px;
}
.top-bar-left{
    display: flex;
    align-items: center;
}
.top-bar-right{
    display: flex;
    justify-content: flex-end;
}
.header-wrapper .navbar-brand img{
    max-width: 170px;
}


.header-wrapper .modal .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100vh;
    transform: translate3d(0%, 0, 0);
  }
  
  .header-wrapper .modal .modal-content {
    height: 100%;
    overflow-y: auto;
  }
  
  .header-wrapper .modal .modal-body {
    padding: 15px 15px 80px;
  }
  
  .header-wrapper .modal.left.fade .modal-dialog {
    left: -320px;
    transition: opacity 0.1s linear, left 0.1s ease-out;
  }
  
  .header-wrapper .modal.left.fade.show .modal-dialog {
    left: 0;
  }
  .modal-body .nav-link{
    color:#000;
  }
  .modal-body .nav-link:hover{
    color:#FF7F50;
    font-weight: 500;
  }
  
  /* ----- MODAL STYLE ----- */
  .header-wrapper .modal-content {
    border-radius: 0;
    border: none;
  }
  
  .header-wrapper .modal-header {
    border-bottom-color: #eeeeee;
    background-color: #fafafa;
  }