.t-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  border-radius: 20px;
  padding: 0 20px;
  min-height: 40px;
  text-align: center;
  border: 0;
  cursor: pointer;
  color: #ffffff;
}
.t-btn:hover {
  color: #ffffff;
}
.t-btn.btn-transparent {
  background-color: transparent;
  border: 1px solid;
  color: #39b549;
}
.t-btn.btn-transparent:hover {
  color: #39b549;
}
.t-btn.btn-green {
  background-color: #39b549;
}
.t-btn.btn-gray {
  background-color: #888686;
}
.t-btn.btn-lt-gray {
  background-color: #b0b6ca;
}

.navbar {
  position: relative;
  width: 100%;
  min-height: 75px;
  padding: 20px 50px;
  background-color: #39b549;
}
.navbar #logoImg {
  width: 130px;
}
.navbar .nav-menu-container {
  width: 100%;
  min-height: 100vh;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  pointer-events: none;
}
.navbar .nav-menu-container .close-menu-outer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.navbar .nav-menu-container .nav-menu {
  position: absolute;
  width: 300px;
  height: 100%;
  top: 0;
  right: -350px;
  padding: 100px 50px 20px;
  background: #39b549;
  box-shadow: -3px 2px 5px 0px rgba(26, 24, 24, 0.24);
  transition: right ease-in 0.4s;
  z-index: 2;
}
.navbar .nav-menu-container .nav-menu.can-scroll {
  overflow-y: scroll;
}
.navbar .nav-menu-container .nav-menu a {
  color: inherit;
}
.navbar .nav-menu-container .nav-menu a:hover {
  text-decoration: none;
}
.navbar .nav-menu-container .nav-menu .menu-item {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  list-style: none;
}
.navbar .nav-menu-container .nav-menu .menu-item li {
  margin-bottom: 10px;
  padding: 2px;
  border-radius: 30px;
  border: 1px solid transparent;
}
.navbar .nav-menu-container .nav-menu .menu-item li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 0 20px;
  min-height: 40px;
  min-width: 100%;
  color: #39b549;
  background-color: #f2f4ff;
  border: 1px solid #f2f4ff;
  cursor: pointer;
  text-align: center;
}
.navbar .nav-menu-container .nav-menu .menu-item li:hover {
  border: 1px solid #ffffff;
}
.navbar .nav-menu-container .nav-menu .menu-item li.active {
  border: 1px solid #ffffff;
}
.navbar .nav-menu-container .nav-menu .menu-item li.transparent a {
  background-color: transparent;
  color: #ffffff;
}
.navbar .nav-menu-container .nav-menu .menu-item li.transparent.active, .navbar .nav-menu-container .nav-menu .menu-item li.transparent:hover {
  border: 1px solid #f2f4ff;
}
.navbar .nav-menu-container .nav-menu .menu-item li.transparent.active a, .navbar .nav-menu-container .nav-menu .menu-item li.transparent:hover a {
  color: #39b549;
  background-color: #f2f4ff;
}
.navbar .nav-menu-container .nav-menu .menu-item.menu-user {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ffffff;
}
.navbar .nav-menu-container .nav-menu .close-menu {
  position: absolute;
  top: 20px;
  left: 40px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.navbar .nav-menu-container .nav-menu .close-menu:before, .navbar .nav-menu-container .nav-menu .close-menu:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.navbar .nav-menu-container .nav-menu .close-menu:after {
  transform: rotate(-45deg);
}
.navbar .nav-menu-container.slide-in {
  pointer-events: all;
}
.navbar .nav-menu-container.slide-in .nav-menu {
  right: 0;
}

/*# sourceMappingURL=navbar.css.map */