/**
 * @file
 * Visual styles for mt-tab field in Corporate+.
 */
.field--name-field-mt-content-tabs {
  margin: 40px 0 30px;
}
.field--name-field-mt-content-tabs .nav-tabs {
  border-bottom: 1px solid #e5e5e5;
}
.field--name-field-mt-content-tabs .nav-tabs > li > a {
  font-size: 14px;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
  background-color: transparent;
  margin-right: 30px;
  border-width: 0 0 1px 0;
  border-color: transparent;
}
.field--name-field-mt-content-tabs .nav-tabs > li > a:hover {
  background-color: transparent;
}
.field--name-field-mt-content-tabs .nav-tabs > li > a:focus {
  background-color: transparent;
  border-width: 0 0 1px 0;
}
.field--name-field-mt-content-tabs .nav-tabs > li.active > a {
  background-color: transparent;
  border-width: 0 0 1px 0;
}
.field--name-field-mt-content-tabs .nav-tabs > li.active > a:focus {
  background-color: transparent;
  border-width: 0 0 1px 0;
}
.field--name-field-mt-content-tabs .nav-tabs > li.active > a:hover {
  background-color: transparent;
  border-width: 0 0 1px 0;
}
.field--name-field-mt-content-tabs .nav-tabs ~ .tab-content {
  padding: 30px 0 10px;
  border-width: 0;
  background-color: transparent;
}

/*****How to guide menu*********/
#how-to-guide-tabs .field-description {
  width: 80%;
  float: right;
  position: relative;
}
#how-to-guide-tabs #menu-item {
  text-transform: capitalize;
  padding-left: 0px;
  background: #eeeeee;
  list-style: none;
  margin-bottom: 0px;
}
#how-to-guide-tabs #menu-item h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 10px;
}
#how-to-guide-tabs #menu-item li {
  padding-left: 30px;
  padding-top: 8px;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding-bottom: 8px;
  border-left: 6px solid transparent;
}
#how-to-guide-tabs #menu-item li:first-child {
  padding-left: 0;
}
#how-to-guide-tabs #menu-item li a {
  color: #495057;
  display: block;
  font-size: 14px;
}
#how-to-guide-tabs #menu-item li:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
#how-to-guide-tabs #menu-item li.active {
  border-left: 6px solid #9B1E32;
  background-color: #f7f7f7;
  cursor: pointer;
}
#how-to-guide-tabs #content {
  padding: 30px 20px 30px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#how-to-guide-tabs #content::-webkit-scrollbar {
  display: none;
}
#how-to-guide-tabs #content div {
  scroll-margin-top: 100px;
  color: #434343;
  font-weight: 600;
}
#how-to-guide-tabs #content div a {
  scroll-margin-top: 100px;
  color: #434343;
  font-weight: 600;
}
#how-to-guide-tabs #content div a:hover {
  text-decoration: none;
}
#how-to-guide-tabs #content .menu-title {
  font-size: 28px;
  color: #333e48;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
#how-to-guide-tabs a strong {
  color: #3086BC;
  font-weight: bold;
  font-size: 16px;
}
#how-to-guide-tabs strong {
  font-weight: 600;
  color: #4F4F4F;
}
#how-to-guide-tabs h3 {
  font-weight: 600;
  color: #4F4F4F;
}
#how-to-guide-tabs h4 {
  font-weight: 600;
  color: #4F4F4F;
}
#how-to-guide-tabs h4 strong {
  font-weight: 500;
  color: #4F4F4F;
}
#how-to-guide-tabs h5 {
  font-weight: 500;
  color: #4F4F4F;
}
#how-to-guide-tabs h5 strong {
  font-weight: 500;
  color: #4F4F4F;
}
#how-to-guide-tabs h6 {
  font-weight: 500;
  color: #4F4F4F;
}
#how-to-guide-tabs h6 strong {
  font-weight: 500;
  color: #4F4F4F;
}
#how-to-guide-tabs #navigation {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#how-to-guide-tabs .editor ul li p {
  padding-bottom: 5px;
}
#how-to-guide-tabs .editor ol li p {
  padding-bottom: 5px;
}

