/* line 1, ../../sass/pages/IconPage.scss */
.IconPage #Icons,
.IconPage #IconsMobile {
  margin-bottom: 15px;
  width: 100%;
  position: relative;
  display: inline-block;
}

/* line 9, ../../sass/pages/IconPage.scss */
.IconPage .icon-description {
  background: white;
  padding: 10px 10px 0px 10px;
  border: 1px solid lightgrey;
  width: 100%;
  text-align: left;
}

/* line 17, ../../sass/pages/IconPage.scss */
.IconPage .icon-section {
  position: relative;
  text-align: center;
  padding: 10px;
}

/* line 23, ../../sass/pages/IconPage.scss */
.IconPage .icon-section .number-icon img {
  padding: 4px;
  width: 75px;
  display: inline-block;
  float: left;
  cursor: pointer;
  border-radius: 50px;
}

@media (max-width: 767px) {
  /* line 33, ../../sass/pages/IconPage.scss */
  .IconPage .icon-section .number-icon img {
    width: 75px;
    float: unset;
  }
}
/* line 39, ../../sass/pages/IconPage.scss */
.IconPage .icon-section .icon-number {
  z-index: 2;
  position: relative;
}

/* line 44, ../../sass/pages/IconPage.scss */
.IconPage .icon-section .icon-info {
  width: calc(100% - 75px);
  display: inline-block;
  margin-top: 12.5px;
}

@media (max-width: 767px) {
  /* line 51, ../../sass/pages/IconPage.scss */
  .IconPage .icon-section .icon-info {
    width: 100%;
    margin-top: 0px;
  }
}
/* line 57, ../../sass/pages/IconPage.scss */
.IconPage .icon-section .icon-name {
  display: block;
  line-height: 25px;
  float: left;
  margin-left: 15px;
}

@media (max-width: 767px) {
  /* line 65, ../../sass/pages/IconPage.scss */
  .IconPage .icon-section .icon-name {
    margin-left: 0px;
    float: unset;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/pages/IconPage.scss */
.IconPage .icon-section .icon-circle {
  float: left;
  background: #e3e3e3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #6e6e6e;
  display: block;
  font-weight: bold;
  line-height: 25px;
  margin-right: 5px;
  text-align: center;
  width: 25px;
  font-size: small;
  margin-left: 15px;
}

@media (max-width: 767px) {
  /* line 90, ../../sass/pages/IconPage.scss */
  .IconPage .icon-section .icon-circle {
    margin-left: 0px;
    float: unset;
    display: inline-block;
  }
}
/* line 97, ../../sass/pages/IconPage.scss */
body.dark .icon-name {
  color: white;
}

/* line 101, ../../sass/pages/IconPage.scss */
body.dark .icon-description {
  background: #444;
  border: 1px solid #444;
}