pro-features.body {
    margin: 0;
    visibility: hidden;
}

body {
  opacity: 0;
}

body.done {
  opacity: 1;
}

#abstract-section {
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 1102px) {
  #examples-subpage-body {
    width: 1045px;
  }
  .sectionDivider {
    top: -36px !important;
  }
  #abstract-section {
    padding-bottom: 37px;
  }

  #abstract-section #page-title, #abstract-content, .category-menu-bar {
    width: 1005px;
    margin: 0 auto;
  }
  #abstract-section #desc-text {
    max-width: 840px;
    margin-left: auto;
    margin-right: 155px;
  }
  #sidebar-aside {
    margin-top: 20px;
    margin-bottom: 9px;
  }
  .example-subpage-section {
    padding: 0 20px;
    padding-top: 35px;
    margin-right: 2px;
  }
  .example-subpage-section div:last-of-type .example-wrap {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1101.9999999px) {
  #abstract-section {
    padding: 0 20px 50px;
  }
  body:not(.file-upload) #abstract-section #page-title, #abstract-section #desc-text, #abstract-section #examples-for,
  #abstract-section #sbs-subpage-title {
    margin: 0 20px;
  }
  .pro.subpage #abstract-section #desc-text {
    margin: auto !important;
  }
  #examples-for,
  #sbs-subpage-title {
    width: auto !important;
  }
}

.pro section#abstract-section::before {
  left: 0px;
  display: inline-block;
  position: absolute;
  content: "";
  background-image: url('data:image/png;base64,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');
}

@media screen and (min-width: 840px) {
  .pro section#abstract-section::before {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
  }
  .pro.subpage .subpage-footer-btn-container,
  .pro.landing .subpage-footer-btn-container {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 419px;
    font-size: 0;
  }
}
@media screen and (max-width: 839.9999999px) {
  .pro section#abstract-section::before {
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
  }
  .pro-subpage-img {
    display: none;
  }
  .pro.landing .section-link .block-wrap::after {
    content: '' !important;
  }
  .pro.landing .pro-landing-section-container {
    margin-top: 10px !important;
  }
  .pro.landing .example-subpage-section {
    width: 100% !important;
    padding: 0 !important;
  }
  .pro.landing .pro-section-divider {
    display: none;
  }
  .pro.landing .block-wrap {
    width: 100% !important;
  }
  .pro.landing .pro-landing-section-container {
    padding-bottom: 0px !important;
    height: auto !important;
  }
  .pro.landing .example-subpage-section.section-link .more-examples-btn-sm {
    margin-bottom: 0px !important;
  }
  .pro.landing .more-from-img-container {
    width: auto !important;
  }
  .pro.landing #more-from-images-container {
    display: block !important;
  }
  .pro.landing #more-from-container {
    text-align: center;
    margin-top: 45px !important;
    padding-bottom: 0px !important;
    margin-bottom: 75px !important;
  }
  .pro.landing #web-apps-container {
    margin-top: 45px;
  }
  .pro.landing .more-from-text-container {
    text-align: left;
  }
  .pro.landing #problem-generator-container {
    margin-right: 0px !important;
  }
}

/* Pro subpage styles for greater than small screen sizes */
@media screen and (min-width: 770px) {
  #abstract-section #page-title {
    font-size: 45px;
  }
  .pro.subpage #page-title {
    font-size: 40px !important;
    font-family: 'Lexia', 'Roboto Slab', Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 300 !important;
    line-height: 50px !important;
    color: #2D82A0 !important;
    width: 100% !important;
    text-align: center !important;
    padding-top: 60px !important;
    display: inline-block !important;
    padding-bottom: 10px !important;
    margin: 0 auto !important;
  }
  .step-by-step-solutions #page-title {
    padding-top: 50px !important;
  }
  .pro.subpage .category-menu-wrapper {
    border-bottom: 8px solid #70A8C0;
  }

  .pro.subpage #page-title-icon {
    display: inline-block;
    width: 44px;
    left: -5px;
    top: 7px;
    position: relative;
  }
  .pro.subpage #abstract-section {
    z-index: 1;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 95px solid #92C7DD;
    padding-bottom: 0px;
  }
  .data-input #abstract-section, .file-upload #abstract-section {
    height: 616.141px;
  }
  .step-by-step-solutions #abstract-section, .image-input #abstract-section {
    height: 550.141px;
  }
  .pro.subpage #abstract-content {
    padding-bottom: 30px;
    text-align: center;
    line-height: 22px;
  }
  .pro.subpage #abstract-content span {
    color: #888;
    line-height: 22px;
    margin: 0 !important;
  }
  .pro.subpage #hero-img {
    margin: 0 auto;
    display: block;
    z-index: 10;
    position: relative;
  }
  .pro.subpage #header-border-bottom {
    height: 95px;
    border-bottom: 8px solid #70A8C0;
    background-color: #92C7DD;
    position: relative;
    top: -55px;
    z-index: 9;
  }
  .pro.subpage #subpage-footer-section,
  .pro.landing #subpage-footer-section,
  .step-by-step-subpage #subpage-footer-section
  {
    background-color: #92C7DD;
    height: 120px;
  }
  .pro.subpage .subpage-footer-btn,
  .pro.landing .subpage-footer-btn,
  .step-by-step-subpage .subpage-footer-btn {
    width: 200px;
    height: 40px;
    font-size: 16px;
    font-family: Source Sans Pro;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    background-color: white;
    color: #F96932;
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-right: 15px;
    cursor: pointer;
  }
  #unlock-btn {
    background-color: white;
    color: #F96932;
    border: 1px solid #FFF;
  }
  #unlock-btn:hover {
    color: white;
    background: #F96932;
  }
  #unlock-btn:active {
    color: white;
    background: #EC561A;
  }
  .step-by-step-solutions #unlock-btn,
  .step-by-step-subpage #unlock-btn {
    width: 260px !important;
  }
  #learn-more-btn {
    background-color: #70A8C0;
    color: #FFF;
    border: 1px solid white;
    margin-right: 0px !important;
  }
  #learn-more-btn:hover {
    background: #92C7DD;
  }
  #learn-more-btn:active {
    background: #2D82A0;
  }

  .pro.subpage.step-by-step-solutions .subpage-footer-btn-container,
  .step-by-step-subpage .subpage-footer-btn-container {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 529px;
    font-size: 0;
  }




  .step-by-step-subpage #abstract-section {
    padding-bottom: 40px;
  }
  .step-by-step-subpage #sbs-subpage-title {
    padding-top: 45px;
    font-size: 18px;
    font-family: 'Lexia', 'Roboto Slab', Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 300;
    color: white;
  }
}

.step-by-step-subpage #abstract-section #page-title {
  padding-top: 0px;
  padding-bottom: 0px;
}
.step-by-step-subpage #sbs-subpage-title {
  width: 1005px;
  margin: 0 auto;
  display: block;
}
.step-by-step-subpage #sbs-subpage-title::before {
  content: "";
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAMAAACbFsmhAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMAfwPXqxQG883AuoEcGA/57+vl4dvRxqWZim5WQUA7MyMK57SvoJJ7dk8vKigCkt+LqQAAAOVJREFUOMvV1NcOgkAQBdBlRcXexYIFe53//zwHZ2ACSzPhxfvCZDgJ4WazSikoCJLSSOWkNOKPVYvASGlU8d8JAiOl0F/3hPkZQSKtDS5XzXsqEoIGYLAuqOAGEKhcdKWX46wKOrjo0Nj0DCRmyWabVYGYIZoY0p6OzIXNLlGmdsFu8LwgMyIjqGHj9vRV79A8pEJiaDBHVPpM28MT11YMTWls+9rlfl6BgRjq1ljZ9Jzs005mj5WYtPNUn4mZdpWBWDmhqZERFMVSfYdNT1nGTSdqDpgZGUZm+i0Ap64K4rfnSfMBXNdrMUd6gg0AAAAASUVORK5CYII=');
  width: 18px;
  height: 19px;
  background-size: 18px 19px;
  padding-right: 5px;
  background-repeat: no-repeat;
  top: 3px;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 480px) and (max-width: 769.9999999px) {
  .file-upload #page-title-icon {
    margin-left: 0px !important;
  }
  .image-input #page-title-icon {
    margin-left: 23px !important;
  }
  .image-input #page-title {
    margin: 0 10px !important;
  }
  .pro.landing #more-from-title {
    font-size: 24px !important;
  }
  .pro.landing #more-from-container {
    margin-bottom: 50px !important;
  }
  .pro.subpage #subpage-footer-section,
  .pro.landing #subpage-footer-section{
    background-color: #92C7DD;
    height: 120px;
  }
  .pro.subpage .subpage-footer-btn,
  .pro.landing .subpage-footer-btn {
    width: 200px;
    height: 40px;
    font-size: 16px;
    font-family: Source Sans Pro;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    background-color: white;
    color: #F96932;
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-right: 15px;
    cursor: pointer;
  }
  #unlock-btn {
    background-color: white;
    color: #F96932;
    border: 1px solid #FFF;
  }
  #unlock-btn:hover {
    color: white;
    background: #F96932;
  }
  #unlock-btn:active {
    color: white;
    background: #EC561A;
  }
  .step-by-step-solutions #unlock-btn,
  .step-by-step-subpage #unlock-btn {
    width: 260px !important;
  }
  #learn-more-btn {
    background-color: #70A8C0;
    color: #FFF;
    border: 1px solid white;
    margin-right: 0px !important;
  }
  #learn-more-btn:hover {
    background: #92C7DD;
  }
  #learn-more-btn:active {
    background: #2D82A0;
  }

  .pro.subpage.step-by-step-solutions .subpage-footer-btn-container,
  .step-by-step-subpage .subpage-footer-btn-container {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 529px;
    font-size: 0;
  }

  .pro.landing .subpage-section-title:not(first-child) {
    margin-top: 0px !important;
  }
  .pro.landing .more-examples-btn-sm {
    margin-bottom: 0px !important;
  }
}

.step-by-step-solutions #unlock-btn,
.step-by-step-subpage #unlock-btn {
  padding: 0 25px;
}

