#expanded-e-article .header-title {
  font-family: "Roboto Condensed", sans-serif;
}

#expanded-e-article .header-title * {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.1em;
  margin: 0;
}

#expanded-e-article .header-title .light {
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
  padding-left: 0;
}

#expanded-e-article .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#expanded-e-article .header-title .separator {
  border: solid 1px #E2E2E2;
}

#expanded-e-article .main-panel-split {
  width: 100%;
  padding-right: 16px;
  padding-top: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
}

#expanded-e-article .main-panel-split .article-footer {
  color: #333333;
  font-family: "Helvetica Neue", sans-serif;
}

#expanded-e-article .main-panel-split p {
  margin: 0;
}

#expanded-e-article .main-panel-split .herbelTitle {
  font-size: 20px;
  font-weight: bold;
  color: #3A3A3A;
}

#expanded-e-article .main-panel-split blockquote {
  font-size: 15px;
}

#expanded-e-article .main-panel-split .names {
  padding: 16px 0;
}

#expanded-e-article .main-panel-split .names .name {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  font-size: 14px;
  color: #7A7A7A;
  line-height: 20px;
}

#expanded-e-article .main-panel-split .names .name .make-bold {
  font-weight: bold;
  color: #000;
  padding-right: 8px;
}

#expanded-e-article .main-panel-split .paragraphs .paragraph-title {
  color: #00746b;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 0px;
}

#expanded-e-article .main-panel-split .paragraphs .paragraph-content {
  color: #333333;
  font-family: "Helvetica Neue", sans-serif;
}

#expanded-e-article .main-panel-split .paragraphs .paragraph-content ul {
  padding-left: 20px;
  margin: 0;
  color: #3A3A3A;
}

#expanded-e-article .light {
  color: #696969;
}

#expanded-e-article .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#expanded-e-article .right-side-menu {
  padding-left: 16px;
  width: 400px;
  right: 0px;
  padding-left: 24px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
  font-size: 15px;
}

#expanded-e-article .right-side-menu .titles a {
  text-decoration: none;
  color: #00746b;
  /* padding: 10px; */
  line-height: 1.65em;
  font-weight: 700;
}

#expanded-e-article .right-side-menu ul {
  padding-left: 20px;
  margin: 0;
}

#expanded-e-article .right-side-menu .ad-img {
  width: 80%;
  height: 300px;
  padding: inherit;
}

#expanded-e-article .row-expanded {
  display: flex;
  flex-direction: row;
  margin: 0;
  display: flex;
  flex-direction: row;
  margin: 0;
}

@media (max-width: 992px) {
  #expanded-e-article .right-side-menu {
    display: none;
  }
}

#expanded-e-directory .header-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
}

#expanded-e-directory .title {
  text-align: center;
}

#expanded-e-directory .title .title-header {
  padding: 0 16px;
  font-size: 16px;
}

#expanded-e-directory .title .main-title {
  color: #00746b;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.62px;
  font-family: "Roboto Condensed", sans-serif;
}

#expanded-e-directory a {
  padding-right: 0;
  padding-right: 0;
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
}

#expanded-e-directory .how-to-use a {
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
}

#expanded-e-directory .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#expanded-e-directory .book-thumbnail {
  padding: 16px;
}

#expanded-e-directory .sub-title {
  padding: 16px 0;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
}

#expanded-e-directory #expanded-e-navigation .alpha {
  color: #3A3A3A;
  font-size: 40px;
  line-height: 35px;
  margin-bottom: 16px;
  margin-top: 32px;
  font-family: "Roboto Condensed", sans-serif;
}

#expanded-e-directory .align-self-center {
  text-align: center;
  padding: 0;
  font-size: large;
  font-weight: 600;
}

#expanded-e-directory .nav-link:visited, #expanded-e-directory .nav-link {
  color: #00746b;
  margin: 16px 8px;
  display: block;
  margin: 0px;
  padding: 6px 0;
  font-size: 18px;
}

#expanded-e-directory .col-count {
  column-count: 4;
}

@media (max-width: 992px) {
  #expanded-e-directory .title {
    padding-left: 15px;
  }
  #expanded-e-directory .col-count {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  #expanded-e-directory .book-thumbnail {
    display: none;
  }
  #expanded-e-directory .header-section {
    display: block;
  }
  #expanded-e-directory .col-count {
    column-count: 2;
  }
  #expanded-e-directory .title {
    text-align: center;
  }
  #expanded-e-directory .title .main-title {
    color: #00746b;
    line-height: 37px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.62px;
    font-family: "Roboto Condensed", sans-serif;
  }
}

@media (max-width: 415px) {
  #expanded-e-directory .col-count {
    column-count: 1;
  }
}

#herbClip-article h1, #herbClip-article h2 h3, #herbClip-article h4, #herbClip-article h5 {
  font-size: 16px !important;
  font-family: "Helvetica Neue", sans-serif;
}

#herbClip-article p.MsoNormal {
  margin: 16px 0;
}

#herbClip-article .header-title {
  font-size: 16px;
}

#herbClip-article .header-title * {
  font-size: 20px;
  line-height: 1.1em;
  margin: 0;
}

#herbClip-article .header-title .light {
  font-weight: 100;
  color: #00746b;
}

#herbClip-article .header-title a {
  color: #00746b;
  font-weight: bold;
}

#herbClip-article .header-title .separator {
  margin: 0 8px;
  border: 1px solid #E2E2E2;
}

#herbClip-article .nav-link {
  text-transform: capitalize;
}

#herbClip-article .article-title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  padding-top: 16px;
  padding-bottom: 8px;
  color: #000;
  font-size: 20px;
}

#herbClip-article .date-hc-row {
  width: 250px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 16px;
}

#herbClip-article .date-hc-row .date-and-hcnumber {
  color: #696969;
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: bold;
}

#herbClip-article h1 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  color: #000 !important;
  line-height: 22px !important;
}

#herbClip-article .main-panel-split {
  font-size: 16px;
  width: 100%;
  padding-right: 20px;
}

#herbClip-article .main-panel-split .keywords-title {
  font-family: "Roboto Condensed", sans-serif;
  color: #696969;
  font-weight: bold;
}

#herbClip-article .main-panel-split .logo-vertical img {
  width: 96px;
}

#herbClip-article .main-panel-split .nav-tabs {
  height: 64px;
  line-height: 3em;
  margin: 1px;
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  display: flex;
  font-size: 21px;
  font-family: "Roboto Condensed", sans-serif;
  color: #3A3A3A;
  align-items: center;
}

#herbClip-article .main-panel-split .article-tabs {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #9B9B9B;
  transition: 0.2s;
}

#herbClip-article .main-panel-split .article-body {
  font-family: "Helvetica Neue", sans-serif;
  color: #000;
}

#herbClip-article .main-panel-split .vertical-separator {
  border-left: 1px solid #E2E2E2;
  border-bottom: 40px solid #E2E2E2;
}

#herbClip-article .main-panel-split .body-content-information {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  display: flex;
  flex-direction: row;
}

#herbClip-article .main-panel-split .body-content-information .logo-vertical {
  padding-left: 0;
}

#herbClip-article .main-panel-split .body-content-information .authors-names {
  padding: 16px;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .underline-grey {
  text-decoration: underline #9B9B9B;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .editor-title {
  color: #696969;
  text-transform: capitalize;
  line-height: 15px;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .editor-name {
  font-size: 13px;
  font-weight: bold;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .writers-row {
  padding: 16px 16px;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .writers-row .writers-names {
  font-weight: bold;
  width: 80%;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .consulting-row {
  padding: 0 16px;
}

#herbClip-article .main-panel-split .body-content-information .authors-names .consulting-row .consultingEditors-names {
  font-weight: bold;
  width: 80%;
}

#herbClip-article .main-panel-split .body-content-information .editor-title {
  color: #696969;
  text-transform: capitalize;
  line-height: 15px;
}

#herbClip-article .main-panel-split .body-content-information .editor-name {
  font-size: 13px;
  line-height: 15px;
}

#herbClip-article .main-panel-split span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#herbClip-article .main-panel-split p[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#herbClip-article .main-panel-split a[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  color: #000 !important;
}

#herbClip-article .right-side-menu {
  padding-left: 16px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #dadada;
  font-size: 16px;
}

#herbClip-article .right-side-menu .right-side-menu-link {
  text-decoration: none;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.6em;
  font-weight: bold;
  text-transform: capitalize;
}

#herbClip-article .right-side-menu .ad-img {
  width: 80%;
  height: 300px;
  padding: inherit;
}

#herbClip-article .right-side-menu ul {
  padding-left: 17px;
}

#herbClip-article .row-herb {
  display: flex;
  flex-direction: row;
  margin: 0;
}

#herbClip-article .hide {
  display: none;
}

#herbClip-article .show {
  display: block;
}

#herbClip-article .active {
  color: #00746b !important;
}

#herbClip-article .pdf-tab-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#herbClip-article .keyword-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#herbClip-article .keyword-row .keyword {
  text-align: center;
  border-radius: 5px;
  background: #EBEBEB;
  padding: 8px;
  margin: 8px 0;
  margin-right: 16px;
  font-family: "Helvetica Neue", sans-serif;
  height: fit-content;
}

#herbClip-article .pdf-img {
  width: 40px;
  padding-right: 8px;
}

@media (max-width: 992px) {
  #herbClip-article .right-side-menu {
    display: none;
  }
}

@media (max-width: 768px) {
  #herbClip-article .main-panel-split .body-content-information .authors-names .writers-row .writers-names {
    width: unset;
  }
  #herbClip-article .main-panel-split .body-content-information .authors-names .consulting-row .consultingEditors-names {
    width: unset;
  }
  #herbClip-article .managing-editor {
    padding-top: 16px;
  }
}

@media (max-width: 576px) {
  #herbClip-article .main-panel-split .body-content-information {
    padding: 16px 0;
  }
  #herbClip-article .main-panel-split {
    padding-right: 8px;
  }
}

#issues-directory .main-panel {
  width: 100%;
  font-size: 16px;
}

#issues-directory .right-side-menu {
  padding-left: 16px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
  font-size: 16px;
}

#issues-directory .issues-section {
  border: none;
}

#issues-directory .row-issues {
  display: flex;
  flex-direction: row;
  margin: 0;
}

#issues-directory ul {
  padding-left: 17px;
}

#issues-directory .ad-img {
  width: 80%;
  height: 300px;
  padding: inherit;
}

@media (max-width: 992px) {
  #issues-directory .right-side-menu {
    display: none;
  }
}

#issue-list-navigation {
  width: 100%;
}

#issue-list-navigation .date-range {
  color: #5B5B5B;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 27px;
}

#issue-list-navigation .bins-list {
  column-count: 4;
  width: 100%;
}

#issue-list-navigation .bins-list .col-xs-12 {
  padding: 0;
}

#issue-list-navigation .bins-list .bin-item {
  display: flex;
  align-items: center;
  padding: 4px 0;
  cursor: pointer;
  border-radius: 5px;
}

#issue-list-navigation .bins-list .bin-item:hover {
  background-color: #EBEBEB;
}

#issue-list-navigation .bins-list .bin-item .dates {
  color: #3A3A3A;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  font-weight: lighter;
  margin-left: 4px;
}

#issue-list-navigation .bins-list .bin-item .bin-number {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 2px;
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
}

#issue-list-navigation .content-header {
  color: #00746b;
  text-transform: capitalize;
  padding: 16px 0;
}

@media (max-width: 1200px) {
  #issue-list-navigation .bins-list {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  #issue-list-navigation .right-side-menu {
    display: none;
  }
  #issue-list-navigation .bins-list {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  #issue-list-navigation .bin-item {
    width: 150%;
  }
}

@media (max-width: 415px) {
  #issue-list-navigation .bins-list {
    column-count: 1;
  }
}

#bin-directory .main-panel-split {
  width: 100%;
  padding-right: 20px;
  font-size: 16px;
}

#bin-directory .main-panel-split .header-paragraph {
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
}

#bin-directory .main-panel-split .review-head-date {
  color: #00746b;
}

#bin-directory .main-panel-split .review-header {
  padding-top: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-weight: bold;
}

#bin-directory .main-panel-split .horizontal-border {
  border-bottom: 1px solid #E2E2E2;
  padding-top: 16px;
  width: 100%;
}

#bin-directory .main-panel-split .short-article-row {
  padding-top: 16px;
}

#bin-directory .main-panel-split .review {
  /*.nav-review {
                color: white;
                font-family: $font-family-Roboto-Condensed;
                font-size: 15px;
                line-height: 23px;
                font-weight: 500;
                margin: 0;
                border-radius: 99999999999999px;
                background-color: $btn-green;
                padding: 8px 16px;


                &:hover {
                    color: white !important;
                    background-color: $btn-green-hover !important;
                }
            }*/
}

#bin-directory .main-panel-split .review .review-title {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 25px;
}

#bin-directory .main-panel-split .review .review-short-body {
  font-family: "Helvetica Neue", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-height: 1.6em;
  /* fallback */
  max-height: 4.8em;
  /* fallback */
}

#bin-directory .main-panel-split .review .review-short-body p {
  font-family: "Helvetica Neue", sans-serif !important;
  margin: 0;
}

#bin-directory .main-panel-split .review .review-short-body span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#bin-directory .main-panel-split .review .nav-review {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

#bin-directory .main-panel-split .review .nav-review:hover {
  color: #000 !important;
}

#bin-directory .right-side-menu {
  padding-left: 16px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #dadada;
  font-size: 16px;
}

#bin-directory .right-side-menu .right-side-menu-link {
  text-decoration: none;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.6em;
  font-weight: bold;
  text-transform: capitalize;
}

#bin-directory .right-side-menu .ad-img {
  width: 80%;
  height: 300px;
  padding: inherit;
}

#bin-directory .right-side-menu ul {
  padding-left: 17px;
}

#bin-directory .row-bin {
  display: flex;
  flex-direction: row;
  margin: 0;
}

#bin-directory .pages .all-btns {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  padding: 16px 0;
}

#bin-directory .pages .all-btns .per-nxt {
  font-weight: 100;
  color: #00746b;
  padding: 5px 15px;
  display: inline-block;
  text-decoration: none;
}

#bin-directory .page {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 10px;
  box-shadow: 0 0 0 2px;
  background-color: #00746b;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  text-shadow: 0px 1px 0px white;
}

#bin-directory .page:hover, #bin-directory .page.gradient:hover {
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}

#bin-directory .active-page {
  background: #fefeEe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
  border: solid 0.0px;
  color: black;
}

#bin-directory .btn {
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  /*optional*/
  color: #aaa;
  font-size: .875em;
}

@media (max-width: 992px) {
  #bin-directory .right-side-menu {
    display: none;
  }
}

@media (max-width: 768px) {
  #bin-directory .review .review-title {
    text-align: left;
  }
  #bin-directory .review .review-short-body {
    text-align: left;
  }
}

#medicinal-plant-id-directory .card-master {
  font-size: 15px;
}

#medicinal-plant-id-directory .card-master .header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#medicinal-plant-id-directory .card-master .header-row .img-col {
  height: 190px;
  width: 130px;
}

#medicinal-plant-id-directory .card-master .header-row .img-col .img-plant-id {
  width: 130px;
}

#medicinal-plant-id-directory .card-master .header-row .title-row {
  padding-left: 188px;
}

#medicinal-plant-id-directory .card-master .header-row .title-row .book-title {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.62px;
}

#medicinal-plant-id-directory .card-master .header-row .title-row .book-sub-title {
  padding: 16px 0;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0.62px;
  text-align: center;
}

#medicinal-plant-id-directory .card-master .nav-tabs {
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
}

#medicinal-plant-id-directory .card-master .nav-tabs .article-tabs {
  color: #9B9B9B;
  font-size: 21px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
  text-transform: capitalize;
  line-height: 50px;
}

#medicinal-plant-id-directory .card-master .nav-tabs .no-line-height {
  line-height: 25px !important;
}

#medicinal-plant-id-directory .card-master .nav-tabs .active {
  color: #00746b !important;
}

#medicinal-plant-id-directory .card-master .nav-tabs .vertical-separator {
  border-left: 1px solid #E2E2E2;
  border-bottom: 40px solid #E2E2E2;
}

#medicinal-plant-id-directory .card-master p[style] {
  font-family: "Helvetica Neue", sans-serif !important;
}

#medicinal-plant-id-directory .card-master span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
}

#medicinal-plant-id-directory .card-master p {
  font-family: "Helvetica Neue", sans-serif !important;
}

#medicinal-plant-id-directory .card-master span {
  font-family: "Helvetica Neue", sans-serif !important;
}

#medicinal-plant-id-directory .card-master .body-content .article-body {
  color: #000;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .paragraph {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 8px 0;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .paragraph-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-weight: bold;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .italic {
  font-style: italic;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .writer-info {
  font-family: "Roboto Condensed", sans-serif;
  width: 78%;
  padding-bottom: 8px;
  padding-top: 16px;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .writer-info .writer-name {
  color: #00746b;
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 8px;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .introduction-paragraph strong {
  font-size: 21px;
  font-family: "Helvetica Neue", sans-serif;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .appendix-url {
  font-size: 16px;
  padding-top: 16px;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .appendix-url a {
  color: #00746b;
  text-decoration: underline solid;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 4px;
  flex-wrap: wrap;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .figure-link a {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 14px;
  color: #00746b;
  text-decoration: none;
  text-decoration: underline;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .horizontal-border {
  border-bottom: 1px solid #E2E2E2;
  padding-top: 16px;
  width: 100%;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .article-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .article-title .botanical-entries-title {
  width: auto;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .article-title .botanical-entries-title p {
  margin: 0;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .botanical-entries-title-L {
  width: auto;
  padding: 0 8px;
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .botanical-entries-title-L p {
  margin: 0;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .article-short-body {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-height: 1.6em;
  /* fallback */
  max-height: 4.8em;
  /* fallback */
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .article-short-body p {
  margin: 0;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .nav-article {
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 23px;
  margin: 0;
  border-radius: 99999999999999px;
  background-color: #669934;
  padding: 8px 16px;
  font-weight: 500;
}

#medicinal-plant-id-directory .card-master .body-content .article-body .short-article-row .article .nav-article:hover {
  color: white !important;
  background-color: #4d6d2d !important;
}

#medicinal-plant-id-directory .card-master .hide {
  display: none;
}

#medicinal-plant-id-directory .card-master .show {
  display: block;
}

#medicinal-plant-id-directory .card-master .per-nxt {
  font-weight: 100;
  color: #00746b;
  padding: 5px 15px;
  margin-top: 16px;
  display: inline-block;
  text-decoration: none;
}

#medicinal-plant-id-directory .card-master .pages .all-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#medicinal-plant-id-directory .card-master .page {
  display: inline-block;
  padding: 5px 15px;
  margin-top: 16px;
  border-radius: 10px;
  box-shadow: 0 0 0 2px;
  background-color: #00746b;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  text-shadow: 0px 1px 0px white;
}

#medicinal-plant-id-directory .card-master .page:hover, #medicinal-plant-id-directory .card-master .page.gradient:hover {
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}

#medicinal-plant-id-directory .card-master .active-page {
  background: #fefeEe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
  border: solid 0.0px;
  color: black;
}

@media (max-width: 1200px) {
  #medicinal-plant-id-directory .card-master .header-row .title-row {
    padding-left: 128px;
  }
}

@media (max-width: 992px) {
  #medicinal-plant-id-directory .card-master .header-row .title-row {
    padding-left: 32px;
  }
}

@media (max-width: 768px) {
  #medicinal-plant-id-directory .title-row {
    padding-left: 16px !important;
    padding-right: 16px;
  }
  #medicinal-plant-id-directory .nav-tabs {
    margin: 0 16px;
  }
  #medicinal-plant-id-directory .card-master .nav-tabs .article-tabs {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  #medicinal-plant-id-directory .card-master .nav-tabs .article-tabs {
    font-size: 13px;
    padding: 0;
  }
  #medicinal-plant-id-directory .card-master .header-row {
    flex-direction: column;
  }
  #medicinal-plant-id-directory .img-col {
    display: none;
  }
  #medicinal-plant-id-directory .title-row {
    text-align: center;
    width: auto;
  }
}

#appendix-article .card-master {
  font-size: 15px;
}

#appendix-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#appendix-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#appendix-article .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
  padding-left: 0;
}

#appendix-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#appendix-article .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#appendix-article .card-master .main-panel {
  padding: 16px 0;
}

#appendix-article .card-master .main-panel .article-title {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
  padding: 16px;
}

#appendix-article .card-master .main-panel p[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#appendix-article .card-master .main-panel span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#appendix-article .card-master .main-panel .article-body {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  color: #000;
  padding-bottom: 8px;
}

#appendix-article .card-master .main-panel .page-pdfs {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-top: 16px;
}

#appendix-article .card-master .main-panel .page-pdfs .pdf-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
}

#appendix-article .card-master .main-panel .page-pdfs .pdf-link .pdf-img {
  background: url(/Media/pdf.png);
  width: 40px;
  height: 40px;
  background-size: cover;
}

#appendix-article .card-master .main-panel .page-pdfs .pdf-link .pdf-name {
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
  font-weight: bold;
  padding: 0 16px;
}

#background-article .card-master {
  font-size: 15px;
}

#background-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#background-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#background-article .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
  padding-left: 0;
}

#background-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#background-article .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#background-article .card-master .main-panel {
  padding: 16px 0;
}

#background-article .card-master .main-panel .article-title {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
  padding: 16px;
}

#background-article .card-master .main-panel p[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#background-article .card-master .main-panel span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

#background-article .card-master .main-panel .article-body {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  color: #000;
}

#botanical-entries-article .card-master {
  font-size: 15px;
}

#botanical-entries-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#botanical-entries-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#botanical-entries-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#botanical-entries-article .card-master .header-title .light {
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
  width: auto;
  padding-left: 0;
}

#botanical-entries-article .card-master .header-title .separator {
  border: solid 1px #E2E2E2;
}

#botanical-entries-article .card-master .main-panel {
  padding: 16px 0;
}

#botanical-entries-article .card-master .main-panel .nav-tabs {
  height: 64px;
  line-height: 3em;
  margin: 1px;
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  display: flex;
  font-size: 21px;
  font-family: "Roboto Condensed", sans-serif;
  color: #3A3A3A;
  align-items: center;
  margin: 16px 0;
}

#botanical-entries-article .card-master .main-panel .pdf-tab-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#botanical-entries-article .card-master .main-panel .pdf-img {
  width: 40px;
  padding-right: 8px;
}

#botanical-entries-article .card-master .main-panel .article-tabs {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #9B9B9B;
  transition: 0.2s;
}

#botanical-entries-article .card-master .main-panel .vertical-separator {
  border-left: 1px solid #E2E2E2;
  border-bottom: 40px solid #E2E2E2;
}

#botanical-entries-article .card-master .main-panel .title-row {
  padding: 16px 0;
}

#botanical-entries-article .card-master .main-panel .title-row .article-title {
  display: flex;
  flex-direction: row;
  font-size: 25px;
  color: #000;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  width: 100%;
}

#botanical-entries-article .card-master .main-panel .title-row .article-title .main-title {
  font-style: italic;
  width: auto;
  padding: 0;
  padding-right: 16px;
  line-height: 25px;
}

#botanical-entries-article .card-master .main-panel .title-row .article-title .sub-title {
  font-size: smaller;
  width: auto;
  line-height: 25px;
}

#botanical-entries-article .card-master .main-panel .title-row .epimedium {
  flex-direction: column;
}

#botanical-entries-article .card-master .main-panel .title-row .epimedium .main-title {
  padding-bottom: 16px;
}

#botanical-entries-article .card-master .main-panel p[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  margin: 0 !important;
}

#botanical-entries-article .card-master .main-panel span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  margin: 0 !important;
}

#botanical-entries-article .card-master .main-panel .key {
  font-weight: bold;
  font-family: "Helvetica Neue", sans-serif;
  text-transform: capitalize;
  padding: 8px 0;
  padding-right: 8px;
  color: #000;
}

#botanical-entries-article .card-master .main-panel .body-row .paragraph-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

#botanical-entries-article .card-master .main-panel .body-row .figures-row {
  justify-content: center;
}

#botanical-entries-article .card-master .main-panel .body-row .figures-row .figures {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#botanical-entries-article .card-master .main-panel .body-row .article-body {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  height: auto;
  padding: 0;
  color: #000;
}

#botanical-entries-article .card-master .main-panel .body-row .article-body p {
  margin: 0 !important;
  margin-bottom: 10px !important;
}

#botanical-entries-article .card-master .main-panel .body-row .article-body span {
  margin: 0 !important;
  margin-bottom: 10px !important;
}

#botanical-entries-article .card-master .main-panel .body-row .article-body table {
  width: 100%;
}

#botanical-entries-article .card-master .main-panel .body-row .article-body table p {
  text-align: center !important;
  font-size: 12px !important;
}

@media (max-width: 992px) {
  #botanical-entries-article .card-master .main-panel .title-row .article-title {
    flex-direction: column !important;
  }
}

@media (max-width: 768px) {
  #botanical-entries-article .card-master .main-panel .title-row .article-title {
    flex-direction: column;
  }
  #botanical-entries-article .card-master .main-panel .title-row .article-title .main-title {
    padding-bottom: 8px;
  }
}

@media (max-width: 415px) {
  #botanical-entries-article .card-master .main-panel .body-row .paragraph-row {
    flex-direction: column !important;
  }
  #botanical-entries-article .card-master .main-panel .body-row .figures-row {
    align-items: center;
  }
  #botanical-entries-article .card-master .main-panel .body-row .figures-row .figures img {
    width: 250px;
  }
  #botanical-entries-article .card-master .main-panel .body-row .figures-row .figures p {
    font-size: 10px;
  }
}

#abc-clinical-guide-directory .card-master {
  font-size: 15px;
}

#abc-clinical-guide-directory .card-master .no-padding {
  padding: 0 !important;
}

#abc-clinical-guide-directory .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-clinical-guide-directory .card-master .header-row .title-panel .page-title {
  color: #00746b;
  font-style: italic;
}

#abc-clinical-guide-directory .card-master .header-row .title-panel .sub-title {
  padding: 16px;
  font-style: italic;
  color: #000;
  font-size: 16px;
}

#abc-clinical-guide-directory .card-master .header-row .title-panel .sub-title a {
  color: #00746b;
}

#abc-clinical-guide-directory .card-master .header-row .title-panel .how-to-use a {
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#abc-clinical-guide-directory .card-master .header-row .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#abc-clinical-guide-directory .card-master .main-row {
  padding: 32px 0;
  display: flex;
}

#abc-clinical-guide-directory .card-master .main-row .left-panel {
  width: 66%;
  font-family: "Helvetica Neue", sans-serif;
  color: #000;
}

#abc-clinical-guide-directory .card-master .main-row .left-panel .links a {
  color: #00746b;
}

#abc-clinical-guide-directory .card-master .main-row .right-panel {
  width: 33%;
}

#abc-clinical-guide-directory .card-master .main-row .right-panel .book-thumbnail {
  text-align: center;
  padding: 32px 0;
}

#abc-clinical-guide-directory .card-master .main-row .right-panel .book-thumbnail img {
  width: 184px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#abc-clinical-guide-directory .card-master .main-row .right-panel .table-of-content-nav {
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
}

#abc-clinical-guide-directory .card-master .main-row .right-panel .table-of-content-nav a {
  padding: 8px 16px;
  border-radius: 0px;
  background: #00746b;
  color: white;
  text-decoration: none;
  border-radius: 3px;
  font-size: 16px;
}

