/* Scss/_Functions.scss */
/* _Fonts.scss */
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-regular.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-italic.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-500 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-500.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-500italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-500italic.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-500italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-600 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-600.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-600italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-600italic.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-600italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-700.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-700italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-700italic.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-700italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-800 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-800.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-800.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-800italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-800italic.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-800italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-900 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-900.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-900.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-900italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 900;
  src: url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-900italic.woff2") format("woff2"), url("/Gemos/WasteBox/Shared/Fonts/noto-sans-v27-latin-900italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

.WasteBox {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #474747; }

.WasteBox h1,
.WasteBox h2,
.WasteBox h3,
.WasteBox h4,
.WasteBox h5,
.WasteBox h6 {
  font-family: "Noto Sans", sans-serif;
  font-size: 24.5px;
  font-weight: normal;
  color: #0a4695; }

.WasteBox a {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #0a4695;
  text-decoration: underline; }

.WasteBox a:hover {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #4db848;
  text-decoration: underline; }

div#WasteBox.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  overflow-x: hidden; }

.Standalone div#WasteBox.container-fluid {
  padding-left: 15px;
  padding-right: 15px; }

div#WasteBox .RowWrapper {
  overflow-x: hidden; }

.WasteBox header {
  margin-bottom: 21px; }

.WasteBox .vertical-align-middle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row; }

div#WasteBox a span.ImgTag {
  cursor: pointer;
  display: inline-block; }

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  font-size: 14px; }

div#WasteBox footer * {
  margin-top: 16px;
  font-size: 11.9px; }

div#WasteBox ul li {
  list-style-type: none; }

div#WasteBox img {
  border: 0px solid transparent;
  vertical-align: middle; }

div.WasteAbc {
  width: 100%;
  height: 100%;
  background-color: #ffffff; }

div#WasteBox div.ItemPanel {
  width: 400px; }

div#WasteBox div.ItemPanel div.Item {
  float: left;
  text-align: center;
  margin-right: 1px;
  margin-bottom: 1px; }

div#WasteBox div.ItemPanel div.Item a .ImgTag {
  padding: 5px;
  vertical-align: middle; }

div#WasteBox div.Search {
  width: 140px; }

div#WasteBox h4.Title span.Char,
div#WasteBox h4.Title span.Query {
  font-size: 28.175px; }

div#WasteBox div.ViewHeader {
  text-align: right;
  margin-bottom: 4px; }

div#WasteBox .Copyright {
  font-size: 70%; }

div#WasteBox div.DisposalWayWasteList .DisposalWayWasteListHeader {
  background-color: #f7fdf4;
  padding: 10px; }

div#WasteBox div.DisposalWayWasteList .DisposalWayWasteListHeader div {
  color: #4db848;
  font-family: "Noto Sans", sans-serif;
  font-size: 19.6px;
  font-weight: normal; }

div#WasteBox div.DisposalWayWasteList .DisposalWayWasteListHeader div.Image {
  text-align: center; }

div#WasteBox div.DisposalWayWasteList .DisposalWayWasteListHeader div.Name div {
  margin-top: 3px; }

div#WasteBox div.DisposalWayWasteList .DisposalWayWasteListHeader div.Description {
  font-size: 14.7px; }

div#WasteBox div.DisposalWayWasteList .DisposalWayWasteListItems div {
  margin-top: 21px;
  margin-bottom: 4px; }

div#WasteBox div.AlphabetControl {
  margin-top: 2px;
  margin-bottom: 2px; }

div#WasteBox .AlphabetControl div {
  float: left;
  padding: 2px 4px 2px 4px;
  margin-right: 1px;
  text-align: center; }

div#WasteBox .AlphabetControl div a {
  color: #0a4695;
  font-family: "Noto Sans", sans-serif;
  font-size: 17.5px;
  font-weight: normal;
  text-decoration: none; }

div#WasteBox .AlphabetControl div a:hover {
  color: #4db848;
  font-family: "Noto Sans", sans-serif;
  font-size: 17.5px;
  font-weight: normal;
  text-decoration: none; }