@media screen and (max-width: 769.9999999px) {
  .pro.subpage #page-title {
    font-size: 35px !important;
    font-family: 'Lexia', 'Roboto Slab', Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 300 !important;
    line-height: 42px !important;
    color: #2D82A0 !important;
    width: 100% !important;
    text-align: center !important;
    padding-top: 50px !important;
    display: inline-block !important;
    padding-bottom: 10px !important;
  }
  .step-by-step-solutions #page-title {
    padding-top: 50px !important;
  }

  .pro.subpage #abstract-section {
    border-bottom: 65px solid #92C7DD;
    padding-bottom: 0px;
    z-index: 1;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
  }
  .pro.subpage .category-menu-wrapper {
    border-bottom: 8px solid #70A8C0;
  }

  .pro.subpage #page-title-icon {
    display: inline-block;
    width: 33px;
    top: 4px;
    position: relative;
    left: -5px;
    margin-left: 35px;
  }
  .data-input #page-title-icon {
    top: 6px !important;
  }
  .file-upload #page-title-icon {
    margin-left: 0px !important;
  }

  .pro.subpage #abstract-content {
    padding-bottom: 25px;
    text-align: center;
  }
  .pro.subpage #abstract-content span {
    color: #888;
    line-height: 22px;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 18px;
  }
  .pro.subpage #hero-img {
    margin: 0 auto;
    display: block;
    z-index: 10;
    position: relative;
  }
  .pro.subpage #header-border-bottom {
    height: 65px;
    border-bottom: 8px solid #70A8C0;
    background-color: #92C7DD;
    position: relative;
    top: -45px;
    z-index: 9;
  }
  .pro.subpage #subpage-footer-section,
  .step-by-step-subpage #subpage-footer-section {
    background-color: #92C7DD;
    height: 100px;
  }
  .pro.subpage .subpage-footer-btn,
  .pro.landing .subpage-footer-btn,
  .step-by-step-subpage .subpage-footer-btn {
    width: 200px;
    height: 40px;
    font-size: 16px;
    font-family: Source Sans Pro;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    background-color: white;
    color: #F96932;
    position: relative;
    display: inline-block;
    margin-top: 30px;
    margin-right: 15px;
    cursor: pointer;
  }
  #unlock-btn {
    background-color: white;
    color: #F96932;
    border: 1px solid #FFF;
  }
  #unlock-btn:hover {
    color: white;
    background: #F96932;
  }
  #unlock-btn:active {
    color: white;
    background: #EC561A;
  }
  #learn-more-btn {
    background-color: #70A8C0;
    color: #FFF;
    border: 1px solid white;
    margin-right: 0px;
  }
  #learn-more-btn:hover {
    background: #92C7DD;
  }
  #learn-more-btn:active {
    background: #2D82A0;
  }
  .pro.subpage .subpage-footer-btn-container,
  .pro.landing .subpage-footer-btn-container {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 419px;
    font-size: 0;
  }

  .step-by-step-subpage #abstract-section {
    padding-bottom: 30px;
  }
  .step-by-step-subpage #sbs-subpage-title {
    padding-top: 40px;
    font-size: 16px;
    font-family: 'Lexia', 'Roboto Slab', Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 300;
    color: white;
  }

  .pro.landing .pro-landing-section-container {
    height: auto !important;
  }
}

@media screen and (max-width: 1101.9999999px) and (min-width: 840px) {
  .pro.landing .pro-landing-section-container:nth-child(1) .pro-subpage-img,
  .pro.landing .pro-landing-section-container:nth-child(5) .pro-subpage-img {
    right: 41px;
  }
}

@media screen and (max-width: 1101.9999999px) and (min-width: 770px) {
  #examples-subpage-body {
    margin: 0 10px !important;
  }
  .pro.landing #examples-subpage-body {
    margin: 0 30px !important;
  }
  #abstract-section {
    padding: 0 10px 50px;
  }
  .category-menu-bar {
    margin: 0 30px;
  }
  #sidebar-aside {
    margin-top: 20px;
    margin-bottom: 9px;
  }
  .example-subpage-section {
    padding: 0 20px;
    padding-top: 40px;
    margin-right: 2px;
  }
  .example-subpage-section:nth-child(2n) {
    margin-right: 0px;
  }
}

@media screen and (min-width: 770px) and (max-width: 839.9999999px) {
  .pro.subpage .subpage-footer-btn-container,
  .pro.landing .subpage-footer-btn-container {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 419px;
    font-size: 0;
  }
}

@media screen and (max-width: 769.9999999px) {
  .link-trail-item a:after {
    display: none;
  }
  #sidebar-aside {
      padding-bottom: 40px !important;
  }
  .example-wrap .example {
    width: 96% !important;
  }
  .sectionDivider {
    top: 0px !important;
  }
  #link-trail .link-trail-item {
    display: none;
  }
  #link-trail .link-trail-item.main-category {
    display: flex;
  }
  #link-trail .link-trail-item.main-category a {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
  }
  #link-trail .link-trail-item.main-category:after {
    display: none;
  }
  #link-trail .link-trail-item.main-category a:before {
    content: '\2039';
    font-size: 29px;
    display: flex;
    height: 16px;
    padding-right: 7px;
    align-items: center;
    -webkit-box-align: center;
    color: white;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    position: relative;
    top: -2px;
  }
  #abstract-section {
    padding: 0 15px 25px;
  }
  #abstract-section:not(.expanded) #desc-text {
    overflow: hidden;
    -webkit-box-orient: vertical;
    max-height: 112px;
    display: -webkit-box !important;
  }
  #expand {
    font-size: 14px;
    color: white;
    border-radius: 3px;
    border: 1px solid white;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    width: 102px;
    height: 29px;
    padding: 0;
    margin-top: 10px;
    outline: none !important;
  }
  #expand div {
    position: relative;
  }
  #expand {
    background-color: #EC561A;
  }
  #expand:hover {
    background-color: white;
    opacity: .9;
  }
  #expand:active {
    background-color: white;
    opacity: 1;
  }
  #expand:hover div, #expand:active div {
    color: #F96932;
  }
  .regular.green #expand {
    background-color: #00905D;
  }
  .regular.green #expand:hover {
    background-color: white;
    opacity: .9;
  }
  .regular.green #expand:active {
    background-color: white;
    opacity: 1;
  }
  .regular.green #expand:hover div, .regular.green #expand:active div {
    color: #369C6E;
  }

  .regular.purple #expand {
    background-color: #8863AD;
  }
  .regular.purple #expand:hover {
    background-color: white;
    opacity: .9;
  }
  .regular.purple #expand:active {
    background-color: white;
    opacity: 1;
  }
  .regular.purple #expand:hover div, .regular.purple #expand:active div {
    color: #9371B5;
  }
  .regular.blue #expand {
    background-color: #009CA8;
  }
  .regular.blue #expand:hover {
    background-color: white;
    opacity: .9;
  }
  .regular.blue #expand:active {
    background-color: white;
    opacity: 1;
  }
  .regular.blue #expand:hover div, .regular.blue #expand:active div {
    color: #00ADB8;
  }
  .pro #expand {
    background-color: #70A8C0;
  }
  .pro #expand:hover {
    background-color: white;
    opacity: .9;
  }
  .pro #expand:active {
    background-color: white;
    opacity: 1;
  }
.pro #expand:hover div, .pro #expand:active div {
  color: #92C7DD;
}

  #examples-subpage-body, .category-menu-bar {
    margin: 0 15px !important;
  }
  body:not(.subpage) #abstract-section #page-title, #abstract-section #desc-text, #abstract-content, #abstract-section #sbs-subpage-title {
    margin: 0 !important;
  }
  .step-by-step-solutions #page-title {
    margin: 0 -12px !important;
  }
  .data-input #page-title {
    margin: 0 -10px !important;
  }
  .image-input #page-title {
    margin: 0 -13px !important;
  }
  #abstract-section #page-title {
    font-size: 40px;
  }
  .subpage-section-title:not(first-child) {
    margin-top: 40px;
  }
  .example-subpage-section:first-child .subpage-section-title {
    margin-top: 30px;
  }
  .section-link .block-wrap:nth-last-child(2) .example-wrap {
    margin-bottom: 25px !important;
  }
  .example-subpage-section {
    margin-right: 0px !important;
    width: 100%;
  }
}
.pro.landing .example-subpage-section {
  padding-top: 0px !important;
  width: 303px;
  padding-bottom: 0px !important;
}

#preloadImg-lg,
#preloadImg-sm {
  display: none;
}

.example-subpage-section:not(.section-link) .more-examples-btn-sm {
  color: white;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px;
  height: 20px;
  background-color: transparent;
}

.example-subpage-section .more-examples-btn-sm {
  width: 100px;
  height: 27px;
  font-size: 13px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  border-radius: 3px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  background-color: white;
  display: block;
}
.section-link .more-examples-btn-sm, .pro .section-link .more-examples-btn-sm {
  color: #F96932;
  border: 1px solid #F96932;
}
.example-subpage-section.section-link:hover .more-examples-btn-sm:hover, .pro .example-subpage-section.section-link:hover .more-examples-btn-sm:hover {
  color: white;
  background-color: #F96932;
  opacity: .9;
}
.example-subpage-section.section-link:hover .more-examples-btn-sm:active, .pro .example-subpage-section.section-link:hover .more-examples-btn-sm:active {
  color: white;
  background-color: #F96932;
  opacity: 1;
}
.regular.green .section-link .more-examples-btn-sm {
  color: #369C6E;
  border: 1px solid #369C6E;
}
.regular.green .example-subpage-section.section-link:hover .more-examples-btn-sm:hover {
  color: white;
  background-color: #369C6E;
  opacity: .9;
}
.regular.green .example-subpage-section.section-link:hover .more-examples-btn-sm:active {
  color: white;
  background-color: #369C6E;
  opacity: 1;
}
.regular.purple .section-link .more-examples-btn-sm {
  color: #9371B5;
  border: 1px solid #9371B5;
}
.regular.purple .example-subpage-section.section-link:hover .more-examples-btn-sm:hover {
  color: white;
  background-color: #9371B5;
  opacity: .9;
}
.regular.purple .example-subpage-section.section-link:hover .more-examples-btn-sm:active {
  color: white;
  background-color: #9371B5;
  opacity: 1;
}
.regular.blue .section-link .more-examples-btn-sm {
  color: #00ADB8;
  border: 1px solid #00ADB8;
}
.regular.blue .example-subpage-section.section-link:hover .more-examples-btn-sm:hover {
  color: white;
  background-color: #00ADB8;
  opacity: .9;
}
.regular.blue .example-subpage-section.section-link:hover .more-examples-btn-sm:active {
  color: white;
  background-color: #00ADB8;
  opacity: 1;
}

.more-examples-btn {
  display: none;
}
#examples-subpage-body {
  margin-top: 10px;
}

#expand {
  display: none;
}

#sidebar-aside {
  display: inline-block;
  padding-top: 0;
  border: none;
}

#go-further-aside, #see-also-aside, #related-links-aside {
  border-radius: 3px;
  border: 1px solid #D1D1D1;
  padding: 25px 20px;
}

.go-further-link a {
  height: 40px;
  vertical-align: middle;
  display: table-cell;
}