#abc-clinical-guide-directory .card-master .main-row .right-panel .table-of-content-nav a:hover {
  color: white !important;
  background: #258778;
}

#abc-clinical-guide-directory .card-master .main-row .right-panel .table-of-content-nav a i {
  padding-left: 8px;
}

@media (max-width: 415px) {
  #abc-clinical-guide-directory .card-master .header-row .title-panel .page-title {
    font-size: 25px;
  }
}

#abc-table-of-content-directory .card-master {
  font-size: 15px;
}

#abc-table-of-content-directory .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-table-of-content-directory .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-table-of-content-directory .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-table-of-content-directory .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-table-of-content-directory .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-table-of-content-directory .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-table-of-content-directory .card-master .header-title .active {
  color: #000;
}

#abc-table-of-content-directory .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}

#abc-table-of-content-directory .card-master .main-row {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#abc-table-of-content-directory .card-master .main-row .center-col {
  width: 66%;
}

#abc-table-of-content-directory .card-master .main-row .items-header {
  color: #000;
  font-size: 18px;
  padding: 16px 0;
  font-weight: 500;
}

#abc-table-of-content-directory .card-master .main-row .items-nav {
  padding-bottom: 4px;
  line-height: 19px;
}

#abc-table-of-content-directory .card-master .main-row .items-nav a {
  color: #00746b;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif !important;
  text-decoration: underline;
}

#abc-table-of-content-directory .card-master .main-row .separate-into-3-col {
  column-count: 3;
}

#abc-table-of-content-directory .card-master .main-row .separate-into-2-col {
  column-count: 2;
  padding-left: 64px;
}

#abc-table-of-content-directory .card-master .main-row .separate-into-2-col a {
  text-decoration: none;
  text-decoration: underline;
  color: #00746b;
}

#abc-table-of-content-directory .card-master .main-row .part-header {
  color: #000;
  padding: 8px 32px;
  font-size: 17px;
}

#abc-table-of-content-directory .card-master .main-row #references {
  padding: 0 48px;
}

#abc-table-of-content-directory .card-master .main-row a {
  color: #00746b;
  margin: 0;
  font-size: 15px;
  font-family: "Roboto", sans-serif !important;
}

#abc-table-of-content-directory .card-master .main-row .part-items {
  display: flex;
  flex-direction: column;
  padding-left: 80px;
  padding-bottom: 4px;
  line-height: 19px;
}

#abc-table-of-content-directory .card-master .main-row .part-items a {
  color: #00746b;
  margin: 0;
  font-size: 15px;
  font-family: "Roboto", sans-serif !important;
}

@media (max-width: 415px) {
  #abc-table-of-content-directory .card-master .main-row .separate-into-3-col {
    column-count: 2;
  }
  #abc-table-of-content-directory .card-master .main-row .separate-into-2-col {
    column-count: 1;
  }
  #abc-table-of-content-directory .card-master .header-row .title-panel {
    padding: 32px 16px;
  }
}

#abc-list-of-tables-directory .card-master {
  font-size: 15px;
}

#abc-list-of-tables-directory .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-list-of-tables-directory .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-list-of-tables-directory .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-list-of-tables-directory .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-list-of-tables-directory .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-list-of-tables-directory .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-list-of-tables-directory .card-master .header-title .active {
  color: #000;
}

#abc-list-of-tables-directory .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}

#abc-list-of-tables-directory .card-master .main-row {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#abc-list-of-tables-directory .card-master .main-row .items-nav-row {
  display: flex;
  flex-wrap: wrap;
}

#abc-list-of-tables-directory .card-master .main-row .items-nav {
  padding-bottom: 16px;
  line-height: 19px;
}

#abc-list-of-tables-directory .card-master .main-row .items-nav p {
  margin: 0;
}

#abc-list-of-tables-directory .card-master .main-row .items-nav .link {
  width: auto;
  padding-right: 0;
}

#abc-list-of-tables-directory .card-master .main-row .items-nav .note {
  font-size: 16px;
  width: auto;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
}

#abc-list-of-tables-directory .card-master .main-row .items-nav a {
  color: #00746b;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  width: auto;
  text-decoration: underline;
}

#abc-acknowledgements .card-master {
  font-size: 15px;
}

#abc-acknowledgements .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-acknowledgements .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-acknowledgements .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-acknowledgements .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-acknowledgements .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-acknowledgements .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-acknowledgements .card-master .header-title .active {
  color: #000;
}

#abc-acknowledgements .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-acknowledgements .card-master .main-row {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#abc-acknowledgements .card-master .main-row .acknowledgements-contetnt {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#abc-acknowledgements .card-master .main-row .items-nav {
  padding-bottom: 4px;
  line-height: 19px;
}

#abc-acknowledgements .card-master .main-row .items-nav a {
  color: #00746b;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif !important;
  text-decoration: underline;
}

#abc-appendix-article .card-master {
  font-size: 15px;
}

#abc-appendix-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-appendix-article .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-appendix-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-appendix-article .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-appendix-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-appendix-article .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-appendix-article .card-master .header-title .active {
  color: #000;
  width: 50%;
}

#abc-appendix-article .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-appendix-article .card-master .header-row .title-panel .page-title {
  text-align: center;
}

#abc-appendix-article .card-master .main-row {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#abc-appendix-article .card-master a {
  color: #00746b;
}

#abc-appendix-article .card-master span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
}

#abc-appendix-article .card-master table {
  margin-top: 16px;
}

#abc-appendix-article .card-master h3 {
  margin-bottom: 4px;
}

#abc-appendix-article .card-master h5 {
  margin-top: 0px;
}

#abc-appendix-article .card-master p {
  margin: 0;
  margin-bottom: 4px;
}

#abc-underwriters .card-master {
  font-size: 15px;
}

#abc-underwriters .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-underwriters .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-underwriters .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-underwriters .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-underwriters .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-underwriters .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-underwriters .card-master .header-title .active {
  color: #000;
}

#abc-underwriters .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-underwriters .card-master .umb-grid {
  font-family: "Helvetica Neue", sans-serif;
}

#abc-underwriters .card-master .umb-grid .content {
  color: #000;
  padding: 16px;
  font-size: 15px;
}

#abc-underwriters .card-master .umb-grid span[style] {
  font-family: "Helvetica Neue", sans-serif !important;
}

#abc-underwriters .card-master .umb-grid p {
  margin: 0 !important;
}

#abc-underwriters .card-master .umb-grid strong {
  line-height: 32px;
}

#abc-disclaimers-and-disclosures .card-master {
  font-size: 15px;
}

#abc-disclaimers-and-disclosures .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-disclaimers-and-disclosures .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-disclaimers-and-disclosures .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-disclaimers-and-disclosures .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-disclaimers-and-disclosures .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-disclaimers-and-disclosures .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-disclaimers-and-disclosures .card-master .header-title .active {
  color: #000;
}

#abc-disclaimers-and-disclosures .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-disclaimers-and-disclosures .card-master .content-paragraph {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#abc-disclaimers-and-disclosures .card-master .content-title {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 33px;
}

#abc-disclaimers-and-disclosures .card-master .editor-panal {
  padding: 16px;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
}

#abc-disclaimers-and-disclosures .card-master .editor-panal .editor-name {
  font-size: 17px;
  font-weight: bold;
  color: #00746b;
  padding-bottom: 4px;
}

#abc-learning-objectives-and-accreditation .card-master {
  font-size: 15px;
}

#abc-learning-objectives-and-accreditation .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-learning-objectives-and-accreditation .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-learning-objectives-and-accreditation .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-learning-objectives-and-accreditation .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-learning-objectives-and-accreditation .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-learning-objectives-and-accreditation .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-learning-objectives-and-accreditation .card-master .header-title .active {
  color: #000;
}

#abc-learning-objectives-and-accreditation .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-learning-objectives-and-accreditation .card-master .main-row .header-row {
  padding: 0 8px;
}

#abc-learning-objectives-and-accreditation .card-master .main-row .content-paragraph {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
  margin: 0 !important;
}

#abc-learning-objectives-and-accreditation .card-master .main-row .content-paragraph p, #abc-learning-objectives-and-accreditation .card-master .main-row .content-paragraph h2 {
  margin: 0 !important;
}

#abc-learning-objectives-and-accreditation .card-master .main-row .content-paragraph h2 {
  padding: 16px 0 !important;
  padding-top: 24px !important;
  font-size: 25px;
}

#abc-learning-objectives-and-accreditation .card-master .main-row .content-title {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 33px;
  padding: 32px 0;
}

@media (max-width: 415px) {
  #abc-learning-objectives-and-accreditation .header-row {
    padding: 0;
  }
  #abc-learning-objectives-and-accreditation .main-row {
    padding: 0;
    padding-bottom: 16px;
  }
}

#abc-introduction .card-master {
  font-size: 15px;
}

#abc-introduction .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-introduction .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-introduction .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-introduction .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-introduction .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-introduction .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-introduction .card-master .header-title .active {
  color: #000;
}

#abc-introduction .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 16px 0;
}

#abc-introduction .card-master .content-panal {
  display: flex;
}

#abc-introduction .card-master .content-panal .main-row {
  padding-right: 16px;
  width: 100%;
  padding-right: 32px;
}

#abc-introduction .card-master .content-panal .main-row .founder {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: 0.62px;
}

#abc-introduction .card-master .content-panal .main-row .founder p {
  margin-top: 0;
}

#abc-introduction .card-master .content-panal .main-row .part-header {
  padding: 16px 0;
  font-size: 25px;
  font-weight: bold;
  line-height: 33px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-introduction .card-master .content-panal .main-row .part-item-title {
  font-size: 20px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-introduction .card-master .content-panal .main-row .part-item-content {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 15px;
  color: #000;
}

#abc-introduction .card-master .content-panal .main-row .part-item-content a {
  color: #00746b;
  text-decoration: none;
  text-decoration: underline;
}

#abc-introduction .card-master .content-panal .main-row .part-item-content p {
  margin-top: 4px;
}

#abc-introduction .card-master .content-panal .right-side-row {
  padding-left: 24px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
  width: 400px;
  margin-top: 38px;
}

#abc-introduction .card-master .content-panal .right-side-row .hash-lable a {
  text-decoration: none;
  color: #00746b;
  line-height: 1.65em;
  font-weight: 700;
}

#abc-introduction .card-master .content-panal .right-side-row ul {
  padding-left: 20px;
  margin: 0;
}

#abc-introduction .card-master .content-panal .right-side-row .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

@media (max-width: 992px) {
  .card-master .content-panal .right-side-row {
    display: none;
  }
}

#abc-herb-chapters-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-herb-chapters-article .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-herb-chapters-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-herb-chapters-article .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-herb-chapters-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-herb-chapters-article .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-herb-chapters-article .card-master .header-title .active {
  color: #000;
}

#abc-herb-chapters-article .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 16px 0;
}

#abc-herb-chapters-article .card-master .sub-title {
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
}

#abc-herb-chapters-article .card-master .sub-title p {
  margin: 0;
  font-size: 18px;
  margin-bottom: 4px;
}

#abc-herb-chapters-article .card-master .sub-title h1, #abc-herb-chapters-article .card-master .sub-title h2, #abc-herb-chapters-article .card-master .sub-title h3, #abc-herb-chapters-article .card-master .sub-title h4, #abc-herb-chapters-article .card-master .sub-title h5, #abc-herb-chapters-article .card-master .sub-title h6 {
  margin: 0;
  font-size: 14px;
}

#abc-herb-chapters-article .card-master .nav-tabs {
  height: 64px;
  line-height: 3em;
  margin: 1px;
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  display: flex;
  font-size: 21px;
  font-family: "Roboto Condensed", sans-serif;
  color: #3A3A3A;
  align-items: center;
  margin: 16px 0;
}

#abc-herb-chapters-article .card-master .pdf-tab-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#abc-herb-chapters-article .card-master .pdf-img {
  width: 40px;
  padding-right: 8px;
}

#abc-herb-chapters-article .card-master .article-tabs {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #9B9B9B;
  transition: 0.2s;
}

#abc-herb-chapters-article .card-master .vertical-separator {
  border-left: 1px solid #E2E2E2;
  border-bottom: 40px solid #E2E2E2;
}

#abc-herb-chapters-article .card-master .content-panal {
  display: flex;
}

#abc-herb-chapters-article .card-master .content-panal .main-row {
  padding-right: 16px;
  width: 100%;
  padding-right: 32px;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body {
  color: #000;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body p {
  margin-top: 4px;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body h3 {
  margin: 8px 0;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body h4 {
  margin: 4px 0;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body a {
  color: #00746b;
  text-decoration: none;
  text-decoration: underline;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body .paragraph-header {
  padding-top: 8px;
  font-size: 25px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-herb-chapters-article .card-master .content-panal .main-row .content-body .paragraph-content {
  font-size: 15px;
  font-family: "Helvetica Neue", sans-serif;
}

#abc-herb-chapters-article .card-master .content-panal .right-side-row {
  padding-left: 24px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
  width: 400px;
  margin-top: 38px;
}

#abc-herb-chapters-article .card-master .content-panal .right-side-row .hash-lable a {
  text-decoration: none;
  color: #00746b;
  line-height: 1.65em;
  font-weight: 700;
}

#abc-herb-chapters-article .card-master .content-panal .right-side-row ul {
  padding-left: 20px;
  margin: 0;
}

#abc-herb-chapters-article .card-master .content-panal .right-side-row .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#abc-multi-herb-proprietary .card-master {
  font-size: 15px;
}

#abc-multi-herb-proprietary .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-multi-herb-proprietary .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-multi-herb-proprietary .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-multi-herb-proprietary .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-multi-herb-proprietary .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-multi-herb-proprietary .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-multi-herb-proprietary .card-master .header-title .active {
  color: #000;
}

#abc-multi-herb-proprietary .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-multi-herb-proprietary .card-master .content-panal {
  display: flex;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row {
  padding-right: 16px;
  width: 100%;
  padding-right: 32px;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item {
  padding: 32px 0 16px 0;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-title {
  text-align: center;
  font-size: 25px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 15px;
  color: #000;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content p {
  margin-top: 4px;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content h2, #abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content h3, #abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content h4, #abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content h5, #abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content h6 {
  margin: 8px 0;
  font-size: 13px;
}

#abc-multi-herb-proprietary .card-master .content-panal .main-row .part-item .part-item-content a {
  color: #00746b;
}

#abc-multi-herb-proprietary .card-master .content-panal .right-side-row {
  padding-left: 24px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
  width: 400px;
  margin-top: 38px;
}

#abc-multi-herb-proprietary .card-master .content-panal .right-side-row .hash-lable a {
  text-decoration: none;
  color: #00746b;
  line-height: 1.65em;
  font-weight: 700;
}

#abc-multi-herb-proprietary .card-master .content-panal .right-side-row ul {
  padding-left: 20px;
  margin: 0;
}

#abc-multi-herb-proprietary .card-master .content-panal .right-side-row .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#abc-chapter-introduction .card-master {
  font-size: 15px;
}

#abc-chapter-introduction .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-chapter-introduction .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-chapter-introduction .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-chapter-introduction .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-chapter-introduction .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-chapter-introduction .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-chapter-introduction .card-master .header-title .active {
  color: #000;
}

#abc-chapter-introduction .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-chapter-introduction .card-master .content-panal {
  display: flex;
}

#abc-chapter-introduction .card-master .content-panal .main-row {
  padding-right: 16px;
  width: 100%;
  padding-right: 32px;
}

#abc-chapter-introduction .card-master .content-panal .main-row .founder {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: 0.62px;
}

#abc-chapter-introduction .card-master .content-panal .main-row .founder p {
  margin-top: 0;
}

#abc-chapter-introduction .card-master .content-panal .main-row .part-item {
  padding: 16px 0 0 0;
}

#abc-chapter-introduction .card-master .content-panal .main-row .part-item .part-item-title {
  padding-bottom: 8px;
  font-size: 25px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#abc-chapter-introduction .card-master .content-panal .main-row .part-item .part-item-content {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 15px;
  color: #000;
}

#abc-chapter-introduction .card-master .content-panal .main-row .part-item .part-item-content p {
  margin-top: 4px;
}

#abc-chapter-introduction .card-master .content-panal .right-side-row {
  padding-left: 24px;
  width: 400px;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
  width: 400px;
  margin-top: 38px;
}

#abc-chapter-introduction .card-master .content-panal .right-side-row .hash-lable a {
  text-decoration: none;
  color: #00746b;
  line-height: 1.65em;
  font-weight: 700;
}

#abc-chapter-introduction .card-master .content-panal .right-side-row ul {
  padding-left: 20px;
  margin: 0;
}

#abc-chapter-introduction .card-master .content-panal .right-side-row .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#abc-index .card-master {
  font-size: 15px;
}

#abc-index .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-index .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-index .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-index .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-index .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-index .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-index .card-master .header-title .active {
  color: #000;
}

#abc-index .card-master .header-row .title-panel {
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 0;
}

#abc-index .card-master .header-row .title-panel .page-title {
  text-align: center;
}

#abc-index .card-master .main-row {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#abc-about-article .card-master {
  font-size: 15px;
}

#abc-about-article .card-master .main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#abc-about-article .card-master .main-panel .main-row {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .content {
  font-family: "Helvetica Neue", sans-serif;
  padding-bottom: 16px;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .nav-items-list {
  padding: 16px 0;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .nav-items-list ul {
  padding-left: 18px;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .header-title {
  padding-bottom: 8px;
  font-family: "Roboto", sans-serif !important;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .about-the-book {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .about-the-book .book-cover {
  box-shadow: 0px 0px 6px 0.5px #4a4a4a;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .content-render {
  padding: 16px 0;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .content-render h1 {
  padding-bottom: 8px;
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .content-render .clearfix {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 50px;
}

#abc-about-article .card-master .main-panel .main-row .left-panel .reviews blockquote {
  padding: 0px 20px;
  margin: 0;
  margin-left: 15px;
  font-size: 14px;
  border-left: 3px solid #eee;
}

#abc-about-article .card-master .main-panel .main-row .items-nav {
  padding-bottom: 4px;
  line-height: 19px;
}

#abc-about-article .card-master .main-panel .main-row .items-nav a {
  color: #00746b;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif !important;
  text-decoration: underline;
}

#abc-about-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#abc-about-article .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#abc-about-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#abc-about-article .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#abc-about-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#abc-about-article .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#abc-about-article .card-master .header-title .active {
  color: #000;
}

#healthy-ingredients-directory .card-master {
  font-size: 15px;
}

#healthy-ingredients-directory .card-master .header-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#healthy-ingredients-directory .card-master .header-area .title-header {
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
  font-weight: bold;
  font-size: 28px;
}

#healthy-ingredients-directory .card-master .header-area .sub-title {
  width: 40%;
  text-align: center;
  font-size: 15px;
  padding: 16px 0;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
}

#healthy-ingredients-directory .card-master .header-area .how-to-use {
  padding: 16px 0;
}

#healthy-ingredients-directory .card-master .header-area .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#healthy-ingredients-directory .card-master .header-area .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#healthy-ingredients-directory .card-master .grid-table {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}

#healthy-ingredients-directory .card-master .grid-table .four-items {
  display: flex;
  flex-direction: column;
}

#healthy-ingredients-directory .card-master .grid-table .four-items .grid-item {
  width: calc(200px + 50px);
  height: calc(154px + 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

#healthy-ingredients-directory .card-master .grid-table .four-items .grid-item a {
  text-decoration: none;
}

#healthy-ingredients-directory .card-master .grid-table .four-items .grid-item .item-img {
  width: 200px;
  height: 154px;
  background: red;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: flex-end;
  border-radius: 5px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0px -23px 20px 6px rgba(0, 0, 0, 0.6) !important;
  cursor: pointer;
  background-position: center !important;
}

#healthy-ingredients-directory .card-master .grid-table .four-items .grid-item .item-img .item-title {
  text-align: center;
  padding-bottom: 8px;
  color: white;
  border-radius: 0 0 5px 5px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 17px;
}

@media (max-width: 768px) {
  #healthy-ingredients-directory .card-master .grid-table .four-items .grid-item {
    width: calc(184px + 50px);
  }
}

@media (max-width: 415px) {
  #healthy-ingredients-directory .card-master .grid-table {
    justify-content: center;
  }
  #healthy-ingredients-directory .card-master .grid-table .four-items {
    align-items: center;
  }
  #healthy-ingredients-directory .card-master .grid-table .four-items .grid-item {
    width: 150px;
    height: 117px;
  }
  #healthy-ingredients-directory .card-master .grid-table .four-items .grid-item .item-img {
    width: 130px;
    height: 100px;
  }
}

#healthy-ingredients-article .card-master {
  font-size: 15px;
}

#healthy-ingredients-article .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#healthy-ingredients-article .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#healthy-ingredients-article .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#healthy-ingredients-article .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#healthy-ingredients-article .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#healthy-ingredients-article .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#healthy-ingredients-article .card-master .header-title .active {
  color: #000;
}

#healthy-ingredients-article .card-master .content-panel {
  display: flex;
  flex-direction: row;
}

#healthy-ingredients-article .card-master .content-panel .main-panel {
  border-right: 1px solid #E2E2E2;
  padding-right: 16px;
  width: 100%;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .article-title {
  font-size: 25px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  padding-top: 16px;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .names {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  font-family: "Roboto Condensed", sans-serif;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .names p {
  margin: 0;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .names .name {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .names .name .make-bold {
  letter-spacing: .6px;
  font-weight: bold;
  padding-right: 8px;
  color: #000;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .names .name .latin {
  font-style: italic;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .names .name .make-light {
  color: #7A7A7A;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph {
  padding-bottom: 8px;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph p {
  margin-top: 0;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .paragraph-title {
  color: #00746b;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
  font-family: "Roboto Condensed", sans-serif;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .paragraph-content {
  font-family: "Helvetica Neue", sans-serif;
  color: #000;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .paragraph-content a {
  color: #00746b;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .list-item {
  padding-left: 18px;
}

#healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .list-item p {
  display: list-item;
}

#healthy-ingredients-article .card-master .content-panel .hide {
  display: none;
}

#healthy-ingredients-article .card-master .content-panel .show {
  display: flex;
}

#healthy-ingredients-article .card-master .content-panel .article-img {
  background-position: center !important;
  background-repeat: no-repeat !important;
  max-height: 400px;
  background-size: contain !important;
}

#healthy-ingredients-article .card-master .content-panel .img-reference {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  color: #00746b;
  text-align: center;
  padding: 8px 0;
}

#healthy-ingredients-article .card-master .content-panel .img-reference a {
  color: #00746b;
}

#healthy-ingredients-article .card-master .content-panel .right-side-panel {
  width: 400px;
  padding-left: 16px;
}

#healthy-ingredients-article .card-master .content-panel .right-side-panel .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

@media (max-width: 768px) {
  #healthy-ingredients-directory .card-master .header-area .sub-title {
    width: 70%;
  }
  #healthy-ingredients-article .card-master .content-panel .right-side-panel {
    width: 100%;
    padding-left: 8px;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel {
    padding-right: 8px;
  }
  #healthy-ingredients-article .card-master .content-panel .right-side-panel .article-img {
    padding: 16px;
  }
  #healthy-ingredients-article .card-master .content-panel {
    display: flex;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .paragraph-content a {
    overflow-wrap: break-word;
  }
  #healthy-ingredients-article .card-master .content-panel .right-side-panel .img-reference {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 415px) {
  #healthy-ingredients-article .card-master .content-panel .right-side-panel {
    display: none;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .article-title {
    text-align: center;
    font-weight: bold;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .article-title {
    padding-bottom: 8px;
    color: #00746b;
  }
  #healthy-ingredients-article .card-master .content-panel .img-reference p {
    margin: 0;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .names {
    padding-top: 0;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel {
    padding-right: 0;
  }
  #healthy-ingredients-article .card-master .content-panel .hide {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  #healthy-ingredients-directory .card-master .header-area .sub-title {
    width: 100%;
  }
  #healthy-ingredients-article .card-master .content-panel .right-side-panel {
    width: 100%;
    padding: 0;
  }
  #healthy-ingredients-article .card-master .content-panel .right-side-panel .article-img {
    padding: 16px;
  }
  #healthy-ingredients-article .card-master .content-panel .right-side-panel .horizontal-seprator {
    display: none;
  }
  #healthy-ingredients-article .card-master .content-panel {
    display: block;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel {
    border: none;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .paragraph .paragraph-content a {
    overflow-wrap: break-word;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .names .name {
    padding: 4px 0;
    flex-wrap: wrap;
  }
  #healthy-ingredients-article .card-master .content-panel .main-panel .names .name .make-light {
    display: flex;
    flex-wrap: wrap;
  }
}

#home .card-master {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 15px;
}

#home .card-master .main-panel {
  padding-right: 16px;
}

#home .card-master .main-panel .horizontal-seperator {
  border-top: 2px solid #E2E2E2;
}

#home .card-master .main-panel .header-title {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

#home .card-master .main-panel .news-item {
  color: #000;
  padding: 16px 0;
}

#home .card-master .main-panel .news-item .grid-view-render {
  padding-top: 16px;
}

#home .card-master .main-panel .news-item .grid-view-render .umb-grid .grid-section {
  display: flex;
}

#home .card-master .main-panel .news-item .grid-view-render .umb-grid .grid-section .content {
  padding: 0;
}

#home .card-master .main-panel .news-item .grid-view-render .umb-grid .grid-section .content img {
  max-height: 180px;
  max-width: 400px;
  padding-right: 8px;
}

#home .card-master .main-panel .news-item .grid-view-render .umb-grid .grid-section .content p {
  font-size: 15px;
  font-weight: 400;
  font-family: "Helvetica Neue", sans-serif;
}

#home .card-master .main-panel .news-item .read-more-btn {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#home .card-master .main-panel .news-item .read-more-btn .btn-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*width: 33.33333%;*/
  /*.btn-link {
                            text-align: center;
                            color: white;
                            font-family: $font-family-Roboto-Condensed;
                            font-size: 19px;
                            line-height: 23px;
                            font-weight: 500;
                            margin: 0;
                            border-radius: 15px;
                            background-color: $btn-green;
                            padding: 6px 16px;
                            width: 100%;

                            &:hover {
                                color: white !important;
                                background-color: $btn-green-hover !important;
                            }
                        }*/
}

#home .card-master .main-panel .news-item .read-more-btn .btn-area .btn-link {
  text-align: center;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  margin: 0;
  border-radius: 15px;
  padding-top: 4px;
  width: 100%;
}

#home .card-master .main-panel .news-item .read-more-btn .btn-area .btn-link:hover {
  color: #258778 !important;
}

#home .card-master .main-panel .news-item .news-item-title {
  font-size: 19px;
  font-weight: bold;
}

#home .card-master .main-panel .news-item .content-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 0;
}

#home .card-master .main-panel .news-item .content-panel .news-img {
  height: 150px;
  max-width: 525px;
  background-position: left;
  overflow: hidden;
  margin: 4px 0;
  background-size: contain;
  background-repeat: no-repeat;
  width: 50%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#home .card-master .main-panel .news-item .content-panel .discription-panel {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}

#home .card-master .main-panel .news-item .content-panel .discription-panel .small-discription {
  font-size: 15px;
}

#home .card-master .main-panel .news-item .content-panel .discription-panel .small-discription a {
  color: #00746b !important;
}

#home .card-master .main-panel .view-more {
  padding: 32px 0;
  text-align: center;
}

#home .card-master .main-panel .view-more .view-more-btn {
  font-family: "Roboto", sans-serif !important;
  background: #00746b;
  padding: 16px;
  margin: 32px 0px;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}

