@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
@font-face {
  font-family: "montserrat-bold";
  src: url("../fonts/MontserratAlternates-Bold.eot");
  src: url("../fonts/MontserratAlternates-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Bold.woff") format("woff"), url("../fonts/MontserratAlternates-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "opensans";
  src: url("../fonts/OpenSans-Regular.eot");
  src: url("../fonts/OpenSans-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.woff2") format("woff2");
}
body {
  font-family: "opensans", Helvetica, sans-serif;
}
body.login .login-aside {
  background-color: #04d7ab;
}
body.login .login-aside > h1.title > img {
  width: 284px;
}
body.login .login-aside p.subtitle {
  margin-top: 20px;
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
}
body.login .login-aside .container-login > h3 {
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 1.6rem !important;
  line-height: 1.2;
}
body.login .login-aside .container-login #btn-login {
  margin: 0 auto;
  padding: 10px 50px;
  width: auto;
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 0.8rem;
  color: #ffffff;
  background-color: #003864;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  -webkit-transition: color 0.5s ease-out 0s;
  -moz-transition: color 0.5s ease-out 0s;
  -ms-transition: color 0.5s ease-out 0s;
  -o-transition: color 0.5s ease-out 0s;
  transition: color 0.5s ease-out 0s;
}
body.login .login-aside .container-login #btn-login:hover, body.login .login-aside .container-login #btn-login:focus, body.login .login-aside .container-login #btn-login:active {
  color: #04d7ab;
}
body.login .login-aside .container-login #btn-login:after {
  width: 100%;
  height: 100%;
  border: 1px solid #003864;
  position: absolute;
  left: 6px;
  top: 7px;
  border-radius: 5px;
  content: "";
}
body.login .login-aside .container-signup > h3 {
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 1.6rem !important;
  line-height: 1.2;
}
body.login .login-aside .container-signup #btn-daftar {
  margin: 0 auto;
  padding: 10px 50px;
  width: auto;
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 0.8rem;
  color: #ffffff;
  background-color: #003864;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  -webkit-transition: color 0.5s ease-out 0s;
  -moz-transition: color 0.5s ease-out 0s;
  -ms-transition: color 0.5s ease-out 0s;
  -o-transition: color 0.5s ease-out 0s;
  transition: color 0.5s ease-out 0s;
}
body.login .login-aside .container-signup #btn-daftar:hover, body.login .login-aside .container-signup #btn-daftar:focus, body.login .login-aside .container-signup #btn-daftar:active {
  color: #04d7ab;
}
body.login .login-aside .container-signup #btn-daftar:after {
  width: 100%;
  height: 100%;
  border: 1px solid #003864;
  position: absolute;
  left: 6px;
  top: 7px;
  border-radius: 5px;
  content: "";
}
body.login .login-aside .container-reset > h3 {
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 1.6rem !important;
  line-height: 1.2;
}
body.login .login-aside .container-reset #btn-reset {
  margin: 0 auto;
  padding: 10px 50px;
  width: auto;
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 0.8rem;
  color: #ffffff;
  background-color: #003864;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  -webkit-transition: color 0.5s ease-out 0s;
  -moz-transition: color 0.5s ease-out 0s;
  -ms-transition: color 0.5s ease-out 0s;
  -o-transition: color 0.5s ease-out 0s;
  transition: color 0.5s ease-out 0s;
}
body.login .login-aside .container-reset #btn-reset:hover, body.login .login-aside .container-reset #btn-reset:focus, body.login .login-aside .container-reset #btn-reset:active {
  color: #04d7ab;
}
body.login .login-aside .container-reset #btn-reset:after {
  width: 100%;
  height: 100%;
  border: 1px solid #003864;
  position: absolute;
  left: 6px;
  top: 7px;
  border-radius: 5px;
  content: "";
}
body .main-header .logo-header {
  background-color: #003864;
}
body .main-header .logo-header .navbar-toggler .navbar-toggler-icon {
  color: #ffffff;
}
body .main-header .logo-header .topbar-toggler {
  color: #ffffff;
}
body .sidebar {
  background-color: #003864;
}
body .sidebar .sidebar-wrapper .sidebar-content .user .info a > span {
  color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content .user .info a > span .user-level {
  color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content .user .info a > span .caret {
  border-top-color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-section h4.text-section {
  color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item a i, body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item a p {
  color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item a .caret {
  color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item a:hover i, body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item a:hover p {
  color: #ffffff !important;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item a:hover .caret {
  color: #ffffff !important;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item.submenu > a i, body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item.submenu > a p {
  color: #ffffff !important;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item.submenu > a .caret {
  color: #ffffff !important;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item.submenu > .collapse ul.nav-collapse li a {
  color: #ffffff;
}
body .sidebar .sidebar-wrapper .sidebar-content ul.nav li.nav-item.submenu > .collapse ul.nav-collapse li a .sub-item:before {
  background: rgba(255, 255, 255, 0.89);
}
body .main-panel .container .panel-header {
  background-image: url(/assets/img/greensquarebg.jpg);
  background-size: 51px;
}
body .main-panel .container .panel-header .page-inner > div {
  color: #003864;
}
body .main-panel .container .panel-header .page-inner > div h2 {
  font-family: "montserrat-bold", Helvetica, sans-serif;
  font-size: 1.6rem !important;
  line-height: 1.2;
}
body .main-panel .container > .page-inner .card .card-body #v-pills-tab .nav-link.active {
  background-color: #003864;
}

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