#stepbystep::before {
  width: 46px;
  height: 40px;
  display: block;
  float: left;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0MCI+PHRpdGxlPnN0ZXAtYnktc3RlcC1zb2x1dGlvbnM8L3RpdGxlPjxwYXRoIGQ9Ik0yNiwzM0gxOS45OGwtMS4wNiwxSDI3VjI2LjM3bC0xLC45NFpNMiw2VjlIMHYySDJ2M0gwdjJIMnYzSDB2MkgydjNIMHYySDJ2M0gwdjJIMnYzSDEzLjA4bC0xLjA2LTFIM1Y3SDI2VjE4LjA4bC43Ni0uNzJhMS44NzQzNCwxLjg3NDM0LDAsMCwxLC4yNC0uMThWNloiIHN0eWxlPSJmaWxsOiNhYmFiYWIiLz48cGF0aCBkPSJNNiwxNUgyM1YxNEg2Wm0wLDNIMjNWMTdINlptMCwzSDIzVjIwSDZabTAsM0g5Yy40MTA4My0uMzY1Ni44NzY1My0uMjc0LDEuNDI0MTktLjI3NC41NjI5MywwLDEuMTY1MS0uMDkxNjEsMS41NzU4MS4yNzRoN2wxLTFINlpNNiwxMXYxSDIzVjExWiIgc3R5bGU9ImZpbGw6I2ZmOTgwMCIvPjxwYXRoIGQ9Ik0zMC44NywyMC40MmwtMi40NS0yLjMxYS43MTQ0LjcxNDQsMCwwLDAtLjQ5LS4yLjc2MjkuNzYyOSwwLDAsMC0uNTEuMkwxNi4wMSwyOC45bC00LjQyLTQuMTlhLjc0MjkuNzQyOSwwLDAsMC0uNTEtLjE4LjY5NC42OTQsMCwwLDAtLjQ5LjE4TDguMTQsMjcuMDJhLjY1ODIzLjY1ODIzLDAsMCwwLDAsLjk1bDcuMzcsNi45NGEuNzEwODEuNzEwODEsMCwwLDAsLjUuMTkuNjg3MS42ODcxLDAsMCwwLC40OS0uMTlMMzAuODcsMjEuMzVBLjYzNTA4LjYzNTA4LDAsMCwwLDMwLjg3LDIwLjQyWiIgc3R5bGU9ImZpbGw6I2ZmOTgwMCIvPjwvc3ZnPg==);
}

#webapp::before {
  width: 46px;
  height: 40px;
  display: block;
  float: left;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0MCI+PHRpdGxlPndlYi1hcHBzPC90aXRsZT48cGF0aCBkPSJNMjcsMkgyQTIuMDA1ODcsMi4wMDU4NywwLDAsMCwwLDRWMzFhMi4wMDU5MSwyLjAwNTkxLDAsMCwwLDIsMkgxNGwtMS40My0uMzcuNTctLjYzSDJhMS4wMDMsMS4wMDMsMCwwLDEtMS0xVjRBMS4wMDMsMS4wMDMsMCwwLDEsMiwzSDI3YTEuMDAzLDEuMDAzLDAsMCwxLDEsMVYyMS40MmwuNDQtLjIxTDI5LDIwLjk1VjRBMi4wMDU4NywyLjAwNTg3LDAsMCwwLDI3LDJaIiBzdHlsZT0iZmlsbDojYWJhYmFiIi8+PHBhdGggZD0iTTUsOHY1aDVWOFoiIHN0eWxlPSJmaWxsOiNmZjk4MDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNMTIsOHY1aDVWOFoiIHN0eWxlPSJmaWxsOiNmZjk4MDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNMTksOHY1aDVWOFoiIHN0eWxlPSJmaWxsOiNmZjk4MDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNNSwxNXY1aDVWMTVaIiBzdHlsZT0iZmlsbDojZmY5ODAwO2ZpbGwtcnVsZTpldmVub2RkIi8+PHBhdGggZD0iTTEyLDE1djVoNVYxNVoiIHN0eWxlPSJmaWxsOiNmZjk4MDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNMTksMTV2NWgzLjY0bC4wOS0uMTMuOTgtMS4zNi4yOS42VjE1WiIgc3R5bGU9ImZpbGw6I2ZmOTgwMDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik01LDIydjVoNVYyMloiIHN0eWxlPSJmaWxsOiNmZjk4MDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNMTIsMjJ2NWgxLjQxbC0uOS0uOTQsMS43LS40TDE3LDI1LjAyVjIyWiIgc3R5bGU9ImZpbGw6I2ZmOTgwMDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yOS4zOCwyOS42NWwzLjAyLTIuOTItNC4xNC0uNjMuNDItMi43OS4xOS0xLjE5LTMuNjgsMS43Mi0xLjY1LTMuMzlMMjIuNDIsMjJsLTEuMTMsMS41N0wxOSwyMi4zbC0xLjAyLS41Ni4yNyw0LjAyTDE3LDI2LjA1bC0yLjU3LjU5LjM0LjM2LDIuMTUsMi4yOC0yLjUxLDIuOCwzLjc0MDA1Ljk3LS41LDMuNjIsMy41NC0xLjM5LDIsMy4yOCwyLjAzLTMuMzZMMjguNTksMzYuODJsLS41Mi0zLjcxLDQuMjgtLjUyWk0yNiwzMUgyMFYzMGg2Wm0wLTJIMjBWMjhoNloiIHN0eWxlPSJmaWxsOiNmZjk4MDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=);
}

