@import url("https://fonts.googleapis.com/css?family=Abel&display=swap");
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
* {
  font-family: 'Abel', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.side_menu_wrapper {
  background: #29285b;
  width: 100%;
  height: 100vh;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 10px;
}

.side_menu_wrapper .top_banner .top_image {
  width: 60px;
  height: 60px;
  float: left;
  background-color: #fff;
  border-radius: 50%;
}

.side_menu_wrapper .top_banner .top_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}

.side_menu_wrapper .top_banner .top_detail {
  width: calc(100% - 60px);
  float: left;
  padding: 7px;
  padding-left: 15px;
}

.side_menu_wrapper .top_banner .top_detail h4 {
  margin: 0px;
  padding: 0px;
  color: #fff;
}

.side_menu_wrapper .top_banner .top_detail p {
  margin: 0px;
  padding: 0px;
  color: #fff;
  color: #b0aec7;
}

.side_menu_wrapper .sidemenu_list {
  padding-top: 30px;
}

.side_menu_wrapper .sidemenu_list ul {
  margin: 0px;
  padding: 0px;
}

.side_menu_wrapper .sidemenu_list ul li {
  list-style: none;
  color: #fff;
  font-weight: 200;
  font-size: 15px;
  padding: 10px;
  font-size: 16px;
}

.side_menu_wrapper .sidemenu_list ul li:focus {
  background-color: #282458;
}

.side_menu_wrapper .sidemenu_list ul li:hover {
  background-color: #282458;
}

.side_menu_wrapper .sidemenu_list ul li .version {
  color: #b0aec7;
  font-size: 14px;
}

.side_menu_wrapper .sidemenu_list ul .sub_menu {
  padding-left: 25px;
  margin-bottom: 40px;
  padding-top: 10px;
}

.side_menu_wrapper .sidemenu_list ul .sub_menu ul {
  margin: 0px;
  padding: 0px;
}

.side_menu_wrapper .sidemenu_list ul .sub_menu ul li {
  list-style: none;
  color: #b0aec7;
}

.common_tab {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
  box-shadow: 0px 0px 5px 7px rgba(215, 213, 228, 0.5);
}

.common_tab ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.common_tab ul li {
  list-style: none;
  display: inline-block;
  width: 20%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
}

.common_tab ul .icon_sec {
  width: 50px;
  height: 50px;
  background-image: url("../assets/icon_sprite.png");
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 450px;
}

.common_tab ul .m1_icon {
  background-position: top -6px left -249px;
}

.common_tab ul .m1_icon_act {
  background-image: url("../assets/icon_sprite_active.png") !important;
  background-position: top -6px left -249px;
}

.common_tab ul .m2_icon {
  background-position: top -3px left -88px;
}

.common_tab ul .m2_icon_act {
  background-image: url("../assets/icon_sprite_active.png") !important;
  background-position: top -3px left -88px;
}

.common_tab ul .m3_icon {
  background-position: top -6px left -167px;
}

.common_tab ul .m3_icon_act {
  background-image: url("../assets/icon_sprite_active.png") !important;
  background-position: top -6px left -167px;
}

.common_tab ul .m4_icon {
  background-position: top -6px left -5px;
}

.common_tab ul .m4_icon_act {
  background-image: url("../assets/icon_sprite_active.png") !important;
  background-position: top -6px left -5px;
}

.common_tab ul .m5_icon {
  background-position: top -6px left -325px;
}

.common_tab ul .m5_icon_act {
  background-image: url("../assets/icon_sprite_active.png") !important;
  background-position: top -6px left -325px;
}

.common_tab ul .m6_icon {
  background-position: top -6px left -398px;
}

.common_tab ul .m6_icon_act {
  background-image: url("../assets/icon_sprite_active.png") !important;
  background-position: top -6px left -398px;
}
/*# sourceMappingURL=app.component.css.map */