#home .card-master .main-panel .view-more .view-more-btn:hover {
  color: white !important;
  background: #003e7a;
}

#home .card-master .right-side-panal {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
}

#home .card-master .right-side-panal .ads-img .content img {
  height: 600px;
}

#home .middle-card {
  padding: 32px 16px;
  background-color: #EFEFEF;
  font-size: 15px;
}

#home .middle-card .items {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
}

#home .middle-card .items .item-column {
  padding: 0 16px;
  width: 33.3333%;
  color: #000;
  /*.read-more-btn {
                    color: white;
                    font-family: $font-family-Roboto-Condensed;
                    font-size: 15px;
                    line-height: 23px;
                    font-weight: 500;
                    margin: 0;
                    border-radius: 99999999999999px;
                    background-color: $btn-green;
                    padding: 8px 16px;
                    cursor: pointer;
                    text-decoration: none;

                    &:hover {
                        color: white !important;
                        background-color: $btn-green-hover !important;
                    }
                }*/
}

#home .middle-card .items .item-column .item-header-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

#home .middle-card .items .item-column .item-date {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  padding: 8px 0;
}

#home .middle-card .items .item-column .item-thumbnail {
  max-height: 250px;
  max-width: 300px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0 0 16px 0;
}

#home .middle-card .items .item-column .item-short-description {
  font-size: 15px;
  font-family: "Helvetica Neue", sans-serif;
}

#home .middle-card .items .item-column .read-more-btn {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  padding-top: 4px;
  cursor: pointer;
  text-decoration: none;
}

#home .middle-card .items .item-column .read-more-btn:hover {
  color: #258778 !important;
}

.small-container.container {
  min-height: auto;
  font-size: 15px;
}

.small-container.container .bottom-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}

.small-container.container .bottom-card .btn-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.small-container.container .bottom-card .btn-panel .btn {
  display: flex;
  align-items: center;
  height: 60px;
  background: red;
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  line-height: 23px;
  font-weight: 400;
  margin: 0;
  border-radius: 5px;
  background-color: #00746b;
  padding: 8px 16px;
  cursor: pointer;
  text-decoration: none;
}

.small-container.container .bottom-card .btn-panel .btn:hover {
  color: white !important;
  background-color: #1a78d2 !important;
}

@media (max-width: 768px) {
  #home .card-master .right-side-panal {
    min-width: 200px;
  }
  #home .card-master .main-panel .news-item .grid-view-render .umb-grid .grid-section .content img {
    max-height: 140px;
  }
}

@media (max-width: 415px) {
  #home .card-master .right-side-panal {
    display: none;
  }
  #home .card-master .main-panel {
    border: 0;
    padding: 0;
  }
  #home .middle-card .items {
    flex-direction: column;
  }
  #home .bottom-card {
    padding: 8px;
    padding-bottom: 16px;
  }
  #home .middle-card .items .item-column {
    width: 100%;
    padding: 0;
    padding-bottom: 16px;
  }
  #home .card-master .main-panel .news-item .grid-view-render .umb-grid .grid-section .content img {
    width: 100%;
    max-height: 200px;
    padding-right: 0;
  }
  #home .card-master .main-panel .header-title {
    display: block !important;
    padding-bottom: 16px;
  }
}

#home-slider {
  margin-bottom: 0;
}

#home-slider .slick-list {
  box-shadow: #1b1b1b91 0px 5px 15px -3px;
}

#home-slider .slick-slide {
  height: 463px;
  background-position: center;
}

#home-slider .slick-arrow {
  width: unset;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: red;
}

#home-slider .slick-next {
  right: 15px;
  background: red;
}

#home-slider .left {
  left: 15px;
  height: 90px;
  width: 45px;
  border-bottom-right-radius: 180px;
  border-top-right-radius: 180px;
  box-shadow: #1b1b1b91 3px 1px 7px 0px;
}

#home-slider .right {
  right: 15px;
  height: 90px;
  width: 45px;
  border-bottom-left-radius: 180px;
  border-top-left-radius: 180px;
  box-shadow: #1b1b1b91 -3px 1px 7px 0px;
}

#home-slider .slick-arrow {
  position: absolute;
  background: #fff;
  top: 39%;
  z-index: 15;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  font-size: 49px;
  opacity: .57;
  cursor: pointer;
}

#home-slider .slick-arrow .fa {
  position: absolute;
  color: #00746b;
}

#home-slider .slick-arrow .fa-left {
  left: 8px;
}

#home-slider .slick-arrow .fa-right {
  right: 8px;
}

#home-slider .slick-prev {
  left: 15px;
  height: 90px;
  width: 45px;
  border-bottom-right-radius: 180px;
  border-top-right-radius: 180px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#home-slider .slick-prev:before {
  color: black;
  font-size: 40px;
}

#home-slider .slick-dots {
  bottom: 80px;
  width: unset;
  left: 70px;
}

#home-slider .slick-dots .slick-active {
  background-color: #FFFFFF;
  width: 17px;
  height: 17px;
}

#home-slider .slick-dots li {
  border: 1px solid #00746b;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: #00746b;
}

#home-slider .slick-dots li button:before {
  content: unset;
}

#home-slider .left-side-transparent {
  background: #00000057;
  height: 100%;
  width: 343px;
}

#home-slider .left-side-transparent .carousel-caption {
  height: 463px;
  right: 70%;
  left: 0%;
  top: 0;
  color: #FFFFFF;
}

#home-slider .left-side-transparent .carousel-caption .inner-carousel-caption {
  padding-left: 60px;
  padding-top: 70px;
  padding-right: 40px;
  height: 330px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

#home-slider .left-side-transparent .carousel-caption .inner-carousel-caption .caption {
  text-align: left;
  font-family: "Roboto", sans-serif !important;
  font-size: 22px;
  /*  word-break: break-all;*/
}

#home-slider .left-side-transparent .carousel-caption .inner-carousel-caption .learn-more-btn {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #00746b;
  color: white;
  text-decoration: none;
}

#home-slider .left-side-transparent .carousel-caption .inner-carousel-caption .learn-more-btn:hover {
  color: white !important;
  background: #003e7a;
}

@media (max-width: 415px) {
  #home-slider .left-side-transparent {
    width: 100%;
  }
  #home-slider .slick-arrow {
    display: none !important;
  }
  #home-slider .left-side-transparent .carousel-caption .inner-carousel-caption {
    text-align: left;
    padding-left: 16px;
  }
  #home-slider .slick-dots {
    left: 25px;
  }
}

#press-releases-news-archive-directory .card-master {
  display: flex;
}

#press-releases-news-archive-directory .card-master .main-panel {
  width: 100%;
  padding-right: 16px;
}

#press-releases-news-archive-directory .card-master .main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
}

#press-releases-news-archive-directory .card-master .main-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: capitalize;
}

#press-releases-news-archive-directory .card-master .main-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#press-releases-news-archive-directory .card-master .main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#press-releases-news-archive-directory .card-master .main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#press-releases-news-archive-directory .card-master .main-panel .nav-tabs {
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
  justify-content: space-between;
}

#press-releases-news-archive-directory .card-master .main-panel .nav-tabs .article-tabs {
  color: #9B9B9B;
  font-size: 21px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
  text-transform: capitalize;
  line-height: 50px;
  width: 30%;
}

#press-releases-news-archive-directory .card-master .main-panel .nav-tabs .article-tabs:hover {
  color: #01968a;
}

#press-releases-news-archive-directory .card-master .main-panel .nav-tabs .no-line-height {
  line-height: 25px !important;
}

#press-releases-news-archive-directory .card-master .main-panel .nav-tabs .active {
  color: #00746b !important;
}

#press-releases-news-archive-directory .card-master .main-panel .nav-tabs .vertical-separator {
  border-left: 1px solid #E2E2E2;
  border-bottom: 40px solid #E2E2E2;
}

#press-releases-news-archive-directory .card-master .main-panel .hide {
  display: none;
}

#press-releases-news-archive-directory .card-master .main-panel .show {
  display: block;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .news-title {
  width: 100%;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .press-header-title {
  font-size: 25px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .press-nav {
  display: flex;
  flex-direction: column;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .press-nav .press-nav-item {
  padding-top: 16px;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .press-nav .press-nav-item .news-title-nav {
  color: #00746b;
  font-family: "Roboto", sans-serif !important;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .press-nav .press-nav-item .news-date {
  padding: 4px 0;
  color: #9B9B9B;
  font-family: "Roboto", sans-serif !important;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .grid-table {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .grid-table .four-items {
  color: red;
  display: flex;
  flex-direction: column;
}

#press-releases-news-archive-directory .card-master .main-panel .body-content .grid-table .four-items .news-year {
  background: #EBEBEB;
  color: #00746b;
  padding: 8px 50px;
  margin-top: 32px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 17px;
  font-family: "Roboto Condensed", sans-serif;
}

#press-releases-news-archive-directory .card-master .right-side-menu {
  padding-left: 16px;
  width: 25%;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
}

#press-releases-news-archive-directory .card-master .right-side-menu .press-header-title {
  font-size: 18px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  text-align: center;
  padding-bottom: 4px;
}

#press-releases-news-archive-directory .card-master .right-side-menu .grid-table {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#press-releases-news-archive-directory .card-master .right-side-menu .grid-table a {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  margin: 4px 0;
  padding: 4px;
  color: #00746b;
  background: #EBEBEB;
  border-radius: 5px;
  width: 80%;
  text-align: center;
}

#press-releases-news-archive-directory .card-master .right-side-menu .grid-table a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

@media (max-width: 768px) {
  #press-releases-news-archive-directory .card-master .body-content .grid-table .four-items .news-year {
    padding: 8px 45px;
  }
}

@media (max-width: 576px) {
  #press-releases-news-archive-directory .card-master .nav-tabs .article-tabs {
    font-size: 16px;
    padding: 0;
  }
  #press-releases-news-archive-directory .card-master .body-content .grid-table .four-items .news-year {
    padding: 8px 30px;
  }
}

@media (max-width: 415px) {
  #press-releases-news-archive-directory .card-master .body-content .grid-table .four-items .news-year {
    padding: 8px 12px;
  }
}

#press-releases-news-archive-article .card-master {
  display: flex;
  flex-direction: row;
}

#press-releases-news-archive-article .card-master .main-panel {
  width: 100%;
  padding-right: 16px;
}

#press-releases-news-archive-article .card-master .main-panel .title-header {
  font-size: 21px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  text-align: center;
}

#press-releases-news-archive-article .card-master .main-panel .description-sub-title {
  font-size: 17px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  padding: 16px 0;
  line-height: 1.6em;
}

#press-releases-news-archive-article .card-master .main-panel .description-sub-title p {
  margin: 0;
}

#press-releases-news-archive-article .card-master .main-panel .page-content {
  padding: 16px 0;
  font-size: 16px;
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#press-releases-news-archive-article .card-master .main-panel .page-content a {
  color: #00746b;
}

#press-releases-news-archive-article .card-master .main-panel .page-content strong {
  font-size: 16px;
}

#press-releases-news-archive-article .card-master .main-panel .page-content p[style] {
  font-size: 16px !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

#press-releases-news-archive-article .card-master .main-panel .page-content p {
  margin-top: 0;
}

#press-releases-news-archive-article .card-master .main-panel .page-content span[style] {
  font-size: 16px !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

#press-releases-news-archive-article .card-master .main-panel .page-content h2 {
  font-size: 20px;
}

#press-releases-news-archive-article .card-master .right-side-menu {
  padding-left: 16px;
  width: 25%;
  right: 0px;
  position: sticky;
  top: 0px;
  border-left: 1px solid #E2E2E2;
}

#press-releases-news-archive-article .card-master .right-side-menu .press-header-title {
  font-size: 18px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  text-align: center;
  padding-bottom: 4px;
}

#press-releases-news-archive-article .card-master .right-side-menu .grid-table {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#press-releases-news-archive-article .card-master .right-side-menu .grid-table a {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  margin: 4px 0;
  padding: 4px;
  color: #00746b;
  background: #EBEBEB;
  border-radius: 5px;
  width: 80%;
  text-align: center;
}

#press-releases-news-archive-article .card-master .right-side-menu .grid-table a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

@media (max-width: 992px) {
  #press-releases-news-archive-article .card-master .right-side-menu {
    display: none;
  }
}

#commission-e-directory .card-master {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 15px;
}

#commission-e-directory .card-master .main-panel {
  width: 100%;
  padding-right: 8px;
}

#commission-e-directory .card-master .main-panel .header-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#commission-e-directory .card-master .main-panel .header-section .book-thumbnail {
  width: 184px;
  height: 200px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: black 1px 0px 14px -2px;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel {
  width: 100%;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header {
  align-items: center;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header .main-title {
  font-size: 28px;
  font-weight: bold;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header p {
  margin: 0;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header .part-title {
  font-size: 25px;
  padding-top: 24px;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header .sub-title {
  padding: 16px 0;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header .how-to-use a {
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#commission-e-directory .card-master .main-panel .header-section .title-panel .title-header .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#commission-e-directory .card-master .main-panel a {
  color: #00746b;
}

#commission-e-directory .card-master .home-content {
  font-family: "Roboto Condensed", sans-serif;
  padding-top: 32px;
}

#commission-e-directory .card-master .home-content .brows-title {
  font-size: 23px;
  font-weight: bold;
  color: #000;
}

#commission-e-directory .card-master .home-content .monographs-nav {
  display: flex;
  flex-direction: column;
}

#commission-e-directory .card-master .home-content .monographs-nav .nav-link {
  margin: 0;
  padding-top: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 100;
  color: #00746b;
  width: 290px;
}

#commission-e-directory .card-master .nav-items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#commission-e-directory .card-master .nav-items .nav-link-item {
  font-size: 15px;
  font-family: Roboto;
  color: #1954A4;
  padding: 8px 0;
}

#commission-e-directory .card-master .nav-sub-category {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
}

#commission-e-directory .card-master .book-nav {
  width: 30%;
  height: 930px;
  box-shadow: black 0px 0px 4px 0px;
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#commission-e-directory .card-master .book-nav .nav-item-link {
  padding: 8px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

#commission-e-directory .card-master .book-nav .nav-item-link a {
  color: #00746b;
  text-decoration: none;
}

#commission-e-directory .card-master .book-nav .category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  height: 36px;
  border: 1px solid #C1CAD3;
  background-color: #EDF5FF;
  font-weight: bold;
  color: #000;
}

#commission-e-directory .card-master .book-nav .sub-category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  color: #7B7B7B;
  padding-left: 16px;
}

#commission-e-directory .card-master .book-nav .sub-category .sub-category-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 25px;
  font-size: 11px;
}

#commission-e-directory #commission-e-monographs-category-directory-navigation .coulmns-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#commission-e-directory #commission-e-monographs-category-directory-navigation .row-categories {
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  width: 33%;
}

#commission-e-directory #commission-e-monographs-category-directory-navigation .row-categories .col-main {
  color: #00746b;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 100;
  margin: 4px 0;
}

#commission-e-directory #commission-e-monographs-category-directory-navigation .alpha {
  color: #3A3A3A;
  font-size: 23px;
  padding-bottom: 8px;
  padding-top: 32px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

@media (max-width: 768px) {
  #commission-e-directory #commission-e-monographs-category-directory-navigation .col-main {
    width: 100% !important;
    display: flex !important;
  }
}

@media (max-width: 415px) {
  #commission-e-directory #commission-e-monographs-category-directory-navigation .coulmns-list {
    flex-direction: column;
  }
  #commission-e-directory #commission-e-monographs-category-directory-navigation .col-main {
    width: 100% !important;
  }
}

#commission-e-directory #commission-e-monographs-component-and-fixed-directory-navigation .nav-items {
  padding-top: 32px;
}

#commission-e-directory #commission-e-monographs-component-and-fixed-directory-navigation .nav-items .nav-item-link {
  font-size: 16px;
  padding-bottom: 8px;
}

#commission-e-directory #commission-e-monographs-component-and-fixed-directory-navigation .nav-items .nav-item-link a {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
}

@media (max-width: 768px) {
  #commission-e-directory .card-master .book-nav {
    height: 1000px;
  }
}

@media (max-width: 415px) {
  #commission-e-directory .card-master .main-panel .header-section .book-thumbnail {
    display: none;
  }
  #commission-e-directory .card-master .book-nav {
    width: 100%;
  }
  #commission-e-directory .card-master .main-panel {
    padding-right: 0;
    padding-bottom: 32px;
  }
  #commission-e-directory .card-master {
    flex-direction: column;
  }
}

#commission-e-monographs-article .card-master {
  display: flex;
  flex-direction: row-reverse;
  font-size: 15px;
}

#commission-e-monographs-article .card-master .page-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#commission-e-monographs-article .card-master .page-item .item {
  padding: 16px 0;
  padding-right: 16px;
  max-width: 350px;
}

#commission-e-monographs-article .card-master .main-panel {
  width: 100%;
  padding-right: 8px;
}

#commission-e-monographs-article .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#commission-e-monographs-article .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#commission-e-monographs-article .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#commission-e-monographs-article .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#commission-e-monographs-article .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#commission-e-monographs-article .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#commission-e-monographs-article .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#commission-e-monographs-article .card-master .main-panel .monograph-title {
  color: #1954A4;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: bold;
  padding: 16px 0;
}

#commission-e-monographs-article .card-master .main-panel .italic {
  font-style: italic;
}

#commission-e-monographs-article .card-master .main-panel .names {
  color: #696969;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}

#commission-e-monographs-article .card-master .main-panel .names p {
  margin: 0;
}

#commission-e-monographs-article .card-master .main-panel .names .name {
  padding-bottom: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#commission-e-monographs-article .card-master .main-panel .names .name .bold {
  padding-right: 8px;
  color: #4A4A4A;
  font-weight: bold;
}

#commission-e-monographs-article .card-master .main-panel .names .dates {
  padding-bottom: 4px;
  display: flex;
  flex-direction: row;
}

#commission-e-monographs-article .card-master .main-panel .names .dates .published-date {
  padding-right: 8px;
  display: flex;
  flex-direction: row;
}

#commission-e-monographs-article .card-master .main-panel .names .dates .published-date p {
  padding: 0 4px;
}

#commission-e-monographs-article .card-master .main-panel .names .dates .Revised {
  padding-right: 8px;
  display: flex;
  flex-direction: row;
}

#commission-e-monographs-article .card-master .main-panel .names .dates .Revised p {
  padding: 0 4px;
}

#commission-e-monographs-article .card-master .main-panel .article-content {
  padding: 8px 0;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item {
  padding-bottom: 8px;
  color: #000;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .item-header {
  padding: 8px 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 19px;
  font-weight: bold;
  max-width: 500px;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .item-content {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .item-content p {
  margin-top: 0;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .btn-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 0;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .btn-row .btn-item {
  margin-right: 10%;
  min-width: 215px;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .btn-row .btn-item a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
}

#commission-e-monographs-article .card-master .main-panel .article-content .article-item .btn-row .btn-item a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#commission-e-monographs-article .card-master .main-panel .article-content table {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65%;
}

#commission-e-monographs-article .card-master .main-panel .article-content table tbody {
  font-size: 12px;
  width: 100%;
  border: solid 1px #E2E2E2;
  padding: 16px;
}

#commission-e-monographs-article .card-master .main-panel .article-content table tbody td {
  padding: 10px;
}

#commission-e-monographs-article .card-master .main-panel a {
  color: #00746b;
}

#commission-e-monographs-article .card-master .main-panel li {
  color: #000;
}

#commission-e-monographs-article .card-master .main-panel #uses .similar-content, #commission-e-monographs-article .card-master .main-panel #sideEffects .similar-content, #commission-e-monographs-article .card-master .main-panel #similarPharmacology .similar-content, #commission-e-monographs-article .card-master .main-panel #similarContraindications .similar-content {
  padding: 32px 0;
}

#commission-e-monographs-article .card-master .main-panel #uses .similar-content .disease-item .disease-title, #commission-e-monographs-article .card-master .main-panel #sideEffects .similar-content .disease-item .disease-title, #commission-e-monographs-article .card-master .main-panel #similarPharmacology .similar-content .disease-item .disease-title, #commission-e-monographs-article .card-master .main-panel #similarContraindications .similar-content .disease-item .disease-title {
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
  font-size: 21px;
}

#commission-e-monographs-article .card-master .main-panel #uses li, #commission-e-monographs-article .card-master .main-panel #sideEffects li, #commission-e-monographs-article .card-master .main-panel #similarPharmacology li, #commission-e-monographs-article .card-master .main-panel #similarContraindications li {
  padding: 4px 0;
}

#commission-e-monographs-article .card-master .main-panel #uses .sub-title, #commission-e-monographs-article .card-master .main-panel #sideEffects .sub-title, #commission-e-monographs-article .card-master .main-panel #similarPharmacology .sub-title, #commission-e-monographs-article .card-master .main-panel #similarContraindications .sub-title {
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
  font-size: 22px;
}

#commission-e-monographs-article .card-master .main-panel #uses a, #commission-e-monographs-article .card-master .main-panel #sideEffects a, #commission-e-monographs-article .card-master .main-panel #similarPharmacology a, #commission-e-monographs-article .card-master .main-panel #similarContraindications a {
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
  font-size: 17px;
}

#commission-e-monographs-article .card-master .book-nav {
  width: 30%;
  height: 930px;
  box-shadow: black 0px 0px 4px 0px;
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#commission-e-monographs-article .card-master .book-nav .nav-item-link {
  padding: 8px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

#commission-e-monographs-article .card-master .book-nav .nav-item-link a {
  color: #00746b;
  text-decoration: none;
}

#commission-e-monographs-article .card-master .book-nav .category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  height: 36px;
  border: 1px solid #C1CAD3;
  background-color: #EDF5FF;
  font-weight: bold;
  color: #000;
}

#commission-e-monographs-article .card-master .book-nav .sub-category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  color: #7B7B7B;
  padding-left: 16px;
}

#commission-e-monographs-article .card-master .book-nav .sub-category .sub-category-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 25px;
  font-size: 11px;
}

@media (max-width: 768px) {
  #commission-e-monographs-article .card-master .book-nav {
    height: 1000px;
  }
}

@media (max-width: 415px) {
  #commission-e-monographs-article .card-master .main-panel .article-content table {
    width: 100%;
  }
  #commission-e-monographs-article .card-master .main-panel .article-content .article-item .btn-row .btn-item {
    margin-right: 0;
  }
  #commission-e-monographs-article .card-master .main-panel .header-section .book-thumbnail {
    display: none;
  }
  #commission-e-monographs-article .card-master .book-nav {
    width: 100%;
  }
  #commission-e-monographs-article .card-master .main-panel {
    padding-right: 0;
    padding-bottom: 32px;
  }
  #commission-e-monographs-article .card-master {
    flex-direction: column;
  }
}

#commission-e-table-of-content-directory .card-master {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 15px;
}

#commission-e-table-of-content-directory .card-master .main-panel {
  width: 100%;
  padding-right: 8px;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .book-thumbnail {
  width: 184px;
  height: 200px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: black 1px 0px 14px -2px;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .title-panel {
  width: 100%;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .title-panel .title-header {
  align-items: center;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .title-panel .title-header .main-title {
  font-size: 28px;
  font-weight: bold;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .title-panel .title-header p {
  margin: 0;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .title-panel .title-header .sub-title {
  padding: 16px 0;
  font-size: 16px;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section .title-panel .title-header .part-title {
  font-size: 25px;
}

#commission-e-table-of-content-directory .card-master .main-panel .header-section a {
  color: #00746b;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel {
  padding-top: 24px;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel a {
  color: #00746b;
  font-family: "Roboto", sans-serif !important;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel .item-title-link {
  font-size: 18px;
  font-weight: 500;
  padding: 8px 0;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel .sub-item-links {
  padding-left: 32px;
  font-size: 15px;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel .sub-item-links .item-hashable-link {
  padding: 4px 0;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel .sub-item-links .sub-sub-item-links {
  padding-left: 32px;
}

#commission-e-table-of-content-directory .card-master .main-panel .table-of-content-panel .sub-item-links .sub-sub-item-links .sub-sub-item-hashable-link {
  padding: 2px 0;
}

#commission-e-table-of-content-directory .card-master .book-nav {
  width: 30%;
  height: 930px;
  box-shadow: black 0px 0px 4px 0px;
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#commission-e-table-of-content-directory .card-master .book-nav .nav-item-link {
  padding: 8px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

#commission-e-table-of-content-directory .card-master .book-nav .nav-item-link a {
  color: #00746b;
  text-decoration: none;
}

#commission-e-table-of-content-directory .card-master .book-nav .category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  height: 36px;
  border: 1px solid #C1CAD3;
  background-color: #EDF5FF;
  font-weight: bold;
  color: #000;
}

#commission-e-table-of-content-directory .card-master .book-nav .sub-category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  color: #7B7B7B;
  padding-left: 16px;
}

#commission-e-table-of-content-directory .card-master .book-nav .sub-category .sub-category-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 25px;
  font-size: 11px;
}

@media (max-width: 768px) {
  #commission-e-table-of-content-directory .card-master .book-nav {
    height: 1000px;
  }
}

@media (max-width: 415px) {
  #commission-e-table-of-content-directory .card-master .main-panel .header-section .book-thumbnail {
    display: none;
  }
  #commission-e-table-of-content-directory .card-master .book-nav {
    width: 100%;
  }
  #commission-e-table-of-content-directory .card-master .main-panel {
    padding-right: 0;
    padding-bottom: 32px;
  }
  #commission-e-table-of-content-directory .card-master {
    flex-direction: column;
  }
}

#commission-e-monograph-subcategory-details-directory .card-master {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 15px;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel {
  width: 100%;
  padding-right: 8px;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .book-thumbnail {
  width: 184px;
  height: 200px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: black 1px 0px 14px -2px;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .title-panel {
  width: 100%;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .title-panel .title-header {
  align-items: center;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .title-panel .title-header .main-title {
  font-size: 28px;
  font-weight: bold;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .title-panel .title-header .part-title {
  font-size: 25px;
  padding-top: 24px;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .title-panel .title-header p {
  margin: 0;
}

#commission-e-monograph-subcategory-details-directory .card-master .main-panel a {
  color: #00746b;
}

#commission-e-monograph-subcategory-details-directory .card-master .sub-category-title {
  padding-top: 32px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
}

#commission-e-monograph-subcategory-details-directory .card-master .sub-sub-category-title {
  padding-top: 32px;
  font-size: 17px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
  padding-bottom: 24px;
}

#commission-e-monograph-subcategory-details-directory .card-master .nav-sub-category {
  display: flex;
  flex-direction: column;
}

#commission-e-monograph-subcategory-details-directory .card-master .nav-sub-category ul {
  padding-left: 16px;
  margin-top: 0;
}

#commission-e-monograph-subcategory-details-directory .card-master .nav-sub-category ul li {
  padding-bottom: 8px;
  font-family: "Roboto Condensed", sans-serif;
  font-family: "Roboto Condensed", sans-serif;
}

#commission-e-monograph-subcategory-details-directory .card-master .nav-sub-category a {
  margin: 0;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 100;
  font-family: "Roboto Condensed", sans-serif;
}

#commission-e-monograph-subcategory-details-directory .card-master .book-nav {
  width: 30%;
  height: 930px;
  box-shadow: black 0px 0px 4px 0px;
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#commission-e-monograph-subcategory-details-directory .card-master .book-nav .nav-item-link {
  padding: 8px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

#commission-e-monograph-subcategory-details-directory .card-master .book-nav .nav-item-link a {
  color: #00746b;
  text-decoration: none;
}