#pgenerator::before {
  width: 46px;
  height: 40px;
  display: block;
  float: left;
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDYgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2IDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHRpdGxlPndvbGZyYW0tcHJvYmxlbS1nZW5lcmF0b3I8L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsOiNBQkFCQUI7IiBkPSJNMzAsNkgyQzAuODk2NzY4Niw2LjAwMzIyMzksMC4wMDMyMjM4LDYuODk2NzY4NiwwLDh2MjFjMC4wMDMyNDU2LDEuMTAzMjIxOSwwLjg5Njc3NzYsMS45OTY3NTM3LDIsMmgxOHYtMUgyYy0wLjU1MTYwMDktMC4wMDE2NDc5LTAuOTk4MzUyNi0wLjQ0ODM5ODYtMS0xVjloMzB2MTBoMVY4QzMxLjk5Njc3NjYsNi44OTY3Njg2LDMxLjEwMzIzMTQsNi4wMDMyMjM5LDMwLDZ6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0ZGOTgwMDsiIGQ9Ik03LjUwNjE5OTgsMTYuMDIxNzYwOWMtMC4xNTYzNDE2LTAuMTA1OTcyMy0wLjMzMzEzMTMtMC4xNzgwNTEtMC41MTkwMDAxLTAuMjExNjAwM2MtMC4xNDkwNzM2LTAuMDI1ODk4LTAuMjk0MDQzMS0wLjA3MTQ5NzktMC40MzEwOTk5LTAuMTM1NjAwMWMtMC4wMzA5MDMzLTAuMDE2Mjk4My0wLjA1MDU0MDktMC4wNDgwNzA5LTAuMDUxMy0wLjA4MzAwMDJjLTAuMDAwMTE2OC0wLjAzOTIxMjIsMC4wMTkwNjY4LTAuMDc1OTcwNiwwLjA1MTMtMC4wOTgzYzAuMDgzNDkyMy0wLjA0MjIyNTgsMC4xNzcwNjAxLTAuMDYwNDY4NywwLjI3MDI5OTktMC4wNTI3YzAuMDc2ODI5NC0wLjAwNjAxMzksMC4xNTM1OTIxLDAuMDEyNDMzMSwwLjIxOTI5OTgsMC4wNTI3YzAuMDU0NDg5MSwwLjA0MTI5OTgsMC4wOTMxNzMsMC4xMDAwMzA5LDAuMTA5NjAwMSwwLjE2NjRsMC40Mzg2MDAxLTAuMDgzMDAwMmMtMC4wMzUwNzA0LTAuMTQ1NTUyNi0wLjEyMDUxMy0wLjI3NDAwMDItMC4yNDEyLTAuMzYyNjAwM0M3LjE4ODQwNjksMTUuMTIwOTUxNyw3LjAwMDA4OTYsMTUuMDc4OTI4OSw2LjgxMTgsMTUuMDkzMzU5OWMtMC4xOTgyMTY5LTAuMDE1OTg4My0wLjM5NTUyNTUsMC4wNDAyNzM3LTAuNTU1NSwwLjE1ODM5OTZjLTAuMTE5MDUwNSwwLjA5ODIxMTMtMC4xODY0NjUzLDAuMjQ1NjA5My0wLjE4MjksMC4zOTk5MDA0Yy0wLjAwNDA3ODQsMC4xNjMzNzc4LDAuMDc2MDEzMSwwLjMxNzQwNjcsMC4yMTIxLDAuNDA3OTAwOGMwLjIyMjU2MTgsMC4xMTQ3NjksMC40NjE4MzYzLDAuMTkzNzA0NiwwLjcwOTAwMDEsMC4yMzM5MDAxYzAuMDU3NDU3NCwwLjAwNzY2OTQsMC4xMTI0MzI1LDAuMDI4MjQ5NywwLjE2MDgsMC4wNjAxOTk3YzAuMDIxNDkzNCwwLjAyNTE3ODksMC4wMzIwMDk2LDAuMDU3OTE0NywwLjAyOTIwMDEsMC4wOTA5MDA0YzAuMDAwODU0LDAuMDQ5MzI5OC0wLjAyMDU2MDMsMC4wOTY0MjAzLTAuMDU4MywwLjEyODIwMDVDNy4wNDUwNzM1LDE2LjYyMjQ3MjgsNi45NTA2OTAzLDE2LjY0NjIwMDIsNi44NTU3LDE2LjY0MDc2MjNjLTAuMDkwMzg4OCwwLjAwNTcxMjUtMC4xODAxODAxLTAuMDE4MTU2MS0wLjI1NTc5OTgtMC4wNjgwMDA4Yy0wLjA2NjQzODItMC4wNTU3MDYtMC4xMTA1NjktMC4xMzM0OTM0LTAuMTI0My0wLjIxOTEwMWwtMC40Njc3LDAuMDc1NTAwNWMwLjAzOTMzMzMsMC4xNjU0MDM0LDAuMTM4MTQxNiwwLjMxMDU1NDUsMC4yNzc1OTk4LDAuNDA3ODAwN2MwLjE2ODQ1NzUsMC4xMTEyNjMzLDAuMzY4NzcyNSwwLjE2NDE2OTMsMC41NzAyLDAuMTUwNjAwNGMwLjIxMzA5NzYsMC4wMTYzNDQxLDAuNDI0NTIzNC0wLjA0ODI1MjEsMC41OTIxMDAxLTAuMTgwOTAwNmMwLjEzMTAwNTMtMC4xMDA3OTE5LDAuMjA2ODU2Ny0wLjI1NzQyMzQsMC4yMDQ3LTAuNDIyNzAwOUM3LjY1ODg0ODMsMTYuMjQ3Njc2OCw3LjYwNTQyMDYsMTYuMTE1NDA0MSw3LjUwNjE5OTgsMTYuMDIxNzYwOXoiLz48cGF0aCBzdHlsZT0iZmlsbDojRkY5ODAwOyIgZD0iTTkuNTA4OTk5OCwxNS4zNTc1Njk3Yy0wLjE3MDMxNTctMC4xNzUyMDUyLTAuNDA2MjUxOS0wLjI3MTAzMDQtMC42NTA1MDAzLTAuMjY0MjAwMmMtMC4xNjQxMDY0LTAuMDAzOTAzNC0wLjMyNjA2NzksMC4wMzc4ODU3LTAuNDY3ODAwMSwwLjEyMDY5OTljLTAuMTQxMTk0MywwLjA3Nzc1MzEtMC4yNTU4MDUsMC4xOTYwODk3LTAuMzI5MDAwNSwwLjMzOTY5OTdjLTAuMDcxNDIyMSwwLjE0MzA0MjYtMC4xMDg5MjU4LDAuMzAwNjE5MS0wLjEwOTYwMDEsMC40NjA0OTk4Yy0wLjAwNTkyMzcsMC4xODIyMzk1LDAuMDMxNjQ2MywwLjM2MzI2OTgsMC4xMDk2MDAxLDAuNTI4MTAxYzAuMDczOTg4OSwwLjE0MzU3OTUsMC4xOTE3ODEsMC4yNTk4NjQ4LDAuMzM2Mjk5OSwwLjMzMjAwMDdjMC4xNDIwNjMxLDAuMDc0NDgwMSwwLjMwMDA5NjUsMC4xMTMzMjcsMC40NjA0OTk4LDAuMTEzMTk5MmMwLjI0NTY2MzYsMC4wMDYzNzA1LDAuNDgyMzUxMy0wLjA5MjQ4NzMsMC42NTA1MDAzLTAuMjcxNjk5OUM5Ljg1MDIwMzUsMTYuMzI3Mzg2OSw5Ljg1MDIwMzUsMTUuNzQ2MDUzNyw5LjUwODk5OTgsMTUuMzU3NTY5N3ogTTkuMTU4MTAwMSwxNi40NTE5OTk3Yy0wLjA3MTg5MTgsMC4wOTIwNTI1LTAuMTgyODE1NiwwLjE0NTAzNDgtMC4yOTk1OTk2LDAuMTQzMTAwN2MtMC4xMTkyMjA3LDAuMDAzNjEwNi0wLjIzMzEwMzgtMC4wNDk0NzI4LTAuMzA3MDAwMi0wLjE0MzEwMDdjLTAuMDg4OTU1OS0wLjExNjY0OTYtMC4xMzMwNjYyLTAuMjYxMzY0LTAuMTI0My0wLjQwNzgwMDdjLTAuMDA4NjY5OS0wLjE0ODU4NTMsMC4wMzUzNDYtMC4yOTU0NjgzLDAuMTI0My0wLjQxNDc5OTdjMC4wNzM2OTUyLTAuMDkzOTM4OCwwLjE4NzY2MDItMC4xNDcyNDY0LDAuMzA3MDAwMi0wLjE0MzYwMDVjMC4xMTY5MDMzLTAuMDAxOTY0NiwwLjIyNzkwNjIsMC4wNTEyNCwwLjI5OTU5OTYsMC4xNDM2MDA1QzkuMzIzOTgxMywxNS44Nzg1MTE0LDkuMzIzOTgxMywxNi4yMDI4ODg1LDkuMTU4MTAwMSwxNi40NTE5OTk3eiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNGRjk4MDA7IiBkPSJNMTAuMTIzMDAwMSwxNC40NDQ0NzA0djIuNTA1Mzg5MmgwLjQ2NzgwMDF2LTIuNTA1Mzg5MkgxMC4xMjMwMDAxeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNGRjk4MDA7IiBkPSJNMTIuMTkxNDk5NywxNS4xMzEwNzAxbC0wLjMzNjA5OTYsMC45Mjg1MDAyYy0wLjAxNDU5OTgsMC4wNTI3LTAuMDM2NjAwMSwwLjEwNTMwMDktMC4wNTExOTk5LDAuMTUwOTk5MWMtMC4wMDczMDA0LDAuMDI5ODAwNC0wLjAyMjAwMDMsMC4wODI4OTkxLTAuMDQzODk5NSwwLjE1ODUwMDdsLTAuMTAyMjk5Ny0wLjMwOTQ5OTdsLTAuMzI5MDAwNS0wLjkyODUwMDJoLTAuNDgyMjk5OGwwLjcwMTQ5OTksMS44MTg3ODk1aDAuNDI0MDk5OWwwLjY5NDI5OTctMS44MTg3OTA0TDEyLjE5MTQ5OTcsMTUuMTMxMDcwMXoiLz48cGF0aCBzdHlsZT0iZmlsbDojRkY5ODAwOyIgZD0iTTEzLjg1ODIwMDEsMTYuNTcyNzU5NmMtMC4wNTI1NTQxLDAuMDM5NzMyLTAuMTE2ODIxMywwLjA2MDg3NDktMC4xODI3MDAyLDAuMDYwMTAwNmMtMC4xMDMyMTcxLTAuMDAwMTI0LTAuMjAxNTQ2Ny0wLjA0Mzk4NTQtMC4yNzA2MDAzLTAuMTIwNzAwOGMtMC4wNzczNjU5LTAuMDkyNjk1Mi0wLjExNjU1MTQtMC4yMTEzNjA5LTAuMTA5NjAwMS0wLjMzMTg5OTZoMS4xNjIyYzAuMDI5NDc2Mi0wLjI5MTc3LTAuMDQ4NDU5MS0wLjU4NDI3NjItMC4yMTkyMDAxLTAuODIyNzAwNWMtMC4xNTMxMDU3LTAuMTc3OTE4NC0wLjM3OTY0MDYtMC4yNzUzNzkyLTAuNjE0MTAwNS0wLjI2NDIwMDJjLTAuMjIxNDQ2LTAuMDA2MzYzOS0wLjQzMzgxODgsMC4wODgwODk5LTAuNTc3NDAwMiwwLjI1Njc5OTdjLTAuMTYxNjIwMSwwLjE5Njg2OTktMC4yNDI1OTM4LDAuNDQ3NjkxLTAuMjI2NTk5NywwLjcwMTkwMDVjLTAuMDA3OTA2OSwwLjIyMDkxNjcsMC4wNTA2NTE2LDAuNDM5MTIzMiwwLjE2ODEwMDQsMC42MjY0YzAuMTU3NDkxNywwLjIxNDIxODEsMC40MTQ5NDM3LDAuMzMxMjYyNiwwLjY3OTkwMDIsMC4zMDkwOTkyYzAuMTcxMTM5NywwLjAwNzYxNiwwLjM0MDIwMzMtMC4wMzk5MTUxLDAuNDgyMjk5OC0wLjEzNTU5OTFjMC4xMzQxOTM0LTAuMTAwNTYzLDAuMjMzODItMC4yNDAzNDEyLDAuMjg1MS0wLjM5OTk5OTZsLTAuNDY3ODAwMS0wLjA4Mjg5OTFDMTMuOTUyOTYyOSwxNi40NDY1NzMzLDEzLjkxNDcwOTEsMTYuNTE3NjY5NywxMy44NTgyMDAxLDE2LjU3Mjc1OTZ6IE0xMy4zOTc1LDE1LjU3NjY1OTJjMC4wNjQwODIxLTAuMDc0MTY5MiwwLjE1ODAxMjQtMC4xMTU3NDA4LDAuMjU1OTk5Ni0wLjExMzMwMDNjMC4wOTIzMTk1LTAuMDAzNzcwOCwwLjE4MTI1MjUsMC4wMzUwOTE0LDAuMjQxMjAwNCwwLjEwNTQwMDFjMC4wNjg2Nzk4LDAuMDkxMTY4NCwwLjEwNDcwOTYsMC4yMDI3ODI2LDAuMTAyMjk5NywwLjMxNjkwMDNIMTMuMzAyN2MtMC4wMDcwNjk2LTAuMTExMTAzMSwwLjAyNjYzOC0wLjIyMDk2ODIsMC4wOTQ4LTAuMzA4OTg5NVYxNS41NzY2NTkyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNGRjk4MDA7IiBkPSJNMTYuNjk0MjAwNSwxNi4yNzgxNjAxYzAuMDUxMjAwOS0wLjA1MjcsMC4xNjA2OTk4LTAuMTY1ODk5MywwLjMyODg5OTQtMC4zMjQzOTk5YzAuMTI3Njk4OS0wLjExNzU0NywwLjI0NzM2NzktMC4yNDM1MzAzLDAuMzU4MjAwMS0wLjM3NzFjMC4wOTI4NTU1LTAuMTEzMjg4OSwwLjE2Njg2ODItMC4yNDA3ODY2LDAuMjE5MjAwMS0wLjM3NzU5OTdjMC4wNDk1Nzc3LTAuMTE5NjE0NiwwLjA3NDQ0MzgtMC4yNDgwMjQsMC4wNzMwOTkxLTAuMzc3NDk5NmMwLjAwNTIwMzItMC4yMjEyNjEtMC4wODIxODk2LTAuNDM0NjUxNC0wLjI0MTEwMDMtMC41ODg3MDAzYy0wLjE4MzM4Mi0wLjE2MDY0NjQtMC40MjE2MzA5LTAuMjQ0NDIxLTAuNjY1MTk5My0wLjIzMzkwMDFjLTAuMjMxNjE1MS0wLjAwODYzNzQtMC40NTkwMjgyLDAuMDYzNTEzOC0wLjY0MzI5OTEsMC4yMDQwOTk3Yy0wLjE4Nzk2ODMsMC4xNzM4NDcyLTAuMjk4NTI0OSwwLjQxNTcwMzgtMC4zMDcwMDAyLDAuNjcxNjAwM2wwLjU0ODE5OTcsMC4wNTI3Yy0wLjAwMjU4MjYtMC4xMjgwOTg1LDAuMDM4NjYtMC4yNTMyMzg3LDAuMTE2ODk5NS0wLjM1NDcwMDFjMC4wNzE5NzE5LTAuMDcwNzMyMSwwLjE2OTczODgtMC4xMDg5NTYzLDAuMjcwNTk5NC0wLjEwNTc5OTdjMC4xMDEwNDk0LTAuMDA0NjI1MywwLjE5OTMxOTgsMC4wMzM4MjQ5LDAuMjcwMzk5MSwwLjEwNTc5OTdjMC4wNzE2NDk2LDAuMDc3NjkxMSwwLjEwODU4MzUsMC4xODEyMDE5LDAuMTAyMzAwNiwwLjI4NjcwMDJjLTAuMDAyOTQxMSwwLjEyNDg5NTEtMC4wNDM3MDMxLDAuMjQ1OTU5My0wLjExNjg5OTUsMC4zNDcyMDA0Yy0wLjEzNjY4NjMsMC4xNzM4ODI1LTAuMjg4MzMyLDAuMzM1NDY1NC0wLjQ1MzE5OTQsMC40ODI4OTk3Yy0wLjIzMjcyNzEsMC4yMDc4OC0wLjQzODk3ODIsMC40NDM2MjA3LTAuNjE0MDk5NSwwLjcwMTkwMDVjLTAuMTAwOTY0NSwwLjE3Mzk4MDctMC4xNjU1OTk4LDAuMzY2NjMwNi0wLjE4OTk5OTYsMC41NjYyOTk0aDEuOTIyNDAwNXYtMC41MjA5OTk5aC0xLjA4OTEwMThDMTYuNjE2MjEwOSwxNi4zODA2MjY3LDE2LjY1MjkyOTMsMTYuMzI3NTc3NiwxNi42OTQyMDA1LDE2LjI3ODE2MDF6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0ZGOTgwMDsiIGQ9Ik0xOS4yODkxMDA2LDE1LjgzMzA2MDNsMC43MDE1OTkxLTEuMDExNTAwNEgxOS4zNDc1OTlsLTAuMzg3Mzk5NywwLjU4ODcwMDNsLTAuMzY1NDk5NS0wLjU4ODcwMDNoLTAuNjY1MTk5M2wwLjcwOTEwMDcsMS4wMzQyOTk5bC0wLjc0NTU5OTcsMS4xMDE4MDA5aDAuNjQzMTAwN2wwLjQyNDEwMDktMC42NjQxOTk4bDAuNDIzOTAwNiwwLjY2NDE5OThoMC42NjUxOTkzTDE5LjI4OTEwMDYsMTUuODMzMDYwM3oiLz48cGF0aCBzdHlsZT0iZmlsbDojRkY5ODAwOyIgZD0iTTIwLjMxMjI5OTcsMTUuNjA2NDcwMXYwLjU2NjI5OTRoMS4wNzQ0OTkxdi0wLjU2NjMwMDRMMjAuMzEyMjk5NywxNS42MDY0NzAxeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNGRjk4MDA7IiBkPSJNMjMuMjU3OTk5NCwxNS4yNTkyNjk3Yy0wLjE1NTQyOTgtMC4xNzU0MTMxLTAuMzc5NDQ5OC0wLjI3NDU3NjItMC42MTM4LTAuMjcxNjk5OWMtMC4xMjk1OTEsMC4wMDEyNDM2LTAuMjU3MTUyNiwwLjAzMjMxMzMtMC4zNzI4MDA4LDAuMDkwODAwM2wwLjA4NzY5OTktMC40OTgyMDA0aDEuMDMwNTAwNHYtMC41MjgxaC0xLjQ0NzI5OGwtMC4yODQ5OTk4LDEuNTMyMDkwMmwwLjQ0NTksMC4wNjc1MDAxYzAuMTAyNjM4Mi0wLjEzMDE0MTMsMC4yNTgwOTEtMC4yMDc1NzM5LDAuNDIzNzk5NS0wLjIxMTA5OTZjMC4xMTU4MzktMC4wMDIzNDg5LDAuMjI3MzE0LDAuMDQ0MTg1NiwwLjMwNzEwMDMsMC4xMjgxOTk2YzAuMDg3NDkyLDAuMTE3MDgzNSwwLjEyOTExMDMsMC4yNjIxMzkzLDAuMTE3MDAwNiwwLjQwNzc5OTdjMC4wMTI2NjI5LDAuMTU1MDI4My0wLjAyODY3MzIsMC4zMDk2NjY2LTAuMTE3MDAwNiwwLjQzNzY5OTNjLTAuMDY4OTYyMSwwLjA5MTY3NjctMC4xNzc1OTUxLDAuMTQ0ODU5My0wLjI5MjI5OTMsMC4xNDMxMDA3Yy0wLjA5OTY1NzEsMC4wMDEwNTY3LTAuMTk1MTU2MS0wLjAzOTg4ODQtMC4yNjMwOTk3LTAuMTEyODAwNmMtMC4wODIwMjkzLTAuMDgwMDgzOC0wLjEzMTUwOTgtMC4xODc2OTg0LTAuMTM4OTAwOC0wLjMwMjA5OTJsLTAuNTQ4MjAwNiwwLjA2MDE5OTdjMC4wNDM2ODQsMC40ODAxMjE2LDAuNDYxNjYwNCwwLjgzODIwMzQsMC45NDI4MDA1LDAuODA3Njk5MmMwLjMwODkyNzUsMC4wMTI2OTUzLDAuNjAyMzA2NC0wLjEzNTg2ODEsMC43NzQ5MDA0LTAuMzkyNDAwN2MwLjEzNzEyNjktMC4xODgzNTgzLDAuMjA4OTcxLTAuNDE2MzU1MSwwLjIwNDU5OTQtMC42NDkyOTk2QzIzLjUyMzE1NzEsMTUuNzA4MDYxMiwyMy40MzE0ODgsMTUuNDUzOTQ0MiwyMy4yNTc5OTk0LDE1LjI1OTI2OTd6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0ZGOTgwMDsiIGQ9Ik0yMy43OTg5MDA2LDE1LjY4OTQ3MDN2MC41MjEwOTkxaDEuOTk1NTAwNnYtMC41MjExTDIzLjc5ODkwMDYsMTUuNjg5NDcwM3ogTTIzLjc5ODkwMDYsMTQuNzk5MTcwNVYxNS4zMTk4N2gxLjk5NTUwMDZ2LTAuNTIwNzAwNUwyMy43OTg5MDA2LDE0Ljc5OTE3MDV6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0ZGOTgwMDsiIGQ9Ik0yNy43MTY4OTk5LDE0LjM0NjE3MDRjLTAuMzE3MjUzMS0wLjM5ODA1MDMtMC44OTcxMjMzLTAuNDYzNTQ5Ni0xLjI5NTE3MzYtMC4xNDYyOTU1Yy0wLjAyNzY3OTQsMC4wMjIwNjEzLTAuMDU0MDY1NywwLjA0NTY5OTEtMC4wNzkwMjcyLDAuMDcwNzk2Yy0wLjE3Mzc1NTYsMC4yMDA2MTc4LTAuMjY1MTQ0MywwLjQ1OTU2MjMtMC4yNTU4MDAyLDAuNzI0ODAwMWMtMC4wMTE3ODE3LDAuMjU3Mzg5MSwwLjA3NzMzOTIsMC41MDkyMTczLDAuMjQ4Mzk5NywwLjcwMTg5OTVjMC4xNDQ4Mjg4LDAuMTY3ODc0MywwLjM1NTY4ODEsMC4yNjQyMDk3LDAuNTc3NDAwMiwwLjI2Mzc5OTdjMC4yMDA0NTg1LDAuMDAxMzYwOSwwLjM5MDk2NjQtMC4wODcyMzE2LDAuNTE5MTAwMi0wLjI0MTM5OThjMC4wMDUwNzc0LDAuMjMwNzUzOS0wLjA0NzcyOTUsMC40NTkxMDI2LTAuMTUzNjAwNywwLjY2NDE5OThjLTAuMDYzMjQ5NiwwLjA5NjM3MDctMC4xNjk3NjE3LDAuMTU1NTY5MS0wLjI4NDk5OTgsMC4xNTgzOTk2Yy0wLjA4MDQxNTcsMC4wMDY0MDQ5LTAuMTU5ODY4Mi0wLjAyMDk1MDMtMC4yMTkyOTkzLTAuMDc1NTAwNWMtMC4wNjI3OTk1LTAuMDY4MDQyOC0wLjA5OTA5ODItMC4xNTYzNjA2LTAuMTAyMzAwNi0wLjI0ODg5OTVsLTAuNTI2MzAwNCwwLjA2MDE5OTdjMC4wMjEwNTE0LDAuMjA4NjM5MSwwLjExNDExNDgsMC40MDM0MzA5LDAuMjYzMjAwOCwwLjU1MDg5OTVjMC4xNTEyMDcsMC4xMjYwODUzLDAuMzQ0MjQ5NywwLjE5MDc4ODMsMC41NDA4OTkzLDAuMTgxMjk5MmMwLjI5Mjc1NTEsMC4wMDY2MTg1LDAuNTcxNTk2MS0wLjEyNDc0NjMsMC43NTI4OTkyLTAuMzU0NzAwMWMwLjIyNTk4MjctMC4zNDYxMDE4LDAuMzI4OTA3LTAuNzU4MTg3MywwLjI5MjIwMDEtMS4xNjk4OTk5QzI4LjAyNzMxNywxNS4wODU5MDMyLDI3LjkyOTkzOTMsMTQuNjg2MTQ1OCwyNy43MTY4OTk5LDE0LjM0NjE3MDR6IE0yNy4yNzA5MDA3LDE1LjQxODE3MDljLTAuMDYxODg3NywwLjA4MjYxNTktMC4xNTk3OTc3LDAuMTMwMzQyNS0wLjI2MzAwMDUsMC4xMjgxOTk2Yy0wLjEwNTY5LDAuMDAzODU3Ni0wLjIwNjY0MjItMC4wNDM5NzAxLTAuMjcwNTk5NC0wLjEyODE5OTZjLTAuMDgyMzUxNy0wLjEyNDg2NDYtMC4xMjA4NzA2LTAuMjczNTU2Ny0wLjEwOTUwMDktMC40MjI2OTk5Yy0wLjAxNDQwNDMtMC4xNDAyMjE2LDAuMDE5MDQzLTAuMjgxMTkyOCwwLjA5NDkwMDEtMC4zOTk5OTk2YzAuMDYxMjQzMS0wLjA3OTYyNywwLjE1NTQ1ODUtMC4xMjY5NzUxLDAuMjU1ODk5NC0wLjEyODYwMDFjMC4xMTEyODgxLDAuMDAzNDk2MiwwLjIxNDM0MDIsMC4wNTk1MTEyLDAuMjc3Nzk5NiwwLjE1MWMwLjA4ODgxNTcsMC4xMjI0NDg5LDAuMTMyNzEzMywwLjI3MTc2NjcsMC4xMjQzLDAuNDIyODAwMUMyNy4zOTA2NDk4LDE1LjE3NTYwOTYsMjcuMzUxNjczMSwxNS4zMDk2MTg5LDI3LjI3MDkwMDcsMTUuNDE4MTcwOXoiLz48cGF0aCBzdHlsZT0iZmlsbDojRkY5ODAwOyIgZD0iTTMzLDE5Ljk5OTgyMDdINWMtMC43Njk1ODk5LDAtMSwwLjIyMzkzOTktMSwxdjMuMDAwMTIwMmMwLDAuNzcwMDAwNSwwLjIzMDQxMDEsMSwxLDFoMTZWMzNjMCwwLjY4MzEwOTMsMC4xMzM0ODAxLDAuOTk5NTY4OSwwLjgxMDkwOTMsMC45OTk1Njg5TDMzLDM0YzAuNjc3MTIwMiwwLDAuOTk2NTc4Mi0wLjU1MzEwMDYsMC45OTY1NzgyLTEuMjM2MDgwMkwzNCwyMC45OTk4MjA3YzAuMDc1ODU5MS0wLjQ3NjQyNTItMC4yNDg4NTk0LTAuOTI0MTM5LTAuNzI1Mjg0Ni0xQzMzLjE4MzcxNTgsMTkuOTg1MzMwNiwzMy4wOTA5OTk2LDE5Ljk4NTMzMDYsMzMsMTkuOTk5ODIwN3ogTTIxLDIzLjk5OTk0MDlINmMtMC45NTgzMzM1LDAtMSwwLjAwMDA1OTEtMS0xdi0xYzAtMC45NTgyNzQ4LDAuMDYyNS0xLjAwMDEyMDIsMS0xLjAwMDEyMDJoMTVWMjMuOTk5OTQwOXogTTMxLjkxMTE5LDI1LjQwODE5OTNsLTAuNTk0NDE5NSwwLjU4NzI4MDNsLTIuOTYxOTk5OSwyLjkyOTQzOTVsLTAuNTk0Mjk5MywwLjU4Nzc3MDVsLTEuNDMxNDcwOSwxLjQxNTcyYy0wLjEwODIzODIsMC4xMDc2MTA3LTAuMjgzMDYyLDAuMTA3NjEwNy0wLjM5MTMwMDIsMGwtMS40MjY0Njk4LTEuNDE1NzEwNGwtMS40MzE0NjEzLTEuNDE1Njk5Yy0wLjEwNTQ4NTktMC4xMDA2NTQ2LTAuMTA5NDAzNi0wLjI2Nzc2MzEtMC4wMDg3NTA5LTAuMzczMjQ5MWMwLjAwMjg0OTYtMC4wMDI5ODUsMC4wMDU3NjU5LTAuMDA1OTAzMiwwLjAwODc1MDktMC4wMDg3NTA5bDAuOTQ1OTk5MS0wLjkzNTQxOTFjMC4xMDQ4ODMyLTAuMTA2Njg3NSwwLjI3NjM5MzktMC4xMDgxNTA1LDAuMzgzMDgxNC0wLjAwMzI2OTJjMC4wMDExMDA1LDAuMDAxMDgxNSwwLjAwMjE4OTYsMC4wMDIxNzA2LDAuMDAzMjY5MiwwLjAwMzI2OTJsMS43MjM3NDkyLDEuNjk5NzEwOGw0LjQzNzgwOS00LjM5MzgwMDdjMC4xMDgxMTA0LTAuMTA3OTczMSwwLjI4MzI0ODktMC4xMDc5NzMxLDAuMzkxMzU5MywwbDAuMzUxNjgwOCwwLjM0NzcxOTJsMC41OTQ0MTk1LDAuNTg3NzcwNWMwLjEwNjk0MTIsMC4xMDQxNzU2LDAuMTA5MTc2NiwwLjI3NTMyMiwwLjAwNDk5OTIsMC4zODIyNjEzQzMxLjkxNDUwODgsMjUuNDA0OTE0OSwzMS45MTI4NTcxLDI1LjQwNjU2NDcsMzEuOTExMTksMjUuNDA4MTk5M3oiLz48L3N2Zz4=);
}