/****ckeditor custom How to guide*****/
#how-to-guide-tabs #content div {
  font-size: inherit !important;
  color: #434343 !important;
  overflow-y: auto;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
}
#how-to-guide-tabs #content div::-webkit-scrollbar {
  width: 5px;
}
#how-to-guide-tabs #content div::-webkit-scrollbar-thumb {
  background: #B5B5B5;
}
#how-to-guide-tabs #content div h1 a {
  font-size: inherit !important;
  color: #434343 !important;
}
#how-to-guide-tabs #content div h2 a {
  font-size: inherit !important;
  color: #434343 !important;
}
#how-to-guide-tabs #content div h3 a {
  font-size: inherit !important;
  color: #434343 !important;
}
#how-to-guide-tabs #content div h4 a {
  font-size: inherit !important;
  color: #434343 !important;
}
#how-to-guide-tabs #content div h5 a {
  font-size: inherit !important;
  color: #434343 !important;
}
#how-to-guide-tabs #content div h6 a {
  font-size: inherit !important;
  color: #434343 !important;
}
#how-to-guide-tabs #content div p a {
  color: #3086BC !important;
}
#how-to-guide-tabs p a strong {
  color: #3086BC !important;
}

/*****Release Notes Tabs*********/
#release-notes-tabs {
  background: white;
}
#release-notes-tabs .nav-tabs {
  width: 20%;
  float: left;
  margin: 0;
  border-bottom: unset;
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
#release-notes-tabs .nav-tabs li {
  width: 100%;
}
#release-notes-tabs .nav-tabs li > a {
  border-left: 6px solid transparent;
  text-transform: capitalize;
  color: #3086BC;
}
#release-notes-tabs .nav-tabs li > a.active {
  border-bottom: unset;
  border-left: 6px solid #8C2A35;
  background-color: #f7f7f7;
  cursor: pointer;
  text-transform: capitalize;
  color: #3086BC;
}
#release-notes-tabs .nav-tabs li > a.active:hover {
  border-bottom: unset;
  border-left: 6px solid #8C2A35;
  background-color: #f7f7f7;
  cursor: pointer;
  text-transform: capitalize;
  color: #3086BC;
}
#release-notes-tabs .nav-tabs > li > a:hover {
  border-color: white;
}
#release-notes-tabs .tab-content {
  width: 80%;
  float: right;
  padding: 1rem;
  border-left: 1px solid #ddd;
}

.node--type-release-notes {
  background: white;
}

.node--type-release-notes .field--name-field-release-notes .field__label {
  display: none;
}

/****Release notes Grids*******/
#release-notes-tabs .field--name-field-header-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#release-notes-tabs .field--name-field-header-grid .field__item {
  font-weight: 600;
}
#release-notes-tabs .field--name-field-header-grid .field__item:first-child {
  width: 25%;
  float: left;
}
#release-notes-tabs .field--name-field-header-grid .field__item:last-child {
  width: 75%;
  float: right;
}
#release-notes-tabs .field--name-field-content-grid .field__item:first-child {
  width: 25%;
  float: left;
}
#release-notes-tabs .field--name-field-content-grid .field__item:last-child {
  width: 75%;
  float: right;
}
#release-notes-tabs .field--name-field-content-grid .field__item p {
  padding: 10px;
}
#release-notes-tabs .field--name-field-content-grid .field__item p:nth-child(even) {
  background: #eee;
}
#release-notes-tabs .field--name-field-description-grid h3 {
  margin-top: 0;
}

.field--name-field-content-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/**Release Notes Grid*****/
#grid-release-notes .header-1 {
  width: 15%;
  font-weight: 600;
  padding-bottom: 1rem;
}
#grid-release-notes .header-2 {
  font-weight: 600;
}
#grid-release-notes .col-description-grid {
  float: right;
  width: 85%;
}
#grid-release-notes .content-grid-rn-1 .row {
  padding-top: 10px;
  padding-left: 10px;
}
#grid-release-notes .content-grid-rn-1 .row p:first-child {
  width: 15%;
}
#grid-release-notes .content-grid-rn-1 .row:nth-child(even) {
  background: #eee;
}

@media (max-width: 576px) {
  #release-notes-tabs .nav-tabs {
    width: 100%;
  }
  #release-notes-tabs .tab-content {
    width: 100%;
  }
  #release-notes-tabs .field--name-field-content-grid .field__item:first-child {
    width: 40%;
  }
  #release-notes-tabs .field--name-field-content-grid .field__item:last-child {
    width: 60%;
  }
  #release-notes-tabs .field--name-field-content-grid .field__item p {
    overflow: hidden;
  }

  #grid-release-notes .content-grid-rn-1 .row p:first-child {
    width: 25%;
  }
  #grid-release-notes .col-description-grid {
    width: 75%;
  }
  #grid-release-notes .header-1 {
    width: 28%;
  }
}