#commission-e-monograph-subcategory-details-directory .card-master .book-nav .category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  height: 36px;
  border: 1px solid #C1CAD3;
  background-color: #EDF5FF;
  font-weight: bold;
  color: #000;
}

#commission-e-monograph-subcategory-details-directory .card-master .book-nav .sub-category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  color: #7B7B7B;
  padding-left: 16px;
}

#commission-e-monograph-subcategory-details-directory .card-master .book-nav .sub-category .sub-category-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 25px;
  font-size: 11px;
}

@media (max-width: 768px) {
  #commission-e-monograph-subcategory-details-directory .card-master .book-nav {
    height: 1000px;
  }
}

@media (max-width: 415px) {
  #commission-e-monograph-subcategory-details-directory .card-master .main-panel .header-section .book-thumbnail {
    display: none;
  }
  #commission-e-monograph-subcategory-details-directory .card-master .book-nav {
    width: 100%;
  }
  #commission-e-monograph-subcategory-details-directory .card-master .main-panel {
    padding-right: 0;
    padding-bottom: 32px;
  }
  #commission-e-monograph-subcategory-details-directory .card-master {
    flex-direction: column;
  }
}

#commission-e-herbs-with-similar-article .card-master {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 15px;
}

#commission-e-herbs-with-similar-article .card-master .main-panel {
  width: 100%;
  padding-right: 8px;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .header-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .header-section .title-panel {
  width: 100%;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .header-section .title-panel .title-header {
  align-items: center;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .header-section .title-panel .title-header .main-title {
  font-size: 28px;
  font-weight: bold;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .header-section .title-panel .title-header p {
  margin: 0;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .header-section .title-panel .title-header .sub-title {
  padding: 8px 0;
  font-size: 25px;
}

#commission-e-herbs-with-similar-article .card-master .main-panel a {
  color: #00746b;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .links-category-row {
  padding-top: 32px;
  font-family: "Roboto Condensed", sans-serif;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .links-category-row .category-title {
  font-size: 21px;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .category-list .category-list-item {
  color: #000;
  padding: 4px 0;
}

#commission-e-herbs-with-similar-article .card-master .main-panel .category-list .category-list-item a {
  margin: 0;
  font-size: 17px;
  font-weight: 100;
  font-family: "Roboto Condensed", sans-serif;
}

#commission-e-herbs-with-similar-article .card-master .book-nav {
  width: 30%;
  height: 930px;
  box-shadow: black 0px 0px 4px 0px;
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#commission-e-herbs-with-similar-article .card-master .book-nav .nav-item-link {
  padding: 8px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

#commission-e-herbs-with-similar-article .card-master .book-nav .nav-item-link a {
  color: #00746b;
  text-decoration: none;
}

#commission-e-herbs-with-similar-article .card-master .book-nav .category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  height: 36px;
  border: 1px solid #C1CAD3;
  background-color: #EDF5FF;
  font-weight: bold;
  color: #000;
}

#commission-e-herbs-with-similar-article .card-master .book-nav .sub-category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  color: #7B7B7B;
  padding-left: 16px;
}

#commission-e-herbs-with-similar-article .card-master .book-nav .sub-category .sub-category-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 25px;
  font-size: 11px;
}

@media (max-width: 768px) {
  #commission-e-herbs-with-similar-article .card-master .book-nav {
    height: 1000px;
  }
}

@media (max-width: 415px) {
  #commission-e-herbs-with-similar-article .card-master .main-panel .header-section .book-thumbnail {
    display: none;
  }
  #commission-e-herbs-with-similar-article .card-master .book-nav {
    width: 100%;
  }
  #commission-e-herbs-with-similar-article .card-master .main-panel {
    padding-right: 0;
    padding-bottom: 32px;
  }
  #commission-e-herbs-with-similar-article .card-master {
    flex-direction: column;
  }
}

#commissione-glossary-article .card-master {
  display: flex;
  flex-direction: row;
  font-size: 15px;
}

#commissione-glossary-article .card-master .main-panel {
  width: 100%;
  padding-right: 8px;
}

#commissione-glossary-article .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#commissione-glossary-article .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#commissione-glossary-article .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#commissione-glossary-article .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#commissione-glossary-article .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#commissione-glossary-article .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#commissione-glossary-article .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#commissione-glossary-article .card-master .main-panel .monograph-title {
  color: #1954A4;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: bold;
  padding: 16px 0;
}

#commissione-glossary-article .card-master .main-panel .article-content .pagination-btns .alphabet {
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
  padding-right: 4px;
  color: #00746b;
}

#commissione-glossary-article .card-master .main-panel .article-content .pageContent {
  min-height: 760px;
}

#commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px 0;
}

#commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item .item {
  padding: 4px 0;
  max-width: 350px;
  min-width: 250px;
  color: #000;
}

#commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item .item .item-title {
  font-size: 21px;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 4px;
  font-weight: bold;
}

#commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item .item .item-description {
  font-size: 16px;
  font-family: "Helvetica Neue", sans-serif;
}

#commissione-glossary-article .card-master .main-panel a {
  color: #00746b;
}

#commissione-glossary-article .card-master .book-nav {
  width: 30%;
  height: 930px;
  box-shadow: black 0px 0px 4px 0px;
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
}

#commissione-glossary-article .card-master .book-nav .nav-item-link {
  padding: 8px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

#commissione-glossary-article .card-master .book-nav .nav-item-link a {
  color: #00746b;
  text-decoration: none;
}

#commissione-glossary-article .card-master .book-nav .category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  height: 36px;
  border: 1px solid #C1CAD3;
  background-color: #EDF5FF;
  font-weight: bold;
  color: #000;
}

#commissione-glossary-article .card-master .book-nav .sub-category {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  color: #7B7B7B;
  padding-left: 16px;
}

#commissione-glossary-article .card-master .book-nav .sub-category .sub-category-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 25px;
  font-size: 11px;
}

@media (max-width: 768px) {
  #commissione-glossary-article .card-master .book-nav {
    height: 1000px;
  }
  #commission-e-monographs-article .card-master .main-panel .header-title .active {
    display: none;
  }
  #commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item .first-col, #commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item .second-col {
    padding-right: 16px;
  }
}

@media (max-width: 415px) {
  #commissione-glossary-article .card-master .main-panel .header-section .book-thumbnail {
    display: none;
  }
  #commissione-glossary-article .card-master .book-nav {
    width: 100%;
  }
  #commissione-glossary-article .card-master .main-panel {
    padding-right: 0;
    padding-bottom: 32px;
  }
  #commissione-glossary-article .card-master {
    flex-direction: column;
  }
  #commissione-glossary-article .card-master .main-panel .article-content .pageContent .page-item {
    flex-direction: column;
  }
}

#commission-e-side-nav {
  /* The side navigation menu */
  /* The navigation menu links */
  /* When you mouse over the navigation links, change their color */
  /* Position and style the close button (top right corner) */
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
}

#commission-e-side-nav .sidenav2 {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #0000;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#commission-e-side-nav .sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

#commission-e-side-nav .sidenav a:hover {
  color: #f1f1f1;
}

#commission-e-side-nav .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#commission-e-side-nav #main {
  transition: margin-left .5s;
  padding: 20px;
}

@media screen and (max-height: 450px) {
  #commission-e-side-nav .sidenav {
    padding-top: 15px;
  }
  #commission-e-side-nav .sidenav a {
    font-size: 18px;
  }
}

#HerbMedProDirectory .card-master {
  font-size: 15px;
  display: flex;
  flex-direction: row;
}

#HerbMedProDirectory .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbMedProDirectory .card-master .main-panel {
  width: 100%;
}

#HerbMedProDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbMedProDirectory .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#HerbMedProDirectory .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProDirectory .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#HerbMedProDirectory .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#HerbMedProDirectory .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#HerbMedProDirectory .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#HerbMedProDirectory .card-master .main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#HerbMedProDirectory .card-master .main-panel .title-panel .header-cover-photo {
  padding: 0 0 16px;
}

#HerbMedProDirectory .card-master .main-panel .title-panel .heder-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-top: 16px;
  padding-bottom: 16px;
}

#HerbMedProDirectory .card-master .main-panel .title-panel .render-content {
  padding-top: 24px;
}

#HerbMedProDirectory .card-master .main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbMedProDirectory .card-master .main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbMedProDirectory .card-master .leaf {
  list-style-type: none;
}

#HerbMedProDirectory .card-master .leaf li::before {
  font-family: 'FontAwesome';
  content: '\f06c';
  margin: 0 5px 0 -21px;
  color: #00746b;
}

#HerbMedProDirectory .card-master .content-title {
  font-size: 25px;
  font-weight: bold;
  font-family: "Roboto", sans-serif !important;
  color: #000;
}

#HerbMedProDirectory .card-master .content {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
}

#HerbMedProDirectory .card-master .content td {
  padding: 4px 0;
}

#HerbMedProDirectory .card-master .content h1 {
  font-size: 16px;
  color: #00746b;
  font-weight: 600;
}

#HerbMedProDirectory .card-master .content .alpha-pagination-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProDirectory .card-master .content .alpha-pagination-panel .letters-panel {
  letter-spacing: 3px;
}

#HerbMedProDirectory .card-master .content .alpha-pagination-panel .active-pagination-link {
  font-weight: 900;
}

#HerbMedProDirectory .card-master .content .alpha-pagination-panel .unactive-pagination-link {
  color: #000;
}

#HerbMedProDirectory .card-master .content .dataTables_wrapper {
  margin-top: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProDirectory .card-master .content .dataTables_wrapper .search-row .names-filters {
  display: flex;
}

#HerbMedProDirectory .card-master .content .dataTables_wrapper .search-row .names-filters .horizontal-border {
  border-left: 1px solid #E2E2E2;
  margin: 4px 16px;
}

#HerbMedProDirectory .card-master .content .filter-list-btn {
  background: #FAFAFA;
  padding: 5px 16px;
  border-radius: 5px;
  font-weight: 400 !important;
  border: 1px solid #E3E3E3;
  font-size: 14px;
}

#HerbMedProDirectory .card-master .content .filter-list-btn:hover {
  background: #EBEBEB !important;
  color: #000 !important;
}

#HerbMedProDirectory .card-master .right-side-menu {
  width: 400px;
}

#HerbMedProDirectory .card-master .right-side-menu .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#HerbMedProDirectory .card-master .right-side-menu .nav-items ul {
  padding-left: 24px;
}

#HerbMedProDirectory .card-master .right-side-menu .nav-items ul li {
  color: #000;
}

#HerbMedProDirectory .card-master .right-side-menu .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#HerbMedProDirectory #herb-list-table_wrapper .table-bordered > thead > tr > td, #HerbMedProDirectory #herb-list-table_wrapper .table-bordered > thead > tr > th {
  border-bottom-width: 0px;
}

#HerbMedProDirectory #herb-list-table_wrapper .dataTables_length {
  color: #000;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

#HerbMedProDirectory #herb-list-table_wrapper .dataTables_filter {
  color: #000;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

#HerbMedProDirectory #herb-list-table_wrapper #herb-list-table thead {
  color: #000;
  background-color: #eff5fc;
}

#HerbMedProDirectory #herb-list-table_wrapper #herb-list-table .odd {
  background-color: white;
}

#HerbMedProDirectory #herb-list-table_wrapper #herb-list-table .even {
  background-color: #f9f9f9;
}

#HerbMedProDirectory #herb-list-table_wrapper #HerbMedProDirectory #herb-list-table_wrapper .search-row {
  display: flex;
  flex-direction: column;
}

#HerbMedProDirectory #herb-list-table_wrapper #HerbMedProDirectory #herb-list-table_wrapper .dataTables_filter {
  display: flex;
}

#HerbMedProDirectory #herb-list-table_wrapper .active-pagination-link {
  font-weight: 900;
}

#HerbMedProDirectory #herb-list-table_wrapper .unactive-pagination-link {
  color: #000;
}

#HerbMedProDirectory #herb-list-table_wrapper #herb-list-table_paginate .pagination .active a {
  background-color: #00746b;
}

#HerbMedProDirectory #herb-list-table_wrapper #herb-list-table_paginate .pagination .active a:hover {
  color: white !important;
  border-color: white;
}

@media (max-width: 768px) {
  #HerbMedProDirectory .card-master .vertical-border {
    margin: 8px 4px;
  }
  #HerbMedProDirectory .card-master .right-side-menu {
    width: 230px;
  }
}

#HerbMedProHerbArticle .names-of-herb {
  padding: 16px 0;
}

#HerbMedProHerbArticle .names-of-herb .name-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #000;
}

#HerbMedProHerbArticle .names-of-herb .name-content .name-keyword {
  font-size: 15px;
  font-weight: 600;
  padding-right: 4px;
}

#HerbMedProHerbArticle .names-of-herb .name-content .name-value {
  font-size: 15px;
}

#HerbMedProHerbArticle #categories.categories {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#HerbMedProHerbArticle #categories.categories .categories-columns .category-name {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #000;
  font-size: 18px;
}

#HerbMedProHerbArticle #categories.categories .categories-columns .sub-category {
  padding-left: 24px;
}

#HerbMedProHerbArticle #categories.categories .categories-columns .sub-category .sub-category-link {
  color: #00746b;
  font-size: 16px;
}

#HerbMedProHerbArticle #subCategoryDetails .category-name {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #000;
  font-size: 18px;
}

#HerbMedProHerbArticle #subCategoryDetails .sub-category {
  font-size: 17px;
  padding-bottom: 16px;
}

#HerbMedProHerbArticle #subCategoryDetails .sub-category .sub-category-link {
  color: #00746b;
  font-size: 16px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry {
  display: flex;
  justify-content: space-between;
  border: 1px solid #e2e2e275;
  padding: 16px;
  margin-bottom: 16px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .img-panel {
  padding-right: 16px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .img-panel .leaf {
  color: #00746b;
  font-size: 21px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .img-panel .source-img {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .entry-content .summary-content {
  padding-bottom: 16px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .entry-content .summary-content .summary {
  font-size: 15px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .entry-content .HerbClip-link-panel {
  display: flex;
  justify-content: flex-end;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .entry-content .HerbClip-link-panel .HerbClip-link {
  background-color: #00746b;
  padding: 4px 8px;
  color: white;
  border-radius: 5px;
}

#HerbMedProHerbArticle #subCategoryDetails .entry .entry-content .HerbClip-link-panel .HerbClip-link:hover {
  color: white !important;
  background-color: #4d6d2d !important;
}

#HerbMedProHerbArticle .abc-resources .category-name {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #000;
  font-size: 18px;
}

#HerbMedProHerbArticle .history-of-record .category-name {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #000;
  font-size: 18px;
}

#HerbMedProHerbArticle .history-of-record .history-item {
  display: flex;
  color: #000;
  font-size: 16px;
}

#HerbMedProHerbArticle .history-of-record .history-item .editor-name {
  padding-right: 24px;
}

@media (max-width: 768px) {
  #HerbMedProHerbArticle #categories.categories {
    flex-direction: column;
  }
}

#HerbMedProHerbList .card-master {
  display: flex;
}

#HerbMedProHerbList .card-master .left-area-panel {
  width: 100%;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#HerbMedProHerbList .card-master .left-area-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card {
  font-size: 15px;
  display: flex;
  flex-direction: row;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .main-panel {
  width: 100%;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .main-panel .title-panel .heder-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .main-panel .title-panel .render-content {
  padding-top: 24px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .leaf {
  list-style-type: none;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .leaf li::before {
  font-family: 'FontAwesome';
  content: '\f06c';
  margin: 0 5px 0 -21px;
  color: #00746b;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .content-title {
  font-size: 25px;
  font-weight: bold;
  font-family: "Roboto", sans-serif !important;
  color: #000;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu {
  display: flex;
  flex-direction: row;
  position: relative;
  direction: rtl;
  display: none;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  direction: ltr;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list .sidepanel {
  width: 0;
  z-index: 1;
  background-color: #ffffff;
  overflow-x: hidden;
  box-shadow: 0px 0px 9px -5px;
  border-radius: 5px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list .sidepanel a {
  padding: 0px 16px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  display: block;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list .sidepanel a:hover {
  color: #f1f1f1;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list .navigation-list-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  background-color: #f9f9f9;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list .navigation-list-header .close-nav {
  box-shadow: 8px -6px 10px -5px;
  border-radius: 7px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-list .navigation-list-header .close-nav .navigation-btn-closebtn {
  font-size: 28px;
  direction: rtl;
  color: #000;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-btn {
  display: flex;
  flex-direction: column;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-btn .navigation-btn-openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #ffffff;
  padding: 8px 13px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

#HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu .navigation-btn .navigation-btn-openbtn:hover {
  background-color: #444;
  color: white;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding-top: 24px;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content td {
  padding: 4px 0;
  width: 50%;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content h1 {
  font-size: 16px;
  color: #039fdf;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .alpha-pagination-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .alpha-pagination-panel .letters-panel {
  letter-spacing: 3px;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .alpha-pagination-panel .active-pagination-link {
  font-weight: 900;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .alpha-pagination-panel .unactive-pagination-link {
  color: #000;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .dataTables_wrapper {
  margin-top: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .dataTables_wrapper .search-row .names-filters {
  display: flex;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .dataTables_wrapper .search-row .names-filters .horizontal-border {
  border-left: 1px solid #E2E2E2;
  margin: 4px 16px;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .filter-list-btn {
  background: #FAFAFA;
  padding: 5px 16px;
  border-radius: 5px;
  font-weight: 400 !important;
  border: 1px solid #E3E3E3;
  font-size: 14px;
}

#HerbMedProHerbList .card-master .left-area-panel .bottom-card .content .filter-list-btn:hover {
  background: #EBEBEB !important;
  color: #000 !important;
}

#HerbMedProHerbList .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbMedProHerbList .card-master .right-area-panel {
  width: 33%;
}

#HerbMedProHerbList .card-master .right-area-panel .right-side-menu {
  width: 100%;
}

#HerbMedProHerbList .card-master .right-area-panel .right-side-menu .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#HerbMedProHerbList .card-master .right-area-panel .right-side-menu .nav-items ul {
  padding-left: 24px;
}

#HerbMedProHerbList .card-master .right-area-panel .right-side-menu .nav-items ul li {
  color: #000;
}

#HerbMedProHerbList .card-master .right-area-panel .right-side-menu .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#HerbMedProHerbList #herb-list-table_wrapper .table-bordered > thead > tr > td, #HerbMedProHerbList #herb-list-table_wrapper .table-bordered > thead > tr > th {
  border-bottom-width: 0px;
}

#HerbMedProHerbList #herb-list-table_wrapper .dataTables_length {
  color: #000;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

#HerbMedProHerbList #herb-list-table_wrapper .dataTables_filter {
  color: #000;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

#HerbMedProHerbList #herb-list-table_wrapper #herb-list-table thead {
  color: #000;
  background-color: #eff5fc;
}

#HerbMedProHerbList #herb-list-table_wrapper #herb-list-table .odd {
  background-color: white;
}

#HerbMedProHerbList #herb-list-table_wrapper #herb-list-table .even {
  background-color: #f9f9f9;
}

#HerbMedProHerbList #herb-list-table_wrapper #HerbMedProDirectory #herb-list-table_wrapper .search-row {
  display: flex;
  flex-direction: column;
}

#HerbMedProHerbList #herb-list-table_wrapper #HerbMedProDirectory #herb-list-table_wrapper .dataTables_filter {
  display: flex;
}

#HerbMedProHerbList #herb-list-table_wrapper .active-pagination-link {
  font-weight: 900;
}

#HerbMedProHerbList #herb-list-table_wrapper .unactive-pagination-link {
  color: #000;
}

#HerbMedProHerbList #herb-list-table_wrapper #herb-list-table_paginate .pagination .active a {
  background-color: #00746b;
}

#HerbMedProHerbList #herb-list-table_wrapper #herb-list-table_paginate .pagination .active a:hover {
  color: white !important;
  border-color: white;
}

@media (max-width: 768px) {
  #HerbMedProDirectory .card-master .vertical-border {
    margin: 8px 4px;
  }
  #HerbMedProDirectory .card-master .right-side-menu {
    width: 230px;
  }
  #HerbMedProHerbList .desktop-card {
    display: none;
  }
  #HerbMedProHerbList .card-master .left-area-panel .top-card .right-side-menu {
    display: flex;
  }
  #HerbMedProHerbList .card-master .vertical-border {
    display: none;
  }
  #HerbMedProHerbList .card-master .right-area-panel {
    display: none;
  }
}

#HerbMedProAdvancedSearch .card-master {
  font-size: 15px;
  display: flex;
  flex-direction: row;
}

#HerbMedProAdvancedSearch .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbMedProAdvancedSearch .card-master .main-panel {
  width: 70%;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#HerbMedProAdvancedSearch .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#HerbMedProAdvancedSearch .card-master .main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#HerbMedProAdvancedSearch .card-master .main-panel .title-panel .heder-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#HerbMedProAdvancedSearch .card-master .main-panel .title-panel .render-content {
  padding-top: 24px;
}

#HerbMedProAdvancedSearch .card-master .main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbMedProAdvancedSearch .card-master .main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbMedProAdvancedSearch .card-master .content-title {
  font-size: 25px;
  font-weight: bold;
  font-family: "Roboto", sans-serif !important;
  color: #000;
}

#HerbMedProAdvancedSearch .card-master .content {
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding-top: 8px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .forms-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px 0;
}

#HerbMedProAdvancedSearch .card-master .content .forms .forms-header .section-headline {
  color: #00746b;
  font-size: 16px;
  font-weight: bold;
}

#HerbMedProAdvancedSearch .card-master .content .forms .item-title {
  color: #666666;
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section {
  border: 1px solid #D4E5F9;
  border-radius: 4px;
  background-color: #F9FAFB;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.18);
  padding: 16px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-top-section .search-term {
  display: flex;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-top-section .search-term .term-input-text {
  width: 45%;
  margin: 4px 16px 4px 0px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-top-section .search-term .term-input-text input {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-color: #FFFFFF;
  height: 44px;
  width: 100%;
  padding: 8px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-top-section .search-term .term-logic-dropdown {
  margin: 4px 0px 4px 0px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-color: #FFFFFF;
  width: 45%;
  height: 44px;
  padding: 8px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section {
  padding: 24px 0;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .herbs-panel {
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 35%;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .herbs-panel .herbs-dropdown {
  height: 44px;
  display: flex;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .herbs-panel .herbs-dropdown select {
  width: 70%;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-color: #FFFFFF;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .herbs-panel .herbs-dropdown .herb-name {
  font-size: 14px;
  text-overflow: clip;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .fields-panel {
  width: 65%;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .fields-panel .fields-radio-btns {
  display: flex;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .fields-panel .fields-radio-btns .radio-input {
  display: flex;
  padding-right: 24px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .fields-panel .fields-radio-btns .radio-input input {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  width: 16px;
  height: 16px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .form-items-panel .form-bottom-section .herbs-fields-section .fields-panel .fields-radio-btns .radio-input-title {
  padding-left: 8px;
  color: #666666;
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 16px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel .herb-actions-section {
  width: 40%;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel .health-indication-section {
  width: 40%;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel #scrollStyle::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #d4e5f9;
  border-radius: 10px;
  background-color: #f9fafb;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel #scrollStyle::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel #scrollStyle::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 20px #3498db;
  background-color: #FFFFFF;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel .items-check-list {
  height: 146px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel .items-check-list .item-check-input {
  text-transform: lowercase;
  display: flex;
  flex-direction: row;
  padding: 4px 8px;
  cursor: pointer;
  margin: 0;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel .items-check-list .item-check-input input {
  cursor: pointer;
  height: 16px;
  width: 16px;
}

#HerbMedProAdvancedSearch .card-master .content .forms .form-section .actions-indications-form-panel .items-check-list .item-check-input .item-check-title {
  padding-left: 8px;
  color: #666666;
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  text-transform: lowercase;
  margin: 0;
  cursor: pointer;
}

#HerbMedProAdvancedSearch .card-master .content .forms .search-btn a {
  border-radius: 2px;
  background-color: #3498DB;
  color: #FFFFFF !important;
  font-family: Lato;
  font-size: 14px;
  text-align: center;
  font-size: 16px;
  border: none;
  padding: 8px 24px;
  cursor: pointer;
}

#HerbMedProAdvancedSearch .card-master .content .forms .search-btn a:hover {
  color: white !important;
  background-color: #227fbd;
}

#HerbMedProAdvancedSearch .card-master .content .forms .search-btn input {
  border-radius: 2px;
  background-color: #3498DB;
  color: #FFFFFF;
  font-family: Lato;
  font-size: 14px;
  text-align: center;
  font-size: 16px;
  border: none;
  padding: 8px 24px;
  cursor: pointer;
}

#HerbMedProAdvancedSearch .card-master .content .forms .search-btn input:hover {
  color: white !important;
  background-color: #227fbd;
}

#HerbMedProAdvancedSearch .card-master .searchPage {
  padding: 16px 0;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-header {
  padding: 8px 0;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-header .result-tilte {
  color: #4A4A4A;
  font-family: "Roboto", sans-serif !important;
  font-size: 25px;
  font-weight: bold;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-header .result-terms-title {
  padding: 16px 0;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: flex;
  flex-direction: row;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-header .result-terms-title .your-search-term {
  color: #00746b;
  padding: 0 4px;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .pagination-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 0.46px;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .pagination-panel .pagination-title {
  color: #000;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .pagination-panel .pagination-btns {
  display: flex;
  flex-direction: row;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .pagination-panel .pagination-btns .btn {
  padding: 0 4px;
  display: flex;
  flex-direction: row;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .pagination-panel .pagination-btns .btn .arrow {
  background-color: #EFF5FC;
  border-radius: 1px;
  height: 20px;
  width: 20px;
  margin: 0 4px;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .pagination-panel .pagination-btns .virtical-splitter {
  border-right: solid 1px #E2E2E2;
  margin: 0 4px;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .category-collection {
  padding: 16px 0;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .category-collection .category {
  font-size: 16px;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .category-collection .category .herb-title a {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 19px;
  font-weight: bold;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .category-collection .category .entries .entry-content {
  padding-top: 16px;
  padding-bottom: 8px;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .category-collection .category .entries .entry-content .summary-content .summary-related-link {
  color: #00746b;
  text-decoration: none;
}

#HerbMedProAdvancedSearch .card-master .searchPage .search-result-output .category-collection .category .entries .horizontal-border {
  border-top: 1px solid #E2E2E2;
  padding-bottom: 16px;
  width: 100%;
}

#HerbMedProAdvancedSearch .card-master #herb-list-table_wrapper .search-row {
  display: none;
}

#HerbMedProAdvancedSearch .card-master #herb-list-table_wrapper thead {
  color: #000;
  background-color: #eff5fc;
}

#HerbMedProAdvancedSearch .card-master #herb-list-table_wrapper .odd {
  background-color: white;
}

#HerbMedProAdvancedSearch .card-master #herb-list-table_wrapper .odd td {
  width: 50%;
}

#HerbMedProAdvancedSearch .card-master #herb-list-table_wrapper .even {
  background-color: #f9f9f9;
}

#HerbMedProAdvancedSearch .card-master #herb-list-table_wrapper .even td {
  width: 50%;
}

#HerbMedProAdvancedSearch .card-master .right-side-menu {
  width: 30%;
}

#HerbMedProAdvancedSearch .card-master .right-side-menu .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#HerbMedProAdvancedSearch .card-master .right-side-menu .nav-items ul {
  padding-left: 24px;
}

#HerbMedProAdvancedSearch .card-master .right-side-menu .nav-items ul li {
  color: #000;
}

#HerbMedProAdvancedSearch .card-master .right-side-menu .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#HerbalGramDirectory .card-master {
  font-size: 15px;
}

#HerbalGramDirectory .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#HerbalGramDirectory .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
  font-style: italic;
}

#HerbalGramDirectory .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#HerbalGramDirectory .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbalGramDirectory .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbalGramDirectory .card-master .main-panel {
  width: 100%;
  display: flex;
}

#HerbalGramDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbalGramDirectory .card-master .main-panel .left-main-panel {
  width: 66%;
}

#HerbalGramDirectory .card-master .main-panel .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbalGramDirectory .card-master .main-panel .right-main-panel {
  width: 33%;
  display: flex;
  justify-content: center;
}

#HerbalGramDirectory .card-master .main-panel .right-main-panel .current-issue .current-issue-img img {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#HerbalGramDirectory .card-master .main-panel .right-main-panel .current-issue .current-issue-nav-btn {
  padding: 16px 0;
  display: flex;
  text-align: center;
}

#HerbalGramDirectory .card-master .main-panel .right-main-panel .current-issue .current-issue-nav-btn a {
  width: 100%;
  font-family: "Helvetica Neue", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #00746b;
  color: white;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-style: italic;
}

#HerbalGramDirectory .card-master .main-panel .right-main-panel .current-issue .current-issue-nav-btn a:hover {
  color: white !important;
  background: #258778;
}

@media (max-width: 415px) {
  #HerbalGramDirectory .card-master .main-panel .left-main-panel {
    width: 100%;
  }
  #HerbalGramDirectory .card-master .main-panel .right-main-panel {
    width: 100%;
    padding-bottom: 16px;
  }
  #HerbalGramDirectory .card-master .main-panel {
    flex-direction: column-reverse;
  }
}

#herbalGramIssueList .card-master {
  font-size: 15px;
}

#herbalGramIssueList .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#herbalGramIssueList .card-master .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
  height: 1.2em;
  white-space: nowrap;
}

#herbalGramIssueList .card-master .header-title strong {
  font-weight: 500;
  font-family: "Roboto Condensed", sans-serif !important;
}