#wa-common-footer {
  background-color: #ffffff !important;
}

#sidebar-aside aside:not(:first-child) {
  margin-top: 15px;
}

.aside-title {
  font-size: 14px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #D1D1D1;
  color: #535353;
  letter-spacing: .05em;
}

.go-further-link {
  font-size: 15px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 20px;
}

.see-also-link, .related-link {
  font-size: 14px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #535353;
}

.go-further-link a, .see-also-link a, .related-link a {
  text-decoration: none;
  outline: none;
  color: #535353;
}

.go-further-link a:hover, .see-also-link a:hover, .related-link a:hover {
  color: #F96932;
}

#sidebar-aside aside ul {
  list-style-type: square;
  -webkit-padding-start: 20px;
}

#sidebar-aside aside ul li {
  padding-top: 10px;
  color: #F96932;
}

@media screen and (max-width: 479.9999999px) {
  .file-upload #page-title-icon{
    margin-left: 11px !important;
  }
  .image-input #page-title-icon {
    margin-left: 36px !important;
  }
  .pro.subpage #page-title {
    font-size: 30px !important;
    line-height: 37px !important;
    padding-top: 40px !important;
    padding-bottom: 10px !important;
  }
  .step-by-step-solutions #page-title {
    padding-top: 40px !important;
  }
  .pro.subpage #abstract-content {
    padding-bottom: 20px;
  }
  .pro.subpage .subpage-footer-btn,
  .pro.landing .subpage-footer-btn,
  .step-by-step-subpage .subpage-footer-btn {
    width: 100%;
  }
  .pro.subpage #subpage-footer-section,
  .pro.landing #subpage-footer-section,
  .step-by-step-subpage #subpage-footer-section {
    height: 155px !important;
    background-color: #92C7DD !important;
  }
  .pro.subpage #learn-more-btn,
  .pro.landing #learn-more-btn,
  .step-by-step-subpage #learn-more-btn {
    margin-top: 15px !important;
  }
  .step-by-step-solutions #unlock-btn, .step-by-step-subpage #unlock-btn {
    padding: 0;
  }
  .pro.subpage .subpage-footer-btn-container,
  .pro.landing .subpage-footer-btn-container,
  .step-by-step-subpage .subpage-footer-btn-container {
    margin: 0 15px;
    width: auto !important;
  }

  .pro.landing .subpage-section-title {
    margin-top: 0px !important;
  }

  .pro.landing .pro-landing-section-container:nth-child(1) {
    margin-top: 5px !important;
  }



  #abstract-section #page-title {
    font-size: 35px;
  }
  /* Styles to convert browse dropdown button */
  #browse-dropdown {
    width: 55px;
    margin-top: 0px !important;
  }
  #browse-dropdown-top:after {
    padding-left: 0px !important;
    position: relative !important;
    top: -1px;
  }
  #browse-dropdown.expanded #browse-dropdown-top:after {
    float: right;
    position: relative;
    top: 7px;
    padding-right: 7px;
  }
  #browse-dropdown span {
    display: none;
  }
  #browse-dropdown.expanded span {
    display: inline;
  }
  img#browse-icon-sm {
    height: 14px !important;
    width: 14px !important;
    display: none;
    padding-right: 5px;
  }
  svg#browse-icon-sm {
    display: inline-block;
    height: 14px !important;
    width: 14px !important;
    padding-right: 5px;
    position: relative;
    top: 1px;
  }
  img#browse-icon-lg {
    height: 14px !important;
    width: 14px !important;
    display: none !important;
    padding-right: 5px;
  }
  svg#browse-icon-lg {
    display: none !important;
    height: 14px !important;
    width: 14px !important;
    padding-right: 5px;
  }
  #browse-dropdown.expanded {
    width: 100% !important;
  }
  #browse-dropdown.expanded #browse-dropdown-shadow {
    width: 100% !important;
  }
  #browse-dropdown.expanded #browse-dropdown-content {
    padding: 0;
  }
  .dropdown-link {
    margin-left: 12px;
    padding-left: 20px;
  }



  .pro.landing #abstract-section {
    padding-bottom: 18px !important;
  }
  .pro.landing #more-from-title,
  .pro.landing .subpage-section-title {
    font-size: 23px !important;
  }
  .pro.landing #more-from-container {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 480px) {
  #browse-dropdown {
    width: 150px;
  }
  #link-trail-section {
    display: block !important;
  }
  img#browse-icon-lg {
    height: 11px !important;
    width: 11px !important;
    display: none;
    padding-right: 5px;
  }
  svg#browse-icon-lg {
    display: inline-block !important;
    height: 11px !important;
    width: 11px !important;
    padding-right: 1px;
  }
  #browse-dropdown span {
    display: inline;
  }
  #browse-icon-sm, #preloadImg-sm {
    display: none !important;
  }
  #browse-dropdown.expanded, #browse-dropdown.expanded #browse-dropdown-content, #browse-dropdown.expanded #browse-dropdown-shadow {
    width: 450px !important;
  }
  .dropdown-link:nth-child(2n+1) {
    margin-left: 12px;
    padding-left: 20px;
  }
  .dropdown-link:nth-child(2n) {
    margin-left: 16px;
    padding-left: 20px;
    margin-right: 12px;
  }
  .pro.landing .subpage-footer-btn {
    margin-top: 39px !important;
  }
}