div#WasteBox div.ItemControl div.ItemControlItem {
  float: left;
  text-align: center;
  margin-right: 1px;
  margin-bottom: 1px;
  background-color: #f7fdf4; }

div#WasteBox div.ItemControl div.ItemControlItem a .ImgTag {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin: 5px; }

div#WasteBox div.Panel {
  border: solid 1px #ffffff;
  font-family: Verdana,Arial;
  font-size: medium;
  font-weight: normal;
  color: #ffffff; }

div#WasteBox .Panel div.PanelTitle {
  background-color: #ffffff;
  font-size: 10pt;
  font-weight: bolder;
  cursor: pointer;
  padding: 7px 7px 7px 7px; }

div#WasteBox .Panel div.PanelContent {
  background-color: #beffb4; }

div#WasteBox table.SubPanel {
  font-family: Verdana,Arial;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  width: 100%; }

div#WasteBox table.SubPanel td {
  vertical-align: top; }

div#WasteBox .SubPanel td.UpperContent {
  width: 30%;
  background-color: #Ffffff;
  padding: 7px 7px 7px 7px; }

div#WasteBox .SubPanel td.UpperContentActive {
  width: 70%;
  background-color: #Ffffff;
  padding: 7px 7px 7px 7px; }

div#WasteBox .SubPanel td.Title {
  width: 30%;
  background-color: #ffffff;
  font-weight: bold;
  padding: 2px 7px 2px 7px; }

div#WasteBox .SubPanel td.TitleActive {
  width: 70%;
  background-color: #ffffff;
  font-weight: bold;
  padding: 2px 7px 2px 7px; }

div#WasteBox .SubPanel td.LowerContent {
  width: 30%;
  padding: 7px 7px 7px 7px; }

div#WasteBox .SubPanel td.LowerContentActive {
  width: 70%;
  padding: 7px 7px 7px 7px; }

div#WasteBox div.WasteList .row {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 2px solid transparent; }

div#WasteBox div.WasteList .row > div {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px 6px; }

.WasteBox .btn-primary {
  color: #fff;
  background-color: #0a4695;
  border-color: #0a4695; }

.WasteBox .btn-primary:hover {
  color: #fff;
  background-color: #4db848;
  border-color: #4db848; }

/* REF: https://codepen.io/tofanelli/pen/waadRY */
div#WasteBox .panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  /* adjust as needed */
  color: grey;
  /* adjust as needed */ }

div#WasteBox .panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
  /* adjust as needed, taken from bootstrap.css */ }

div#WasteBox div.SearchPanel {
  width: 100%; }

div#WasteBox div.SearchPanel input {
  margin-bottom: 6px; }

div#WasteBox div.SearchPanel input[type=text] {
  width: 100%;
  font-size: 17.5px;
  padding: 4px; }

div#WasteBox div.SearchPanel span:last-child {
  padding-left: 6px; }

div#WasteBox div.SearchPanel input[type=submit] {
  width: 100%; }

div#WasteBox .Waste .Section {
  margin-top: 10px;
  border-top: 1px whitesmoke solid;
  padding-top: 10px; }

div#WasteBox .Waste .row {
  margin-bottom: 10px; }

div#WasteBox .Waste .row div:first-child,
div#WasteBox .Waste .DisposalWay .row div {
  margin-bottom: 8px; }

div#WasteBox .Waste .DisposalWay .Description,
div#WasteBox .Waste .HazardousMaterials .Description {
  font-size: 0.85em;
  line-height: 1em;
  color: rgba(71, 71, 71, 0.8); }

div#WasteBox .Waste .media-body {
  vertical-align: middle; }

div#WasteBox .Waste .media-body p {
  margin-bottom: 0; }

div#WasteBox .Waste h1 {
  margin: 0; }

div#WasteBox .Waste img {
  width: 32px;
  text-align: center; }

div#WasteBox .Waste ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

div#WasteBox .Waste .Back {
  margin-top: 20px; }