#herbalGramIssueList .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#herbalGramIssueList .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#herbalGramIssueList .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#herbalGramIssueList .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#herbalGramIssueList .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#herbalGramIssueList .card-master .header-title .active {
  color: #000;
  font-weight: bold;
  cursor: auto;
}

#herbalGramIssueList .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#herbalGramIssueList .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
  font-style: italic;
}

#herbalGramIssueList .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#herbalGramIssueList .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#herbalGramIssueList .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#herbalGramIssueList .card-master .main-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#herbalGramIssueList .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#herbalGramIssueList .card-master .main-panel .content-title {
  font-size: 24px;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
  padding-bottom: 16px;
}

#herbalGramIssueList .card-master .main-panel .issue-list-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#herbalGramIssueList .card-master .main-panel .issue-list-nav .issue-list-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#herbalGramIssueList .card-master .main-panel .issue-list-nav .issue-list-column .issue-nav-item {
  display: flex;
  margin: 4px 0;
}

@media (max-width: 415px) {
  #herbalGramIssueList .card-master .main-panel .issue-list-nav {
    flex-direction: column;
  }
  #herbalGramIssueList .card-master .main-panel {
    padding: 0;
  }
}

@media (max-width: 415px) {
  #herbalGramIssueList .card-master .main-panel .issue-list-nav {
    flex-direction: column;
  }
  #herbalGramIssueList .card-master .main-panel {
    padding: 0;
  }
}

#herbalGramIssue .card-master {
  font-size: 15px;
  display: flex;
}

#herbalGramIssue .card-master .left-column-main {
  width: 100%;
}

#herbalGramIssue .card-master .left-column-main .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#herbalGramIssue .card-master .left-column-main .header-title .no-padding-left {
  padding-left: 0 !important;
}

#herbalGramIssue .card-master .left-column-main .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#herbalGramIssue .card-master .left-column-main .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#herbalGramIssue .card-master .left-column-main .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#herbalGramIssue .card-master .left-column-main .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#herbalGramIssue .card-master .left-column-main .header-title .active {
  color: #000;
  font-weight: bold;
}

#herbalGramIssue .card-master .left-column-main .headers-panel {
  display: flex;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
  width: 100%;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
  font-style: italic;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .issue-thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .issue-thumbnail img {
  max-height: 165px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#herbalGramIssue .card-master .left-column-main .headers-panel .issue-thumbnail .thumbnail-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
  padding: 8px 0;
  font-weight: 500;
  color: #808080;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .pdf-flipping {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .pdf-flipping .pdf-img {
  height: 90px;
  padding-bottom: 16px;
}

#herbalGramIssue .card-master .left-column-main .headers-panel .pdf-flipping .flip-img {
  height: 90px;
  border-radius: 3px;
}

#herbalGramIssue .card-master .left-column-main .main-panel {
  width: 100%;
  display: flex;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body {
  width: 100%;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .content-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .department-title {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  font-family: "Roboto", sans-serif !important;
  padding: 16px 0 4px 0;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .article-nav {
  padding: 4px 0;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .article-nav .article-link {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .article-nav .article-link a {
  font-weight: 400;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .article-nav .article-link p {
  margin: 0;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .article-nav .article-link strong {
  font-weight: 400;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
}

#herbalGramIssue .card-master .left-column-main .main-panel .content-body .table-of-content-nav .article-nav .article-authors {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
  color: #000;
}

#herbalGramIssue .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#herbalGramIssue .card-master .right-column-nav {
  width: 33%;
}

#herbalGramIssue .card-master .right-column-nav .nav-items {
  width: 100%;
}

#herbalGramIssue .card-master .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#herbalGramIssue .card-master .right-column-nav .nav-items ul li {
  color: #000;
}

#herbalGramIssue .card-master .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#herbalGramIssue .card-master .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

@media (max-width: 415px) {
  #herbalGramIssue .card-master .left-column-main .headers-panel .pdf-flipping .flip-img {
    height: 65px;
  }
  #herbalGramIssue .card-master .left-column-main .headers-panel .pdf-flipping .pdf-img {
    height: 65px;
  }
  #herbalGramIssue .card-master .right-column-nav {
    display: none;
  }
  #herbalGramIssue .card-master .vertical-border {
    display: none;
  }
  #herbalGramIssue .card-master .left-column-main .headers-panel {
    flex-direction: column-reverse;
  }
  #herbalGramIssue .card-master .left-column-main .headers-panel .pdf-flipping {
    flex-direction: row;
    justify-content: space-between;
  }
  #herbalGramIssue .card-master .left-column-main .headers-panel .title-panel {
    padding-top: 0;
  }
}

#herbalGramContentArticle .card-master {
  font-size: 15px;
  display: flex;
}

#herbalGramContentArticle .card-master .left-column-main {
  width: 77%;
  display: flex;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel {
  width: 100%;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .cut-text p {
  display: unset;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title strong {
  font-weight: 500;
  font-family: "Roboto Condensed", sans-serif !important;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title p {
  margin: 0;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
  cursor: auto;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-header {
  display: flex;
  flex-direction: column;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-header .article-title {
  font-size: 20px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
  padding-right: 8px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-header .article-title strong {
  font-size: 20px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif !important;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-header .article-title p {
  margin: 0;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel {
  color: #7A7A7A;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 0;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .keyword {
  display: flex;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .keyword .authors {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .keyword .authors .auth-name {
  padding-left: 4px;
  padding-right: 0px;
  font-weight: 600;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .keyword .authors .separator {
  /*border-left: 1px solid $border-color;*/
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .keyword .authors .separator:before {
  content: ",";
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .keyword-light {
  font-weight: 600;
  flex-basis: 1.5%;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .issue-page-author-panel .light-text {
  display: flex;
  padding-left: 4px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body {
  font-size: 16px;
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
  padding: 16px 0;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body strong {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 16px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body img {
  display: flex;
  padding: 16px 0;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body li {
  font-size: 16px;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body h1, #herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body h2, #herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body h3, #herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body h4, #herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body h5 {
  font-size: 16px;
  line-height: 1.42857143;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body .Default {
  margin: 0pt 0pt 10pt 0pt;
  font-size: 16px;
  font-family: inherit;
  color: black;
}

#herbalGramContentArticle .card-master .left-column-main .main-panel .article-content-body a {
  overflow-wrap: break-word;
}

#herbalGramContentArticle .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#herbalGramContentArticle .right-column-nav {
  width: 23%;
}

#herbalGramContentArticle .right-column-nav .nav-items {
  width: 100%;
}

#herbalGramContentArticle .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#herbalGramContentArticle .right-column-nav .nav-items ul li {
  color: #000;
}

#herbalGramContentArticle .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#herbalGramContentArticle .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

@media (max-width: 415px) {
  #herbalGramContentArticle img {
    max-height: 340px;
  }
  #herbalGramContentArticle .vertical-border {
    display: none;
  }
  #herbalGramContentArticle .right-column-nav {
    display: none;
  }
}

#HerbalGramDepartment .card-master {
  font-size: 15px;
  display: flex;
}

#HerbalGramDepartment .card-master .left-column-main {
  width: 100%;
}

#HerbalGramDepartment .card-master .left-column-main .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#HerbalGramDepartment .card-master .left-column-main .header-title strong {
  font-weight: 500;
  font-family: "Roboto Condensed", sans-serif !important;
}

#HerbalGramDepartment .card-master .left-column-main .header-title .no-padding-left {
  padding-left: 0 !important;
}

#HerbalGramDepartment .card-master .left-column-main .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbalGramDepartment .card-master .left-column-main .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#HerbalGramDepartment .card-master .left-column-main .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#HerbalGramDepartment .card-master .left-column-main .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#HerbalGramDepartment .card-master .left-column-main .header-title .active {
  color: #000;
  font-weight: bold;
  cursor: auto;
}

#HerbalGramDepartment .card-master .left-column-main .headers-panel {
  display: flex;
}

#HerbalGramDepartment .card-master .left-column-main .headers-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
  width: 100%;
}

#HerbalGramDepartment .card-master .left-column-main .headers-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
  font-style: italic;
}

#HerbalGramDepartment .card-master .left-column-main .headers-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#HerbalGramDepartment .card-master .left-column-main .headers-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbalGramDepartment .card-master .left-column-main .headers-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel {
  width: 100%;
  display: flex;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body {
  width: 100%;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .content-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  color: #000;
  font-family: "Helvetica Neue", sans-serif;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .issues-header {
  font-size: 20px;
  font-size: 19px;
  font-weight: bold;
  color: #000;
  font-family: "Roboto", sans-serif !important;
  padding-top: 16px;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue {
  display: flex;
  align-items: flex-start;
  padding: 4px 0;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .department-pages {
  width: 15%;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .department-pages .department-title {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  font-family: "Roboto", sans-serif !important;
  padding: 8px 0 4px 0;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .department-pages .pages {
  padding-right: 16px;
  display: flex;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .department-pages .pages .keyword {
  padding-right: 4px;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages {
  width: 85%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #000;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages .article-link {
  font-family: "Roboto", sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  padding: 4px 0;
  width: 100%;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages .article-link p {
  margin: 0;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages .article-link br {
  display: none;
}

#HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages .article-link strong {
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
}

#HerbalGramDepartment .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbalGramDepartment .card-master .right-column-nav {
  width: 33%;
}

#HerbalGramDepartment .card-master .right-column-nav .nav-items {
  width: 100%;
}

#HerbalGramDepartment .card-master .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#HerbalGramDepartment .card-master .right-column-nav .nav-items ul li {
  color: #000;
}

#HerbalGramDepartment .card-master .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#HerbalGramDepartment .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

@media (max-width: 768px) {
  #HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages .pages {
    width: 21%;
  }
}

@media (max-width: 415px) {
  #HerbalGramDepartment .card-master .left-column-main .main-panel .content-body .table-of-content-nav .issue .title-pages .pages {
    width: 28%;
    padding: 0;
  }
  #HerbalGramDepartment .card-master .vertical-border {
    display: none;
  }
  #HerbalGramDepartment .card-master .right-column-nav {
    display: none;
  }
}

#herbalGramAuthorDirectory .card-master {
  font-size: 15px;
}

#herbalGramAuthorDirectory .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#herbalGramAuthorDirectory .card-master .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
  height: 1.2em;
  white-space: nowrap;
}

#herbalGramAuthorDirectory .card-master .header-title strong {
  font-weight: 500;
  font-family: "Roboto Condensed", sans-serif !important;
}

#herbalGramAuthorDirectory .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#herbalGramAuthorDirectory .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#herbalGramAuthorDirectory .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#herbalGramAuthorDirectory .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#herbalGramAuthorDirectory .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#herbalGramAuthorDirectory .card-master .header-title .active {
  color: #000;
  font-weight: bold;
  cursor: auto;
}

#herbalGramAuthorDirectory .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#herbalGramAuthorDirectory .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
  font-style: italic;
}

#herbalGramAuthorDirectory .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#herbalGramAuthorDirectory .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#herbalGramAuthorDirectory .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#herbalGramAuthorDirectory .card-master .main-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#herbalGramAuthorDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#herbalGramAuthorDirectory .card-master .main-panel .content-title {
  font-size: 24px;
  font-family: "Roboto Condensed", sans-serif;
  color: #00746b;
  padding-bottom: 16px;
}

#herbalGramAuthorDirectory .card-master .main-panel .author-list-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#herbalGramAuthorDirectory .card-master .main-panel .author-list-nav .author-list-column {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  align-items: stretch;
}

#herbalGramAuthorDirectory .card-master .main-panel .author-list-nav .author-list-column .alpha {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  color: #000;
  font-weight: 600;
  padding-bottom: 16px;
}

#herbalGramAuthorDirectory .card-master .main-panel .author-list-nav .author-list-column .authr-nav-list-items {
  column-count: 4;
}

@media (max-width: 415px) {
  #herbalGramAuthorDirectory .card-master .main-panel .author-list-nav .author-list-column .authr-nav-list-items {
    column-count: 2;
  }
}

#HerbalEGramDirectory .card-master {
  font-size: 15px;
}

#HerbalEGramDirectory .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#HerbalEGramDirectory .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
  font-style: italic;
}

#HerbalEGramDirectory .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#HerbalEGramDirectory .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbalEGramDirectory .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbalEGramDirectory .card-master .main-panel {
  width: 100%;
  display: flex;
}

#HerbalEGramDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  justify-content: center;
  /*.herbal-e-gram-nav {
                    .volumesList {
                        display: flex;
                        flex-direction: column;
                        
                        flex-flow: wrap;
                        justify-content: space-between;

                        .volume {
                            width: 30%;
                            display: flex;
                            flex-direction: column;
                            box-shadow: 0px 0px 10px 5px #e2e2e2;
                            margin: 18px 5px;
                      
                            border-radius: 5px;
                            padding-bottom: 16px;

                            .volume-name {
                                font-size: 20px;
                                font-weight: 600;
                                color: #ffffff;
                                font-family: Roboto Condensed, sans-serif;
                                padding: 8px 0;
                              
                                text-align: center;
                                background: #0054a5;
                                border-radius: 5px 5px 0 0;
                                margin-bottom: 16px;
                            }

                            .issue-list-nav {
                                padding: 0 32px;

                                .issue-nav {
                                    padding-bottom: 4px;
                                }
                            }
                        }
                    }
                }*/
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel .content-body {
  text-align: center;
  width: 60%;
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .volumesList {
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  justify-content: space-between;
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px 0px;
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .volume-name {
  font-size: 27px;
  font-weight: 600;
  color: #4a4a4a;
  font-family: Roboto Condensed, sans-serif;
  padding: 4px 0;
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .issue-list-nav {
  column-count: 3;
}

#HerbalEGramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .issue-list-nav .issue-nav {
  padding-bottom: 4px;
}

#HerbalEGramIssue .card-master {
  font-size: 15px;
  display: flex;
}

#HerbalEGramIssue .card-master .left-column-main {
  width: 100%;
}

#HerbalEGramIssue .card-master .left-column-main .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#HerbalEGramIssue .card-master .left-column-main .header-title .no-padding-left {
  padding-left: 0 !important;
}

#HerbalEGramIssue .card-master .left-column-main .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbalEGramIssue .card-master .left-column-main .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#HerbalEGramIssue .card-master .left-column-main .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#HerbalEGramIssue .card-master .left-column-main .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#HerbalEGramIssue .card-master .left-column-main .header-title .active {
  color: #000;
  font-weight: bold;
}