#body {
  background-color: #EEF5F9;
}


/******* Subpage Styles *******/


/******* Subpage Header *******/

#abstract-section {
  background-color: #F96932;
}

.regular.green #abstract-section {
  background-color: #369C6E;
}

.regular.purple #abstract-section {
  background-color: #9371B5;
}

.regular.blue #abstract-section {
  background-color: #00ADB8;
}

.pro:not(.subpage) #abstract-section {
  background-color: #92C7DD;
}

.pro.subpage #abstract-section {
  background-color: #EEF5F9;
}

#abstract-section #page-title, #abstract-section div {
  color: white;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding-bottom: 10px;
}

#abstract-section #page-title {
  line-height: 1.3;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.jp-translated #abstract-section #page-title {
  padding-top: 45px !important;
}

.data-input-page #abstract-section #page-title, .image-input-page #abstract-section #page-title, .file-upload-page #abstract-section #page-title {
  padding-top: 40px !important;
}

#abstract-section #desc-text {
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
}

.pro.subpage #desc-text {
  padding: 0 15px !important;
  line-height: 1.4 !important;
}

.category-menu-wrapper {
  background-color: #EC561A;
}

.regular.green .category-menu-wrapper {
  background-color: #00905D;
}

.regular.purple .category-menu-wrapper {
  background-color: #8863AD;
}

.regular.blue .category-menu-wrapper {
  background-color: #009CA8;
}

.pro .category-menu-wrapper {
  background-color: #70A8C0;
}

.category-menu-bar {
  height: 42px;
}

.category-menu-bar {
  background-color: #EC561A;
}

.regular.green .category-menu-bar {
  background-color: #00905D;
}

.regular.purple .category-menu-bar {
  background-color: #8863AD;
}

.regular.blue .category-menu-bar {
  background-color: #009CA8;
}

.pro .category-menu-bar {
  background-color: #70A8C0;
}

#link-trail-section {
  padding: 11px 0px;
  float: left;
}

#link-trail {
  margin: 0;
  list-style: none;
  max-width: 972px;
  margin: 0 auto;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
}

.overflow-crumb {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block !important;
}

.overlap {
  margin-top: -42px;
}
.second-row-crumb-dropdown {
  margin-top: 11px;
}
.second-row-crumb-dropdown.overlap {
  margin-top: -31px !important;
}

.link-trail-item {
  display: inline-block;
  padding-right: 12px;
  position: relative;
}

.link-trail-item a:hover {
  opacity: 0.7;
}

.link-trail-item a {
  font-size: 16px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: white;
  font-weight;
  400;
  text-decoration: none;
  outline: none;
}

.link-trail-item a:after {
  content: '\203A';
  color: white;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  padding-left: 4px;
}

#browse-dropdown {
  float: right;
  padding: 7px 0;
  position: relative;
}

