html {
  font-family: "Nunito", sans-serif;
  height: 100%;
}
body {
  margin: 0px;
  height: 100%;
}
.wrapper {
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
.side-menu {
  /* min-width: 250px; */
  width: 250px;
  float: left;
  background: #32325d;
  height: auto;
  min-height: 100%;
  margin-bottom: -5000px; /* any large number will do */
  padding-bottom: 5000px;
}
.topmenu {
  height: 60px;
  padding: 10px 0px 10px 0px;
  background: #6772e5;
  color: #e1e2fa;
}
.logo {
  background: #3a3a63;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 0px 0px 10px;
  height: 45px;
}
.main-section {
  height: 100%;
}
a {
  text-decoration: none;
  color: #e1e2fa;
}
.menu ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 10px;
}
.menu ul li a {
  font-size: 12px;
  font-weight: 800;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  margin-left: -5px;
  padding-left: 10px;
}
.menu ul li a:hover {
  background: #262646;
  border-left: solid 5px #6a75eb;
  margin-left: -10px;
  width: 98%;
}
.menu ul li ul {
  padding-left: 0px;
}

.main-section {
  background: #f6f9fc;
  height: 100%;
  margin-bottom: -5000px; /* any large number will do */
  padding-bottom: 5000px;
  margin-left: 250px;
}
.search {
  width: 340px;
  float: left;
  margin-top: 3px;
  margin-left: 25px;
  padding-left: 10px;
  background: #5c66cd;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 15px;
  color: #8089e8;
}
input.src {
  background: none;
  border: none;
  width: 300px;
  font-family: "Nunito", sans-serif;
  color: #8089e8;
  font-size: 13px;
  font-weight: 600;
}
*:focus {
  outline: none;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Nunito", sans-serif;
  color: #8089e8;
  font-size: 13px;
  font-weight: 600;
}
::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Nunito", sans-serif;
  color: #8089e8;
  font-size: 13px;
  font-weight: 600;
}
:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Nunito", sans-serif;
  color: #8089e8;
  font-size: 13px;
  font-weight: 600;
}
:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Nunito", sans-serif;
  color: #8089e8;
  font-size: 13px;
  font-weight: 600;
}

.container {
  margin: 15px 0px 15px 0px;
}

#gambar {
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