#HerbalEGramIssue .card-master .left-column-main .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#HerbalEGramIssue .card-master .left-column-main .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#HerbalEGramIssue .card-master .left-column-main .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#HerbalEGramIssue .card-master .left-column-main .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbalEGramIssue .card-master .left-column-main .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel {
  width: 100%;
  display: flex;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .content-body {
  text-align: center;
  width: 60%;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList {
  width: 95%;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .issue-content {
  width: 100%;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .volume-name {
  font-size: 27px;
  font-weight: 600;
  color: #4a4a4a;
  font-family: Roboto Condensed, sans-serif;
  padding: 4px 0;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .issue-list-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .issue-list-nav .title-body {
  width: 66%;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .left-main-panel .herbal-e-gram-nav .volumesList .volume .issue-list-nav .issue-nav {
  padding-bottom: 4px;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .right-column-nav {
  width: 33%;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .right-column-nav .nav-items {
  width: 100%;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .right-column-nav .nav-items ul li {
  color: #000;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#HerbalEGramIssue .card-master .left-column-main .main-panel .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#HerbalEGramIssue .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#HerbalEGramIssue .card-master .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#HerbalEGramIssue .card-master .right-column-nav {
  width: 33%;
}

#HerbalEGramIssue .card-master .right-column-nav .nav-items {
  width: 100%;
}

#HerbalEGramIssue .card-master .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#HerbalEGramIssue .card-master .right-column-nav .nav-items ul li {
  color: #000;
}

#HerbalEGramIssue .card-master .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#HerbalEGramArticle .card-master {
  font-size: 15px;
}

#HerbalEGramArticle .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#HerbalEGramArticle .card-master .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#HerbalEGramArticle .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#HerbalEGramArticle .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#HerbalEGramArticle .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#HerbalEGramArticle .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#HerbalEGramArticle .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#HerbalEGramArticle .card-master .header-title .active {
  color: #000;
  font-weight: bold;
}

#HerbalEGramArticle .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#HerbalEGramArticle .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#HerbalEGramArticle .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#HerbalEGramArticle .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#HerbalEGramArticle .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#HerbalEGramArticle .card-master .main-panel {
  width: 100%;
  display: flex;
}

#HerbalEGramArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  justify-content: center;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .volume-name {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 8px;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section {
  padding: 0 16px;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns {
  display: flex;
  flex-direction: row;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 table {
  max-width: 800px;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .table-display {
  display: flex;
  flex-direction: row-reverse;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .category-content-body {
  font-size: 16px;
  font-family: "Helvetica Neue", sans-serif;
  color: #000;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .category-content-body .article-name {
  font-size: 16px;
  font-weight: 600;
  font-family: "Helvetica Neue", sans-serif;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .category-content-body img {
  margin: 8px;
  box-shadow: 0 1px 4px -2px #000;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .category-content-body .auth-name {
  font-family: "Helvetica Neue", sans-serif;
  color: #000;
  padding: 16px 0;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .category-content-body .references {
  padding: 16px 0;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-1 .category-content-body .references .title {
  font-weight: 600;
  padding-bottom: 16px;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-2 .image-caption-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-2 .image-caption-copy img {
  max-width: 250px;
  max-height: 300px;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .categories .top-section .top-two-columns .col-2 .image-caption-copy p {
  margin: 0;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .tow-columns-content {
  display: flex;
  justify-content: space-between;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .tow-columns-content .col-1 {
  width: 50%;
  padding: 0 16px;
}

#HerbalEGramArticle .card-master .main-panel .left-main-panel .tow-columns-content .col-2 {
  width: 50%;
  border-left: 1px solid #E2E2E2;
  padding: 0 16px;
}

#HerbalEGramArticle .card-master .main-panel .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#AdulterantsProgramDirectory .card-master {
  font-size: 15px;
}

#AdulterantsProgramDirectory .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#AdulterantsProgramDirectory .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#AdulterantsProgramDirectory .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#AdulterantsProgramDirectory .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#AdulterantsProgramDirectory .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#AdulterantsProgramDirectory .card-master .main-panel {
  display: flex;
  padding: 24px 0;
}

#AdulterantsProgramDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel {
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  justify-content: center;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav {
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: space-evenly;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 .nav-item {
  padding: 16px;
  display: flex;
  width: 415px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 .nav-item a {
  text-align: center;
  width: 100%;
  background: #00746b;
  padding: 16px 0;
  color: white !important;
  border-radius: 5px;
  box-shadow: 0px 6px 8px -5px #000;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 .nav-item a:hover {
  background: #258778;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column17 .nav-item {
  padding: 16px;
  display: flex;
  width: 415px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column17 .nav-item a {
  text-align: center;
  width: 100%;
  background: #00746b;
  padding: 16px 0;
  color: white !important;
  border-radius: 5px;
  box-shadow: 0px 6px 8px -5px #000;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column17 .nav-item a:hover {
  background: #258778;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .supporters-tab {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  font-display: "Helvetica Neue", sans-serif;
  width: 91%;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .supporters-tab strong {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .supporters-tab table {
  width: 70%;
  margin: 20px 0;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .supporters-tab table tr {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .supporters-tab table tr td {
  width: 33%;
  padding: 0 8px;
}

#AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .supporters-tab table tr td strong {
  font-size: 13px;
  font-display: "Helvetica Neue", sans-serif;
}

@media (max-width: 768px) {
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel {
    width: 100%;
  }
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 {
    width: 50%;
  }
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 .nav-item {
    font-size: 16px;
    width: 100%;
    padding: 8px;
  }
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column17 .nav-item {
    font-size: 16px;
    width: 100%;
    padding: 8px;
    font-weight: 500;
  }
}

@media (max-width: 415px) {
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel {
    width: 100%;
  }
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 {
    width: 50%;
  }
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column16 .nav-item {
    font-size: 16px;
    width: 260px;
    padding: 8px;
    width: 300px;
  }
  #AdulterantsProgramDirectory .card-master .main-panel .left-main-panel .herbal-e-gram-nav .nav-group-column17 .nav-item {
    font-size: 16px;
    width: 260px;
    padding: 8px;
    font-weight: 500;
    width: 300px;
  }
}

#AdulterantsProgramNewsDirectory .card-master {
  font-size: 15px;
  display: flex;
}

#AdulterantsProgramNewsDirectory .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#AdulterantsProgramNewsDirectory .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#AdulterantsProgramNewsDirectory .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsProgramNewsDirectory .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#AdulterantsProgramNewsDirectory .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#AdulterantsProgramNewsDirectory .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#AdulterantsProgramNewsDirectory .card-master .header-title .active {
  color: #000;
  font-weight: bold;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel {
  display: flex;
  padding: 24px 0;
  width: 100%;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .content-body {
  font-size: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .render-content a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .render-content .content.col-sm-4 .render-content-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .render-content img {
  min-height: 60px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row {
  font-size: 16px;
  font-family: "Roboto", sans-serif !important;
  padding: 8px 0;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row .nav-item {
  text-decoration: none;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row .nav-item a {
  color: #00746b;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row .nav-item-title {
  text-decoration: none;
  color: #00746b;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row .nav-item-title a {
  color: #00746b;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row .date {
  font-family: "Roboto Condensed", sans-serif;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav .nav-row .date .italic {
  padding-left: 4px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav #AdulterationReportsArticle .nav-row-link {
  padding-bottom: 16px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav #AdulterationReportsArticle .nav-row-link .nav-item-title {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav #AdulterationReportsArticle .nav-row-link .nav-item-title a {
  color: #00746b;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel .page-nav #AdulterationReportsArticle .nav-row-link .nav-item-title .report-title {
  color: #000;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .left-main-panel span.a {
  display: flex;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .vertical-border {
  margin: 8px 16px;
  border-left: solid 1px #E2E2E2;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .right-column-nav {
  width: 33%;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .right-column-nav .nav-items {
  width: 100%;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .right-column-nav .nav-items ul li {
  color: #000;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#AdulterantsProgramNewsDirectory .card-master .main-panel .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#AdulterantsBulletinsArticle .card-master {
  font-size: 15px;
  display: flex;
}

#AdulterantsBulletinsArticle .card-master .main-panel {
  display: flex;
  padding: 24px 0;
  width: 100%;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#AdulterantsBulletinsArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .title-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
  justify-content: space-between;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .title-panel .pdf-row img {
  height: 50px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content td {
  padding: 8px;
  border: 1px solid black;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content td p {
  margin: 0;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content table {
  padding-bottom: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .item-content {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .header-title {
  padding-bottom: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .keywords {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .authors {
  padding-top: 16px;
  font-weight: 600;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .author-address {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .goal {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .definition {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .body {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .refreunces {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .appendix {
  padding-top: 16px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .left-main-panel .page-content .revision-summary {
  padding-top: 32px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .vertical-border {
  margin: 8px 16px;
  border-left: solid 1px #E2E2E2;
}

#AdulterantsBulletinsArticle .card-master .main-panel .right-column-nav {
  width: 33%;
}

#AdulterantsBulletinsArticle .card-master .main-panel .right-column-nav .nav-items {
  width: 100%;
}

#AdulterantsBulletinsArticle .card-master .main-panel .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#AdulterantsBulletinsArticle .card-master .main-panel .right-column-nav .nav-items ul li {
  color: #000;
}

#AdulterantsBulletinsArticle .card-master .main-panel .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#AdulterantsBulletinsArticle .card-master .main-panel .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#AdulterationReportsArticle .nav-row-link {
  padding-bottom: 16px;
}

#AdulterationReportsArticle .nav-row-link .nav-item-title {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterationReportsArticle .nav-row-link .nav-item-title a {
  color: #00746b;
}

#AdulterationReportsArticle .nav-row-link .nav-item-title .report-title {
  color: #000;
}

#LaboratoryGuidanceDocumentArticle .card-master {
  font-size: 15px;
  display: flex;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel {
  display: flex;
  padding: 24px 0;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel {
  display: flex;
  flex-direction: column;
  width: 72%;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .title-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
  justify-content: space-between;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .title-panel .pdf-row img {
  height: 50px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content td {
  padding: 8px;
  border: 1px solid black;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content td p {
  margin: 0;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content table {
  margin-bottom: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .item-content {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .header-title {
  padding-bottom: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .date {
  font-weight: 600;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .keywords {
  padding-top: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .authors {
  padding-top: 16px;
  font-weight: 600;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .goal {
  padding-top: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .definition {
  padding-top: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .body {
  padding-top: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .refreunces {
  padding-top: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .appendix {
  padding-top: 16px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .left-main-panel .page-content .revision-summary {
  padding-top: 32px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .vertical-border {
  margin: 8px 16px;
  border-left: solid 1px #E2E2E2;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav ul {
  padding-left: 24px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav ul li {
  color: #000;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .nav-items {
  width: 100%;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .article-nav-column-left ul {
  padding-left: 24px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .article-nav-column-left ul li {
  color: #000;
  list-style: none;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .article-nav-column-left .header-title {
  padding-bottom: 4px;
  font-size: 16px;
  font-family: "Roboto", sans-serif !important;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .article-nav-column-left .article-nav-item a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
}

#LaboratoryGuidanceDocumentArticle .card-master .main-panel .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master {
  font-size: 15px;
  display: flex;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel {
  display: flex;
  padding: 24px 0;
  width: 100%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title .no-padding-left {
  padding-left: 0 !important;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title .active {
  color: #000;
  font-weight: bold;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .title-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
  justify-content: space-between;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .title-panel .pdf-row img {
  height: 50px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav td {
  padding: 8px;
  border: 1px solid black;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav td p {
  margin: 0;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-title {
  display: flex;
  font-size: 24px;
  color: #4a4a4a;
  padding: 16px 0;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-wrap: break-word;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body {
  display: flex;
  flex-direction: column;
  font-family: "Helvetica Neue", sans-serif;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body h1, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body h3, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body h2, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body h4, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body h5 {
  font-size: 16px;
  font-family: "Helvetica Neue", sans-serif;
  margin: 0;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body a, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body p, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body strong, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body i, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body em, #AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body span {
  font-size: 16px;
  line-height: unset;
  font-family: "Helvetica Neue", sans-serif;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .body img {
  padding: 8px;
  max-width: 33%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .content-body-row .content-item-body .signature-row {
  display: flex;
  justify-content: space-around;
  padding: 16px 0;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .supporters table {
  width: 100% !important;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .supporters .content-item-title {
  display: flex;
  font-size: 24px;
  color: #4a4a4a;
  padding: 16px 0;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .page-nav .supporters td {
  width: 25%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .left-main-panel .horizontal-seprator {
  width: 100%;
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel #flexWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel #flexWrapper .half-width {
  width: 47%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .vertical-border {
  margin: 8px 16px;
  border-left: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .right-column-nav {
  width: 33%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .right-column-nav .nav-items {
  width: 100%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .right-column-nav .nav-items ul li {
  color: #000;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterIssueArticle .card-master .main-panel .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master {
  font-size: 15px;
  display: flex;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title .cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  height: 1.2em;
  white-space: nowrap;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title .no-padding-left {
  padding-left: 0 !important;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title .nav-link {
  margin: 0;
  padding: 0 8px;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title .light {
  width: auto;
  font-weight: 100;
  color: #00746b;
  padding-right: 8px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title a {
  color: #00746b;
  font-weight: bold;
  padding-left: 8px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title .separator {
  width: auto;
  border: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .header-title .active {
  color: #000;
  font-weight: bold;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel {
  display: flex;
  padding: 24px 0;
  width: 100%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel .title-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
  padding-top: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .left-main-panel .content-body .render-body-content {
  color: #000;
  font-size: 16px;
  font-family: "Helvetica Neue", sans-serif;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .vertical-border {
  margin: 8px 16px;
  border-left: solid 1px #E2E2E2;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .right-column-nav {
  width: 33%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .right-column-nav .nav-items {
  width: 100%;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .right-column-nav .nav-items ul {
  padding-left: 24px;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .right-column-nav .nav-items ul li {
  color: #000;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .right-column-nav .nav-items a {
  text-decoration: none;
  font-family: "Roboto", sans-serif !important;
  color: #00746b;
  line-height: 24px;
  font-weight: 500;
}

#AdulterantsBotanicalAdulterantsMonitorNewsletterFullArticle .card-master .main-panel .right-column-nav .horizontal-seprator {
  margin: 8px 0px;
  border-bottom: solid 1px #E2E2E2;
}

#monographsDirectory .card-master {
  font-size: 15px;
}

#monographsDirectory .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#monographsDirectory .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#monographsDirectory .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#monographsDirectory .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#monographsDirectory .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#monographsDirectory .card-master .main-panel {
  width: 100%;
  display: flex;
  padding: 24px 0;
}

#monographsDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#monographsDirectory .card-master .main-panel .intro-main-panel {
  font-size: 16px;
}

#monographsDirectory .card-master .main-panel .intro-main-panel .content-body .nav-panel .monographs-navigation .monograph-article {
  padding: 16px 0;
}

#monographsDirectory .card-master .main-panel .intro-main-panel .content-body .nav-panel .monographs-navigation .monograph-article .article-link {
  display: contents;
}

#monographsDirectory .card-master .main-panel .intro-main-panel .content-body .nav-panel .monographs-navigation .monograph-article .article-link a {
  display: contents;
}

#monographsDirectory .card-master .main-panel .intro-main-panel .content-body .nav-panel .monographs-navigation .monograph-article .article-body {
  display: contents;
}

#monographsDirectory .card-master .main-panel .intro-main-panel .content-body .nav-panel .monographs-navigation .monograph-article .article-body p {
  background: red;
  display: contents;
}

#monographsDirectory .card-master .main-panel .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#monographsDirectory .card-master .main-panel .table-of-content-main-panel {
  width: 33%;
  display: flex;
  justify-content: center;
}

#monographsDirectory .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-img img {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#monographsDirectory .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn {
  padding: 16px 0;
  display: flex;
  text-align: center;
}

#monographsDirectory .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn a {
  width: 100%;
  font-family: "Helvetica Neue", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #00746b;
  color: white;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-style: italic;
}

#monographsDirectory .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn a:hover {
  color: white !important;
  background: #258778;
}

#MonographsArticle .card-master {
  font-size: 15px;
}

#MonographsArticle .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#MonographsArticle .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#MonographsArticle .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#MonographsArticle .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#MonographsArticle .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#MonographsArticle .card-master .main-panel {
  width: 100%;
  display: flex;
  padding: 24px 0;
}

#MonographsArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .content-body .body {
  font-size: 16px;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .table-of-content-navigation {
  padding: 16px 0;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .table-of-content-navigation .table-title {
  font-size: 25px;
  font-family: unset;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  padding: 8px 0;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .table-of-content-navigation .monograph-article .article-link {
  padding: 8px 0;
  text-transform: uppercase;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .table-of-content-navigation .monograph-article .article-sub-link {
  padding-left: 30px;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area {
  font-family: "Helvetica Neue", sans-serif;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-align: center;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area:hover .overlay-text {
  opacity: .8;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area:hover, #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area :focus {
  opacity: .95;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area:hover .text, #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area :focus .text {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .overlay-text {
  font-size: 12px;
  background-color: #00746b;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  /*width: 360px;
                            height: 100px;*/
  /*padding: 130px 20px;*/
  width: 100%;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .text {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.3s;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .title {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .cover {
  box-shadow: 5px 5px 5px -5px black;
}

#MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .small-cover {
  display: none;
}

#MonographsArticle .card-master .main-panel .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#MonographsArticle .card-master .main-panel .table-of-content-main-panel {
  width: 33%;
  display: flex;
  justify-content: center;
}

#MonographsArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-img img {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#MonographsArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn {
  padding: 16px 0;
  display: flex;
  text-align: center;
}

#MonographsArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn a {
  width: 100%;
  font-family: "Helvetica Neue", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #00746b;
  color: white;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-style: italic;
}

#MonographsArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn a:hover {
  color: white !important;
  background: #258778;
}

@media (max-width: 768px) {
  #MonographsArticle .card-master .title-panel .header-main-title {
    font-size: 25px;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area {
    width: 100%;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .small-cover {
    height: 350px;
    display: none;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area:hover .overlay-text {
    width: 70.5%;
    left: 104px;
  }
}

@media (max-width: 415px) {
  #MonographsArticle .card-master .title-panel .header-main-title {
    font-size: 25px;
  }
  #MonographsArticle .card-master .main-panel {
    padding: 0;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .cover {
    display: none;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area .small-cover {
    height: 350px;
    display: unset;
  }
  #MonographsArticle .card-master .main-panel .intro-main-panel .nav-panel .cover-area:hover .overlay-text {
    width: 75.5%;
    left: 45px;
  }
}

#MonographsContentArticle .card-master {
  font-size: 15px;
}

#MonographsContentArticle .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#MonographsContentArticle .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#MonographsContentArticle .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#MonographsContentArticle .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#MonographsContentArticle .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#MonographsContentArticle .card-master .main-panel {
  width: 100%;
  display: flex;
  padding: 24px 0;
}

#MonographsContentArticle .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-8 {
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-10 {
  font-size: 9px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-16 {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-19 {
  font-size: 9px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-23 {
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-32 {
  font-style: italic;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-47 {
  font-size: 8px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-55 {
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-62 {
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-69 {
  font-size: 125px;
  font-style: italic;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div.Basic-Graphics-Frame {
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body table.No-Table-Style {
  border-collapse: collapse;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin-bottom: -4px;
  margin-top: 4px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.No-Table-Style {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000000;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: top;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.EndNote-Bibliography {
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.HG-References-body {
  font-size: 9px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.111;
  margin-bottom: 0;
  margin-left: 9px;
  margin-right: 0;
  margin-top: 0;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: -9px;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.List-Paragraph {
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 36px;
  margin-right: 0;
  margin-top: 0;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.Monograph-Heading {
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 9px;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: uppercase;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.Monograph-Sub-Heading {
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.Monograph-Sub-Sub-Heading {
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.Normal {
  font-size: 16px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.Basic-Paragraph {
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.folio {
  font-size: 9px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  orphans: 1;
  page-break-after: auto;
  page-break-before: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  widows: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.Annotation-reference {
  font-size: 8px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.Hyperlink {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body table.TableOverride-1 {
  border-collapse: collapse;
  border-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-1 {
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-2 {
  border-left-style: none;
  border-left-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-3 {
  background-color: #d9d9d9;
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-4 {
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 5px;
  padding-left: 1px;
  padding-right: 5px;
  padding-top: 5px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-5 {
  border-right-style: none;
  border-right-width: 0px;
  padding-bottom: 5px;
  padding-left: 1px;
  padding-right: 5px;
  padding-top: 5px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-6 {
  background-color: #d9d9d9;
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 5px;
  padding-left: 1px;
  padding-right: 5px;
  padding-top: 5px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-7 {
  border-left-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 5px;
  padding-left: 1px;
  padding-right: 5px;
  padding-top: 5px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td.CellOverride-8 {
  border-left-style: none;
  border-left-width: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-1 {
  text-align: center;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-2 {
  margin-left: 14px;
  text-align: center;
  text-indent: -13px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-3 {
  text-align: justify;
  text-align-last: justify;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-4 {
  text-align: right;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-5 {
  margin-left: 14px;
  text-indent: -13px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-6 {
  text-align: left;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-7 {
  margin-left: 14px;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-8 {
  margin-top: 9px;
  text-align: justify;
  text-align-last: left;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-9 {
  text-align: center;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-10 {
  margin-left: 9px;
  margin-top: 5px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-12 {
  padding: 8px 4px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-13 {
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-14 {
  margin-top: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-15 {
  -epub-hyphens: none;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-16 {
  margin-left: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-17 {
  -epub-hyphens: none;
  text-align: left;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-18 {
  -epub-hyphens: none;
  margin-top: 5px;
  text-align: left;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-19 {
  -epub-hyphens: none;
  margin-left: 32px;
  margin-top: 5px;
  text-align: left;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-20 {
  -epub-hyphens: none;
  margin-left: 41px;
  margin-top: 5px;
  text-align: left;
  text-indent: -9px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body p.ParaOverride-21 {
  margin-top: 5px;
  text-align: left;
  text-indent: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-1 {
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-2 {
  font-size: 48px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-3 {
  font-size: 17px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-4 {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-6 {
  font-size: 31px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-7 {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-9 {
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-11 {
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-12 {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-13 {
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-14 {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-15 {
  font-size: 12px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-17 {
  font-size: 9px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-18 {
  font-size: 11px;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-20 {
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-21 {
  font-size: 6px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-22 {
  font-size: 58%;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-24 {
  font-family: "Symbol (TT)", sans-serif;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-25 {
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-26 {
  color: #0000ff;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-27 {
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-28 {
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-29 {
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-31 {
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-34 {
  font-size: 10px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-35 {
  font-variant: small-caps;
  text-transform: none;
  margin-top: 16px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-36 {
  font-size: 16px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-37 {
  font-size: 12px;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-38 {
  font-family: "Symbol (TT)", sans-serif;
  font-size: 58%;
  font-style: normal;
  font-weight: normal;
  vertical-align: sub;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-39 {
  font-size: 58%;
  font-style: normal;
  font-weight: bold;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-40 {
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-41 {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-42 {
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-43 {
  font-size: 8px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-44 {
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-45 {
  font-size: 5px;
  font-style: normal;
  font-weight: normal;
  vertical-align: sub;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-46 {
  font-family: "Symbol (TT)", sans-serif;
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-48 {
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-49 {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-50 {
  font-size: 8px;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-51 {
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-52 {
  font-size: 5px;
  font-style: normal;
  font-weight: normal;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-53 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-54 {
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-56 {
  font-size: 8px;
  font-style: normal;
  font-weight: bold;
  vertical-align: super;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-57 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-58 {
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-59 {
  font-size: 15px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-60 {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-61 {
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-63 {
  font-size: 13px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-64 {
  font-size: 11px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-65 {
  font-size: 14px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-66 {
  font-size: 16px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-67 {
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-68 {
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-70 {
  font-size: 29px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body td._idGenCellOverride-1 {
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-1 {
  width: 69px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-2 {
  width: 173px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-3 {
  min-height: 23px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-4 {
  min-height: 14px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-5 {
  width: 14px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-6 {
  width: 85px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-7 {
  width: 63px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-8 {
  width: 3px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-9 {
  width: 39px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-10 {
  width: 93px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body col._idGenTableRowColumn-11 {
  width: 120px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-12 {
  min-height: 187px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-13 {
  min-height: 122px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-14 {
  min-height: 113px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-15 {
  min-height: 86px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-16 {
  min-height: 104px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-17 {
  min-height: 133px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-18 {
  min-height: 77px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-19 {
  min-height: 68px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-20 {
  min-height: 15px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-21 {
  min-height: 131px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-22 {
  min-height: 158px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-23 {
  min-height: 149px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-24 {
  min-height: 95px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-25 {
  min-height: 221px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-26 {
  min-height: 176px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-27 {
  min-height: 110px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-28 {
  min-height: 182px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-29 {
  min-height: 239px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-30 {
  min-height: 140px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-31 {
  min-height: 59px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-32 {
  min-height: 293px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-33 {
  min-height: 159px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-34 {
  min-height: 96px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-35 {
  min-height: 150px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body tr._idGenTableRowColumn-36 {
  min-height: 185px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer000 {
  display: inline-block;
  height: 810px;
  width: 675px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer001 {
  display: inline-block;
  height: 225px;
  position: relative;
  width: 113px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer002 {
  display: inline-block;
  height: 207px;
  width: 103px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer004, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer047 {
  display: inline-block;
  height: 0px;
  position: relative;
  width: 136px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer005 {
  -ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 21.69px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 39.13px;
  z-index: 2;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer006 {
  -ms-transform: translate(5.811px, 10.585px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(5.811px, 10.585px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 0.93px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(5.811px, 10.585px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(5.811px, 10.585px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 9.34px;
  z-index: 6;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer007 {
  -ms-transform: translate(6.05px, 7.104px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(6.05px, 7.104px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 3.87px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(6.05px, 7.104px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(6.05px, 7.104px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.61px;
  z-index: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer008 {
  -ms-transform: translate(7.576px, 6.952px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(7.576px, 6.952px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 0.93px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(7.576px, 6.952px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(7.576px, 6.952px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 5.81px;
  z-index: 5;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer009 {
  -ms-transform: translate(40.372px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(40.372px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.13px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(40.372px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(40.372px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 5.29px;
  z-index: 3;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer010 {
  -ms-transform: translate(46.807px, 4.558px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(46.807px, 4.558px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.03px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(46.807px, 4.558px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(46.807px, 4.558px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 7.78px;
  z-index: 7;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer011 {
  -ms-transform: translate(56.043px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(56.043px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.13px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(56.043px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(56.043px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 1.04px;
  z-index: 4;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer012 {
  -ms-transform: translate(58.525px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(58.525px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 18.21px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(58.525px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(58.525px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 43.18px;
  z-index: 8;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer013 {
  -ms-transform: translate(76.866px, 10.979px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(76.866px, 10.979px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 3.87px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(76.866px, 10.979px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(76.866px, 10.979px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 9.04px;
  z-index: 0;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer014 {
  -ms-transform: translate(77.007px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(77.007px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.04px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(77.007px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(77.007px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.93px;
  z-index: 9;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer015 {
  -ms-transform: translate(78.356px, 10.688px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(78.356px, 10.688px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.04px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(78.356px, 10.688px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(78.356px, 10.688px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 6.33px;
  z-index: 10;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer016 {
  -ms-transform: translate(114.622px, 1.259px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(114.622px, 1.259px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 20.49px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(114.622px, 1.259px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(114.622px, 1.259px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.27px;
  z-index: 19;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer017 {
  -ms-transform: translate(123.237px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(123.237px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.23px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(123.237px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(123.237px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 17.54px;
  z-index: 18;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer018 {
  -ms-transform: translate(139.635px, 4.565px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(139.635px, 4.565px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.02px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(139.635px, 4.565px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(139.635px, 4.565px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 7.89px;
  z-index: 13;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer019 {
  -ms-transform: translate(145.031px, 3.696px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(145.031px, 3.696px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.79px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(145.031px, 3.696px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(145.031px, 3.696px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 28.85px;
  z-index: 17;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer020 {
  -ms-transform: translate(148.813px, 10.598px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(148.813px, 10.598px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 3.87px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(148.813px, 10.598px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(148.813px, 10.598px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 9.26px;
  z-index: 12;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer021 {
  -ms-transform: translate(148.975px, 14.01px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(148.975px, 14.01px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.04px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(148.975px, 14.01px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(148.975px, 14.01px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.93px;
  z-index: 14;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer022 {
  -ms-transform: translate(150.739px, 10.378px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(150.739px, 10.378px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.04px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(150.739px, 10.378px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(150.739px, 10.378px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 5.91px;
  z-index: 15;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer023 {
  -ms-transform: translate(175.545px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(175.545px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.13px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(175.545px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(175.545px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 1.04px;
  z-index: 16;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer024 {
  -ms-transform: translate(178.234px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(178.234px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 18.21px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(178.234px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(178.234px, 3.8px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 30.83px;
  z-index: 20;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer025 {
  -ms-transform: translate(196.715px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(196.715px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.04px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(196.715px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(196.715px, 14.321px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.92px;
  z-index: 21;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer026 {
  -ms-transform: translate(197.028px, 11.028px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(197.028px, 11.028px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 3.87px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(197.028px, 11.028px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(197.028px, 11.028px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.18px;
  z-index: 11;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer027 {
  -ms-transform: translate(198.065px, 10.689px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(198.065px, 10.689px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.04px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(198.065px, 10.689px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(198.065px, 10.689px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 6.33px;
  z-index: 22;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer028 {
  -ms-transform: translate(209.897px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(209.897px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.13px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(209.897px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(209.897px, 4.461px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 5.29px;
  z-index: 23;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer029 {
  -ms-transform: translate(229.331px, 1.079px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(229.331px, 1.079px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 20.60px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(229.331px, 1.079px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(229.331px, 1.079px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 17.64px;
  z-index: 28;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer030 {
  -ms-transform: translate(246.146px, 4.312px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(246.146px, 4.312px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.23px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(246.146px, 4.312px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(246.146px, 4.312px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 17.54px;
  z-index: 29;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer031 {
  -ms-transform: translate(264.573px, 4.416px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(264.573px, 4.416px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.23px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(264.573px, 4.416px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(264.573px, 4.416px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 13.33px;
  z-index: 27;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer032 {
  -ms-transform: translate(279.978px, 4.52px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(279.978px, 4.52px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 16.92px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(279.978px, 4.52px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(279.978px, 4.52px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 13.39px;
  z-index: 26;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer033 {
  -ms-transform: translate(294.506px, 4.091px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(294.506px, 4.091px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.69px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(294.506px, 4.091px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(294.506px, 4.091px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 15.16px;
  z-index: 30;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer034 {
  -ms-transform: translate(311.218px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(311.218px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.13px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(311.218px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(311.218px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 1.04px;
  z-index: 24;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer035 {
  -ms-transform: translate(314.538px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(314.538px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 17.13px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(314.538px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(314.538px, 4.208px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 5.29px;
  z-index: 25;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer049 {
  -ms-transform: translate(0px, 0px) rotate(270deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 50% 50%;
  -webkit-transform: translate(0px, 0px) rotate(270deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 50% 50%;
  display: inline-block;
  height: 45px;
  position: relative;
  transform: translate(0px, 0px) rotate(270deg) skew(0deg) scale(1, 1);
  transform: translate(0px, 0px) rotate(270deg) skew(0deg) scale(1, 1);
  transform-origin: 50% 50%;
  transform-origin: 130% 0;
  width: 810px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer053 {
  display: inline-block;
  height: 0px;
  position: relative;
  width: 550px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer056 {
  display: inline-block;
  height: 114px;
  position: relative;
  width: 54px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer057 {
  display: inline-block;
  height: 102px;
  width: 50px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer058, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer062, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer064 {
  display: inline-block;
  height: 27px;
  position: relative;
  width: 558px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer086 {
  display: inline-block;
  height: 697px;
  width: 459px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer088 {
  display: inline-block;
  height: 634px;
  width: 393px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer089 {
  display: inline-block;
  height: 342px;
  width: 640px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer090 {
  display: inline-block;
  height: 0px;
  position: relative;
  width: 631px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer091 {
  display: inline-block;
  height: 504px;
  width: 630px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer097 {
  -ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 36.30px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 66.42px;
  z-index: 0;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer098 {
  -ms-transform: translate(9.865px, 17.718px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(9.865px, 17.718px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.56px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(9.865px, 17.718px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(9.865px, 17.718px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 15.86px;
  z-index: 4;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer099 {
  -ms-transform: translate(12.86px, 11.638px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(12.86px, 11.638px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.56px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(12.86px, 11.638px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(12.86px, 11.638px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 9.87px;
  z-index: 3;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer100 {
  -ms-transform: translate(68.535px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(68.535px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.66px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(68.535px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(68.535px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.99px;
  z-index: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer101 {
  -ms-transform: translate(79.458px, 7.63px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(79.458px, 7.63px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.50px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(79.458px, 7.63px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(79.458px, 7.63px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 13.21px;
  z-index: 5;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer102 {
  -ms-transform: translate(95.138px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(95.138px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.66px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(95.138px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(95.138px, 7.469px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 1.76px;
  z-index: 2;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer103 {
  -ms-transform: translate(99.352px, 6.361px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(99.352px, 6.361px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 30.47px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(99.352px, 6.361px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(99.352px, 6.361px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 73.31px;
  z-index: 6;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer104 {
  -ms-transform: translate(130.728px, 23.971px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(130.728px, 23.971px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.74px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(130.728px, 23.971px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(130.728px, 23.971px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 15.15px;
  z-index: 7;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer105 {
  -ms-transform: translate(133.019px, 17.891px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(133.019px, 17.891px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.74px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(133.019px, 17.891px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(133.019px, 17.891px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 10.75px;
  z-index: 8;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer106 {
  -ms-transform: translate(198.235px, 2.386px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(198.235px, 2.386px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 34.29px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(198.235px, 2.386px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(198.235px, 2.386px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 14.04px;
  z-index: 15;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer107 {
  -ms-transform: translate(212.858px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(212.858px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.83px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(212.858px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(212.858px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 29.78px;
  z-index: 14;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer108 {
  -ms-transform: translate(240.696px, 7.92px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(240.696px, 7.92px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.49px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(240.696px, 7.92px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(240.696px, 7.92px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 13.39px;
  z-index: 9;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer109 {
  -ms-transform: translate(249.856px, 6.466px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(249.856px, 6.466px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 29.77px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(249.856px, 6.466px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(249.856px, 6.466px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 48.98px;
  z-index: 13;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer110 {
  -ms-transform: translate(256.552px, 23.728px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(256.552px, 23.728px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.74px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(256.552px, 23.728px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(256.552px, 23.728px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 15.15px;
  z-index: 10;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer111 {
  -ms-transform: translate(259.547px, 17.647px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(259.547px, 17.647px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.74px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(259.547px, 17.647px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(259.547px, 17.647px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 10.04px;
  z-index: 11;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer112 {
  -ms-transform: translate(301.656px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(301.656px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.66px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(301.656px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(301.656px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 1.76px;
  z-index: 12;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer113 {
  -ms-transform: translate(306.222px, 6.64px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(306.222px, 6.64px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 30.47px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(306.222px, 6.64px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(306.222px, 6.64px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 52.34px;
  z-index: 16;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer114 {
  -ms-transform: translate(337.596px, 24.248px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(337.596px, 24.248px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.74px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(337.596px, 24.248px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(337.596px, 24.248px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 15.15px;
  z-index: 17;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer115 {
  -ms-transform: translate(339.888px, 18.168px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(339.888px, 18.168px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 1.74px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(339.888px, 18.168px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(339.888px, 18.168px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 10.75px;
  z-index: 18;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer116 {
  -ms-transform: translate(359.971px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(359.971px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.66px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(359.971px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(359.971px, 7.747px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.99px;
  z-index: 19;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer117 {
  -ms-transform: translate(384.949px, 2.111px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(384.949px, 2.111px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 34.48px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(384.949px, 2.111px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(384.949px, 2.111px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 29.96px;
  z-index: 24;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer118 {
  -ms-transform: translate(413.495px, 7.523px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(413.495px, 7.523px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.84px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(413.495px, 7.523px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(413.495px, 7.523px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 29.78px;
  z-index: 25;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer119 {
  -ms-transform: translate(444.778px, 7.697px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(444.778px, 7.697px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.83px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(444.778px, 7.697px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(444.778px, 7.697px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 22.63px;
  z-index: 23;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer120 {
  -ms-transform: translate(470.932px, 7.871px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(470.932px, 7.871px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.31px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(470.932px, 7.871px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(470.932px, 7.871px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 22.73px;
  z-index: 22;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer121 {
  -ms-transform: translate(495.594px, 7.152px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(495.594px, 7.152px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 29.61px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(495.594px, 7.152px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(495.594px, 7.152px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 25.73px;
  z-index: 26;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer122 {
  -ms-transform: translate(523.963px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(523.963px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.66px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(523.963px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(523.963px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 1.76px;
  z-index: 20;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer123 {
  -ms-transform: translate(529.601px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(529.601px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 28.66px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(529.601px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(529.601px, 7.349px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 8.98px;
  z-index: 21;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer124 {
  display: inline-block;
  height: 37px;
  position: relative;
  width: 539px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer125, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer126, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer127, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer128, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer129, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer130, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer131, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer132, #MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer133 {
  -ms-transform: translate(0px, 0px) rotate(344.719deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 50% 50%;
  -webkit-transform: translate(0px, 0px) rotate(344.719deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 50% 50%;
  display: inline-block;
  height: 12px;
  position: relative;
  transform: translate(0px, 0px) rotate(344.719deg) skew(0deg) scale(1, 1);
  transform: translate(0px, 0px) rotate(344.719deg) skew(0deg) scale(1, 1);
  transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 19px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer134 {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 145px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer135 {
  display: inline-block;
  height: 21px;
  width: 138px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer136 {
  display: inline-block;
  height: 27px;
  width: 139px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer137 {
  display: inline-block;
  height: 477px;
  position: relative;
  width: 114px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer138 {
  display: inline-block;
  height: 210px;
  width: 103px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer139 {
  display: inline-block;
  height: 64px;
  width: 95px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer140 {
  -ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 41.59px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(0px, 0px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 94.91px;
  z-index: 0;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer141 {
  -ms-transform: translate(3.369px, 3.209px) rotate(0deg) skew(0deg) scale(1, 1);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: translate(3.369px, 3.209px) rotate(0deg) skew(0deg) scale(1, 1);
  -webkit-transform-origin: 0% 0%;
  height: 36.83px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translate(3.369px, 3.209px) rotate(0deg) skew(0deg) scale(1, 1);
  transform: translate(3.369px, 3.209px) rotate(0deg) skew(0deg) scale(1, 1);
  transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  width: 91.07px;
  z-index: 1;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer142 {
  display: inline-block;
  height: 44px;
  position: relative;
  width: 97px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer143 {
  display: inline-block;
  height: 37px;
  width: 97px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body img._idGenObjectAttribute-1 {
  height: 100.00%;
  min-width: 100%;
  width: 100.00%;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectAttribute-2 {
  height: 0px;
  position: relative;
  width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-1 {
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body #_idContainer084 {
  border: solid 1px #E2E2E2;
  padding: 16px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-2 {
  background-color: #ffffff;
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-3 {
  border-color: #477022;
  border-width: 2px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-4 {
  background-color: #000000;
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-5 {
  background-color: #b5cb8b;
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-6 {
  background-color: #ffffff;
  border-color: #477022;
  border-width: 3px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-7 {
  background-color: #477022;
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-8 {
  background-color: #dfcba9;
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-9 {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-10 {
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 4px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-11 {
  background-color: #2f7043;
  border-width: 0px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-12 {
  background-color: #ffffff;
  border-width: 2px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-13 {
  background-color: #ffffff;
  border-color: #2d9045;
  border-style: solid;
  border-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectStyleOverride-14 {
  background-color: #ffffff;
  border-width: 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectLayout-1 {
  text-align: center;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectLayout-2 {
  margin: 382px -382px 382px -382px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body div._idGenObjectLayout-3 {
  margin: 2px 1px 2px 1px;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body .HG-body {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  color: #000;
  text-align: left !important;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body .Mono-L2 .CharOverride-10 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 17px !important;
  font-weight: bold;
  color: #000;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body .Mono-L1 .CharOverride-10 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 18px !important;
  font-weight: bold;
  color: #000;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body .CharOverride-12 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  font-weight: bold;
  color: #000 !important;
}

#MonographsContentArticle .card-master .main-panel .intro-main-panel .content-body .body span.CharOverride-30 {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
}

#MonographsContentArticle .card-master .main-panel .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#MonographsContentArticle .card-master .main-panel .table-of-content-main-panel {
  width: 33%;
  display: flex;
  justify-content: center;
}

#MonographsContentArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-img img {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#MonographsContentArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn {
  padding: 16px 0;
  display: flex;
  text-align: center;
}

#MonographsContentArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn a {
  width: 100%;
  font-family: "Helvetica Neue", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #00746b;
  color: white;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-style: italic;
}

#MonographsContentArticle .card-master .main-panel .table-of-content-main-panel .current-issue .current-issue-nav-btn a:hover {
  color: white !important;
  background: #258778;
}

@media (max-width: 415px) {
  #MonographsContentArticle .card-master .main-panel {
    padding: 0;
  }
}

#searchDirectory .card-master {
  font-size: 15px;
  display: flex;
}

#searchDirectory .card-master .title-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 16px;
}

#searchDirectory .card-master .title-panel .header-main-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 16px;
}

#searchDirectory .card-master .title-panel .sub-title-header {
  padding-bottom: 16px;
  font-size: 16px;
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

#searchDirectory .card-master .title-panel .how-to-use a {
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 16px;
  border-radius: 5px;
  background: #EBEBEB;
  color: #00746b;
  text-decoration: none;
  font-size: 16px;
}

#searchDirectory .card-master .title-panel .how-to-use a:hover {
  color: #00746b !important;
  background: #c2c2c2;
}

#searchDirectory .card-master .main-panel {
  font-family: "Roboto Condensed", sans-serif;
  width: 67%;
}

#searchDirectory .card-master .main-panel p {
  margin: 0;
}

#searchDirectory .card-master .main-panel .header-title {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

#searchDirectory .card-master .main-panel .result-count {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  color: #9B9B9B;
  padding-bottom: 16px;
}

#searchDirectory .card-master .main-panel .spell {
  display: flex;
  flex-direction: row;
  padding-bottom: 24px;
  color: #dd4b39;
  font-size: 18px;
  font-family: "Roboto", sans-serif !important;
}

#searchDirectory .card-master .main-panel .spell .spell-check {
  padding-left: 8px;
  color: #000;
}

#searchDirectory .card-master .main-panel .spell .spell-check b {
  font-weight: 900;
}

#searchDirectory .card-master .main-panel .spell .spell-check:hover {
  text-decoration: underline;
}

#searchDirectory .card-master .main-panel .panel-group .panel-heading {
  padding: 2px 2px;
}

#searchDirectory .card-master .main-panel .panel-group .panel-link .panel-title {
  padding: 8px 13px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}

#searchDirectory .card-master .main-panel .panel-group .sort-panel {
  display: flex;
  padding-bottom: 8px;
  flex-direction: row;
  justify-content: flex-end;
}

#searchDirectory .card-master .main-panel .panel-group .sort-panel .sort-order-link {
  text-transform: uppercase;
}

#searchDirectory .card-master .main-panel .panel-group .sort-panel .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 0 8px;
  color: #E2E2E2;
}

#searchDirectory .card-master .main-panel .results-list .result-row {
  margin-bottom: 28px;
}

#searchDirectory .card-master .main-panel .results-list .result-row .parent-node {
  color: #000;
  font-weight: 700;
  font-size: 20px;
}

#searchDirectory .card-master .main-panel .results-list .result-row .result-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 4px 0;
}

#searchDirectory .card-master .main-panel .results-list .result-row .result-title strong {
  font-weight: 500;
}

#searchDirectory .card-master .vertical-border {
  border-right: 1px solid;
  height: auto;
  margin: 8px 16px;
  color: #E2E2E2;
}

#searchDirectory .card-master .right-nav-sort-filters {
  width: 250px;
}

#searchDirectory .card-master .right-side-panal {
  width: 33%;
}

#searchDirectory .addsearch-filters-checkboxgroup label, #searchDirectory .addsearch-filters-radiogroup label {
  text-transform: capitalize;
}

#lo-template .main-btn {
  border: 0;
  color: white;
  background: #2A79C2;
  font-weight: 600;
  font-size: 14px;
  border-radius: 3px;
  padding: 4px 14px;
}

#lo-template .grid-section {
  display: flex;
  flex-direction: column;
}

#lo-template .spacing table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate !important;
  border-spacing: 15px;
}

#lo-template .spacing td {
  padding: 8px;
}

#lo-template .botanical-excellence-awards-img-center {
  text-align: center;
}

#adoptAnHerbDirectory .card-master .main-panel .adopt-nav-panel .two-columns {
  display: flex;
  justify-content: center;
}

#adoptAnHerbDirectory .card-master .main-panel .adopt-nav-panel .two-columns .col1 {
  padding: 4px;
}

#adoptAnHerb .card-master .herb-left-image .adopterImage {
  max-width: 250px;
}

#adoptAnHerb .card-master .herb-left-image .herbImage {
  max-width: 250px;
}

#adoptAnHerb .card-master .quote-text {
  max-width: 370px;
  padding: 10px;
}

.themed {
  background-color: #1B1B1B;
  position: sticky;
  box-shadow: #1b1b1bb5 0px 1px 3px 3px;
}

#footer .footer-title {
  height: 32px;
  color: #FFFFFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

#footer .footer-body {
  color: #AAAAAA !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 33px;
  padding-bottom: 16px;
}

#footer .footer-body a {
  text-decoration: none;
  color: #AAAAAA !important;
}

#footer .footer-body a:hover {
  color: #FFFFEE !important;
}

#footer .content-center p {
  padding: 0 16px;
  color: #FFFFFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}

/* Generate Margin Attribute Styles */
[margin-top-4] {
  margin-top: 4px;
}

[margin-bottom-4] {
  margin-bottom: 4px;
}

[margin-left-4] {
  margin-left: 4px;
}

[margin-right-4] {
  margin-right: 4px;
}

[margin-4] {
  margin: 4px;
}

[margin-top-8] {
  margin-top: 8px;
}

[margin-bottom-8] {
  margin-bottom: 8px;
}

[margin-left-8] {
  margin-left: 8px;
}

[margin-right-8] {
  margin-right: 8px;
}

[margin-8] {
  margin: 8px;
}

[margin-top-16] {
  margin-top: 16px;
}

[margin-bottom-16] {
  margin-bottom: 16px;
}

[margin-left-16] {
  margin-left: 16px;
}

[margin-right-16] {
  margin-right: 16px;
}

[margin-16] {
  margin: 16px;
}

[margin-top-24] {
  margin-top: 24px;
}

[margin-bottom-24] {
  margin-bottom: 24px;
}

[margin-left-24] {
  margin-left: 24px;
}

[margin-right-24] {
  margin-right: 24px;
}

[margin-24] {
  margin: 24px;
}

[margin-top-32] {
  margin-top: 32px;
}

[margin-bottom-32] {
  margin-bottom: 32px;
}

[margin-left-32] {
  margin-left: 32px;
}

[margin-right-32] {
  margin-right: 32px;
}

[margin-32] {
  margin: 32px;
}

[margin-top-40] {
  margin-top: 40px;
}

[margin-bottom-40] {
  margin-bottom: 40px;
}

[margin-left-40] {
  margin-left: 40px;
}

[margin-right-40] {
  margin-right: 40px;
}

[margin-40] {
  margin: 40px;
}

[margin-top-48] {
  margin-top: 48px;
}

[margin-bottom-48] {
  margin-bottom: 48px;
}

[margin-left-48] {
  margin-left: 48px;
}

[margin-right-48] {
  margin-right: 48px;
}

[margin-48] {
  margin: 48px;
}

[margin-top-56] {
  margin-top: 56px;
}

[margin-bottom-56] {
  margin-bottom: 56px;
}

[margin-left-56] {
  margin-left: 56px;
}

[margin-right-56] {
  margin-right: 56px;
}

[margin-56] {
  margin: 56px;
}

[margin-top-64] {
  margin-top: 64px;
}

[margin-bottom-64] {
  margin-bottom: 64px;
}

[margin-left-64] {
  margin-left: 64px;
}

[margin-right-64] {
  margin-right: 64px;
}

[margin-64] {
  margin: 64px;
}

[margin-top-72] {
  margin-top: 72px;
}

[margin-bottom-72] {
  margin-bottom: 72px;
}

[margin-left-72] {
  margin-left: 72px;
}

[margin-right-72] {
  margin-right: 72px;
}

[margin-72] {
  margin: 72px;
}

[margin-top-80] {
  margin-top: 80px;
}

[margin-bottom-80] {
  margin-bottom: 80px;
}

[margin-left-80] {
  margin-left: 80px;
}

[margin-right-80] {
  margin-right: 80px;
}

[margin-80] {
  margin: 80px;
}

[margin-top-88] {
  margin-top: 88px;
}

[margin-bottom-88] {
  margin-bottom: 88px;
}

[margin-left-88] {
  margin-left: 88px;
}

[margin-right-88] {
  margin-right: 88px;
}

[margin-88] {
  margin: 88px;
}

[margin-top-96] {
  margin-top: 96px;
}

[margin-bottom-96] {
  margin-bottom: 96px;
}

[margin-left-96] {
  margin-left: 96px;
}

[margin-right-96] {
  margin-right: 96px;
}

[margin-96] {
  margin: 96px;
}

[margin-top-104] {
  margin-top: 104px;
}

[margin-bottom-104] {
  margin-bottom: 104px;
}

[margin-left-104] {
  margin-left: 104px;
}

[margin-right-104] {
  margin-right: 104px;
}

[margin-104] {
  margin: 104px;
}

[margin-top-112] {
  margin-top: 112px;
}

[margin-bottom-112] {
  margin-bottom: 112px;
}

[margin-left-112] {
  margin-left: 112px;
}

[margin-right-112] {
  margin-right: 112px;
}

[margin-112] {
  margin: 112px;
}

[margin-top-120] {
  margin-top: 120px;
}

[margin-bottom-120] {
  margin-bottom: 120px;
}

[margin-left-120] {
  margin-left: 120px;
}

[margin-right-120] {
  margin-right: 120px;
}

[margin-120] {
  margin: 120px;
}

[margin-top-160] {
  margin-top: 160px;
}

[margin-bottom-160] {
  margin-bottom: 160px;
}

[margin-left-160] {
  margin-left: 160px;
}

[margin-right-160] {
  margin-right: 160px;
}

[margin-160] {
  margin: 160px;
}

[margin-top-180] {
  margin-top: 180px;
}

[margin-bottom-180] {
  margin-bottom: 180px;
}

[margin-left-180] {
  margin-left: 180px;
}

[margin-right-180] {
  margin-right: 180px;
}

[margin-180] {
  margin: 180px;
}

[margin-top-240] {
  margin-top: 240px;
}

[margin-bottom-240] {
  margin-bottom: 240px;
}

[margin-left-240] {
  margin-left: 240px;
}

[margin-right-240] {
  margin-right: 240px;
}

[margin-240] {
  margin: 240px;
}

[padding-bottom-4] {
  padding-bottom: 4px;
}

[padding-top-4] {
  padding-top: 4px;
}

[padding-left-4] {
  padding-left: 4px;
}

[padding-right-4] {
  padding-right: 4px;
}

[padding-4] {
  padding: 4px;
}

[padding-bottom-8] {
  padding-bottom: 8px;
}

[padding-top-8] {
  padding-top: 8px;
}

[padding-left-8] {
  padding-left: 8px;
}

[padding-right-8] {
  padding-right: 8px;
}

[padding-8] {
  padding: 8px;
}

[padding-bottom-16] {
  padding-bottom: 16px;
}

[padding-top-16] {
  padding-top: 16px;
}

[padding-left-16] {
  padding-left: 16px;
}

[padding-right-16] {
  padding-right: 16px;
}

[padding-16] {
  padding: 16px;
}

[padding-bottom-24] {
  padding-bottom: 24px;
}

[padding-top-24] {
  padding-top: 24px;
}

[padding-left-24] {
  padding-left: 24px;
}

[padding-right-24] {
  padding-right: 24px;
}

[padding-24] {
  padding: 24px;
}

[padding-bottom-32] {
  padding-bottom: 32px;
}

[padding-top-32] {
  padding-top: 32px;
}

[padding-left-32] {
  padding-left: 32px;
}

[padding-right-32] {
  padding-right: 32px;
}

[padding-32] {
  padding: 32px;
}

[padding-bottom-40] {
  padding-bottom: 40px;
}

[padding-top-40] {
  padding-top: 40px;
}

[padding-left-40] {
  padding-left: 40px;
}

[padding-right-40] {
  padding-right: 40px;
}

[padding-40] {
  padding: 40px;
}

[padding-bottom-48] {
  padding-bottom: 48px;
}

[padding-top-48] {
  padding-top: 48px;
}

[padding-left-48] {
  padding-left: 48px;
}

[padding-right-48] {
  padding-right: 48px;
}

[padding-48] {
  padding: 48px;
}

[padding-bottom-56] {
  padding-bottom: 56px;
}

[padding-top-56] {
  padding-top: 56px;
}

[padding-left-56] {
  padding-left: 56px;
}

[padding-right-56] {
  padding-right: 56px;
}

[padding-56] {
  padding: 56px;
}

[padding-bottom-64] {
  padding-bottom: 64px;
}

[padding-top-64] {
  padding-top: 64px;
}

[padding-left-64] {
  padding-left: 64px;
}

[padding-right-64] {
  padding-right: 64px;
}

[padding-64] {
  padding: 64px;
}

[padding-bottom-72] {
  padding-bottom: 72px;
}

[padding-top-72] {
  padding-top: 72px;
}

[padding-left-72] {
  padding-left: 72px;
}

[padding-right-72] {
  padding-right: 72px;
}

[padding-72] {
  padding: 72px;
}

[padding-bottom-80] {
  padding-bottom: 80px;
}

[padding-top-80] {
  padding-top: 80px;
}

[padding-left-80] {
  padding-left: 80px;
}

[padding-right-80] {
  padding-right: 80px;
}

[padding-80] {
  padding: 80px;
}

[padding-bottom-88] {
  padding-bottom: 88px;
}

[padding-top-88] {
  padding-top: 88px;
}

[padding-left-88] {
  padding-left: 88px;
}

[padding-right-88] {
  padding-right: 88px;
}

[padding-88] {
  padding: 88px;
}

[padding-bottom-96] {
  padding-bottom: 96px;
}

[padding-top-96] {
  padding-top: 96px;
}

[padding-left-96] {
  padding-left: 96px;
}

[padding-right-96] {
  padding-right: 96px;
}

[padding-96] {
  padding: 96px;
}

[padding-bottom-104] {
  padding-bottom: 104px;
}

[padding-top-104] {
  padding-top: 104px;
}

[padding-left-104] {
  padding-left: 104px;
}

[padding-right-104] {
  padding-right: 104px;
}

[padding-104] {
  padding: 104px;
}

[padding-bottom-112] {
  padding-bottom: 112px;
}

[padding-top-112] {
  padding-top: 112px;
}

[padding-left-112] {
  padding-left: 112px;
}

[padding-right-112] {
  padding-right: 112px;
}

[padding-112] {
  padding: 112px;
}

[padding-bottom-120] {
  padding-bottom: 120px;
}

[padding-top-120] {
  padding-top: 120px;
}

[padding-left-120] {
  padding-left: 120px;
}

[padding-right-120] {
  padding-right: 120px;
}

[padding-120] {
  padding: 120px;
}

[padding-bottom-160] {
  padding-bottom: 160px;
}

[padding-top-160] {
  padding-top: 160px;
}

[padding-left-160] {
  padding-left: 160px;
}

[padding-right-160] {
  padding-right: 160px;
}

[padding-160] {
  padding: 160px;
}

[padding-bottom-180] {
  padding-bottom: 180px;
}

[padding-top-180] {
  padding-top: 180px;
}

[padding-left-180] {
  padding-left: 180px;
}

[padding-right-180] {
  padding-right: 180px;
}

[padding-180] {
  padding: 180px;
}

[padding-bottom-240] {
  padding-bottom: 240px;
}

[padding-top-240] {
  padding-top: 240px;
}

[padding-left-240] {
  padding-left: 240px;
}

[padding-right-240] {
  padding-right: 240px;
}

[padding-240] {
  padding: 240px;
}

*[no-position] {
  position: unset !important;
}

*[no-padding-left], *[no-padding-horizontal] {
  padding-left: 0 !important;
}

*[no-padding-right], *[no-padding-horizontal] {
  padding-right: 0 !important;
}

*[no-padding-top], *[no-padding-vertical] {
  padding-top: 0 !important;
}

*[no-padding-bottom], *[no-padding-vertical] {
  padding-bottom: 0 !important;
}

*[no-margin] {
  margin: 0 !important;
}

*[no-margin-left], *[no-margin-horizontal] {
  margin-left: 0 !important;
}

*[no-margin-right], *[no-margin-horizontal] {
  margin-right: 0 !important;
}

*[no-margin-top], *[no-margin-vertical] {
  margin-top: 0 !important;
}

*[no-margin-bottom], *[no-margin-vertical] {
  margin-bottom: 0 !important;
}

*[text-center] {
  text-align: center !important;
}

*[text-uppercase] {
  text-transform: uppercase;
}

b,
strong {
  font-family: "Helvetica Neue", sans-serif !important;
}

.page-title {
  color: #00746b;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.62px;
  line-height: 37px;
  font-family: "Roboto Condensed", sans-serif;
}

.small-header {
  font-size: 15px;
  letter-spacing: 0.62px;
  line-height: 20px;
  color: #00746b;
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 8px;
  padding-top: 4px;
}

.top-graphic-text {
  display: flex;
  text-align: right;
  width: 33%;
  text-shadow: -0.5px 0.5px black;
}

.description {
  color: #3A3A3A;
  font-size: 15px;
  line-height: 22px;
  font-family: "Helvetica Neue", sans-serif;
}

.content-header {
  color: #00746b;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 33px;
}

.nav-link {
  font-family: "Roboto Condensed", sans-serif !important;
}

.top-navbar {
  color: #000 !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.site-nav {
  text-align: right;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}

.login {
  background-color: #FBAFFA;
  border: solid;
  padding: 0 10px !important;
  padding-bottom: 13px !important;
  padding-top: 10px !important;
  color: #000 !important;
}

.login:hover {
  color: white !important;
}

.login-box, .reset-password-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login-box .wrapper, .reset-password-box .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f2f2f2;
  padding: 40px 55px;
  border-radius: 4px;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.35);
}

.login-box .title, .reset-password-box .title {
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  color: #01968a;
}

.login-box .sub-title, .reset-password-box .sub-title {
  margin-top: 16px;
  color: #6a6a6a;
}

.login-box .inputs, .reset-password-box .inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.login-box .inputs .custom-field, .reset-password-box .inputs .custom-field {
  width: 100%;
  border: solid 1px #dfe2e6;
  border-radius: 4px;
  padding: 10px 10px;
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 0 3px 0 #0000001f;
  margin-top: 24px;
}

.login-box .inputs .custom-field:focus, .reset-password-box .inputs .custom-field:focus {
  outline: none !important;
  border-color: #00746b !important;
}

.login-box .inputs .validation-summary-errors ul, .reset-password-box .inputs .validation-summary-errors ul {
  margin: 0;
  padding: 0;
  margin-top: 8px;
  color: red;
  font-weight: 600;
  font-size: 13px;
}

.login-box .inputs .validation-summary-errors li, .reset-password-box .inputs .validation-summary-errors li {
  list-style: none;
}

.login-box .inputs .remember-me, .reset-password-box .inputs .remember-me {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.login-box .inputs .remember-me span, .reset-password-box .inputs .remember-me span {
  margin-left: 8px;
  color: #6b6c6f;
  font-size: 13px;
  font-weight: 600;
}

.login-box .inputs .remember-me input, .reset-password-box .inputs .remember-me input {
  margin: 0;
}

.login-box .inputs .submit, .reset-password-box .inputs .submit {
  margin-top: 24px;
  padding: 11px 60px;
  border: 0;
  background: #00746b;
  color: white;
  font-weight: 600;
  border-radius: 4px;
}

.login-box .inputs .submit:hover, .reset-password-box .inputs .submit:hover {
  background: #008f84;
}

.login-box .inputs .forget-password, .reset-password-box .inputs .forget-password {
  margin-top: 24px;
  color: #a1a1a1 !important;
  font-size: 13px;
  font-weight: 600;
}

.login-box .question, .reset-password-box .question {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #6b6c6f;
}

.main-panel-split, .left-main-panel, .left-column-main, .main-panel {
  overflow-wrap: break-word;
}

.header-nav {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.header-nav .site-top-nav {
  display: flex;
}

.heder-title img {
  width: 100%;
}

.header-cover-photo {
  padding: 0 16px 16px;
  width: 100%;
}

.nav-bar.top-nav {
  background-color: #00746b !important;
}

.nav-bar.top-nav .container .nav-bar-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-height: 50px;
  height: 50px;
}

.nav-bar.top-nav .container .nav-bar-items .nav-bar-content-items {
  display: flex;
  height: 100%;
}

.nav-bar.top-nav .container .nav-bar-items .nav-bar-content-items .content-item {
  margin: 0 15px;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
}

.search-container {
  display: flex;
}

.searchbar {
  margin-bottom: auto;
  margin-top: auto;
  height: 40px;
  display: flex;
  align-items: center;
  background: white;
  padding: 0px;
  height: 30px;
  border-radius: 5px;
}

.search_input {
  color: white;
  border: 0;
  outline: 0;
  background-color: white;
  border-radius: 5px;
  width: 0;
  caret-color: #000;
  line-height: 40px;
  transition: width 0.4s linear;
  height: 30px;
}

.searchbar .search_input {
  padding: 0 10px;
  width: 200px;
  caret-color: #000;
  font-size: 14px;
  transition: width 0.4s linear;
  color: #000;
}

/*.searchbar:before > .search_icon {
    background: white;
  color:$gray-dark;
}*/
.search-box-icon {
  height: 30px;
  width: 30px;
  float: right;
  display: flex;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

.serach-result-box {
  position: absolute;
  background: #aecce6;
  z-index: 1;
  width: 230px;
  padding: 16px;
  color: #4a4a4a;
  font-size: 16px;
  display: none;
}

.left-side-menu {
  display: none;
}

.nav-item {
  color: white !important;
}

.nav-item:hover {
  color: white !important;
}

.search-icon {
  display: none;
  padding-left: 16px;
  width: 40px;
}

.menu-mood {
  background: white;
  opacity: 0.29;
}

a:hover {
  text-decoration: none !important;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.3s;
  padding-top: 0px;
  z-index: 99999;
  opacity: 1 !important;
  font-family: "Roboto", sans-serif !important !important;
  box-shadow: 2px 0px #E2E2E2;
}

.sidenav .socialmedia-nav {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}

.sidenav .socialmedia-nav .fab {
  font-size: 32px;
}

.sidenav .dropdown {
  padding: 16px;
}

.sidenav .dropdown .Resources-dropdown {
  font-size: 16px;
}

.sidenav .horizontal-border {
  border-bottom: 1px solid #E2E2E2;
}

.sidenav a {
  text-decoration: none;
  font-size: 25px;
  color: #000;
  display: block;
  padding: 16px;
}

.sidenav a:hover {
  color: white !important;
  background-color: #00746b;
}

.sidenav .sidenav-row {
  background: #0054a5;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
}

.sidenav .sidenav-row a:hover {
  background-color: #00746b !important;
}

.sidenav .sidenav-row .bolder {
  font-weight: bold;
}

.sidenav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.sidenav .search-container button:hover {
  background: #ccc;
}

.sidenav .dropdown-mega-menu {
  padding: 0;
  cursor: pointer;
  height: 100%;
}

.sidenav .dropdown-mega-menu .col-xs-3 {
  padding-left: 31px;
}

.sidenav .dropdown-mega-menu .Resources-dropdown {
  padding: 16px;
}

.sidenav .dropdown-mega-menu .Resources-dropdown:hover {
  color: white !important;
  background-color: #00746b;
}

.sidenav .dropdown-mega-menu .Resources-dropdown-items a {
  padding: 8px 16px;
}

.sidenav .dropdown-mega-menu .Resources-dropdown-items a:hover {
  color: white !important;
  background-color: #00746b;
}

.sidenav .dropdown-mega-menu .hide {
  display: none;
  transition: 0.2s;
}

.sidenav .dropdown-mega-menu .show {
  box-shadow: 0px 1px #E2E2E2;
  display: block;
  border-radius: 1px;
  background: #00746b;
  color: white;
  transition: 0.2s;
}

.italic {
  font-style: italic;
}

.sidenav .closebtn {
  /*position: absolute;
    top: 0;
    right: 25px;*/
  color: white !important;
  font-size: 32px;
  padding: 0 16px;
}

.card-master .header-title .nav-link {
  font-size: 16px !important;
}

body main {
  background: none;
}

body main .container {
  min-height: 400px;
}

body main .container .card-master {
  min-height: 600px;
}

.fab {
  height: 0px;
  font-size: 24px;
  padding-right: 4px;
  color: #000;
}

.fa-youtube:hover {
  color: #ff0d00;
}

.fa-twitter-square:hover {
  color: #1ea1f2;
}

.fa-instagram:hover {
  color: #b33e97;
}

.fa-facebook:hover {
  color: #1092f3;
}

.umb-grid a {
  color: #00746b;
}

.umb-grid .grid-section p {
  font-size: 16px;
}

.umb-grid .render-content-body p {
  font-size: 16px;
}

.umb-grid .render-content-body .news-header-img {
  background: #258778;
}

a {
  color: #00746b;
}

@media (min-width: 576px) {
  .sub-nav {
    background-color: #D7D7D7 !important;
  }
  .sidenav {
    width: 0 !important;
  }
  .menu-mood {
    background: white;
    opacity: 1;
  }
}

@media (min-width: 1750px) {
  body main.container {
    width: 1600px;
  }
}

@media (min-width: 1400px) {
  body main.container {
    width: 1250px;
  }
}

@media (max-width: 992px) {
  .nav-bar.top-nav .container .nav-bar-items .nav-bar-content-items .content-item {
    margin: 0 9px;
  }
  #home .card-master .right-side-panal {
    padding-left: 8px;
  }
}

@media (max-width: 768px) {
  #home .card-master .right-side-panal .ads-img .content img {
    height: 500px;
  }
  .nav-bar.top-nav .container .nav-bar-items .nav-bar-content-items .content-item {
    margin: 0 5px;
  }
  .nav-bar.top-nav a.nav-link {
    font-size: 14px !important;
  }
  .card-master .header-title {
    flex-wrap: wrap !important;
  }
  .card-master .header-title .light {
    font-size: 16px !important;
  }
  .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 576px) {
  .nav-item {
    font-size: 16px !important;
    color: white !important;
  }
  .top-nav-item {
    font-size: 12px !important;
    color: white !important;
  }
  .left-side-menu {
    display: block;
  }
  .search-icon {
    display: block;
  }
  .top-nav {
    display: none !important;
  }
  .sub-nav {
    background-color: #00746b !important;
  }
  .header {
    background: #EBEBEB !important;
    padding: 16px 0 !important;
  }
  .logo-image {
    width: 166px;
  }
  .login {
    padding: 0 !important;
    background: none;
  }
  .sidenav {
    padding-top: 0;
  }
  .sidenav a {
    font-size: 16px;
  }
}

@media (max-width: 415px) {
  .nav-item {
    font-size: 10px !important;
  }
  .top-nav-item {
    font-size: 10px !important;
  }
  .card-master .header-title .nav-link {
    font-size: 16px !important;
  }
  .card-master .header-title {
    padding: 0px;
  }
  .card-master .content-panal {
    padding: 0;
  }
  .card-master .content-panal .main-row {
    padding: 0 !important;
  }
  .card-master .no-padding {
    padding: 0 !important;
  }
  .header {
    box-shadow: inset 0px 65px 14px -61px #0054a4ff !important;
  }
  .left-side-menu {
    padding: 0;
    padding-left: 8px;
  }
  .container {
    padding: 0;
  }
  .search-icon {
    padding: 0;
    width: 30px;
  }
  body main .container {
    padding: 0;
  }
  .card-master .header-title {
    display: none !important;
  }
  .site-nav .header-nav {
    flex-direction: column;
  }
  .site-nav .header-nav .site-top-nav {
    padding-bottom: 8px;
  }
  .site-nav .header-nav .socialmedia-nav a {
    margin: 0 4px;
  }
  .site-nav .header-nav .socialmedia-nav a .fab {
    color: #ffffffc9;
  }
  .nav-link--home {
    flex-direction: column !important;
  }
  .nav-link--home .top-graphic-text {
    color: #000;
    font-size: 11px;
    display: flex;
    text-align: center;
    width: 100%;
  }
  .socialmedia-nav {
    display: none;
  }
  .main-btn {
    border: 0;
    color: white;
    background: #2a79c2;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    padding: 4px 14px;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

h3 {
  color: #4A4A4A;
}

.sub-dropdown-content {
  position: absolute;
  background-color: #01968a;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-weight: bold;
  display: block;
  top: 0%;
  left: 100%;
}

.dropdown-mega-menu {
  overflow: hidden;
  padding: 0;
  height: 100%;
}

.col-menu a.sub-drop-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sub-menu:hover {
  background: #00746b;
}

.sub-menu:hover .sub-dropdown-content {
  display: block !important;
}

.dropdown-mega-menu:hover .sub-dropdown-content {
  display: none;
}

.dropdown-mega-menu .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding-right: 0 !important;
  background-color: transparent;
  margin: 0;
}

.dropdown-mega-menu .dropbtn .fa-chevron-down {
  padding-left: 5px;
}

.dropdown-mega-menu:hover {
  color: #fff;
  background-color: #01968a;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #01968a;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-weight: bold;
}

.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

.dropdown-content .row {
  padding: 24px;
  display: flex;
}

.dropdown-content .row h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: black;
}

.row .separator {
  border-left: 1px solid #ffffff77;
}

.dropdown-mega-menu:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.col-menu {
  float: left;
  width: 250px;
}

.col-menu a {
  float: none;
  color: #fff !important;
  padding: 8px 0;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}

.col-menu a:hover {
  /* background-color: #009a8e; */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: flex;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 767px) {
  .col-menu {
    width: 80%;
    height: auto;
  }
  .dropdown-content {
    width: 50%;
  }
}

@media screen and (min-width: 770px) {
  .col-menu {
    width: 250px !important;
    height: auto;
  }
}

*, :after, :before {
  box-sizing: border-box;
}

body, html {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #00746b !important;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  background-color: #efefef;
  background: linear-gradient(180deg, #E8E8E8 0%, #FFFFFF 100%);
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 900;
  font-family: 'Roboto Condensed';
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:after, .container:before {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:after, .container-fluid:before {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:after, .row:before {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.333333%;
}

.col-xs-2 {
  width: 16.666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.333333%;
}

.col-xs-5 {
  width: 41.666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.333333%;
}

.col-xs-8 {
  width: 66.666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.333333%;
}

.col-xs-11 {
  width: 91.666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.333333%;
}

.col-xs-pull-2 {
  right: 16.666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.333333%;
}

.col-xs-pull-5 {
  right: 41.666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.333333%;
}

.col-xs-pull-8 {
  right: 66.666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.333333%;
}

.col-xs-pull-11 {
  right: 91.666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.333333%;
}

.col-xs-push-2 {
  left: 16.666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.333333%;
}

.col-xs-push-5 {
  left: 41.666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.333333%;
}

.col-xs-push-8 {
  left: 66.666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.333333%;
}

.col-xs-push-11 {
  left: 91.666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.333333%;
}

.col-xs-offset-2 {
  margin-left: 16.666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333333%;
}

.col-xs-offset-5 {
  margin-left: 41.666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333333%;
}

.col-xs-offset-8 {
  margin-left: 66.666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333333%;
}

.col-xs-offset-11 {
  margin-left: 91.666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

fieldset {
  margin: 0;
  min-width: 0;
}

fieldset, legend {
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple], select[size] {
  height: auto;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  padding-top: 7px;
}

.form-control, output {
  display: block;
  font-size: 14px;
  line-height: 1.428571;
  color: #555;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

.form-group {
  margin-bottom: 15px;
}

.checkbox, .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label, .radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px\9;
}

.checkbox + .checkbox, .radio + .radio {
  margin-top: -5px;
}

.checkbox-inline, .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer;
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}

.checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
  height: 30px;
  line-height: 30px;
}

.input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.333333;
  border-radius: 6px;
}

.input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg {
  height: 46px;
  line-height: 46px;
}

.input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .checkbox, .form-horizontal .radio {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
  margin-top: 0;
}

.input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn, .input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
  z-index: 2;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777;
}

.label-default[href]:focus, .label-default[href]:hover {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:focus, .label-primary[href]:hover {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:focus, .label-success[href]:hover {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:focus, .label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:focus, .label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: #c9302c;
}

h1 {
  font-size: 2.2em;
}

h2 {
  font-size: 1.6em;
}

.nav-link--disabled, .nav-link--disabled:hover {
  border-color: transparent !important;
  cursor: not-allowed;
}

.header {
  padding-top: 40px;
  padding-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /* flex-direction: column; */
  width: 100%;
  z-index: 4;
  background-image: url(/media/1031/banner-2x.png);
  background-position: 100% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

body.frontpage .header:not(.header--fixed) .nav-link--home__text:after {
  background-color: #fff;
}

body.frontpage .header:not(.header--fixed) .nav-link {
  color: white;
}

a.nav-link.navi-link--active {
  /* border-color: #ffffff; */
  /* font-weight: 800; */
}

.sub-nav a.nav-link {
  border-color: transparent;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding-bottom: 3px;
}

body.frontpage .header:not(.header--fixed) .nav-link--active, body.frontpage .header:not(.header--fixed) .nav-link:hover {
  border-bottom-color: #fff;
}

body.frontpage .header:not(.header--fixed) .hamburger span, body.frontpage .header:not(.header--fixed) .hamburger span:after, body.frontpage .header:not(.header--fixed) .hamburger span:before {
  background-color: #fff;
}

body.fixed .top-nav.-open {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translate(0);
}

footer {
  padding-top: 60px;
  padding-bottom: 60px;
}

.logo {
  /* padding-left: 20px */
  display: flex;
}

.logo-img {
  max-width: 296px;
  max-height: 132px;
  height: auto;
  /* margin-left: 20px; */
  display: block;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.nav-link--home {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.top-graphic-text {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
}

.nav-bar {
  display: -ms-inline-flexbox;
  display: flex;
  -ms-flex-align: center;
  flex-direction: row;
}

.nav-bar.top-nav a.nav-link {
  color: white;
  font-size: 16px;
}

.nav-bar.sub-nav a.nav-link {
  color: #ffffff;
  letter-spacing: 1px;
  margin: 0;
  margin-right: 16px;
}

.nav-bar.top-nav {
  justify-self: stretch;
  align-self: stretch;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #1C84BE;
  color: white;
  margin-bottom: 5px;
  top: 0px;
}

nav.nav-bar.sub-nav {
  padding: 6px;
  background-color: #00588A;
  font-size: 0.5em;
  /* font-weight: 700; */
  box-shadow: unset !important;
}

.nav-bar--list {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nav-bar--center, .nav-bar--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav-bar--air-bottom {
  margin-bottom: 40px;
}

.nav-link, .nav-link:visited {
  text-decoration: none;
  font-size: 14px;
}

label {
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.form-group {
  margin-bottom: 25px;
}

.form-control {
  border-radius: 0;
  box-shadow: none;
  transition: none;
  padding: 20px 15px;
}

.form-control:focus {
  border-color: #362bdc;
  box-shadow: none;
}

.mobile-nav-handler {
  margin-left: auto;
  margin-right: 40px;
}

.hamburger {
  position: relative;
  cursor: pointer;
  z-index: 5;
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.hamburger span, .hamburger span:after, .hamburger span:before {
  display: block;
  transition-property: all;
  transition-duration: .1s;
}

.hamburger span {
  margin: 0 auto;
  position: relative;
}

.hamburger span:after, .hamburger span:before {
  position: absolute;
  content: '';
}

.hamburger.lines span, .hamburger.lines span:after, .hamburger.lines span:before {
  width: 20px;
  height: 2px;
}

.hamburger.lines span:before {
  transform: translateY(-5px);
}

.hamburger.lines span:after {
  transform: translateY(5px);
}

.hamburger.lines:hover span:before {
  transform: translateY(-7px);
}

.hamburger.lines:hover span:after {
  transform: translateY(7px);
}

.hamburger.lines:hover.active span:before {
  transform: rotate(45deg);
}

.hamburger.lines:hover.active span:after {
  transform: rotate(-45deg);
}

.hamburger.lines.active span {
  background-color: transparent !important;
}

.hamburger.lines.active span:after, .hamburger.lines.active span:before {
  transform: translateY(0);
}

.hamburger.lines.active span:before {
  transform: rotate(45deg);
}

.hamburger.lines.active span:after {
  transform: rotate(-45deg);
}

.mobile-nav {
  width: 100%;
  height: auto;
  z-index: 4;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  height: 0;
}

.mobile-nav .dropdown-mega-menu {
  display: none;
}

.mobile-nav .nav-bar {
  display: none;
}

.mobile-nav--open {
  opacity: 1;
  height: 100vh;
}

.mobile-nav .nav-link {
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translateY(999px);
  opacity: 0;
  font-size: 18px;
  margin: 15px;
}

.mobile-nav .nav-link:nth-child(1) {
  transition-delay: 60ms;
}

.mobile-nav .nav-link:nth-child(2) {
  transition-delay: 80ms;
}

.mobile-nav .nav-link:nth-child(3) {
  transition-delay: .1s;
}

.mobile-nav .nav-link:nth-child(4) {
  transition-delay: .12s;
}

.mobile-nav .nav-link:nth-child(5) {
  transition-delay: .14s;
}

.mobile-nav .nav-link:nth-child(6) {
  transition-delay: .16s;
}

.mobile-nav .nav-link:nth-child(7) {
  transition-delay: .18s;
}

.mobile-nav .nav-link:nth-child(8) {
  transition-delay: .2s;
}

.mobile-nav .nav-link:nth-child(9) {
  transition-delay: .22s;
}

.mobile-nav .nav-link:nth-child(10) {
  transition-delay: .24s;
}

.mobile-nav .nav-link:nth-child(11) {
  transition-delay: .26s;
}

.mobile-nav--open .nav-link {
  transform: translate(0);
  opacity: 1;
}

.ta-center {
  text-align: center;
}

.mw-640 {
  max-width: 640px;
}

.ma-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.no-air {
  margin: 0;
}

.no-scroll {
  overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    line-height: 34px;
  }
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
    line-height: 30px;
  }
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
    line-height: 46px;
  }
}

.compat-msg {
  color: #000;
  display: block;
  background: #f4f4f0;
  padding: 30px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.333333%;
  }
  .col-sm-2 {
    width: 16.666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333333%;
  }
  .col-sm-5 {
    width: 41.666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333%;
  }
  .col-sm-8 {
    width: 66.666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.333333%;
  }
  .col-sm-11 {
    width: 91.666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.333333%;
  }
  .col-sm-pull-2 {
    right: 16.666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.333333%;
  }
  .col-sm-pull-5 {
    right: 41.666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.333333%;
  }
  .col-sm-pull-8 {
    right: 66.666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.333333%;
  }
  .col-sm-pull-11 {
    right: 91.666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.333333%;
  }
  .col-sm-push-2 {
    left: 16.666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.333333%;
  }
  .col-sm-push-5 {
    left: 41.666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.333333%;
  }
  .col-sm-push-8 {
    left: 66.666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.333333%;
  }
  .col-sm-push-11 {
    left: 91.666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox, .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label, .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
  .employee-grid__item, .product-grid__item {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
  }
  .employee-grid__item {
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.333333%;
  }
  .col-md-2 {
    width: 16.666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.333333%;
  }
  .col-md-5 {
    width: 41.666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333%;
  }
  .col-md-8 {
    width: 66.666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.333333%;
  }
  .col-md-11 {
    width: 91.666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.333333%;
  }
  .col-md-pull-2 {
    right: 16.666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.333333%;
  }
  .col-md-pull-5 {
    right: 41.666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.333333%;
  }
  .col-md-pull-8 {
    right: 66.666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.333333%;
  }
  .col-md-pull-11 {
    right: 91.666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.333333%;
  }
  .col-md-push-2 {
    left: 16.666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.333333%;
  }
  .col-md-push-5 {
    left: 41.666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.333333%;
  }
  .col-md-push-8 {
    left: 66.666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.333333%;
  }
  .col-md-push-11 {
    left: 91.666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .button, .button--small {
    padding: 10px 80px;
  }
  .blogposts {
    max-width: 800px;
  }
  .blogpost {
    padding: 30px;
    margin: 20px 0;
  }
  .blogpost.blogpost-with-image {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .blogpost-image {
    height: 160px;
    max-width: 160px;
    margin-top: 0;
    margin-left: 20px;
  }
  .employee-grid {
    margin-left: 20px;
    margin-right: 20px;
  }
  .mobile-nav-handler {
    display: none;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .container.white {
    background-color: white;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.333333%;
  }
  .col-lg-2 {
    width: 16.666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.333333%;
  }
  .col-lg-5 {
    width: 41.666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333%;
  }
  .col-lg-8 {
    width: 66.666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.333333%;
  }
  .col-lg-11 {
    width: 91.666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.333333%;
  }
  .col-lg-pull-2 {
    right: 16.666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.333333%;
  }
  .col-lg-pull-5 {
    right: 41.666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333%;
  }
  .col-lg-pull-8 {
    right: 66.666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.333333%;
  }
  .col-lg-pull-11 {
    right: 91.666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.333333%;
  }
  .col-lg-push-2 {
    left: 16.666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.333333%;
  }
  .col-lg-push-5 {
    left: 41.666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333%;
  }
  .col-lg-push-8 {
    left: 66.666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.333333%;
  }
  .col-lg-push-11 {
    left: 91.666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .employee-grid__item, .product-grid__item {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: 33%;
  }
  .employee-grid__item {
    padding: 20px;
  }
}

@media (max-width: 970px) {
  .header .nav-bar {
    display: none;
  }
  .nav-bar {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
  .nav-bar div {
    /*margin-left: 0;*/
  }
  .header {
    background-size: unset;
    background-position: left;
  }
  .header div {
    /*margin-left:0;*/
  }
}

/* latin-ext */
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 300;
  src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"), url(https://fonts.gstatic.com/l/font?kit=jAncgHBgCsv4eNLTaMECf8DQsNwQWQWdXm0bmQ&skey=94b5a6be98cdd9eb&v=v8) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 300;
  src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"), url(https://fonts.gstatic.com/l/font?kit=jAncgHBgCsv4eNLTaMECf8DQsNwQWQWTXm0&skey=94b5a6be98cdd9eb&v=v8) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 400;
  src: local("Helvetica Neue"), local("HelveticaNeue"), url(https://fonts.gstatic.com/l/font?kit=jAnfgHBgCsv4eNLTaMECf8DQsNS1exCsfw&skey=4ad46dd97873f7d7&v=v8) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 400;
  src: local("Helvetica Neue"), local("HelveticaNeue"), url(https://fonts.gstatic.com/l/font?kit=jAnfgHBgCsv4eNLTaMECf8DQsNS7exA&skey=4ad46dd97873f7d7&v=v8) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(https://fonts.gstatic.com/l/font?kit=jAncgHBgCsv4eNLTaMECf8DQsNwAXgWdXm0bmQ&skey=ba59c4fdb0ab3b35&v=v8) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(https://fonts.gstatic.com/l/font?kit=jAncgHBgCsv4eNLTaMECf8DQsNwAXgWTXm0&skey=ba59c4fdb0ab3b35&v=v8) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  /*line-height: 1.6em;
    font-family: $font-family-Roboto-Condensed;
    font-weight: 500;
    font-size: 18px;*/
}

.section {
  padding: 0;
}

.card-master {
  padding: 32px;
  background-color: white;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

a:hover {
  color: #5d5d5d !important;
}

@media (max-width: 992px) {
  .card-master {
    padding: 8px;
  }
}

/* Generate Margin Attribute Styles */
.margin-top-4 {
  margin-top: 4px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-left-4 {
  margin-left: 4px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-4 {
  margin: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-right-8 {
  margin-right: 8px;
}

.margin-8 {
  margin: 8px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-right-16 {
  margin-right: 16px;
}

.margin-16 {
  margin: 16px;
}

.margin-top-24 {
  margin-top: 24px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-right-24 {
  margin-right: 24px;
}

.margin-24 {
  margin: 24px;
}

.margin-top-32 {
  margin-top: 32px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.margin-left-32 {
  margin-left: 32px;
}

.margin-right-32 {
  margin-right: 32px;
}

.margin-32 {
  margin: 32px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-right-40 {
  margin-right: 40px;
}

.margin-40 {
  margin: 40px;
}

.margin-top-48 {
  margin-top: 48px;
}

.margin-bottom-48 {
  margin-bottom: 48px;
}

.margin-left-48 {
  margin-left: 48px;
}

.margin-right-48 {
  margin-right: 48px;
}

.margin-48 {
  margin: 48px;
}

.margin-top-56 {
  margin-top: 56px;
}

.margin-bottom-56 {
  margin-bottom: 56px;
}

.margin-left-56 {
  margin-left: 56px;
}

.margin-right-56 {
  margin-right: 56px;
}

.margin-56 {
  margin: 56px;
}

.margin-top-64 {
  margin-top: 64px;
}

.margin-bottom-64 {
  margin-bottom: 64px;
}

.margin-left-64 {
  margin-left: 64px;
}

.margin-right-64 {
  margin-right: 64px;
}

.margin-64 {
  margin: 64px;
}

.margin-top-72 {
  margin-top: 72px;
}

.margin-bottom-72 {
  margin-bottom: 72px;
}

.margin-left-72 {
  margin-left: 72px;
}

.margin-right-72 {
  margin-right: 72px;
}

.margin-72 {
  margin: 72px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-left-80 {
  margin-left: 80px;
}

.margin-right-80 {
  margin-right: 80px;
}

.margin-80 {
  margin: 80px;
}

.margin-top-88 {
  margin-top: 88px;
}

.margin-bottom-88 {
  margin-bottom: 88px;
}

.margin-left-88 {
  margin-left: 88px;
}

.margin-right-88 {
  margin-right: 88px;
}

.margin-88 {
  margin: 88px;
}

.margin-top-96 {
  margin-top: 96px;
}

.margin-bottom-96 {
  margin-bottom: 96px;
}

.margin-left-96 {
  margin-left: 96px;
}

.margin-right-96 {
  margin-right: 96px;
}

.margin-96 {
  margin: 96px;
}

.margin-top-104 {
  margin-top: 104px;
}

.margin-bottom-104 {
  margin-bottom: 104px;
}

.margin-left-104 {
  margin-left: 104px;
}

.margin-right-104 {
  margin-right: 104px;
}

.margin-104 {
  margin: 104px;
}

.margin-top-112 {
  margin-top: 112px;
}

.margin-bottom-112 {
  margin-bottom: 112px;
}

.margin-left-112 {
  margin-left: 112px;
}

.margin-right-112 {
  margin-right: 112px;
}

.margin-112 {
  margin: 112px;
}

.margin-top-120 {
  margin-top: 120px;
}

.margin-bottom-120 {
  margin-bottom: 120px;
}

.margin-left-120 {
  margin-left: 120px;
}

.margin-right-120 {
  margin-right: 120px;
}

.margin-120 {
  margin: 120px;
}

.margin-top-160 {
  margin-top: 160px;
}

.margin-bottom-160 {
  margin-bottom: 160px;
}

.margin-left-160 {
  margin-left: 160px;
}

.margin-right-160 {
  margin-right: 160px;
}

.margin-160 {
  margin: 160px;
}

.margin-top-180 {
  margin-top: 180px;
}

.margin-bottom-180 {
  margin-bottom: 180px;
}

.margin-left-180 {
  margin-left: 180px;
}

.margin-right-180 {
  margin-right: 180px;
}

.margin-180 {
  margin: 180px;
}

.margin-top-240 {
  margin-top: 240px;
}

.margin-bottom-240 {
  margin-bottom: 240px;
}

.margin-left-240 {
  margin-left: 240px;
}

.margin-right-240 {
  margin-right: 240px;
}

.margin-240 {
  margin: 240px;
}

.padding-bottom-4 {
  padding-bottom: 4px;
}

.padding-top-4 {
  padding-top: 4px;
}

.padding-left-4 {
  padding-left: 4px;
}

.padding-right-4 {
  padding-right: 4px;
}

.padding-4 {
  padding: 4px;
}

.padding-bottom-8 {
  padding-bottom: 8px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-right-8 {
  padding-right: 8px;
}

.padding-8 {
  padding: 8px;
}

.padding-bottom-16 {
  padding-bottom: 16px;
}

.padding-top-16 {
  padding-top: 16px;
}

.padding-left-16 {
  padding-left: 16px;
}

.padding-right-16 {
  padding-right: 16px;
}

.padding-16 {
  padding: 16px;
}

.padding-bottom-24 {
  padding-bottom: 24px;
}

.padding-top-24 {
  padding-top: 24px;
}

.padding-left-24 {
  padding-left: 24px;
}

.padding-right-24 {
  padding-right: 24px;
}

.padding-24 {
  padding: 24px;
}

.padding-bottom-32 {
  padding-bottom: 32px;
}

.padding-top-32 {
  padding-top: 32px;
}

.padding-left-32 {
  padding-left: 32px;
}

.padding-right-32 {
  padding-right: 32px;
}

.padding-32 {
  padding: 32px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-40 {
  padding: 40px;
}

.padding-bottom-48 {
  padding-bottom: 48px;
}

.padding-top-48 {
  padding-top: 48px;
}

.padding-left-48 {
  padding-left: 48px;
}

.padding-right-48 {
  padding-right: 48px;
}

.padding-48 {
  padding: 48px;
}

.padding-bottom-56 {
  padding-bottom: 56px;
}

.padding-top-56 {
  padding-top: 56px;
}

.padding-left-56 {
  padding-left: 56px;
}

.padding-right-56 {
  padding-right: 56px;
}

.padding-56 {
  padding: 56px;
}

.padding-bottom-64 {
  padding-bottom: 64px;
}

.padding-top-64 {
  padding-top: 64px;
}

.padding-left-64 {
  padding-left: 64px;
}

.padding-right-64 {
  padding-right: 64px;
}

.padding-64 {
  padding: 64px;
}

.padding-bottom-72 {
  padding-bottom: 72px;
}

.padding-top-72 {
  padding-top: 72px;
}

.padding-left-72 {
  padding-left: 72px;
}

.padding-right-72 {
  padding-right: 72px;
}

.padding-72 {
  padding: 72px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-80 {
  padding: 80px;
}

.padding-bottom-88 {
  padding-bottom: 88px;
}

.padding-top-88 {
  padding-top: 88px;
}

.padding-left-88 {
  padding-left: 88px;
}

.padding-right-88 {
  padding-right: 88px;
}

.padding-88 {
  padding: 88px;
}

.padding-bottom-96 {
  padding-bottom: 96px;
}

.padding-top-96 {
  padding-top: 96px;
}

.padding-left-96 {
  padding-left: 96px;
}

.padding-right-96 {
  padding-right: 96px;
}

.padding-96 {
  padding: 96px;
}

.padding-bottom-104 {
  padding-bottom: 104px;
}

.padding-top-104 {
  padding-top: 104px;
}

.padding-left-104 {
  padding-left: 104px;
}

.padding-right-104 {
  padding-right: 104px;
}

.padding-104 {
  padding: 104px;
}

.padding-bottom-112 {
  padding-bottom: 112px;
}

.padding-top-112 {
  padding-top: 112px;
}

.padding-left-112 {
  padding-left: 112px;
}

.padding-right-112 {
  padding-right: 112px;
}

.padding-112 {
  padding: 112px;
}

.padding-bottom-120 {
  padding-bottom: 120px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-left-120 {
  padding-left: 120px;
}

.padding-right-120 {
  padding-right: 120px;
}

.padding-120 {
  padding: 120px;
}

.padding-bottom-160 {
  padding-bottom: 160px;
}

.padding-top-160 {
  padding-top: 160px;
}

.padding-left-160 {
  padding-left: 160px;
}

.padding-right-160 {
  padding-right: 160px;
}

.padding-160 {
  padding: 160px;
}

.padding-bottom-180 {
  padding-bottom: 180px;
}

.padding-top-180 {
  padding-top: 180px;
}

.padding-left-180 {
  padding-left: 180px;
}

.padding-right-180 {
  padding-right: 180px;
}

.padding-180 {
  padding: 180px;
}

.padding-bottom-240 {
  padding-bottom: 240px;
}

.padding-top-240 {
  padding-top: 240px;
}

.padding-left-240 {
  padding-left: 240px;
}

.padding-right-240 {
  padding-right: 240px;
}

.padding-240 {
  padding: 240px;
}

.flex {
  display: flex !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

.section {
  padding: 0;
  border-top: 1px solid black;
}