#browse-dropdown-shadow {
  display: none;
}

#browse-dropdown.expanded #browse-dropdown-shadow {
  position: absolute;
  box-shadow: 0 0 5px 0 rgba(10, 11, 11, .3);
  border-radius: 3px;
  display: block;
  z-index: 10;
}

#browse-dropdown-top {
  font-size: 13px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: white;
  border: 1px solid white;
  border-radius: 3px;
  padding: 3.5px 12px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  position: relative;
  z-index: 11;
}
.jp #browse-dropdown-top {
  font-size: 12px !important;
}

body#browse-dropdown-top {
  background-color: #ec561a;
}

body.regular.green #browse-dropdown-top {
  background-color: #00905D;
}

body.regular.purple #browse-dropdown-top {
  background-color: #8863AD;
}

body.regular.blue #browse-dropdown-top {
  background-color: #009CA8;
}

body.pro #browse-dropdown-top {
  background-color: #70A8C0;
}
  body.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover {
    color: #ec561a;
  }
  body.regular.green.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover {
    color: #00905D;
  }
  body.regular.purple.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover {
    color: #8863AD;
  }
  body.regular.blue.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover {
    color: #009CA8;
  }
  body.pro.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover {
    color: #70A8C0;
  }
  body.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover {
    background-color: white;
  }

#browse-dropdown-top:hover {
  cursor: pointer;
}

.more-examples-btn-sm {
  cursor: pointer;
}

#browse-dropdown-top:after {
  content: "\e900";
  width: 3px;
  height: 6px;
  font-size: 6px;
  font-family: wolfram-alpha-fonts;
  display: inline-block;
  padding-left: 2px;
  position: relative;
  top: -1px;
}

@media screen and (min-width: 770px) {
  #examples-for {
    padding-top: 40px !important;
    font-style: italic !important;
    font-size: 25px !important;
    padding-bottom: 0px !important;
    line-height: 1 !important;
    font-weight: 400;
    margin: 0 auto;
    width: 1005px;
    color: white;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  }
}
@media screen and (max-width: 769.9999999px) {
  #examples-for {
    padding-top: 30px !important;
    font-style: italic !important;
    font-size: 21px !important;
    padding-bottom: 0px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    margin: 0 auto !important;
    color: white !important;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  }
}

/* Specific styling for footer button section of step-by-step page and subpages */
@media screen and (max-width: 552.9999999px) and (min-width: 480px) {

  .step-by-step-solutions #subpage-footer-section,
  .step-by-step-subpage #subpage-footer-section {
    height: 155px !important;
  }

  .step-by-step-solutions .subpage-footer-btn-container,
  .step-by-step-subpage .subpage-footer-btn-container {
    width: 312px !important;
    text-align: center;
  }

  .step-by-step-solutions #learn-more-btn,
  .step-by-step-subpage #learn-more-btn {
    margin-top: 15px;
  }
}


body#browse-dropdown.expanded #browse-dropdown-top {
  background-color: #F96932;
}

body.regular.green #browse-dropdown.expanded #browse-dropdown-top {
  background-color: #369C6E;
}

body.regular.purple #browse-dropdown.expanded #browse-dropdown-top {
  background-color: #9371B5;
}

body.regular.blue #browse-dropdown.expanded #browse-dropdown-top {
  background-color: #00ADB8;
}

body.pro #browse-dropdown.expanded #browse-dropdown-top {
  background-color: #92C7DD;
}

#browse-dropdown.expanded #browse-dropdown-top:after {
  float: right;
  position: relative;
  top: 6px;
  padding-right: 7px;
}

#browse-dropdown span {
  position: relative;
  top: -1px;
}

#browse-dropdown.expanded #browse-dropdown-top {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#browse-dropdown-top svg path {
  fill: #FFF;
}


  body.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover svg path {
    fill: #ec561a;
  }
  body.regular.green.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover svg path {
    fill: #00905D;
  }
  body.regular.purple.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover svg path {
    fill: #8863AD;
  }

  body.regular.blue.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover svg path {
    fill: #009CA8;
  }

  body.pro.desktop #browse-dropdown:not(.expanded) #browse-dropdown-top:hover svg path {
    fill: #70A8C0;
  }
#browse-dropdown-content {
  position: absolute;
  background-color: white;
  border-radius: 0 0 3px 3px;
  z-index: 100;
}

#all-examples-link a {
  text-decoration: none;
  color: #535353;
}

.browse-category-top, .browse-category-section {
  display: none;
}

.browse-category-top {
  color: #535353;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .05em;
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #D1D1D1;
  padding: 0 12px;
}

.browse-category-top:hover, .browse-category-top:hover a {
  color: #ec561a !important;
  cursor: pointer;
}

.browse-category-top:hover:after, .browse-category-top.expanded:after {
  color: #ec561a !important;
}

.browse-category-top.expanded {
  color: #ec561a;
  height: 33px;
  border-bottom: none;
}

.browse-category-top.expanded+.browse-category-section {
  border-bottom: 1px solid #D1D1D1;
  display: block !important;
}

.browse-category-section {
  padding-bottom: 7px;
}

.browse-category-top:not(:last-child):after {
  content: "\e900";
  width: 12px;
  height: 6px;
  font-size: 6px;
  font-family: wolfram-alpha-fonts;
  display: inline-block;
  padding-left: 5px;
  color: #888888;
  float: right;
}

#browse-dropdown.expanded .browse-category-top {
  display: block;
}

#wa-common-header {
  border-bottom: none !important;
}
/* style for "all examples" dropdown item */

.browse-category-top:last-child {
  text-align: center;
  border-bottom: none !important;
}

.dropdown-link {
  height: 24px;
  font-size: 13px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
  width: 182px;
  cursor: pointer;
}
.jp .dropdown-link {
  font-size: 12px !important;
}


.dropdown-link:hover a {
  color: #EC561A;
}

.dropdown-link a {
  color: #535353;
  text-decoration: none;
}

.hidden {
  display: none;
}


/******* Subpage Body *******/

.calculator {
  display: none;
}

#examples-subpage-body {
  margin: 10px auto 50px;
  display: block;
  font-size: 0px;
}

.example-subpage-section {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.0);
  position: relative;
}

.sectionDivider {
  position: relative;
  top: -41px;
  width: 100%;
  border: none;
  height: 1px;
  color: #D1D1D1;
  background-color: #D1D1D1;
}

.sidebarSection .sectionDivider {
  display: none !important;
}

.example-subpage-section.section-link:hover .example-wrap {
  background-color: white;
}

.subpage-section-title, .subpage-section-title {
  color: #F96932;
}

.regular.green .subpage-section-title {
  color: #00B05E;
}

.regular.purple .subpage-section-title {
  color: #A16BD7;
}

.regular.blue .subpage-section-title {
  color: #00B7C6;
}

.pro.landing .subpage-section-title {
  font-size: 25px;
  font-family: 'Lexia', 'Roboto Slab', Georgia, 'Times New Roman', Times, serif !important;
  color: #2D82A0 !important;
  position: relative;
  left: -15px;
  width: 400px;
  height: fit-content;
}
.pro.landing .block-wrap:nth-child(4) {
  margin-top: 15px !important;
}
.pro.landing .subpage-section-title:hover {
  color: #92C7DD !important;
}
.pro.landing .subpage-section-title::after {
  content: '\203A';
  color: #2D82A0;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.pro.landing .section-link .subpage-section-title::before {
  display: inline-block;
  width: 52px;
  position: relative;
}

/* Step-by-Step Solutions icon*/
.pro.landing .section-link[data-index~="0"] .subpage-section-title::before {
  content: url(//www.wolframcdn.com/examples/step-by-step-solutions.svg);
  top: 19px;
}
.pro.landing .section-link[data-index~="1"] .subpage-section-title::before {
  content: url(//www.wolframcdn.com/examples/data-input.svg);
  top: 17px;
}
.pro.landing .section-link[data-index~="2"] .subpage-section-title::before {
  content: url(//www.wolframcdn.com/examples/image-input.svg);
  top: 17px;
}
.pro.landing .section-link[data-index~="3"] .subpage-section-title::before {
  content: url(//www.wolframcdn.com/examples/file-upload.svg);
  top: 16px;
}

.pro.landing .block-wrap {
  width: 308px;
}

.pro.landing .section-link[data-index~="0"] .block-wrap:nth-child(5)::after,
.pro.landing .section-link[data-index~="1"] .block-wrap:nth-child(5)::after,
.pro.landing .section-link[data-index~="2"] .block-wrap:nth-child(11)::after,
.pro.landing .section-link[data-index~="3"] .block-wrap:nth-child(9)::after {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAaCAMAAAD7eU6DAAAAkFBMVEUAAACkpKShoaGhoaGhoaGioqKhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGioqKhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaHPz8/CwsKnp6fNzc3KysqysrK1tbWurq7Hx8e/v7+rq6u6urq3t7ekpKS8vLxGBhe8AAAAIXRSTlMA+yQED/WbhnRAMeIJ59rOxr6pkDfuaGNP29i1rVwcGEyGDE8GAAAA2UlEQVQ4y62UxxaCQAxF6YJY6dgzM/T2/3/nIB6UA2IW3PVdJHlJhGnk02EtYJHNRFxtsLYeR/HOQMqKGgGhmoKz7QSAJdsAJUsiAwBCL3eMbZXAYZXrI2SHwousOEr/3M3aJNBRqrr8a8TSQ9eOZk3THN5E6X4U0c3w7PNOpGnSkAgG5J+IFOe6svZqXcQlyRhM0UUkaYctt6qcW7MQ6reyi5S97zJoOldGaIwbDGcbHI8u4KPjfcyObojSh8LaUBaMW7CafpGWXVG7Qiw/6qzwB4t/Bfgn8wQNEy820wYCsAAAAABJRU5ErkJggg==');
  position: relative;
  top: -45px;
  float: right;
  right: -44px;
  height: 0px;
}
.pro.landing .section-link[data-index~="2"] .block-wrap:nth-child(11)::after {
  top: -53px !important;
}
.pro.landing .section-link[data-index~="1"] .block-wrap:nth-child(5)::after,
.pro.landing .section-link[data-index~="3"] .block-wrap:nth-child(9)::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  float: left;
  top: -20px;
  left: -36px;
}

.pro.landing .pro-subpage-img {
  background-size: cover !important;
  max-width: 655px;
  width: 655px;
  min-height: 350px;
  height: 440px;
  border: 1px solid #d1d1d1;
  border-width: 1px;
  border-radius: 5px;
  margin: 0 20px;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
.pro.landing .pro-subpage-img:hover {
  border-color: #F96932;
}

.pro.landing .sectionDivider {
  display: none;
}

.pro.landing .pro-landing-section-container {
  margin-top: 50px;
  padding-bottom: 50px;
  height: 442px;
}
.pro.landing .pro-section-divider {
  width: 100vw;
  position: absolute;
  left: 0px;
  border: none;
  height: 1px;
  background-color: #d1d1d1;
}
.pro.landing .pro-landing-section-container:nth-child(1) {
  margin-top: 40px;
}

.pro.landing .pro-landing-section-container:nth-child(1) .pro-subpage-img,
.pro.landing .pro-landing-section-container:nth-child(5) .pro-subpage-img {
  float: right;
}
.pro.landing .pro-landing-section-container:nth-child(3) .pro-subpage-img,
.pro.landing .pro-landing-section-container:nth-child(7) .pro-subpage-img {
  float: left;
  right: 0px;
  margin: 0 10px;
}

.pro.landing .pro-landing-section-container:nth-child(1) .pro-subpage-img {
  background: url(//www.wolframcdn.com/examples/proPages/landingPageImages/sbs.png);
}
.pro.landing .pro-landing-section-container:nth-child(3) .pro-subpage-img {
  background: url(//www.wolframcdn.com/examples/proPages/landingPageImages/data-input.png);
}
.pro.landing .pro-landing-section-container:nth-child(5) .pro-subpage-img {
  background: url(//www.wolframcdn.com/examples/proPages/landingPageImages/two-lions.png);
}
.pro.landing .pro-landing-section-container:nth-child(7) .pro-subpage-img {
  background: url(//www.wolframcdn.com/examples/proPages/landingPageImages/molecule.png);
}


.pro.landing #more-from-container {
  margin-top: 43px;
  padding-bottom: 22px;
  margin-bottom: 160px;
}
.pro.landing #problem-generator-container {
  margin-right: 35px;
}
.pro.landing .more-from-image-title {
  font-size: 21px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #F96932;
  width: 100%;
  cursor: pointer;
  float: left;
  text-decoration: none;
}
.pro.landing .more-from-desc-text {
  font-size: 15px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #888;
  line-height: 24px;
  position: relative;
  top: 8px;
}
.pro.landing .more-from-page-links {
  padding-left: 0px;
  margin-top: 15px;
}

.pro.landing .more-from-page-link {
  font-size: 15px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #F96932;
  cursor: pointer;
  text-decoration: none;
}
.pro.landing .more-from-page-link:hover,
.pro.landing .more-from-image-title:hover {
  color: #EC561A;
}
.pro.landing .more-from-page-link-item {
  display: inline-block;
  margin-bottom: 5px;
}
.pro.landing .more-from-page-link-item span {
  font-size: 15px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #CCC;
  padding: 0 10px;
}

.pro.landing #more-from-images-container {
  margin-top: 15px;
  display: flex;
}
.pro.landing .more-from-img-container {
  width: 483px;
  height: 248px;
  display: inline-block;
  flex: 1;
}
.pro.landing .more-from-img-container img {
  border: 1px solid #d1d1d1;
  margin-bottom: 25px;
}
.pro.landing .more-from-img-container img:hover {
  border-color: #F96932;
}
.pro.landing #more-from-title {
  color: #2D82A0;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 27px;
}

.subpage-section-title {
  outline: none;
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5;
  margin-bottom: 3px;
}

.section-link .subpage-section-title:hover, .section-link .subpage-section-title:hover {
  color: #EC561A;
}

.regular.green .section-link .subpage-section-title:hover {
  color: #00905D;
}

.regular.purple .section-link .subpage-section-title:hover {
  color: #8863AD;
}

.regular.blue .section-link .subpage-section-title:hover {
  color: #009CA8;
}

.subpage-section-title, .section-caption, .subsection-caption, .example-wrap {
  display: inline-block;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.section-caption {
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #888;
}

.subsection-caption {
  margin: 4px 0 3px 0;
  font-size: 13px;
  line-height: 1.5;
  color: #888;
}

.example-wrap {
  margin: 0 0 16px 0;
  border-radius: 3px;
  border: 1px solid #D1D1D1;
  cursor: pointer;
  padding: 5px 9px 4px 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.example-subpage-section div:last-of-type .example-wrap {
  margin-bottom: 40px;
}

.example-wrap:hover, .example-wrap:hover {
  border-color: #F96932;
}

.inputfile-tagicon {
  background-repeat: no-repeat;
  top: 1px;
  height: 20px;
  width: 28px;
  left: 0px;
  position: absolute;
}

.infile-rawdata .inputfile-tagicon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyMCI+PHRpdGxlPkFydGJvYXJkIDEyNDwvdGl0bGU+PHBhdGggZD0iTTcsNXY5SDIyVjVabTcsNy01LC4wMDAxOFYxMWg1Wm0wLTJMOSw5Ljk5OTc2VjloNVptMC0yTDksNy45OTk3NlY3LjAwMDA2TDE0LDdabTYsNC4wMDAxOEwxNSwxMlYxMWg1Wm0wLTIuMDAwNDNMMTUsMTBWOWg1Wm0wLTJMMTUsOFY3bDUsLjAwMDA2WiIgc3R5bGU9ImZpbGw6I2ZmOTQxNztmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==);
  top: 2px !important;
}

.infile-generic .inputfile-tagicon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyMCI+PHRpdGxlPkFydGJvYXJkIDEyMSBjb3B5PC90aXRsZT48cGF0aCBkPSJNMTIsN2g4YzEsMCwxLTEsMC0xcy02LjAwNDM5LjAwNDUyLTYsMGEuODc4NDUuODc4NDUsMCwwLDAtMS0xSDEwQS45NzkzOS45NzkzOSwwLDAsMCw5LDZIOEEuOTA3LjkwNywwLDAsMCw3LDd2NVM5LjU3ODEzLDguNDQ0Nyw5LjkzODExLDcuOTYxNjdBMi4zODE0OCwyLjM4MTQ4LDAsMCwxLDEyLDdabTkuMDU4ODQsMS4wMTU1cy01Ljk0MTg5LS4wMjgzMi04LjQwMTczLDBhMi4xMjEzNCwyLjEyMTM0LDAsMCwwLTEuODkzMzEuOTk3NUMxMC4zNTYyLDkuNjgyOCw3LDE0LDcsMTRhLjk3OTM5Ljk3OTM5LDAsMCwwLDEsMWwxMC4yMzUxMS0uMDA3QzE4LDE1LDE4LjYxNDM4LDE0LjY3MTM5LDE5LDE0bDMtNUEuODY2NTUuODY2NTUsMCwwLDAsMjEuMDU4ODQsOC4wMTU1WiIgc3R5bGU9ImZpbGw6I2ZmOTQxNztmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==);
}

.infile-image .inputfile-tagicon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyMCI+PHRpdGxlPkFydGJvYXJkIDEyMTwvdGl0bGU+PHBhdGggZD0iTTIwLjM3NTEyLDUuMDc4NjFIMTEuNzA5MjNsLS43MDIxNS0uODQ0NDJhLjYwOTg0LjYwOTg0LDAsMCwwLS40NjYwNi0uMjM1Nkg5Ljc0OWEuNjA5LjYwOSwwLDAsMC0uNDY1Ny4yMzU2bC0uNzAyNTEuODQ0NDJINy42MjMyOUExLjY1NzY3LDEuNjU3NjcsMCwwLDAsNS45OTk1MSw2Ljc2ODE5djcuNTQwMUExLjY1NzU4LDEuNjU3NTgsMCwwLDAsNy42MjMyOSwxNS45OTc1SDIwLjM3NTEyYTEuNjU3MzYsMS42NTczNiwwLDAsMCwxLjYyMzQxLTEuNjg5MjFWNi43NjgxOUExLjY1NzQ1LDEuNjU3NDUsMCwwLDAsMjAuMzc1MTIsNS4wNzg2MVptLTUuMDg2MDYsOS4zMDEyMWEzLjc3MzU3LDMuNzczNTcsMCwwLDEtMy42OTE4OS0zLjg0MTgsMy43NzMzLDMuNzczMywwLDAsMSwzLjY5MTg5LTMuODQxOCwzLjc3MzMyLDMuNzczMzIsMCwwLDEsMy42OTIsMy44NDE4QTMuNzczNiwzLjc3MzYsMCwwLDEsMTUuMjg5MDYsMTQuMzc5ODJabTAtNi44NzQ4MmEyLjk3ODgzLDIuOTc4ODMsMCwwLDAtMi45MTQ3OSwzLjAzMywyLjkxNzE2LDIuOTE3MTYsMCwxLDAsNS44Mjk3MSwwQTIuOTc4NzcsMi45Nzg3NywwLDAsMCwxNS4yODkwNiw3LjUwNVoiIHN0eWxlPSJmaWxsOiNmZjk0MTc7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=);
}

.example .inputfile-tag {
  padding: 3px 8px 4px 27px;
  line-height: 1;
  border-radius: 5px;
  background: #fff5d2;
  display: inline-block;
  border: 1px solid #ffc84f;
  margin-right: 4px;
  margin-bottom: 1px;
}

.example-wrap:hover::after, .example-wrap:hover::after {
  color: #F96932;
}

/* .example-wrap .submit svg:hover {
  background: #db0303;
  fill: white;
  border-radius: 2px;
} */



.example-wrap svg {
  fill: #888888;
  float: right;
  position: relative;
}

.example-wrap:hover svg {
  fill: #F96932;
}

.submit {
  position: absolute;
  right: -29px;
}

.example-wrap .example {
  position: relative;
  font-size: 13px;
  line-height: 18px;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  outline: none;
  text-decoration: none;
  width: 92%;
  position: relative;
}

h4.example-wrap .example {
  left: -7px;
}

.block-wrap {
  display: block;
  font-size: 16px;
}

/* Apply japanese fonts */
.jp .pro.subpage .subpage-footer-btn,
.jp .pro.landing .subpage-footer-btn,
.jp .step-by-step-subpage .subpage-footer-btn,
.jp #link-trail .link-trail-item.main-category a:before,
.jp #expand,
.jp .example-subpage-section .more-examples-btn-sm,
.jp .aside-title,
.jp .go-further-link,
.jp .see-also-link,
.jp .related-link,
.jp #abstract-section #page-title,
.jp #abstract-section div,
.jp .link-trail-item a,
.jp .link-trail-item a:after,
.jp #browse-dropdown-top,
.jp #examples-for,
.jp .browse-category-top,
.jp .dropdown-link,
.jp .pro.landing .subpage-section-title::after,
.jp .pro.landing .more-from-image-title,
.jp .pro.landing .more-from-desc-text,
.jp .pro.landing .more-from-page-link,
.jp .pro.landing .more-from-page-link-item span,
.jp .pro.landing #more-from-title,
.jp .subpage-section-title,
.jp .section-caption,
.jp .subsection-caption,
.jp .example-wrap {
  font-family: WebRoboto, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Meiryo', 'メイリオ', Arial, sans-serif;
}

.jp .pro.subpage #page-title,
.jp .step-by-step-subpage #sbs-subpage-title,
.jp .pro.landing .subpage-section-title {
  font-family: Lexia, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Meiryo', 'メイリオ', Arial, sans-serif;
}