@import "global.3.css";
@import "global.2.css";
@import "global.1.css";

.search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-wrapper {
  display: inline-block;
  float: left;
  width: 25%;
  height: 101%;
}

.search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-wrapper.disable-refiners {
  pointer-events: none;
  opacity: .5;
}

.search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-content-wrapper.disable-refiners .refiner-count,
.search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-content-wrapper.disable-refiners .selected-refiners-chkbox {
  visibility: hidden;
}

.search-results-modal .modal-body .tab-content>.tab-pane.recent-search-results {
  overflow: hidden;
  padding: 10px 15px;
}

.search-results-modal .modal-body .tab-content>.tab-pane.recent-search-results .recentsearch {
  background-color: #fff;
  padding: 15px;
  height: 100%;
}

.search-results-modal .modal-body .recentsearch .search-item {
  padding: 15px;
  border: 1px solid silver;
  height: 100%;
  overflow-y: scroll;
}

.search-results-modal .recentsearch .search-item .search-term-flag {
  display: inline-block;
  width: 80%;
}

.search-results-modal .recentsearch .search-item a.title {
  color: #000;
  cursor: pointer!important;
}

.search-results-modal .modal-body .tab-content>.tab-pane.adv-search,
.search-results-modal .modal-body .tab-content>.tab-pane.define-search-scope {
  padding: 10px 15px;
}

.search-results-modal .modal-body .tab-content>.tab-pane.adv-search .adv-search {
  padding: 0 10%;
}

.search-results-modal .modal-body .adv-clearall {
  padding: 5px 5px 5px 0;
}

.search-results-modal .print-buttons {
  padding: 20px 15px 20px 0;
}

.adv-search .adv-clearall {
  text-align: right;
}

.adv-search .adv-clearall a {
  cursor: pointer!important;
}

.search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-content-wrapper {
  width: 74.5%;
  height: 100%;
  display: inline-block;
  padding: 15px;
}

.search-results-modal .refiners-content-wrapper .selected-refiners-chkbox {
  display: inline-block;
}

.search-results-modal .refiners-content-wrapper .refiner-count {
  position: relative;
  float: right;
  display: inline-block;
}

.tab-pane.refine-results .nav-tabs,
.tab-pane.refine-results .tab-content {
  display: inline-block;
}

.tab-pane.refine-results .nav-tabs {
  width: 100%;
  min-height: 360px;
  height: 100%;
  margin: -58px 0 0 0;
  position: relative;
  padding: 58px 0 0;
  background-color: silver;
  border-right: 1px solid grey;
}

.tab-pane.refine-results .nav-tabs>li {
  float: none;
}

.tab-pane.refine-results .refiners-label {
  padding: 25px 15px 8px 0;
  width: 95%;
  border-bottom: 4px solid grey;
  font-weight: 700;
  position: relative;
  margin: 0 0 0 5%;
  z-index: 1;
}

.tab-pane.refine-results .nav-tabs>li>a {
  color: #000;
  padding: 7px 15px 6px;
  width: 95%;
  margin-left: 5%;
  border-bottom: 1px solid grey;
}

.tab-pane.refine-results .nav-tabs>li:last-child>a {
  border-bottom-style: none;
}

.tab-pane.refine-results .nav-tabs>li.active>a,
.tab-pane.refine-results .nav-tabs>li.active>a:focus,
.tab-pane.refine-results .nav-tabs>li.active>a:hover {
  color: #000;
  border-style: none;
  border-radius: 0;
  background-color: #f0f0f0;
  padding: 8px 15px 8px 11px;
  border-left: 4px solid #ffe600;
}

.tab-pane.refine-results .tab-content {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: calc(100% - 35px);
  padding: 5px 15px 15px 15px;
  margin-top: 5px;
}

.selected-refiners-container,
.tab-pane.refine-results .tab-content>.tab-pane {
  border: 1px solid silver;
  padding: 15px;
  height: 263px;
  overflow-y: auto;
  margin-top: 5px;
}

.search-results .modal-body .tab-content>.tab-pane.refine-results div {
  height: 100%;
}

.tab-pane.refine-results .selected-refiners-container .refiner,
.tab-pane.refine-results .tab-content>.tab-pane .refiner {
  width: 23%;
  display: inline-block;
  vertical-align: top;
  margin: 0 8px 5px 2px;
}

.selected-refiners-container .selected-refiner-wrapper {
  position: relative;
  width: 100%;
  border-bottom: 1px solid silver;
  padding: 5px 0;
}

.selected-refiners-container .selected-refiner-wrapper>strong {
  padding: 5px 0;
}

.selected-refiners-container .selected-refiner-wrapper .refiner-collapse {
  position: absolute;
  right: 5px;
  vertical-align: middle;
  cursor: pointer;
}

.selected-refiners-container .selected-refiners {
  margin: 5px 0;
}

.tab-pane .refiner input[type=checkbox],
.tab-pane .refiner label {
  display: inline-block;
  vertical-align: top;
}

.tab-pane .refiner label {
  max-width: 85%;
  font-weight: 400;
}

.tab-pane .refiner.refine-checked label {
  font-weight: 700;
}

.tab-pane .refiner label span {
  display: inline;
}

.search-results-modal .uppercase {
  text-transform: uppercase;
}

.search-results-modal .define-search-scope-wrapper {
  height: 100%;
  overflow: hidden;
}

.search-results-modal .define-search-scope-input {
  position: relative;
  color: #000;
  margin-bottom: 15px;
}

.search-results-modal .define-search-scope-input .atlas-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 99;
  top: 10px;
  left: 10px;
}

.search-results-modal .define-search-scope-input .atlas-icon.search-close {
  width: 15px;
  height: 15px;
  top: 12.5px;
}

.search-results-modal .define-search-scope-input .atlas-icon.search-close svg {
  fill: #000;
}

.search-results-modal .define-search-scope-input .define-search-scope-close {
  top: 0;
}

.search-results-modal .define-search-scope-input .atlas-icon svg {
  fill: #808080;
}

.search-results-modal .define-search-scope-wrapper input {
  height: 40px;
  width: 100%;
  border: 1px solid silver;
  padding-left: 35px;
  padding-right: 50px;
  color: #000;
}

.search-results-modal .define-search-scope-wrapper input:-ms-input-placeholder,
.search-results-modal .define-search-scope-wrapper input::-moz-placeholder,
.search-results-modal .define-search-scope-wrapper input::-ms-input-placeholder,
.search-results-modal .define-search-scope-wrapper input::-webkit-input-placeholder {
  color: silver!important;
}

.search-results-modal .define-search-scope-filter-wrapper {
  background-color: #fff;
  padding: 15px;
  height: calc(100% - 55px);
}

.search-results-modal .define-search-scope-filter-wrapper .define-search-scope-filter-top {
  border-bottom: 1px solid silver;
  padding-bottom: 15px;
}

.search-results-modal .define-search-scope-filter-top .define-search-scope-filter-text {
  display: inline-block;
  width: calc(100% - 210px);
}

.search-results-modal .define-search-scope-filter-top .define-search-scope-filter-links {
  display: inline-block;
  width: 205px;
  text-align: right;
}

.search-results-modal .define-search-scope-filter-top .define-search-scope-filter-links a {
  display: inline-block;
  color: #08c;
  cursor: pointer!important;
}

.search-results-modal .define-search-scope-filter-top .define-search-scope-filter-links a.disabled {
  color: #81858b;
}

.search-results-modal .define-search-scope-filter-top .define-search-scope-filter-links a:first-child {
  border-right: 1px solid silver;
  padding-right: 10px;
  margin-right: 5px;
}

.search-results-modal .define-search-scope-filters-wrapper {
  margin-top: 15px;
  border: 1px solid silver;
  height: calc(100% - 51px);
  overflow-y: scroll;
}

.search-results-modal .define-search-scope-filters-wrapper .define-search-scope-filters section {
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
}

.search-results-modal .define-search-scope-filters section.tree {
  height: auto;
  min-height: inherit;
}

.search-results-modal .define-search-scope-filters section ul,
.search-results-modal .define-search-scope-filters section ul ul {
  padding-left: 0;
}

.search-results-modal .define-search-scope-filters .node.rtl ul,
.search-results-modal .define-search-scope-filters .node.rtl ul ul {
  padding-right: 0;
}

.search-results-modal .define-search-scope-filters .tree .node {
  border-top: none;
}

.search-results-modal .define-search-scope-filters section.tree .leaf>.link {
  border-top: none;
}

.search-results-modal .define-search-scope-filters .tree .link {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid silver;
}

.search-results-modal .define-search-scope-filters .tree .link.doc-link {
  font-weight: 400;
  cursor: default;
}

.search-results-modal .define-search-scope-filters .tree .link.doc-link a,
.search-results-modal .define-search-scope-filters .tree .link.doc-link span {
  cursor: default!important;
}

.search-results-modal .define-search-scope-filters .link.no-children-collection a {
  color: #80848a;
}

.search-results-modal .define-search-scope-filters .first-level-element {
  border-bottom: 1px solid silver;
  text-transform: uppercase;
}

.search-results-modal .define-search-scope-filters .first-level-element:hover {
  background-color: #f4f4f4;
}

.search-results-modal .define-search-scope-filters .search-scope-chkbox input {
  padding: 0;
}

.search-results-modal .define-search-scope-filters a {
  color: #000;
  vertical-align: middle;
  cursor: pointer!important;
}

.search-results-modal .define-search-scope-filters .no-children-collection a,
.search-results-modal .define-search-scope-filters .no-children-collection a:hover,
.search-results-modal .define-search-scope-filters .no-children-collection span:hover,
.search-results-modal .define-search-scope-filters .no-children-collection:hover {
  cursor: default!important;
}

.search-results-modal .define-search-scope-filters .title {
  display: inline-block;
  width: 750px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.search-results-modal .top-lvl-search {
  font-weight: 700;
  cursor: pointer;
}

.search-results-modal .define-search-scope-filters .tree .link.doc-link input {
  margin-left: 30px;
}

.search-results-modal .define-search-scope-filters-wrapper .define-search-scope-filters span {
  display: inline-block;
  cursor: pointer;
}

.search-results-modal .define-search-scope-filters-wrapper .define-search-scope-filters .atlas-icon.iconExpand {
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 30px;
  cursor: pointer;
}

.search-results-modal .define-search-scope-filters .node.rtl .atlas-icon.iconExpand {
  margin-left: 0;
  margin-right: 30px;
}

.search-results-modal .define-search-scope-filters-wrapper .define-search-scope-filters input[type=checkbox] {
  display: inline-block;
  height: 13px;
  width: 13px;
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 3px;
}

.search-results-modal .define-search-scope-filters .node.rtl input[type=checkbox] {
  margin-right: 0;
  margin-left: 5px;
}

.search-results-modal .define-search-scope-filters-wrapper .document.atlas-icon {
  margin: -3px 0 0 0;
}

.error-modal-zindex {
  z-index: 1060;
}

.modal-backdrop-zindex {
  z-index: 1050;
}

section.preview-selection-tab {
  margin-left: 2%;
  font-size: 14px;
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
  padding-right: 13px;
}

.preview-selection-tab button.selected {
  color: #2e2e38!important;
  border-bottom: 3px solid #2e2e38;
  font-weight: 700;
  cursor: default;
}

.preview-selection-tab button:first-child {
  padding-left: 0;
  margin-left: 0;
}

.preview-selection-tab button {
  display: inline-block;
  text-decoration: none;
  padding: 4px 0 2px;
  margin: 0 10px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border-bottom: 3px solid transparent;
  background: 0 0;
}

.previewTitleParent .page-title {
  padding: 0;
  position: relative;
  font-size: 18px;
  display: table-cell;
  left: 7px;
}

.preview-doc-title {
  display: inline;
  color: #0084c9;
  background-color: transparent;
  float: right;
}

.search-action-container svg {
  height: 25px;
  width: 25px;
}

.search-action-container {
  display: flex;
  font-weight: 700;
  flex-direction: column;
}

.preview-action-container .action:hover,
.search-action-container .action:hover {
  cursor: pointer;
}

.search-action-container {
  position: absolute;
  top: 48px;
  right: -8px;
  background: #fff;
  padding: 8px 8px 8px 5px;
  -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  -moz-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  text-align: left;
}

.search-action-container span {
  display: inline;
  vertical-align: middle;
  white-space: nowrap;
  width: 31px;
  height: 46px;
}

.search-action-container .up_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -5px;
  right: 15px;
  margin-left: 2px;
}

.search-action-container {
  z-index: 144;
  height: 201px;
  width: 184px;
  border-radius: 0;
  display: inline;
  top: 55px;
}

.search-action-container .action {
  display: flex;
  height: 35px;
  margin-top: 3px;
  padding: 1%;
}

.search-action-container p {
  margin: 0 3px;
}

.search-action-container p>a {
  color: #000;
}

.preview-action-icon {
  fill: black;
}

.close-preview {
  left: 94%;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 14px;
  z-index: 22;
  cursor: pointer;
}

.preview-window-action-menu {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.preview-action-container svg {
  height: 24px;
  width: 22px;
}

.preview-action-container {
  position: absolute;
  right: 7px;
  background: #fff;
  -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  -moz-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  box-shadow: 0 -1px 12px rgba(0,0,0,.5);
}

.preview-action-container span {
  display: inline;
  vertical-align: middle;
  white-space: nowrap;
  width: 31px;
  height: 46px;
}

.preview-action-container p {
  padding: 0;
}

.preview-action-container .up_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -5px;
  right: 15px;
  margin-left: 2px;
}

.preview-action-container {
  z-index: 144;
  height: 201px;
  width: 184px;
  border-radius: 0;
}

.action-menu-remove-from-pinboard {
  width: 230px;
}

.preview-action-container .action {
  display: flex;
  height: 40px;
  padding: 7%;
  align-items: center;
  gap: 11px;
}

.preview-action-container .action:hover {
  background-color: #f1f1f1;
}

.preview-action-container p {
  margin: 0 3px;
}

.preview-action-container p>a {
  color: #000;
}

.ipad-left-close-bar {
  width: 5px!important;
}

.margin-right-class {
  margin-right: 20px;
}

.attachments-content {
  padding: 10px;
  overflow: scroll;
  height: 63vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  border: 1px solid #bec1c7;
  margin: 10px;
}

.attachments-content #attachment {
  padding: 15px;
}

.attachments-content #attachment .attachment {
  display: flex;
  gap: 10px;
  margin: 3px 15px;
}

.attachments-content #attachment .attachment a {
  cursor: pointer;
}

#no-preview-section {
  padding: 30px;
  margin-top: 50px;
  text-align: center;
}

#no-preview-section h2 {
  font-size: 20px;
}

.preview-drawer .details-section {
  height: 60vh;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10px;
}

#details-preview-section .openAttachmentdetails {
  cursor: pointer;
}

#details-preview-section #documentmetadata {
  margin: 16px 14px;
}

#details-preview-section .detailstabmargin {
  min-height: 39px;
}

#details-preview-section .detailstopic td {
  vertical-align: top;
}

#preview-container .detailstabmargindiv {
  margin-top: 20px;
}

#preview-container .detailsDocumentTypeWidth {
  width: 140px;
}

#preview-container .detailstabmarginspan {
  display: flex;
  gap: 6px;
}

#preview-container #details-preview-section .detailsdiv {
  display: flex;
  gap: 5px;
}

#details-preview-section .detail-container {
  padding: 5px 0;
}

#details-preview-section .details-document-icon svg {
  fill: #C8C8C8;
}

#preview-container .acess-icon svg {
  fill: #ff0000;
}

.detailstabmargindiv1 {
  width: 30%;
}

.preview-drawer .search-keyword-section {
  margin: 0 10px 5px 10px;
  display: flex;
  border: 1px solid #bec1c7;
  height: 40px;
  align-items: center;
  background-color: #d3d3d3;
}

.preview-drawer .search-keyword-section input {
  width: 100%;
  padding-left: 5px;
  color: #2e2e38;
  height: 38px;
  background: 0 0;
}

.preview-drawer .search-keyword-section #lookout-container {
  width: 32%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.preview-drawer .findDocumentTextMenu section.search-hits {
  border: none;
  display: flex;
  gap: 5px;
  align-items: center;
}

.preview-drawer .findDocumentTextMenu section.search-hits .lookout-left {
  height: 30px;
  align-items: center;
  display: flex;
  width: 100%;
  border-right: 1px solid #bec1c7;
  padding-right: 8px;
  color: #2e2e38;
}

.preview-drawer .findDocumentTextMenu section.search-hits .lookout-right #nextPreviousContainer {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.preview-drawer .findDocumentTextMenu section.search-hits .lookout-right #nextPreviousContainer button {
  background: 0 0;
  padding: 0;
  height: 13px;
  width: 16px;
}

.preview-drawer .findDocumentTextMenu section.search-hits .lookout-right #nextPreviousContainer button span {
  width: 100%;
  height: 100%;
}

.preview-drawer .findDocumentTextMenu section.search-hits .lookout-right #nextPreviousContainer button span svg {
  fill: #858585;
}

.preview-drawer #document-preview-section {
  overflow: scroll;
  position: fixed;
  height: calc(100% - 336px);
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #bec1c7;
  margin: 10px;
}

.preview-drawer #document-preview-section a {
  cursor: pointer;
}

.display-flex {
  display: flex;
}

.right-margin3 {
  margin-right: 3%;
}

.preview-action-container-height {
  height: auto;
}

.preview-drawer .relatedDoc-lstDateSpan {
  display: none;
}

@media screen {
  #printSection {
    display: none;
  }

@page {
    size: A4;
    margin: 1cm auto;
}

  .print-content .maincontent footer p .copyright {
    width: 33%;
    display: inline-block;
    text-align: center;
  }

  .print-content .maincontent footer p span .datetime {
    font-weight: 400;
  }

  tfoot {
    display: table-footer-group;
  }

  .modal-body {
    outline: 0!important;
  }
}

@media only print {
  tfoot {
    display: table-footer-group;
  }

  #printSection {
    position: absolute;
    left: 0;
    top: 0;
  }

  .date {
    text-align: left;
    vertical-align: top;
    width: 33%;
  }

  .datetime {
    font-weight: 400;
  }

  .copyright {
    vertical-align: top;
    text-align: center;
    width: 33%;
  }

  .pages {
    width: 30%;
  }

  footer {
    border-top: 1px solid #81858a;
    margin: 30px 0 0 0;
    padding: 5px 0 0 0;
  }

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }

  .h1,
  h1 {
    font-size: 36px;
  }

  .h2,
  h2 {
    font-size: 30px;
  }

  .h3,
  h3 {
    font-size: 24px;
  }

  .h4,
  h4 {
    font-size: 18px;
  }

  .h5,
  h5 {
    font-size: 14px;
  }

  .h6,
  h6 {
    font-size: 12px;
  }
}

.page {
  padding-bottom: 55px;
  margin-bottom: 20px;
}

.preview-footer {
  font-size: .9em;
  position: relative;
  width: 100%;
  bottom: 0;
  display: block;
  background-color: #fff;
  padding-bottom: 5px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 15px;
  margin: 3px 9px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  bottom: -2px;
  background-color: grey;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #00b300;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: green;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.toggle-switch {
  display: flex;
}

.toggle-switch .switchButtonContainer {
  display: inherit;
  margin: 0 13px;
}

.printannot {
  vertical-align: bottom;
  position: relative;
  background: #f0f0f0!important;
  height: auto;
  min-height: 120px!important;
  bottom: 0!important;
  padding: 10px!important;
  color: #000!important;
}

.printannots {
  margin: 0;
  background: #f0f0f0!important;
  min-height: 120px!important;
  height: auto;
  padding: 10px!important;
  color: #000!important;
}

.print-expire {
  font-size: 11px!important;
  color: grey!important;
  margin: 0 0 7px 0!important;
}

.print-expire span {
  color: grey!important;
}

.print-anno-comment p {
  font-size: 12px!important;
  margin: 0!important;
  padding: 0!important;
  line-height: 17px!important;
}

.disable-switch-toggle {
  pointer-events: none;
}

.print-content .maincontent li [data-tag="p"].annoted-tag {
  display: inline-block!important;
}

.summary-annotations__ptags {
  margin: 30px 0 0 0;
}

.summary-annotations__ptags p {
  margin: 0;
}

#maindoccontent #highlights-annotations hr.print-document-separator {
  height: 2px!important;
  border-width: 0!important;
  color: gray!important;
  background-color: gray!important;
  margin: 40px 0!important;
  page-break-after: always!important;
}

.atlas-highlight {
  background-color: rgba(255,255,60,.4)!important;
  cursor: pointer;
}

.loader-container,
.loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.welcome-init-container .loader-container {
  top: 125%;
}

.progress-box.loader-container {
  display: block;
  background-color: transparent;
}

.request-in-progress.document-view-page .loader-container {
  left: 10%;
  top: 25%;
}

.loader-container {
  width: 20vw;
}

.loader-container .loader-wrapper .loader-text {
  color: #fff;
  font-size: 24px;
}

.loader-container .loader-wrapper span {
  width: 10px;
  height: 10px;
  background: #ffe600;
  display: inline-block;
  position: relative;
  margin: 0 2px;
  opacity: 0;
  animation: loading-dot 2s ease-in-out infinite;
}

.welcome-init-container .loader-container .loader-wrapper span {
  animation: welcome-loading 2s ease-in-out infinite;
}

.loader-container .loader-wrapper span:nth-child(5) {
  animation-delay: .1s;
}

.loader-container .loader-wrapper span:nth-child(4) {
  animation-delay: .2s;
}

.loader-container .loader-wrapper span:nth-child(3) {
  animation-delay: .3s;
}

.loader-container .loader-wrapper span:nth-child(2) {
  animation-delay: .4s;
}

.loader-container .loader-wrapper span:first-child {
  animation-delay: .5s;
}

@keyframes loading-dot {
  0% {
    transform: translateX(-25px);
    opacity: 0;
  }

  35%, 65% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(25px);
    opacity: 0;
  }
}

@keyframes welcome-loading {
  0% {
    transform: translateX(-150px);
    opacity: 0;
  }

  35%, 65% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(150px);
    opacity: 0;
  }
}

@keyframes loading-dot-ipad {
  0% {
    transform: translateX(-25px);
    opacity: 0;
  }

  35%, 65% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(25px);
    opacity: 0;
  }
}

.grids.accounting .haschildren,
.grids.accounting .parent-element {
  border-top: 4px solid #027fc4;
}

.accounting-root,
.auditing-root,
.gam-root,
.industry-root,
.keyaa-root,
.nonaudit-root,
.regulatory-root {
  height: 35px;
  width: 36px;
  margin: 0 auto;
}

.accounting-root>.atlas-icon,
.auditing-root>.atlas-icon,
.gam-root>.atlas-icon,
.industry-root>.atlas-icon,
.keyaa-root>.atlas-icon,
.library-root>.atlas-icon,
.nonaudit-root>.atlas-icon,
.regulatory-root>.atlas-icon {
  width: 36px;
  height: 35px;
  padding: 0 0 0 1px;
}

.grids .expand-collapse {
  margin: 0 0 10px 10px;
}

.grids .expand-collapse a {
  color: #81858b;
}

.grids .expand-collapse a:hover {
  color: #44494f;
  text-decoration: underline;
}

.treeview {
  margin: 0 10px;
  background-color: #fff;
  padding: 0;
  list-style: none;
}

.treeview a {
  vertical-align: middle;
}

.treeview a:hover {
  text-decoration: none;
}

.treeview .haschildren,
.treeview .parent-element {
  background-repeat: no-repeat;
  padding: 15px;
  border-bottom: 1px solid #e4e5e7;
  margin-bottom: 0;
  font-weight: 700;
}

.treeview .parent-element a {
  color: #24282d;
  font-size: 1.5em;
}

.treeview .child-element .haschildren .focus,
.treeview .parent-element .focus {
  float: right;
  display: none;
}

.treeview .child-element .haschildren:hover>div.focus,
.treeview .parent-element:hover>div.focus {
  display: inline-block;
}

.treeview .parent-element:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}

.treeview .child-element {
  padding: 0;
}

.treeview .child-element li {
  border-bottom: 1px solid #e4e5e7;
  border-top: none;
  list-style: none;
}

li.document-node {
  padding: 15px;
  border-bottom: 1px solid #e4e5e7;
  border-top: none;
  cursor: pointer;
}

.treeview .child-element li div a,
li.document-node a {
  color: #333;
  font-size: 1em;
  display: inline-block;
  width: 96%;
}

.treeview .child-element li div.treeview-node:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}

.treeview .child-element li div span:first-child,
li.document-node span:first-child {
  vertical-align: top;
}

.treeview .child-element li div.treeview-node a,
.treeview .item p.parent-element a {
  vertical-align: middle;
}

.treeview .child-element li.document-node:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

.treeview .child-element li div.treeview-node:hover>span.glyphicon-arrow-right {
  display: block;
}

.treeview .child-element :last-child {
  border-bottom-style: none;
}

.treeview .child-element .sub-menub,
.treeview .no-child {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.child-element a.dropdown {
  background: url("../../images/doc-con-actions-arrow.png") no-repeat 0 0;
  width: 13px;
  height: 9px;
  top: 5px;
  left: 20px;
  display: inline-block;
  text-decoration: none;
}

.dropdown-wrap {
  position: absolute;
  display: inline-block;
  display: none;
  cursor: pointer;
}

.treeview .child-element .glyphicon-arrow-right {
  float: right;
  padding-right: 15px;
}

.treeview li,
.treeview ul {
  list-style: none;
}

.treeview li {
  background-color: #fff;
}

.treeview li:last-child {
  border-bottom: solid 1px #e4e5e7;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.treeview li:last-child .child-element li {
  border-bottom: solid 1px #e4e5e7;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.treeview li .child-element li {
  border-left: none;
  border-right: none;
}

.treeview .child-element .document-node,
.treeview .child-element .haschildren,
.treeview .child-element .parent-element {
  padding-left: 35px;
}

.treeview .child-element .child-element .document-node,
.treeview .child-element .child-element .haschildren,
.treeview .child-element .child-element .parent-element {
  padding-left: 55px;
}

.treeview .child-element .child-element .child-element .document-node,
.treeview .child-element .child-element .child-element .haschildren,
.treeview .child-element .child-element .child-element .parent-element {
  padding-left: 75px;
}

.treeview .child-element .child-element .child-element .child-element .document-node,
.treeview .child-element .child-element .child-element .child-element .haschildren,
.treeview .child-element .child-element .child-element .child-element .parent-element {
  padding-left: 95px;
}

.treeview .bg-transparent:hover {
  background-color: transparent;
}

.gridsbgcolor {
  background-color: #e4e5e7;
}

li.document-node.border-top {
  border-top: 1px solid #e4e5e7;
}

.grids h1.heading-with-actions {
  display: inline-block;
}

.grids .head-treeview-actions {
  position: relative;
  display: inline-block;
  width: 15px;
  z-index: 111;
}

.grids .sec-treeview-actions {
  position: absolute;
}

.grids .treeview-actions {
  background: url("../images/doc-con-actions-arrow.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
}

.grids .head-treeview-actions .popover-actions,
.grids .sec-treeview-actions .popover-actions {
  left: 130px;
}

.treeview .head-treeview-actions,
.treeview .sec-treeview-actions {
  display: none;
}

.treeview .branch-actions {
  display: none;
  padding: 0;
  background: 0 0;
  vertical-align: middle;
}

.treeview .parent-element:hover>.branch-actions {
  display: inline-block;
  text-decoration: none;
  background: 0 0;
}

.treeview .child-element li div.treeview-node:hover>.branch-actions {
  background: 0 0;
  display: inline-block;
  text-decoration: none;
}

.grids.auditing .parent-element {
  border-top: 4px solid #8e0d69;
}

.grids.regulatory .parent-element {
  border-top: 4px solid #e86947;
}

.grids.industry .parent-element {
  border-top: 4px solid #29bc9c;
}

.grids.gam .parent-element {
  border-top: 4px solid #81858b;
}

.settings .settings-header,
.settings .upper-wrapper {
  margin: 0 50px;
}

.settings .form-section {
  padding: 20px 0;
  border-bottom: 1px solid #bec1c7;
}

.settings .form-section:last-child {
  border-bottom: none;
}

.settings h4 {
  font-weight: 700;
  display: block;
  color: #24282d;
}

.settings .form-section .form-row {
  display: block;
  margin: 15px 0 5px 0;
}

.settings .form-section .form-row .form-label {
  display: inline-block;
  font-weight: 700;
  color: #24282d;
  width: 25%;
}

.settings .grey {
  color: #81858b;
}

.settings .italic {
  color: #81858b;
  font-size: .8571rem;
  font-style: italic;
}

.settings .btn-group {
  min-width: 250px;
}

.arrow-down-typeahead {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 4px 10px;
}

.settings .btn-select {
  width: 100%;
  text-align: left;
  padding: 4px 8px;
}

.settings .version {
  clear: both;
  border-top: 2px solid #8e8e8e;
  padding: 10px 0 10px 0;
}

.settings .version label {
  font-weight: 400;
  padding-right: .25em;
}

.settings .version span {
  border-right: 1px solid #333;
  padding-right: 10px;
  margin-right: 6px;
  font-weight: 700;
}

.settings .version span:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.settings .dropdown-menu {
  background-color: #44494f;
  width: 100%;
  overflow-x: hidden;
  max-height: 300px;
}

.settings .dropdown-menu>li:first-child {
  background-color: #000;
}

.settings .dropdown-menu>li>a:focus,
.settings .dropdown-menu>li>a:hover {
  color: #fff;
  background-color: #000;
}

.settings .dropdown-menu>li>a {
  color: #fff;
  white-space: normal;
  line-height: 1.32;
  padding: 6px 20px;
  z-index: 1000;
}

.settings .settings-channel {
  height: 45px;
  padding: 13px 0;
  display: inline-block;
}

.settings .settings-channel .channel {
  width: 22px;
  height: 18px;
  vertical-align: top;
}

.settings .view {
  display: table;
  padding: 20px 0 20px 0;
}

.settings .column {
  display: table-cell;
  padding: 0 45px 0 0;
}

.settings .column section {
  display: inline-block;
}

.settings .column label {
  float: right;
  font-weight: 400;
  text-align: left;
  font-size: .9286rem;
  margin-left: 5px;
}

.settings .icon-grid,
.settings .icon-kids,
.settings .icon-list {
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding: 0 0 0 5px;
}

.settings .btn {
  background-color: #d9dadb;
  color: #000;
}

.settings .typeahead-text {
  height: auto;
  padding: 4px 30px 5px 8px;
  border-radius: 4px;
}

.settings .btn-action-grp {
  float: right;
  padding: 10px 0 20px 0;
}

.settings .btn-action {
  font-weight: 700;
  padding: 12px 40px 12px 40px;
  margin-bottom: 20px;
}

.settings .btn-apply {
  background-color: #44494f;
  color: #fff;
}

.settings .btn-cancel {
  background-color: #81858b;
  color: #fff;
  box-shadow: none;
}

.settings-modal .modal-backdrop {
  z-index: -1;
}

.settings-modal {
  top: 0;
}

.settings-modal .modal-dialog {
  margin: 15% auto 0;
}

.btn-action-grp button {
  text-transform: lowercase;
}

.btn-action-grp button:first-letter {
  text-transform: uppercase;
}

.dropdown-menu.user-country {
  width: auto;
}

.settings .column label.small {
  font-size: .8571rem;
}

.settings .column label.medium {
  font-size: 1rem;
}

.settings .column label.large {
  font-size: 1.143rem;
}

.settings .font-size .column label {
  vertical-align: middle;
  height: auto;
  float: none;
}

.btn-select .sel-language {
  float: left;
}

.welcome-screen-wrapper {
  text-align: center;
  width: 100%;
  padding: 100px 10px;
  font-size: 1.357rem;
}

.welcome-screen-wrapper p {
  font-size: .7857rem;
}

.welcome-screen-wrapper h1 {
  color: inherit;
}

.welcome-header {
  background-color: #24282d;
  padding: 0 4%;
}

.welcome-header.hide-header-welcome {
  display: none;
}

.welcome-header .logo {
  margin: 0 5px 0 0;
}

.version #privacyStatement a {
  font-weight: 400;
  color: #333;
}

.version #cookieSettings {
  font-weight: 400;
  color: #333;
  cursor: pointer;
}

body.paddingtop {
  padding-top: 80px;
}

body.preview-mode {
  padding-top: 80px;
}

section.recent-selection-title {
  text-align: left;
  font-weight: 700;
  color: #2e2e38;
  margin-bottom: 10px;
  font-size: 18pt;
}

.recent-selection-tab button {
  display: inline-block;
  text-decoration: none;
  padding: 4px 0 2px;
  margin: 0 10px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border-bottom: 3px solid transparent;
  background: 0 0;
}

.recent-selection-tab button:first-child {
  padding-left: 0;
  margin-left: 0;
}

.recent-selection-tab button.selected {
  color: #2e2e38!important;
  border-bottom: 3px solid #2e2e38;
  font-weight: 700;
  cursor: default;
}

section.recent-selection-tab {
  border-bottom: 1px solid #c4c4cd;
}

.recent-selection-results a.historyItem,
.recent-selection-results a.pinboardItem {
  display: block;
  padding: 7px 6px;
  border-bottom: 1px solid #c4c4cd;
  color: #2e2e38;
}

.recent-selection-results a.pinboardItem {
  padding: 7px 6px;
}

.recent-selection-results a.historyItem:nth-child(2n),
.recent-selection-results a.pinboardItem:nth-child(2n) {
  background: #f6f6f6;
}

.recent-selection-results-title {
  text-align: center;
  display: none;
}

.recent-selection-results-title span:nth-child(3) {
  font-weight: 700;
}

.recent-selection-results-title>p {
  padding: 15px 0 5px 0;
}

section.recent-selection-navigation {
  text-align: right;
  padding: 18px 0 0 0;
  font-weight: 700;
}

section.recent-selection-navigation>a {
  color: #2e2e38;
  cursor: pointer;
}

section.recent-selection-navigation>a:hover {
  text-decoration: underline;
}

.recent-selection-results .no-items {
  text-align: left;
  color: #2e2e38;
  margin: 10px 0;
}

.confirmation-modal {
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0,0,0,.5);
}

.confirmation-modal-inner.error-modal {
  width: 600px;
  margin: 15% auto 0!important;
  background: #fff;
  border-radius: 5px;
}

button.rapanel-btn {
  background: #44494f;
}

button.rapanel-btn:hover {
  color: #fff;
}

button.rapanel-default-btn {
  background: #81858b;
}

button.rapanel-default-btn:hover {
  background-color: #bec1c7;
  color: #fff;
}

.recent-selection-results a.historyItem section,
.recent-selection-results a.pinboardItem>span:last-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.recent-selection-results a.pinboardItem>span:last-child {
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: middle;
}

.only-vad-attachment svg {
  fill: #08c;
}

.recent-selection-results a.historyItem .history-item-title,
.recent-selection-results a.historyItem .only-vad-attachment {
  display: inline-block;
  vertical-align: middle;
}

.recent-selection-results a.historyItem .history-item-title {
  width: calc(100% - 21px);
}

.recent-selection-results a.historyItem .only-vad-attachment.hide+.history-item-title {
  width: 100%;
}

.history-main {
  padding: 10px 2%;
}

.right-sidebar .history-main .history-title {
  display: none;
}

.history-main .msg {
  display: inline-block;
  width: 88%;
  margin: 0 28px 12px;
  font-size: .8571rem;
}

.history-main .msg a {
  color: #428bca;
}

.history-main .clear-all {
  font-size: .8571rem;
  color: #000;
  display: inline-block;
  width: 6%;
  vertical-align: top;
  text-align: right;
}

.history-main article {
  width: 95%;
  margin: 10px auto 50px auto;
}

.history-main article header {
  border-bottom: 1px solid #e4e5e7;
}

.history-main article header,
.history-main article section {
  display: table;
  width: 100%;
  padding: 6px 0;
}

.history article section a.title,
.history-main article section a h3,
.history-main article section h3 {
  margin: 10px 0;
  color: #333;
  padding: 0;
  word-break: break-word;
}

.history article section a.title:hover {
  text-decoration: underline;
}

.history-main article header h2,
.history-main article header p,
.history-main article section p {
  display: table-cell;
  margin: 0;
  padding: 5px 0;
}

.history-main article header h2,
.history-main article section h3 {
  width: 87%;
}

.history-main article header p,
.history-main article section p {
  width: 13%;
  text-align: right;
  white-space: nowrap;
}

.history-main .date {
  font-size: 1.143rem;
  font-style: italic;
  font-weight: 700;
}

.history-main .time {
  color: #81858b;
  padding: 0 0 0 25px;
}

.history-main article header h2 {
  font-size: 1.286rem;
  color: #81858b;
  text-transform: uppercase;
}

.history-main article section h3 {
  font-weight: 400;
  font-size: 1rem;
}

.history-main article section a {
  padding: 0 20px 0 0;
  text-decoration: none;
}

.history-main article section a:hover h3 {
  text-decoration: underline;
}

.history-main article section a:hover h3 span {
  text-decoration: underline;
}

.history-main article section h3 span.history-channel {
  color: #cbc7cc;
  display: inline;
}

.history-content-unavaliable {
  color: #bec1c7;
  font-size: 1.071rem;
  text-align: center;
}

.history-main .title-no-content {
  text-align: center;
  font-size: 1.429rem;
  color: #bec1c7;
}

.right-sidebar .pin-tabcont .history-category {
  border-top: 1px solid #363a3f;
  padding: 20px 0;
}

.right-sidebar .pin-tabcont article {
  margin: 0 auto;
}

.history article section span.title {
  font-weight: 400;
  font-size: 1rem;
}

.history-category a>.atlas-icon {
  margin-right: 4px;
  vertical-align: top;
}

.right-sidebar .history-tab article {
  margin: 0;
}

.global_history_pinboard .history-main .title-no-content {
  padding: 10px 0;
}

body.paddingtop {
  padding-top: 80px;
}

body.preview-mode {
  padding-top: 80px;
}

.whats-new .content article.wn-month h2 {
  color: inherit;
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #e4e5e7;
}

.whats-new .content .whatsnew {
  margin: 15px 0 20px 0;
  border-bottom: 1px solid #e4e5e7;
  padding: 0 0 15px;
  width: 100%;
}

.whats-new .content .whatsnew a {
  color: #08c;
}

.whats-new .content .whatsnew .main-title {
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0;
}

.whats-new .content .whatsnew .view-more-less a {
  float: right;
}

.whats-new a.disabled,
.whats-new a.disabled:hover {
  color: #bec1c7;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.whats-new .no-result {
  padding: 5px 32px;
  cursor: default;
  margin-top: 10px;
}

.whats-new .expanded ul li {
  list-style: disc;
}

.article-desc>section>p:last-of-type {
  margin-bottom: 0;
}

.container-min-height {
  min-height: 850px;
}

.paddingtop .document .right-sidebar {
  padding-top: 40px;
}

.vad-Desk-lt-rt .gamnav,
.vad-Desk-rt .gamnav {
  margin-right: 310px;
}

.vad-Desk .right-sidebar,
.vad-Desk-lt .right-sidebar {
  right: -310px;
}

.vad-Desk .content,
.vad-Desk-rt .content {
  margin-left: 0;
}

.vad-Desk .document .content {
  width: 100%;
}

.vad-Desk-lt-rt .viewasdocument.document .content {
  width: calc(100% - 310px)!important;
}

.vad-Desk-rt .viewasdocument.document .content {
  width: 100%;
}

.document-view-page .vad-Desk-rt .document-only-breadcrumb-container {
  left: 4%;
  right: 4%;
}

.vad-Desk-rt .document-only-breadcrumb-container.no-space {
  left: 0;
  right: 0;
}

.vad-Desk-lt .left-sidebar,
.vad-Desk-lt-rt .left-sidebar,
.vad-Mob-lt .document .left-sidebar {
  display: table-cell;
}

.vad-Desk-lt .left-sidebar,
.vad-Desk-lt-rt .left-sidebar {
  z-index: 111;
}

.global-header.hideHeader,
.vad-Desk .left-sidebar,
.vad-Desk-rt .left-sidebar,
.vad-Mob .left-sidebar,
.vad-Mob .right-sidebar,
.vad-Mob-lt .content,
.vad-Mob-lt .right-sidebar,
.vad-Mob-rt .content,
.vad-Mob-rt .left-sidebar {
  display: none;
}

.global-header.showHeader {
  display: block;
}

.vad-Desk-lt-rt .rightarrowdoc {
  right: auto;
  text-align: right;
}

.vad-Desk .rightarrowdoc,
.vad-Desk-lt .rightarrowdoc {
  right: .5%;
}

.view-vad-lt-rt .nextdoc {
  left: -82%;
}

.vad-Desk .gamnav,
.vad-Desk-rt .gamnav,
.view-vad-lt .nextdoc {
  left: 0;
}

.view-vad-rt .nextdoc {
  left: -194px;
}

.vad-Desk-rt .document .nextdoc {
  right: 156px;
}

.vad-Desk-lt .gamnav {
  left: 310px;
}

.vad-documentcontent .vad-doc-list.documentcontent {
  display: block;
  width: 100%;
}

.document-view-page .collection-title-wrap .tooltip,
.document-view-page .collection-title-wrap .tooltip *,
.document-view-page .viewasdocument .left-sidebar .tooltip,
.document-view-page .viewasdocument .left-sidebar .tooltip * {
  opacity: 1;
}

.document-view-page #vad-header .collection-title-wrap .tooltip-arrow,
.document-view-page #vad-header .prev-next-container .tooltip-arrow,
.document-view-page .viewasdocument .left-sidebar .tooltip-arrow {
  border-bottom-color: #fff;
}

.document-view-page .viewasdocument .left-doc .tooltip-arrow {
  border-left-color: #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.document-view-page .collection-title-wrap .tooltip-inner,
.document-view-page .prev-next-container .tooltip-inner,
.document-view-page .viewasdocument .left-sidebar .tooltip-inner {
  background: #fff;
  opacity: 1;
  color: #2e2e38;
}

.document-view-page .prev-next-container .tooltip-inner {
  max-width: 295px;
}

.document-view-page .viewasdocument .left-doc .tooltip-inner {
  white-space: nowrap;
}

.document-view-page .viewasdocument .left-doc .tooltip {
  padding: 17px 10px 0 0;
}

.document-view-page .viewasdocument .left-doc .tooltip-arrow {
  margin-top: 5px;
  right: 5px;
}

.viewasdocument .left-sidebar .atlas-icon.next.left-doc {
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
}

.viewasdocument .left-sidebar .rtl .atlas-icon.next.left-doc {
  left: 0;
  right: auto;
}

.viewasdocument .left-sidebar header.rtl h4 {
  margin-left: 0;
}

.findDocumentLoader {
  text-align: left;
  padding: 7px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.loading-icon-vad {
  margin-top: 2px;
  animation: findInVadMove 2.5s infinite;
}

@keyframes findInVadMove {
  100% {
    transform: rotate(360deg);
  }
}

.settings .twitter-typeahead .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
  color: #fff;
  background-color: #000;
  width: 250px;
  padding-left: 22px;
}

.typeahead-text {
  background-color: #d9dadb;
  width: 250px;
  height: 45px;
  color: #000;
  padding-left: 22px;
}

.submitBtn {
  width: 1px;
  height: 1px;
  position: absolute;
  visibility: hidden;
}

@keyframes skeletonAnimation {
  0% {
    transform: translate3d(-30%,0,0);
  }

  100% {
    transform: translate3d(30%,0,0);
  }
}

.prehome-container,
.prehome-container *,
.prehome-container ::after,
.prehome-container ::before {
  box-sizing: border-box;
}

.prehome-container {
  direction: ltr;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #fff;
}

.prehome-container::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: skeletonAnimation 1.2s linear infinite;
  animation: skeletonAnimation 1.2s linear infinite;
  background: linear-gradient(to right,rgba(255,255,255,0) 46%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 54%) 50% 50%;
}

.pre-carousel {
  width: 100%;
  height: 270px;
  background-color: #ced4da;
  position: relative;
}

.pre-tabs {
  width: 100%;
  height: 50px;
  background-color: #24282d;
  margin-bottom: 15px;
}

.pre-whatsNew {
  width: 100%;
  padding: 17px 43px;
}

.pre-active {
  height: 50px;
  width: 130px;
  background: #fff;
  margin-left: 60px;
  border-top: 5px solid #fdd108;
}

.pre-whatsNew .pre-item-container {
  height: 250px;
  width: calc(100% / 3);
  display: inline-block;
  padding: 10px 20px;
  margin-left: -3px;
}

.pre-item-date {
  background-color: #ced4da;
  width: 30%;
  height: 20px;
  margin-bottom: 20px;
}

.pre-item-title {
  background-color: #ced4da;
  width: 50%;
  height: 20px;
  margin-bottom: 20px;
}

.pre-item-desc {
  background-color: #ced4da;
  width: 80%;
  height: 100px;
  margin-bottom: 20px;
}

.pre-nav {
  background: #24282d;
  height: 50px;
  width: 100%;
  position: fixed;
  top: 0;
}

.pre-browse-view,
.pre-doc-view,
.pre-search-view,
section.prehome {
  background: #f4f4f4;
  position: fixed;
  top: 50px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
}

.pre-browse-view {
  top: 90px;
  border-top: 2px solid #bec1c7;
}

.pre-search-view {
  top: 105px;
}

.pre-nav .logo {
  margin-left: 55px;
}

.pre-subnav {
  width: 100%;
  padding: 10px 60px;
  border-bottom: 2px solid #bec1c7;
}

.pre-subnav-item {
  background: #ced4da;
  height: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
  color: transparent;
  user-select: none;
}

.pre-browse-layout {
  width: 100%;
}

.pre-left-layout {
  width: 63%;
  bottom: 0;
  top: 90px;
  height: 100vh;
  padding: 20px 60px;
}

.pre-rapannel {
  width: 37%;
  padding: 20px 40px 10px;
  border-left: 3px solid #44494f;
  display: inline-block;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 90px;
}

.gco-browse .pre-left-layout {
  width: 100%;
}

.gco-browse .pre-rapannel {
  display: none;
}

.pre-rapannel .rightpanel-button {
  width: 20px;
  background: #24282d;
  position: absolute;
  left: -20px;
}

.pre-r-align {
  margin-top: 50px;
  float: right;
}

.pre-search-title {
  width: 300px;
  height: 25px;
  background: #ced4da;
}

.pre-node {
  width: 100%;
  height: 40px;
  background: #ced4da;
  margin: 30px 0;
}

.pre-links span {
  width: 80px;
  height: 20px;
  background: #ced4da;
  display: inline-block;
  margin: 10px 0;
}

.pre-rapannel .recent-selection-tab {
  margin-bottom: 20px;
}

.pre-doc-left-layout {
  background: #1a1a24;
  width: 310px;
  height: 100vh;
  border-right: 8px solid #878787;
  border-top: 3px solid #878787;
}

.pre-doc-right-layout {
  position: fixed;
  left: 310px;
  right: 0;
  top: 50px;
  bottom: 0;
  padding: 15px 50px 20px 55px;
}

.pre-doc-left-layout .next_container,
.pre-doc-left-layout .previous_container {
  padding: 15px 20px;
  border-bottom: 1px solid #878787;
  border-top: 1px solid #878787;
  height: auto;
}

.pre-doc-left-layout .pre-item-title {
  height: 13px;
  margin-bottom: 12px;
}

.pre-item-description {
  height: 20px;
  width: 80%;
  background: #ced4da;
  margin-bottom: 15px;
}

.next_container .pre-item-description,
.previous_container .pre-item-description {
  height: 13px;
  margin-bottom: 0;
}

.pre-toc_container .pre-list {
  padding: 10px 20px;
}

.pre-toc_container .pre-list:first-child {
  padding-top: 20px;
}

.pre-list .pre-item-description {
  width: 100%;
  margin-bottom: 0;
}

.pre-breadcrumb {
  border-bottom: 2px solid #bbb;
}

.pre-breadcrumb .pre-item-title {
  width: 40%;
}

.pre-breadcrumb .pre-item-description {
  width: 50%;
}

section.pre-document {
  margin-top: 40px;
}

.pre-search-layout {
  width: 100%;
  padding: 15px 12% 20px 4.2%;
}

.pre-gam-tabs-container {
  padding: 20px 50px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.pre-gam-tabs {
  width: 24.5%;
  padding: 0 20px;
  display: inline-block;
  border-right: 1px solid #bbb;
}

.pre-gam-tabs:last-child {
  border-right: 0;
}

.pre-gam-tabs .pre-item-desc {
  width: 100%;
  height: 35px;
  margin-bottom: 0;
}

section.pre-filters {
  display: table;
  width: 100%;
  border-bottom: 1px solid silver;
  padding-top: 20px;
}

section.pre-filters>section {
  display: table-cell;
}

section.pre-filters .pre-node {
  margin: 10px 0 15px 0;
}

.pre-topic-results {
  margin-top: 10px;
}

.pre-topic-results-item {
  display: inline-block;
  width: 48%;
  margin-right: 20px;
  border: 1px solid #f0f0f0;
  box-shadow: 1px 1px 4px #ddd;
  padding: 10px;
}

.pre-topic-results-item .pre-node {
  margin-top: 20px;
  margin-bottom: 5px;
}

section.pre-all-results {
  padding-top: 20px;
}

section.pre-all-results>section {
  border-bottom: 1px solid #bec1c7;
  margin-bottom: 20px;
}

section.pre-all-results .pre-node {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 30px;
}

.pre-all-results .pre-item-desc {
  height: 75px;
}

@keyframes fadeSkeleton {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: .75;
  }
}

.content,
.document-loading,
.pageContent {
  opacity: 1;
  animation: fadeSkeleton .6s ease-in;
}

.cookie-Modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0,0,0,.3);
  z-index: 9999;
}

.cookie-inner-wrapper {
  position: relative;
  align-items: center;
  background-color: #2e2e38;
  width: 884px;
  height: 643px;
  padding: 100px 150px 93px;
  margin: 0 auto;
  top: 50%;
  margin-top: -312px;
}

.cookie-buttons button {
  display: inline-block;
  border: 1px solid #fff;
  background-color: #fff;
  color: #2e2e38;
  height: 56px;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  min-width: 280px;
  font-weight: 700;
  font-family: NotoSans;
}

.cookie-buttons button:hover {
  background-color: #2e2e38;
  color: #fff;
}

.cookie-buttons button:last-child {
  margin-left: 14px;
}

.cookie-text p {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  width: 100%;
  position: relative;
  color: #fff;
  letter-spacing: -.14px;
}

.cookie-text h5 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: #fff;
  margin: 20px 0;
  text-align: center;
}

.EY-cookie-logo {
  height: 85px;
  width: 85px;
  margin: 0 auto;
}

section.cookie-customize {
  margin: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

section.cookie-customize a,
section.cookie-customize a:focus,
section.cookie-customize a:hover {
  color: #fff;
}

section.scroll-cookie {
  max-height: 310px;
  overflow-y: auto;
  margin-bottom: 20px;
  position: relative;
}

section.cookie-buttons {
  position: relative;
}

.cookie-policy,
.cookie-settings {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  max-width: 1920px;
  padding: 0 70px;
  margin: 15px 0;
}

h1.cookie-policy-title,
h1.cookie-settings-title {
  font-size: 48px;
  line-height: 60px;
  color: #2e2e38;
  font-family: NotoSans;
  font-weight: 300;
  text-align: left;
}

.faq-questions li.parent-of-hyperlink-text-link {
  padding: 4px;
  font-size: 14px;
}

.faq-questions a.hyperlink-text-link,
.faq-questions a.hyperlink-text-link:focus,
.faq-questions a.hyperlink-text-link:hover,
.faq-questions a.hyperlink-text-link:visited {
  font-size: 14px;
  font-family: NotoSansBold;
  color: #2e2e38;
  cursor: pointer;
}

.cookie-policy p {
  margin: 0 14px;
  font-size: 15px;
  font-family: NotoSans;
  color: #2e2e38;
}

.cookie-policy h3 {
  font-size: 32px;
  line-height: 40px;
  font-family: NotoSans;
  color: #2e2e38;
  margin: 32px 0;
}

.cookie-policy a.link-to-navigate,
.cookie-policy a.link-to-navigate:focus,
.cookie-policy a.link-to-navigate:hover,
.cookie-policy a.link-to-navigate:visited {
  font-family: NotoSans;
  color: #2e2e38;
  display: block;
  width: 100px;
  height: 80px;
}

section.cookie-settings-info {
  width: 50%;
  margin-bottom: 40px;
}

.cookie-settings-info p {
  font-size: 20px;
  line-height: 28px;
  font-family: NotoSans;
  margin: 0;
}

.cookie-settings-selection .input-container {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.cookie-settings-selection .input-desc {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 50px);
}

.cookie-settings-selection input.checkbox-input {
  width: 27px;
  height: 27px;
  cursor: pointer;
}

.cookie-settings-selection .input-desc p:first-child {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 5px;
}

button.cookie-settings-save {
  display: inline-block;
  padding: 15px 26px;
  background-color: #fff;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  font-size: 14px;
  font-family: NotoSans;
  margin-bottom: 50px;
}

button.cookie-settings-save:hover {
  background: #2e2e38;
  color: #fff;
}

.cookielist-container h4.title-heading {
  font-size: 32px;
  line-height: 40px;
  color: #2e2e38;
  margin: 10px 0 30px 0;
  font-family: NotoSans;
  font-weight: 600;
}

.cookie-policy-item #cookieList td,
.cookie-policy-item #cookieList th,
.cookielist-container table tr td,
.cookielist-container table tr th {
  min-width: 190px;
  vertical-align: top;
  padding: 19px 19px 22px;
  text-align: left;
  font-size: 14px;
  font-family: NotoSans;
  border-bottom: 1px solid #c4c4cd;
}

.cookie-policy-item #cookieList th,
.cookielist-container table tr th {
  background: #f6f6fa;
}

.cookie-policy-item #cookieList tr:last-child td,
.cookielist-container table tr:last-child td {
  border-bottom: 0;
}

.cookie-policy-item #cookieList,
section.cookielist-container .cookie-list {
  overflow-x: auto;
}

.cookie-Modal-wrapper span.navigateToPolicy {
  cursor: pointer;
  color: #08c;
  font-family: NotoSansBold;
  font-weight: 700;
}

.cookie-Modal-wrapper span.navigateToPolicy:hover {
  text-decoration: underline;
}

.linktotop {
  cursor: pointer;
  font-size: 14px;
}

#customizeCookie,
.customizeCookie,
a.EY-cookie-link,
a.EY-cookie-link:active,
a.EY-cookie-link:focus,
a.EY-cookie-link:hover,
a.EY-cookie-link:visited {
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  font-family: NotoSansBold;
  text-decoration: underline;
  color: #2e2e38;
}

.cookie-customize #customizeCookie {
  text-decoration: none;
  color: #fff;
}

.cookie-customize #customizeCookie:hover {
  text-decoration: underline;
}

.breadcrumb-container button#tilesView {
  display: none!important;
}

.annotation-summary {
  padding: 0 4% 0 4%;
}

.highlight-current-text {
  background-color: #ff4500;
}

.disabled-next-prev {
  color: #80848a!important;
  pointer-events: none;
}

.annotation-summary .filter-no-result {
  font-size: 16px;
  text-align: center;
  padding: 10px;
  word-spacing: 3px;
  font-weight: 600;
  margin-top: 90px;
}

.annotation-summary .summary-main-title {
  position: sticky;
  width: 100%;
  top: 50px;
  border-bottom: 3px solid #e1e1e6;
  height: 80px;
  margin-bottom: 15px;
  background-color: #fff;
  z-index: 2;
}

.annotation-summary .summary-header-title {
  display: flex;
  position: sticky;
  width: 100%;
  background: #fff;
  z-index: 2;
  top: 48px;
  height: 110px;
  align-items: center;
  justify-content: space-between;
}

.annotation-summary .summary-expandcollapsecontainer {
  display: flex;
  width: 100%;
  color: #08c;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  top: 15px;
  user-select: none;
}

.annotation-summary .summary-expandcollapsecontainer a {
  color: #08c;
}

.annotation-summary .summary-header-title .right-menu-container {
  min-height: 90px;
}

.annotation-summary .summary-header-title .rightMenuOptions {
  display: flex;
  position: relative;
  user-select: none;
  align-items: center;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs,
.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter {
  position: relative;
  display: flex;
  align-items: center;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs span.down-arrow,
.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter span.doc-down-arrow {
  right: 25px;
  position: relative;
  width: 17px;
  height: 17px;
  cursor: pointer;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs label,
.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter label {
  font-weight: 400;
  font-size: 1.2rem;
  margin: 6px;
}

.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter .doc-dropbtn {
  width: 65px;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs .dropbtn {
  width: 182px;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs .dropbtn,
.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter .doc-dropbtn {
  background-color: #f6f6fa;
  color: #000;
  padding: 11px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-bottom: 1.5px solid #000;
  text-align: left;
}

.annotation-summary .summary-header-title .rightMenuOptions .dropdown {
  position: relative;
}

.annotation-summary .summary-header-title .rightMenuOptions .doc-dropdown-content,
.annotation-summary .summary-header-title .rightMenuOptions .dropdown-content {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
  z-index: 1;
}

.annotation-summary .summary-header-title .rightMenuOptions .dropdown-content {
  width: 182px;
}

.annotation-summary .summary-header-title .rightMenuOptions .doc-dropdown-content {
  width: 65px;
}

.annotation-summary .summary-header-title .rightMenuOptions .doc-dropdown-content ul,
.annotation-summary .summary-header-title .rightMenuOptions .dropdown-content ul {
  margin: 0;
  padding: 0;
}

.annotation-summary .summary-header-title .rightMenuOptions .doc-dropdown-content ul li,
.annotation-summary .summary-header-title .rightMenuOptions .dropdown-content ul li {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs .dropdown-content ul li:hover,
.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter .doc-dropdown-content ul li:hover,
.summary-highlight-container li:hover {
  background-color: #f1f1f1;
}

.annotation-summary .summary-header-title .rightMenuOptions .filterDocs .dropdown:hover .dropbtn,
.annotation-summary .summary-header-title .rightMenuOptions .show-doc-number-filter .doc-dropbtn:hover .dropbtn {
  background-color: #f6f6fa;
}

.annotation-summary .summary-header-title .print-all-docs__summary {
  cursor: pointer;
  border: 1px solid #000;
  padding: 9px;
}

.annotation-summary .summary-header-title .print-all-docs__summary .print-all-icon-container {
  height: 25px;
  width: 25px;
}

.annotation-summary .summary-header-title .search-term {
  position: relative;
  border-bottom: 1px solid #000;
  display: flex;
  width: 406px;
}

.annotation-summary .summary-header-title .search-term input {
  width: 320px;
}

.annotation-summary .summary-header-title .search-term .input-summary-hebrew {
  position: relative;
  left: 21px;
}

.annotation-summary .summary-header-title .loader-hits__section .searchLoader {
  display: flex;
}

.annotation-summary .summary-header-title .loader-hits__section .searchLoader .loading-icon-vad {
  margin-right: 3px;
}

.annotation-summary .summary-header-title .search-term .lookout-input:disabled {
  background-color: #fff;
}

.annotation-summary .summary-header-title .search-term #btnCloseLookoutMenu,
.annotation-summary .summary-header-title .search-term #btnSearchLookoutMenu {
  position: relative;
  left: 0;
  bottom: 0;
  top: 4px;
  cursor: pointer;
  margin-right: 10px;
}

.annotation-summary .summary-header-title .search-term #btnCloseLookoutMenu {
  margin-left: auto;
}

.annotation-summary .summary-header-title .search-term .findDocumentTextMenu {
  position: relative;
  right: 21px;
  bottom: 2px;
  margin: 0 10px 0 10px;
}

.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits {
  white-space: nowrap;
  user-select: none;
  border: none;
  width: 72px;
}

.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits .lookout-right {
  display: none;
}

.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits .lookout-left .next-hit__summary,
.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits .lookout-left .previous-hit__summary {
  position: relative;
  top: 3px;
  left: 4px;
  margin: 0 7px;
  cursor: pointer;
}

.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits .lookout-left .next-hit__summary svg,
.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits .lookout-left .previous-hit__summary svg {
  width: 10px;
  height: 13px;
}

.annotation-summary .summary-header-title .search-term #searchLoader .search-loader {
  position: relative;
  bottom: 3px;
}

.annotation-summary .summary-header-title .search-term .findDocumentTextMenu section.search-hits section.lookout-right #nextPreviousContainer .navigation-arrow-button {
  padding: 2px;
  vertical-align: bottom;
  background-color: transparent;
}

.annotation-summary .browseNode {
  list-style: none;
  border: 1px solid #e1e1e6;
  padding: 3px 1%;
  height: 46px;
}

.annotation-summary .pagination-parent {
  text-align: right;
  padding: 0 15px;
  font-size: 16px;
}

.annotation-summary .pagination-parent a {
  color: #428bca;
}

.annotation-summary .pagination-parent .hide-next,
.annotation-summary .pagination-parent .hide-prev {
  display: none;
}

.annotation-summary .pagination-parent .pager {
  display: inline-block;
  text-align: right;
  color: #80848a;
  margin: 10px 0;
}

.annotation-summary .pagination-parent .pager a {
  margin: 0 5px;
}

.annotation-summary .pagination-parent span.prev-next {
  display: none;
}

.annotation-summary .pagination-parent .pager .selected,
.annotation-summary .pagination-parent .pager .selected:hover {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  pointer-events: none;
}

.annotation-summary .nodeAcionItems .atlas-icon {
  width: 32px;
  height: 32px;
}

.annotation-summary .nodeAcionItems .annotation-pen {
  position: absolute;
  width: 27px;
  top: 4px;
  right: 35px;
}

.annotation-summary .nodeAcionItems .annotation-article {
  position: absolute;
  right: 35px;
  top: 0;
}

.annotation-summary .nodeAcionItems .annotation-article svg,
.annotation-summary .nodeAcionItems .annotation-pen svg {
  fill: #000;
}

.annotation-summary .browseNode .nodeTitle {
  width: 95%;
}

.annotation-summary .nodeTitle {
  margin-top: 3px;
}

.annotation-summary .nodeTitle .title p {
  min-width: auto;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.annotation-summary .nodeTitle .same-channel-annotation p {
  min-width: auto;
  max-width: 95%;
}

.annotation-summary .badge {
  position: absolute;
  border-radius: 50%;
  background: #155cb4;
  color: #fff;
  width: 20px;
  height: 20px;
  left: 3px;
  top: 0;
}

.annotation-summary .badge .counter-text {
  right: 3px;
  position: relative;
  font-size: 10px;
}

.annotation-summary .summary-item .annotation-title-backbround {
  background: #f6f6fa;
}

.annotation-summary .summary-item {
  padding: 0 0 30px 0;
  margin: 0;
}

.annotation-summary .active-background-change {
  background: #f6f6fa;
}

.annotation-summary .summary-highlight-container {
  z-index: 1;
  width: 184px;
  border-radius: 0;
}

.annotation-summary .summary-highlight-container ul {
  padding: 0;
}

.annotation-summary .summary-highlight-container ul li {
  color: #000;
  text-decoration: none;
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 10px;
}

.background-opacity {
  display: block;
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.4);
  z-index: 2;
}

.annotation-summary .summary-heading {
  margin-bottom: 5px;
}

.summary-heading {
  font-size: 30px;
  Color: #646464;
  margin-top: 30px;
  margin-bottom: 40px;
}

.annotation-summary .summary-highlight-container svg {
  height: 24px;
  width: 24px;
}

.annotation-summary .summary-highlight-container {
  display: flex;
  font-weight: 700;
  flex-direction: column;
}

.annotation-summary .action {
  display: flex;
  height: 30px;
  width: 100%;
  align-items: center;
}

.annotation-summary .action p {
  margin: 5px 0 5px 10px;
}

.annotation-summary .up_arrow {
  height: 0;
  width: 0;
}

.annotation-summary .action a {
  color: #000;
}

.annotation-summary .summary-description {
  background: #fff;
  border: 1px solid #e1e1e6;
  box-sizing: border-box;
  padding: 1% 2%;
}

.annotation-summary .summary-description [data-tag=well] {
  padding: 0 0 16px 0;
}

.annotation-summary .summary-description p {
  font-size: 11px;
  margin-bottom: 0;
  padding: 0;
}

.annotation-summary .summary-description p sup {
  font-size: 7px;
}

.annotation-summary .summary-description ul {
  margin: 0;
}

.annotation-summary .summary-description .summary-para {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.annotation-summary .summary-description .summary-para .atlas-icon-attachment {
  margin: 0 5px;
}

.annotation-summary .summary-description .summary-para .hide-attachment {
  display: none;
}

.annotation-summary .summary-description .summary-para p {
  font-style: italic;
  padding: 10px 5px;
  width: 70%;
}

.annotation-summary .description {
  padding-bottom: 20px;
}

.annotation-summary .summary-description .add-annotation {
  box-shadow: 0 3px 4px 0 #888;
}

.annotation-summary .summary-description .annotation-icon {
  top: 0;
}

.summary-highlight-container {
  position: absolute;
  top: 43px;
  right: -23px;
  background: #fff;
  -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  -moz-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  box-shadow: 0 -1px 12px rgba(0,0,0,.5);
  text-align: left;
}

.summary-highlight-container span {
  display: inline;
  vertical-align: middle;
  white-space: nowrap;
  width: 31px;
  height: 46px;
}

.summary-highlight-container .up_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -5px;
  right: 30px;
}

.annotation-summary .nodeAcionItems .action-menu {
  width: 30px;
  height: 30px;
  padding-bottom: 5px;
}

.annotation-summary .location-close-icon a {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  text-decoration: none;
}

.annotation-summary .popup {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-15%);
  width: 100%;
  padding: 0 30px 40px;
  box-shadow: 0 5px 30px rgba(0,0,0,.3);
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

.annotation-summary .popup .doc-period {
  margin: 10px 5px 5px 5px;
}

.annotation-summary .popup.active {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: .5s;
  position: fixed;
  z-index: 3;
  width: 92%;
}

.annotation-summary .popup .title-body {
  margin: 10px 5px 5px 25px;
}

.annotation-summary .popup .actual-title {
  margin: 10px 5px 5px 45px;
}

.annotation-summary .popup .location-close-icon {
  text-align: right;
  height: 20px;
}

.annotation-summary .popup svg {
  height: 20px;
  width: 20px;
}

.annotation-summary .actual-title a {
  color: #428bca;
}

.annotation-summary .summary-desc-container {
  margin-bottom: 15px;
}

.annotation-summary .summary-border {
  border: 2px solid #000;
}

.annotation-summary .comment,
.annotation-summary .expire-on-setting {
  padding: 4px 10px;
}

.annotation-summary .comment a {
  margin: 5px;
  color: #08c;
  text-decoration: underline;
  font-style: italic;
}

.annotation-summary .expire-on-setting {
  display: flex;
  align-items: center;
}

.annotation-summary .expire-on-setting p {
  font-size: 9px;
  color: grey;
}

.annotation-summary .expire-on-setting .annotation-delete-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  cursor: pointer;
}

.annotation-summary .context-menu {
  cursor: context-menu;
}

.annotation-summary .browseNode .nodeAcionItems {
  width: 5%;
  float: right;
}

.annotation-summary .nodeAcionItems .atlas-icon {
  margin: 0;
}

.annotation-summary .nodeAcionItems .menu-icon {
  height: 36px;
  width: 36px;
}

.summary-padding {
  padding-top: 30px;
}

.annotation-summary #annotationSummary .doc-sub-location-container {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  margin: 10px 0 10px 0;
}

.annotation-summary #annotationSummary .doc-sub-location-container .subsection-title {
  padding: 3px;
}

.annotation-summary #annotationSummary .doc-sub-location-container span {
  width: 30px;
  height: 30px;
  padding: 6px;
}

.summary-page-channel {
  font-weight: 400;
  margin-left: 5px;
  max-width: 33%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.summary-anno-tabs {
  margin-bottom: 10px;
  padding: 7px 1px;
  display: flex;
  flex-direction: row;
  gap: 25px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 0;
}

.summary-anno-tabs button {
  background: 0 0;
  padding: 5px 0;
}

.summary-anno-tabs button.selected {
  color: #2e2e38!important;
  border-bottom: 3px solid #2e2e38;
  font-weight: 700;
  cursor: default;
}

.border-left {
  border-left: 4px solid #ff0;
}

.annotation-summary-username {
  padding: 4px 1px;
  font-size: 11px;
  font-weight: 700;
}

.annotation-summary .no-annotation,
.annotation-summary .no-orphan {
  padding: 20px 0;
  font-size: 12px;
  font-weight: 700;
}

.annotation-summary__countheader {
  margin: 16px 0 0 0;
  font-size: 15px;
}

.annotation-summary__countheader--label {
  font-weight: inherit;
}

.eachannotation {
  margin: 10px;
  height: auto;
  width: auto;
  background: #f0f0f0;
  border: 1px solid #000;
  padding: 1px;
  user-select: none;
}

.eachannotation .annotation-para {
  cursor: pointer;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin: 5px;
  padding: 5px;
  line-height: 1.3em;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 12.5px;
}

.annotation-username {
  padding: 4px;
  font-size: 11.5px;
  font-weight: 700;
}

.eachannotation .slideout-annotation-actions {
  text-align: right;
  padding: 15px 5px 0 0;
}

.eachannotation .slideout-annotation-actions button {
  padding: 0;
}

.eachannotation button span {
  width: 25px;
  height: 20px;
}

.eachannotation .expiration-settings {
  text-align: right;
}

.eachannotation .expiration-settings .expire-annotation {
  font-size: 9px;
  padding: 10px;
}

.eachannotation .annotation-comment a {
  margin: 5px;
  color: #08c;
  text-decoration: underline;
  font-style: italic;
  font-size: 12px;
}

.eachannotation .annotation-comment {
  font-size: 12px;
  padding: 10px;
  width: 97%;
  word-break: break-word;
  white-space: normal;
  display: flex;
  align-items: end;
}

.eachannotation .annotation-comment .actual-comment {
  max-width: 90%;
}

.eachannotation .annotation-comment .actual-comment p {
  padding: 0;
}

.eachannotation .annotation-copy {
  cursor: pointer;
  margin-left: 5px;
}

.eachannotation .para__slideout {
  margin: 5px;
  padding: 10px 0;
  cursor: pointer;
}

#orphan-annotation-list .eachannotation .para__slideout {
  cursor: default;
}

.eachannotation .para__slideout .annotation-paragraph {
  display: inline-flex;
}

.eachannotation .para__slideout p {
  padding: 10px;
}

.eachannotation .warning-message__slideout {
  margin: 10px 0 0 0;
}

.eachannotation .para__slideout span,
.eachannotation .warning-message__slideout p,
.eachannotation .warning-message__slideout span {
  font-size: 11.5px;
  text-align: justify;
}

.eachannotation #read-more-less a,
.eachannotation .para__slideout span a,
.eachannotation .warning-message__slideout a {
  color: #08c;
  word-break: break-word;
}

.orphan-icon {
  align-items: center;
  display: flex;
  vertical-align: middle;
  gap: 4px;
  padding: 0 10px;
}

.orphan-label {
  color: #2e2e38;
  font-weight: 600;
  font-size: 9px!important;
}

.eachannotation .warning-message__slideout .privacy-statement {
  color: #08c;
  font-size: 11.5px;
}

.eachannotation .ql-toolbar.ql-snow>span>button {
  top: auto;
  left: auto;
}

.eachannotation div.ql-toolbar.ql-snow>span>button {
  border: .5px solid #2e2e38;
  background: #ffff;
  margin-left: 4px;
}

.eachannotation .ql-toolbar.ql-snow {
  border: none;
  padding: 8px 8px 8px 0;
}

.eachannotation .ql-container.ql-snow {
  border: none;
}

.eachannotation .ql-toolbar.ql-snow+.ql-container.ql-snow {
  border-top: 0;
  background: #fff;
  border: .5px solid #2e2e38;
  margin: 3px;
  min-height: 88px;
  bottom: 8px;
}

.eachannotation .ql-editing {
  display: flex;
  flex-direction: column;
  left: 0!important;
  z-index: 1;
}

.eachannotation .ql-action {
  position: relative;
  right: 12px;
  float: left;
}

.eachannotation .ql-remove {
  float: right;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border: none;
}

.ql-editing,
.ql-tooltip {
  z-index: 1;
  left: 1px!important;
}

.eachannotation .ql-editing {
  position: absolute;
  left: 12px!important;
  top: 19px!important;
  display: flex;
  flex-direction: column;
}

.eachannotation .ql-editing.ql-hidden {
  display: none;
}

.eachannotation .doc-selection-actions-colors {
  display: flex;
  right: 81px;
  top: 92px;
  padding: 5px;
  z-index: 98;
  opacity: .9;
  max-height: 35px;
}

.eachannotation .annotation-textarea {
  width: 97%;
  margin: 0 3px 0 3px;
  padding: 0 5px 10px 5px;
  resize: none;
  font-size: 12px;
}

.eachannotation .annotation-textarea:focus {
  font-size: 12px;
}

.eachannotation .expirationLabel {
  font-size: 10px;
  padding: 3px;
}

.eachannotation .Expireintop {
  width: 68px;
  position: absolute;
  font-size: 7.5px;
  left: 36%;
}

.eachannotation .expirationInput {
  height: 26px;
  width: 100px;
  font-size: 12px;
  display: inline-flex;
  align-items: flex-end;
}

.eachannotation .expirationInput option {
  font-size: 12px;
}

.eachannotation .slideout-anno-btns {
  padding: 6px;
}

.eachannotation .slideout-anno-btns .btnParaSave,
.eachannotation .slideout-anno-btns .btnSave {
  color: #fff;
  background: #000;
  margin-right: 8px;
  padding: 1px 14px;
  font-size: 10px;
  border: 1px solid #1a1a24;
  font-weight: 700;
}

.eachannotation .slideout-anno-btns .btnCancel,
.eachannotation .slideout-anno-btns .btnParaCancel {
  font-size: 10px;
  color: #000;
  background: #fff;
  padding: 1px 9px;
  border: 1px solid #000;
  font-weight: 700;
}

.slideout-box .hide-icon-svg-style {
  width: 32px;
  height: 28px;
  top: 2px;
  position: relative;
}

.slideout-box .slideout-eye-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.slideout-box .left-icons {
  height: 50px;
  position: relative;
  bottom: 5px;
}

.slideout-box .slideout-icons-container {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.slideout-box .right-icons {
  display: flex;
  height: 50px;
  position: relative;
  bottom: 11px;
}

.slideout-box .right-icons span {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.transform-active__search {
  position: absolute;
  right: 235px!important;
  top: 0;
}

.transform-active__searchInput {
  visibility: visible!important;
  opacity: 1!important;
}

.slideout-box .search-box {
  position: relative;
}

.slideout-box .search-box #slideoutSearch {
  position: relative;
  transition: right .2s;
  right: 6px;
}

.slideout-box .search-box #slideout-input-clear {
  cursor: pointer;
  width: 15px;
}

.slideout-box .search-box .input-search {
  position: absolute;
  right: 92px;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s linear,opacity .4s linear;
}

.slideout-box .search-box .input-slideout-hebrew {
  right: 30px;
}

.slideout-box {
  position: fixed;
  display: flex;
  right: -355px;
  bottom: 0;
  top: 206px;
  transition: right .2s ease 0s;
  width: 355px;
  background: #fff;
  height: calc(100% - 50px)!important;
  padding: 20px 30px;
  z-index: 99;
  border-top: 1.5px solid #bec1c7;
  scroll-behavior: smooth;
}

.search-highlight__slideout {
  background-color: #ff0;
}

.slideout-box .slideout-icons button {
  background: 0 0;
  margin: 0 3px;
  padding: 0;
}

.slideout-box .search-box svg {
  width: 17px;
  height: 20px;
  fill: #000;
}

.slideout-box .slideout-icons span {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.slideout-box .slideout-icons span svg {
  fill: #808080;
}

.slideout-box .innerbox {
  position: absolute;
  top: 38px;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 2px solid #bec1c7;
  padding-bottom: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.slideout-box .innerbox .no-annotations {
  padding: 10px;
}

.slideout-box .innerbox .no-annotations-search {
  padding: 10px;
}

.slideout-box .innerbox .no-orphan-search {
  padding: 10px;
}

.disable-pointer-events {
  pointer-events: none;
}

.para__slideout .paraseen {
  padding: 5px 10px;
  word-break: break-word;
  font-style: italic;
}

.slideout-anno-tabs {
  margin-bottom: 10px;
  padding: 7px;
  display: flex;
  flex-direction: row;
  gap: 25px;
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
}

.slideout-anno-tabs button {
  background: 0 0;
  padding: 5px 0;
}

.slideout-anno-tabs button.selected {
  color: #2e2e38!important;
  border-bottom: 3px solid #2e2e38;
  font-weight: 700;
  cursor: default;
}

.orphan-annotation-defination {
  display: inline-flex;
  margin-left: 8px;
}

.orphan-annotation-defination svg {
  width: 20px;
  height: 20px;
  padding: 1px;
  margin-right: 5px;
}

.orphan-defination-modal-outer {
  position: fixed;
  top: -20%;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,.5);
  z-index: 9999;
}

.orphan-defination-modal-inner {
  width: 600px;
  margin: 20% auto 0;
  background: #fff;
}

.message-modal-body button {
  color: #fff;
  padding: 10px 25px;
  cursor: pointer;
}

.orphan-defination-modal-inner .message-modal-header {
  height: 60px;
  width: 100%;
  background-color: #2e2e38;
  color: #fff;
  display: inline-flex;
  border-bottom: 1px solid #e1e1e6;
}

.orphan-defination-modal-inner .message-modal-header div:first-child {
  font-size: 20px;
  padding: 12px 20px;
  width: 95%;
  font-weight: 700;
}

.orphan-defination-modal-inner .message-modal-header div:nth-child(2) {
  width: 10%;
  padding-top: 2.5%;
}

.close-message-modal {
  fill: white;
}

.orphan-defination-modal-inner .message-modal-header div:nth-child(2) svg {
  height: 25px;
}

.message-modal-body {
  padding: 15px;
}

.message-modal-body svg {
  height: 20px;
  width: 20px;
  top: 8px;
  position: relative;
}

.message-modal-footer button {
  padding: 0 25px;
  cursor: pointer;
  background: #fff;
  color: #000;
  font-size: 16px;
  border: 1px solid #000;
  height: 40px;
  width: auto;
  margin: 20px;
  font-weight: 700;
}

.message-modal-footer {
  border-top: 1px solid #e1e1e6;
}

.close-message-modal,
.orphan-annotation-defination a {
  cursor: pointer;
}

#slideout-clear-button {
  position: relative;
  background: #fff;
  border: 1px solid;
  box-shadow: none;
}

#buttonTesting {
  display: flex;
  align-items: center;
  gap: 5px;
}

.hideIcon {
  display: none;
}

.hideButtonText {
  display: none;
}

button.button-component {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 5px;
  font-size: 14px;
}

.primary_button {
  padding: 10px;
  background: #ffe600;
  border: 1px solid #000;
  color: #000;
  font-weight: 700;
  transition: .3s;
}

.primary_button:hover {
  background: #24282d;
  color: #fff;
}

.primary_alternate_button {
  padding: 10px;
  background: #24282d;
  border: 1px solid #000;
  color: #fff;
  font-weight: 700;
  transition: .3s;
}

.primary_alternate_button:hover {
  background: #fff;
  color: #000;
}

.secondary_button {
  padding: 10px;
  background: 0 0;
  border: 1px solid #000;
  color: #000;
  font-weight: 700;
  transition: .3s;
}

.secondary_button:hover {
  background: #24282d;
  color: #fff;
}

.warning_button {
  padding: 10px;
  background: #b9251c;
  color: #fff;
  font-weight: 700;
  transition: .3s;
}

.warning_button:hover {
  background: #24282d;
  color: #fff;
}

.text_button {
  padding: 10px;
  background: 0 0;
  color: #000;
  font-weight: 700;
  transition: .3s;
}

.text_button:hover {
  text-decoration: underline;
}

.text_button svg {
  fill: #000;
}

.text_button_icon {
  padding: 10px;
  background: 0 0;
  border: 1px solid #000;
  color: #000;
  font-weight: 700;
  transition: .3s;
}

.text_button_icon svg {
  fill: #000;
}

.text_button_icon:hover {
  background: #24282d;
  color: #fff;
}

.text_button_icon:hover svg {
  fill: #fff;
}

.small-button {
  min-width: 80px;
  min-height: 30px;
  height: 30px;
}

.madium-button {
  min-width: 90px;
  min-height: 40px;
  height: 40px;
}

.large-button {
  min-width: 100px;
  min-height: 50px;
  height: 50px;
}

.fab-button {
  background: #24282d;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
}

.fab-button svg {
  fill: #FFF;
}

.fab-button:hover {
  background: #ffe600;
  color: #fff;
}

.fab-button:hover svg {
  fill: #24282d;
}

.fab-small-button {
  width: 35px;
  height: 35px;
}

.fab-madium-button {
  width: 45px;
  height: 45px;
}

.fab-large-button {
  width: 55px;
  height: 55px;
}

.small-icon-size {
  width: 16px;
  height: 16px;
}

.madium-icon-size {
  width: 22px;
  height: 22px;
}

.large-icon-size {
  width: 28px;
  height: 28px;
}

.disabled-button.text_button {
  color: #747480;
  pointer-events: none;
  cursor: not-allowed;
  background-color: transparent;
  text-decoration: none;
  border: none;
}

.disabled-button,
.disabled-button:hover {
  background-color: #eaeaf2;
  color: #747480;
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  border: 1px solid #eaeaf4;
}

.disabled-button svg {
  fill: #747480;
}

.disabled-button:hover {
  text-decoration: none;
}

@-ms-viewport {
  width: device-width;
}

@media (max-width:1024px) {
  h1 {
    font-size: 2.714rem;
    line-height: 48px;
  }

  h2 {
    font-size: 2rem;
    line-height: 38px;
  }

  h3 {
    font-size: 1.714rem;
    line-height: 34px;
  }

  h4 {
    font-size: 1.571rem;
    line-height: 32px;
  }

  h5 {
    font-size: 1.357rem;
    line-height: 28px;
  }

  h6 {
    font-size: 1.071rem;
    line-height: 24px;
  }

  .atlas-icon.toggle-full-screen,
  .content .floating-actions .dropdown-menu .displayLink,
  .content .floating-actions .dropdown-menu .exportOption,
  .content .floating-actions .dropdown-menu .printOption,
  .pinboard-actions .sec-more-actions .more-actions a.export-option,
  .pinboardtab .dropdown-menu.popover-actions,
  .popover-actions a.add-to-shrtct,
  .popover-actions a.display-link,
  .popover-actions a.export-option,
  .popover-actions a.print-option,
  .popover-actions a.send-to-ey,
  .right-sidebar .popover-actions a.export-option,
  nav.global section a.export {
    display: none;
  }

  .ava-banner,
  .nav-top-right .settings,
  nav.global .overflow-menu {
    display: none!important;
  }

  nav.global .hb-menu {
    display: block;
  }

  nav.global .hbnav {
    color: #bec1c7;
    background: #000;
    right: 0;
    margin: 0 4% 0 0;
    position: absolute;
    top: 50px;
    list-style-type: none;
    text-align: left;
    z-index: 9999;
    padding: 5px 20px;
    text-transform: uppercase;
    height: 100vh;
    overflow-y: auto;
    bottom: 0;
  }

  .hbnav .hbnav-myatlas {
    height: 300px;
    max-height: 500px;
  }

  .hbnav .hbnav-browse a {
    display: block;
  }

  nav.global .hbnav ul.drop-down-menu {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    width: 100%;
    height: auto;
  }

  .topic-hide-border {
    border-bottom: none!important;
    border-bottom-style: none!important;
  }

  .hbnav ul li .topicpage-collapse {
    position: absolute;
    right: 0;
    padding: 0 18px 5px 20px;
  }

  .hbnav ul li,
  .hbnav ul li.nav-TopicPages>a>section {
    border-bottom: 1px solid silver;
  }

  .hbnav ul li.nav-TopicPages>a>section:first-child {
    margin: 0 -10px;
    padding: 0 10px 10px;
    cursor: pointer;
  }

  .hbnav ul li.nav-TopicPages>a>section.topic-hide-border {
    padding: 0 10px;
  }

  .hbnav ul li:last-child {
    border-bottom-style: none;
  }

  .drop-down-menu li a.ddPinboard,
  .drop-down-menu-open li a.ddPinboard,
  ul.drop-down-menu li a,
  ul.drop-down-menu li a.ddHelp,
  ul.drop-down-menu li a.ddHistory,
  ul.drop-down-menu-open li a {
    padding: 0;
    margin: 0;
    height: auto;
    border-style: none;
  }

  .hbnav .ddSummary .annotation-article svg,
  .hbnav .ddSummary .annotation-pen svg {
    fill: #fff;
  }

  .hbnav .ddSummary .annotation-article {
    position: absolute;
  }

  .hbnav .ddSummary .annotation-pen {
    position: absolute;
    left: 16px;
    width: 15px;
  }

  .hbnav ul li a {
    color: #fff;
  }

  .hbnav ul li a:hover {
    color: #fe9;
  }

  .hbnav ul li .atlas-icon {
    margin: 0 10px -2px 0;
  }

  .hbnav article header {
    padding: 5px 0;
    border-bottom: 4px solid silver;
  }

  .hbnav .hbnav-browse ul {
    margin-left: -40px;
  }

  .hbnav .hbnav-browse ul li ul {
    margin-bottom: -5px;
  }

  .hbnav .hbnav-browse ul li,
  .hbnav .hbnav-myatlas ul li {
    padding: 10px;
  }

  .hbnav .hbnav-browse ul li ul li {
    margin: 0 -10px;
    padding: 10px 10px 10px 35px;
  }

  .hbnav .hbnav-browse .accounting svg {
    fill: #027FC4;
  }

  .hbnav .hbnav-browse .auditing svg {
    fill: #8E0D69;
  }

  .hbnav .hbnav-browse .industry svg {
    fill: #29BC9C;
  }

  .hbnav .hbnav-browse .regulatory svg {
    fill: #e86947;
  }

  .hbnav .hbnav-browse .topic-pages svg {
    fill: #f0f0f0;
  }

  .hbnav .hbnav-browse .keyaa svg {
    fill: #ac98db;
  }

  .hbnav .hbnav-browse .nonaudit svg {
    fill: #646464;
  }

  .hbnav .hbnav-browse svg {
    fill: #BEC1C7;
  }

  .hbnav .ddHistory svg {
    fill: #c893c7;
  }

  .hbnav .ddPinboard svg {
    fill: #7fd1d6;
  }

  .hbnav .filter svg {
    fill: #95cb89;
  }

  .hbnav .ddSettings svg {
    fill: #fa887e;
  }

  .hbnav .hbnav-browse a:hover .gam svg,
  .hbnav .hbnav-browse a:hover .library svg,
  .hbnav .hbnav-browse ul li ul li a:hover svg,
  .hbnav .hbnav-browse ul li:first-child a ul li a:hover svg {
    fill: #ffee99;
  }

  .global_history_pinboard .pinboard-actions a svg,
  .global_history_pinboard .pinboard-actions a:hover svg,
  .right-sidebar .pinboard-actions a svg,
  .right-sidebar .pinboard-actions a:hover svg {
    fill: #81858B;
  }

  .global_history_pinboard .pinboard-actions a:hover,
  .right-sidebar .pinboard-actions a:hover {
    background: 0 0;
  }

  .homepage .whatsnew.col-md-4 {
    width: 29%;
  }

  .homepage .homeViewMore {
    width: 84%;
  }

  .browse.col-md-6 .article-desc,
  .myatlas.col-md-6 .article-desc {
    width: 78%;
  }

  .document .doc-selection-actions {
    display: none;
  }

  .doc-gam-bar,
  .gambar-container {
    min-width: 550px;
  }

  .doc-gam-bar .filters-main,
  .gambar-container .filters-main {
    display: block;
    flex: none;
  }

  .doc-gam-bar .filters-col,
  .gambar-container .filters-col {
    display: block;
  }

  .block-ele h5,
  .gam-graybox h5 {
    font-size: .8rem;
  }
}

@media screen and (min-width:737px) and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  section.preview section {
    margin: 0 0 0 62.5%;
  }
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
  .gamnav .gam-overlay {
    width: 80%;
    left: 10%;
  }

  section.preview section {
    margin: 0 0 0 62%;
  }

  .global .nav-section .search-panel {
    width: 26%;
  }

  .atlas-icon-large {
    width: 33px!important;
    height: 33px!important;
  }

  .document-view-page .gam-nav-container>section.icons .icon-second-container,
  .document-view-page .gam-nav-container>section.icons .icons-first-container {
    margin-right: 0;
  }
}

@media only screen and (min-width:1024px) and (max-width:1300px) {
  .document .content {
    width: 74%;
  }

  .vad-Desk-lt-rt .viewasdocument.document .content {
    width: 43%;
  }

  .document .content.wdth-100 {
    width: 100%;
  }

  .document .content.wdth-resize.wdth-auto {
    width: auto;
  }

  .nalocal a[data-class=nalocal]:first-of-type h4 {
    font-size: 1rem;
  }
}

@media only screen and (min-width:1024px) and (max-width:1110px) {
  .document .wdth-resize.content {
    width: 42%;
  }
}

@media only screen and (min-width:1111px) and (max-width:1200px) {
  .document .wdth-resize.content {
    width: 46%;
  }
}

@media only screen and (min-width:1301px) and (max-width:1366px) {
  .document .wdth-resize.content {
    width: 56%;
  }

  nav.global div.top-nav {
    padding: 0 5px;
    margin-left: 3px;
  }

  nav.global div.top-nav a {
    margin: 5px 10px 0 8px;
  }

  nav.global a.channel,
  nav.global section a.export {
    padding-left: 15px;
    padding-right: 15px;
  }

  nav.global section a.menu {
    padding: 7px 15px 0;
  }

  .global .nav-section .search-panel {
    width: 25%;
  }
}

@media only screen and (min-width:320px) {
  .breadcrumb section.filterbar,
  .breadcrumb section.toolbar {
    padding-right: 0;
  }
}

@media only screen and (min-width:1025px) and (max-width:1365px) {
  .margin-right {
    margin-right: 310px!important;
  }

  .viewasdocument .content .wdth-resize {
    width: 100%;
  }

  .document .content.wdth-75 {
    width: 75%;
  }

  nav.global div.top-nav {
    padding: 0;
    margin-left: 3px;
  }

  nav.global div.top-nav a {
    margin: 5px 10px 0 8px;
  }

  nav.global a.channel,
  nav.global section a.export {
    padding-left: 15px;
    padding-right: 15px;
  }

  nav.global section a.menu {
    padding: 7px 15px 0;
  }

  .global .nav-section .search-panel {
    width: 18%;
  }
}

@media only screen and (min-width:1366px) {
  .gambar-container a.togglebtn,
  .gambar-container a.togglebtn:active,
  .gambar-container a.togglebtn:hover {
    margin-right: -4px;
  }

  .margin-right {
    margin-right: 310px!important;
  }

  .document-only-breadcrumb-container .gamnav.margin-right {
    margin-right: 0!important;
  }

  .document .content.wdth-resize {
    width: 53%;
  }

  .document .content.wdth-75 {
    width: 75%;
  }

  .global .nav-section .search-panel {
    width: 22%;
  }

  .doc-gam-bar .filters-main,
  .gambar-container .filters-main {
    display: flex;
    flex: 2;
  }

  .doc-gam-bar .filters-col,
  .gambar-container .filters-col {
    display: flex;
  }

  .gam-switch {
    margin-right: 20px;
  }

  .gam-filter-separator {
    margin: 0 16px;
  }

  .filters-col>div {
    margin: 0;
  }
}

@media only screen and (min-width:1500px) {
  .global .nav-section .search-panel {
    width: 30%;
  }

  .gam-switch {
    margin-right: 10px;
  }

  .gam-filter-separator {
    margin: 0 32px;
  }
}

@media only screen and (min-width:1750px) {
  .global .nav-section .search-panel {
    width: 40%;
  }

  .view-Desk-lt .doc-gam-bar .collapse-content .filters-main {
    display: flex;
    flex: 2;
  }

  .view-Desk-lt .doc-gam-bar .collapse-content .filters-col {
    display: flex;
  }

  .view-Desk-lt .doc-gam-bar .collapse-content .filters-col>div {
    margin: 0;
  }
}

@media only screen and (min-width:768px) and (max-width:768px) {
  .document .content {
    width: 63%;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 15px;
  }

  .gamnav .gam-footer {
    padding: 12px 18px 10px;
  }

  .grid.grids .cell a:last-of-type {
    width: 91%;
  }

  .document-view-page .no-space .collapsed-breadcrumb .doc-selection-actions {
    width: 80%;
  }

  .annotation-summary .nodeTitle .title p {
    min-width: auto;
    max-width: 55%;
  }

  .annotation-summary .nodeTitle .same-channel-annotation p {
    min-width: auto;
    max-width: 95%;
  }
}

@media only screen and (min-width:701px) and (max-width:706px) {
  .gamnav .gam-footer {
    padding: 12px 6px 10px;
  }
}

@media only screen and (min-width:707px) and (max-width:800px) {
  .gamnav .gam-footer {
    padding: 12px 9px 10px;
  }
}

@media only screen and (min-width:701px) and (max-width:850px) {
  .document .content {
    width: 56%;
  }

  .document-view-page .document .content,
  .document-view-page .page-Desk-lt .content.push-left {
    width: calc(100% - 310px);
  }

  .content .floating-actions {
    right: 20px;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 5%;
  }

  section.scroll-cookie {
    max-height: 200px;
  }

  .EY-cookie-logo {
    height: 60px;
    width: 65px;
  }

  .cookie-text h5 {
    font-size: 20px;
    line-height: 28px;
  }

  .cookie-text p {
    font-size: 12px;
    line-height: 18px;
  }

  .cookie-buttons button {
    font-size: 14px;
    line-height: 22px;
  }

  .cookie-inner-wrapper {
    width: 800px;
    height: 643px;
    padding: 150px 100px;
  }
}

@media only screen and (min-width:851px) and (max-width:1024px) {
  .document .content {
    width: 63%;
  }

  .document-view-page .document .content {
    width: calc(73% - 40px);
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 5%;
  }

  .gamnav .gam-footer {
    padding: 12px 42px 10px;
  }

  section.scroll-cookie {
    max-height: 265px;
  }
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
  .gamnav .gam-footer {
    padding: 12px 58px 9px;
  }

  .document-attachment-preview {
    height: 60vh;
    width: 100%;
  }
}

@media only screen and (min-width:701px) and (max-width:750px) {
  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 3px;
  }

  .gamnav .gam-footer {
    font-size: .7857rem;
  }
}

@media only screen and (min-width:751px) and (max-width:794px) {
  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 10px;
  }
}

@media only screen and (min-width:801px) and (max-width:845px) {
  .gamnav .gam-footer {
    padding: 12px 18px 10px;
  }
}

@media only screen and (min-width:568px) and (max-width:568px) {
  .submenu section a {
    padding-bottom: 16px;
  }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
  .grids.grid .cell>ul li.leaf a:last-of-type {
    width: 87%;
  }
}

@media only screen and (min-width:1025px) {
  .global .nav-section .search-panel .clear-search {
    display: none;
  }

  .Browse,
  .BrowseCE,
  .Doc,
  .DocCE,
  .History,
  .HistoryCE,
  .Home,
  .HomeCE,
  .Pinboard,
  .PinboardCE,
  .Search,
  .SearchCE {
    padding-top: 47.5%;
  }

  .carousel .carousel-inner .item .help-close {
    right: 8%;
  }

  .Home {
    background-image: url("../../img/homepg-desktop.jpg");
  }

  .Browse {
    background-image: url("../../img/browse-desktop.gif");
  }

  .Doc {
    background-image: url("../../img/docview-desktop.gif");
  }

  .Search {
    background-image: url("../../img/search-desktop.gif");
  }

  .Pinboard {
    background-image: url("../../img/pinboard-desktop.gif");
  }

  .History {
    background-image: url("../../img/history-desktop.gif");
  }

  .HomeCE {
    background-image: url("../../img/CE-homepg-desktop.jpg");
  }

  .BrowseCE {
    background-image: url("../../img/CE-browse-desktop.gif");
  }

  .DocCE {
    background-image: url("../../img/CE-docview-desktop.gif");
  }

  .SearchCE {
    background-image: url("../../img/CE-search-desktop.gif");
  }

  .PinboardCE {
    background-image: url("../../img/CE-pinboard-desktop.gif");
  }

  .HistoryCE {
    background-image: url("../../img/CE-history-desktop.gif");
  }

  .gco-env .Home {
    background-image: url("../../img/GCO-homepg-desktop.jpg");
  }

  .gco-env .Browse {
    background-image: url("../../img/GCO-browse-desktop.gif");
  }

  .gco-env .Doc {
    background-image: url("../../img/GCO-docview-desktop.gif");
  }

  .gco-env .Search {
    background-image: url("../../img/GCO-search-desktop.gif");
  }

  .channel-menu ul.active-channel,
  .channel-menu ul.active-channel#active-channel,
  .channel-menu ul.channel-dropdowns {
    width: 85%;
  }

  .channel-menu .btn-group .dropdown-menu,
  .channel-menu .btn-group .dropdown-toggle,
  .channel-menu .btn-group.language .dropdown-menu,
  .channel-menu .btn-group.language .dropdown-toggle,
  .channel-menu .btn-group.recent-countries .dropdown-menu.cntry-drpbox,
  .channel-menu .btn-group.recent-countries .dropdown-toggle.btn,
  .channel-menu .recent-countries .dropdown-menu.cntry-drpbox,
  .channel-menu .recent-countries .dropdown-toggle.btn {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
  }

  .channel-menu .btn-group .dropdown-toggle span:first-child {
    width: 75%;
    position: absolute;
    top: 2px;
    left: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }

  .channel-map .map {
    float: right;
  }

  .document .leftarrowdoc:hover>.prevdoc,
  .document .rightarrowdoc:hover>.nextdoc {
    display: block;
  }

  .doc-gam-footer {
    display: block;
  }

  .doc-gam-footer .gam-options {
    display: inline-block;
  }
}

@media only screen and (min-width:1367px) {
  .view-Desk-lt.document .rightarrowdoc,
  .view-Desk.document .rightarrowdoc {
    right: auto;
  }
}

@media only screen and (min-width:1025px) and (max-width:1299px) {
  .view-Desk-lt-rt.document .rightarrowdoc {
    margin-left: 5%;
  }
}

@media only screen and (min-width:1300px) and (max-width:1350px) {
  .view-Desk-lt-rt.document .rightarrowdoc {
    margin-left: -1%;
  }
}

@media only screen and (min-width:1024px) and (max-width:1230px) {
  .vad-Desk-lt-rt .viewasdocument.document .content {
    width: 37%;
  }
}

@media only screen and (min-width:1530px) and (max-width:1540px) {
  h4 {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width:1536px) and (max-width:2048px) {
  .left-sidebar .library-links a {
    height: 40px;
  }
}

@media only screen and (min-width:1080px) and (max-width:1920px) {
  .view-Mob-lt .left-sidebar .library-links,
  .view-Mob-lt .left-sidebar .library-links a {
    height: 40px;
  }

  .preview-mode nav.global>section.nav-section.desktop-nav-section {
    padding: 0;
  }

  section.preview section {
    margin: 0;
  }

  section.preview span {
    right: 0;
    font-size: .7857rem;
    font-weight: 700;
    width: 60px;
    height: 22px;
    top: -1px;
  }
}

@media only screen and (min-width:1600px) {
  .homepage .bg-carousel {
    display: block;
  }
}

@media screen and (width:1360px),screen and (width:1366px) {
  .doc-gam {
    width: 99%;
  }

  .doc-gam>section {
    padding: 6px;
    white-space: normal;
  }

  .doc-gam .gam-btn-group .gam-layers-options:last-child {
    border-right-style: none;
  }

  .doc-gam .gam-options {
    margin-top: 6px;
  }

  .doc-gam .gam-options .gam-layers-options {
    width: 25%;
  }

  .doc-gam .gam-btn-group {
    border: 1px solid #bec1c7;
  }
}

@media only screen and (min-width:1025px) {
  .document:not(.viewasdocument) .nolayercontent {
    display: table;
    width: 900px;
    padding: 0!important;
    margin: 0!important;
    z-index: 102;
    position: absolute;
    top: 285px;
    left: 45px;
  }

  .document:not(.viewasdocument) .nolayercontent.noLayerAdjust {
    top: 200px;
  }

  .document:not(.viewasdocument) .document-preview-modal .nolayercontent {
    position: static;
  }

  .document-view-page .documentTitle {
    display: inline-block;
  }

  .desktop-only {
    display: block;
  }

  .email-link.desktop-only {
    display: inline-block;
  }

  .document-view-page .gam-nav-container .icons .icon-second-container>section {
    display: inline-block;
    width: 33px;
    height: 33px;
    padding: 6px;
    border: 1px solid #333;
    margin: 0 0 0 6px;
    cursor: pointer;
    vertical-align: bottom;
  }

  .document-view-page .gam-nav-container .icons .icon-second-container>section.share {
    padding: 0;
  }

  .document-view-page section.share>span {
    padding: 5px 7px 7px 5px;
    display: inline-block;
    width: 33px;
    height: 33px;
  }

  .no-space section.share>span {
    width: 32px;
    height: 32px;
  }

  .document-view-page .gam-nav-container>section {
    display: table-cell;
  }

  .document-view-page .gam-nav-container {
    width: 100%;
  }

  .document-view-page .vad-breadcrumb .gam-nav-container {
    width: 100%;
    text-align: left;
  }

  .document-view-page .gamnav {
    width: calc(100% - 110px);
  }

  .document-view-page .viewasdocument .gamnav {
    width: 100%;
  }

  .document-view-page .vad-breadcrumb .gamnav {
    margin: 0;
    display: inline-block;
  }

  .document-view-page .vad-breadcrumb .gamnav .gam-footer {
    padding: 9px 0 0 0;
  }

  .document-view-page section.share {
    position: relative;
  }

  .document-view-page section.share.clicked {
    border: 1px solid #c4c4cd;
  }

  .document-view-page section.share.clicked>span>svg {
    fill: #C4C4CD;
  }

  .print-email-export-container {
    position: absolute;
    top: 48px;
    right: -25px;
    background: #fff;
    padding: 8px 8px 8px 5px;
    -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 -1px 12px rgba(0,0,0,.5);
    box-shadow: 0 -1px 12px rgba(0,0,0,.5);
    text-align: left;
  }

  .no-space .print-email-export-container {
    top: 42px;
  }

  .no-space .print-email-export-container .up_arrow {
    margin-left: -4px;
  }

  .print-email-export-container span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
  }

  .print-email-export-container span a,
  .print-email-export-container span a:active,
  .print-email-export-container span a:focus,
  .print-email-export-container span a:hover {
    color: #333;
    text-decoration: none;
    display: block;
  }

  .print-email-export-container span svg {
    width: 14px;
    height: 14px;
    margin: 0 4px 0 3px;
    position: relative;
    top: 1px;
  }

  .print-email-export-container span#spanPrintLink a>span {
    position: relative;
    top: -2px;
  }

  .print-email-export-container span#spanPrintLink svg {
    width: 16px;
    height: 16px;
    margin: 0 4px 0 1px;
    position: relative;
    top: 3px;
  }

  .print-email-export-container svg+span {
    position: relative;
    margin: -5px 0 0 3px;
    color: #000;
  }

  .print-email-export-container span:nth-child(3) svg+span {
    color: #333;
  }

  .up_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -5px;
    right: 37px;
    margin-left: 2px;
  }

  .copy-clipboard-modal-outer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9999;
  }

  .copy-clipboard-modal-inner {
    width: 600px;
    margin: 20% auto 0;
    background: #fff;
  }

  .copy-clipboard-modal-inner .message-modal-header,
  .message-modal-body button {
    background: #2e2e38;
  }

  .message-modal-body button {
    color: #fff;
    padding: 10px 25px;
    cursor: pointer;
  }

  .copy-clipboard-modal-inner .message-modal-header {
    height: 50px;
    color: #fff;
    padding: 15px;
  }

  .copy-clipboard-modal-inner .message-modal-header span:nth-child(2) {
    float: right;
    width: 22px;
    height: 22px;
    cursor: pointer;
  }

  .copy-clipboard-modal-inner .message-modal-header span:nth-child(2) svg {
    fill: #fff;
  }

  .message-modal-body {
    padding: 15px;
  }

  .no-space .collapsed-breadcrumb {
    position: relative;
  }

  .viewasdocument .no-space .gam-nav-container .gamnav {
    width: 100%;
  }

  .no-space .gam-nav-container .icons>section,
  .no-space .gam-nav-container .icons>section.pinboard {
    width: 32px;
    height: 32px;
  }

  .no-space .gam-nav-container .icons>.findInStateContainer {
    padding: 2px 1px;
  }

  .no-space .findInStateContainer .atlas-icon {
    height: 22px;
    width: 22px;
  }

  .no-space .findInStateContainer svg.icon-highlight-noLine {
    width: 18px;
  }

  .global .nav-top-right .breadcrum-menu {
    display: none;
  }

  .tools-and-settings .toolsSettings {
    display: none!important;
  }
}

@media only screen and (max-width:1240px) {
  .doc-gam .gam-btn-group,
  .preview-mode .doc-gam .gam-btn-group {
    width: 17%;
  }
}

@media only screen and (max-width:1070px) {
  .document-view-page .gamnav {
    width: 70%;
    padding-top: 15px;
    vertical-align: bottom;
    display: table-cell;
    z-index: 2;
  }
}

@media only screen and (max-width:1024px) {
  .document-attachment-preview {
    width: 100%;
    height: 81vh;
  }

  .desktop-only,
  .email-link.desktop-only {
    display: none!important;
  }

  .document-view-page .gamnav {
    width: 100%;
  }

  .document-view-page .gam-nav-container>section.icons {
    justify-content: normal;
  }

  .document-view-page .gam-nav-container>section.icons div {
    margin-right: 15px;
  }

  .document-view-page .view-Desk .gamnav,
  .document-view-page .view-Desk-rt .gamnav {
    width: calc(100% - 200px);
    float: none;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 0;
  }

  .document-view-page .view-Desk .gamnav,
  .document-view-page .view-Desk-rt .gamnav {
    width: calc(100% - 200px);
    float: none;
  }

  .document-view-page .no-space .gamnav {
    width: calc(100% - 130px);
  }

  .document-view-page .gam-nav-container {
    vertical-align: bottom;
  }

  .document-view-page .viewasdocument .gam-nav-container {
    width: 100%;
  }

  .documentTitle {
    width: 100%;
  }

  .no-space .documentTitle {
    width: 100%;
  }

  .document-view-page .gam-nav-container {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }

  section.clr-findsearch {
    top: 4px;
  }

  .clr-quicksearch {
    right: 35px;
  }

  .node-list .nodeAcionItems .clr-quicksearch {
    right: 30px;
  }

  .annotation-summary .nodeTitle .title {
    width: 90%;
  }

  .annotation-summary .browseNode {
    width: 100%;
  }

  .annotation-summary .browseNode .nodeAcionItems {
    width: 5%;
    float: right;
  }

  .annotation-summary .export-doc,
  .annotation-summary .print-doc {
    display: none;
  }

  .annotation-summary .summary-highlight-container {
    height: 8em;
  }

  .search-action-container {
    height: 8em;
  }

  .preview-action-container {
    height: auto;
  }

  .preview-drawer #preview-print {
    display: none;
  }

  .preview-drawer #preview-export {
    display: none;
  }

  .annotation-summary .summary-header-title {
    display: flex;
    align-items: center;
  }

  .annotation-summary .summary-header-title .print-all-docs__summary {
    display: none;
  }

  .annotation-summary .summary-header-title .search-term {
    position: relative;
    left: 0;
    right: 0;
  }

  .document-view-page .gam-nav-container>section.icons .icon-second-container,
  .document-view-page .gam-nav-container>section.icons .icons-first-container {
    margin-right: 0;
  }
}

@media only screen and (max-width:1366px) and (min-width:1024px) {
  .content .floating-actions {
    right: 15px;
  }
}

@media only screen and (min-width:1920px) {
  .document-attachment-preview {
    height: 72vh;
    width: 100%;
  }
}

@media only screen and (min-width:768px) {
  .browse.col-md-6 header {
    width: 0!important;
  }

  .browse.col-md-6 header .atlas-icon {
    display: none;
  }

  .document-view-page .floating-actions,
  .document-view-page .leftarrowdoc,
  .document-view-page .rightarrowdoc {
    display: none;
  }

  .modal.modal-drawer .print-content .maincontent .email-link.desktop-only {
    display: inline-block;
  }

  .collection-title-wrap h6#collectionTitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
  }

  .left-sidebar .overview>strong {
    padding-left: 14px;
    display: inline-block;
  }

  .left-sidebar ul li:last-child,
  .viewasdocument .left-sidebar section ul li {
    border-bottom: 1px solid #fff;
  }

  .document-only-breadcrumb-container.no-space .gam-footer,
  .document-only-breadcrumb-container.no-space .gam-footer * {
    font-size: 8px;
    background: 0 0;
    justify-content: flex-end;
  }

  .left-sidebar .bs-docs-sidebar li.expanded>.expcol .minus.mobile-only {
    display: none;
  }

  .viewasdocument .left-sidebar .atlas-icon.next.left-doc svg,
  .viewasdocument .nav.nav-stacked li .atlas-icon.expcol svg {
    fill: #fff;
    height: 18px;
    width: 18px;
  }

  .viewasdocument .left-sidebar .atlas-icon.next.left-doc svg {
    margin-right: 6px;
  }

  .left-sidebar header {
    background-color: #1a1a24;
    color: #fff;
    padding: 0;
  }

  .left-sidebar header h4 {
    padding: 10px 0 0 10px;
  }

  .viewasdocument .left-sidebar header h4 {
    padding-bottom: 5px;
  }

  .left-sidebar section ul {
    margin: 10px 0 0 0;
  }

  .left-sidebar ul li {
    border-top: 1px solid #fff;
    color: #fff;
  }

  .left-sidebar ul li.childelement {
    border: 0;
  }

  .left-sidebar ul li:hover {
    background: #333;
  }

  .left-sidebar .overview {
    padding: 15px 0 4px 0;
    background: #1a1a24;
    color: #fff;
  }

  .left-sidebar .overview #tocHeader {
    padding-left: 12px;
    display: inline-block;
  }

  .bs-docs-sidebar .nav>li ul li a,
  .bs-docs-sidebar .nav>li>a {
    color: #fff;
  }

  .bs-docs-sidebar .nav .active {
    background-color: #646464;
    border-left: 0;
  }

  .bs-docs-sidebar .nav>.active:focus>a,
  .bs-docs-sidebar .nav>.active:hover>a,
  .bs-docs-sidebar .nav>.active>a {
    font-weight: 400;
    color: #fff;
  }

  .document .left-sidebar {
    border-right: 8px solid #878787;
  }

  .left-sidebar span#noContent {
    padding: 0 0 0 15px;
  }

  .toggle-refiner {
    display: inline-block;
    padding: 0 0 0 7px;
    cursor: pointer;
    width: 20px;
    height: 20px;
  }

  .left-sidebar header section h4.mobile-only,
  .mobile-only,
  .settings .view.mobile-only,
  .settings h4.mobile-only,
  .toggle-full-screen.mobile-only {
    display: none;
  }

  .refiner-arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    display: inline-block;
    margin: 0 8px 0 0;
    cursor: pointer;
    position: relative;
    top: 2px;
  }

  .rotate90 {
    transform: rotate(90deg);
  }

  .fillBlack {
    background: #000;
  }

  .refiner-arrow-down {
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #333;
    display: inline-block;
  }

  .search-refine-header {
    padding: 8px 24px 8px 16px;
    box-shadow: 1px 3px 5px #ddd;
    background: #f4f4f4;
  }

  .search-refine-header strong {
    font-size: 1.143rem;
    font-weight: 400;
  }

  .search-refine-header strong.desktop-ipad {
    position: relative;
    top: 2px;
  }

  .search-refine-header a {
    text-decoration: none;
  }

  .search-refine-list .search-refine-item .refineitem {
    padding: 5px 7px 5px 22px;
    border: 1px solid #24282d;
    border-radius: 4px;
    display: inline-block;
    margin: 5px 12px 5px 0;
    position: relative;
  }

  .search-refine-results {
    padding: 0;
  }

  .search-refine-list {
    margin-top: 0;
    box-shadow: 1px 3px 5px #ddd;
  }

  .search-refine-results {
    padding: 0;
  }

  .search-refine-list>span {
    display: block;
    padding: 9px 24px;
    border-top: 1px solid #bec1c7;
  }

  .search-refine-list>span>.text-uppercase {
    width: 150px;
    display: table-cell;
    vertical-align: middle;
  }

  .search-refine-list>span>.text-uppercase strong {
    text-transform: none;
    font-weight: 400;
    cursor: pointer;
  }

  .search-refine-list>span>.text-uppercase:hover strong {
    color: #08c;
  }

  .search-refine-list>span>.search-refine-item {
    width: calc(100% - 160px);
    display: table-cell;
    vertical-align: middle;
  }

  .refiner-close.desktop-ipad {
    color: #24282d;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4px 8px;
  }

  .search-refine-list .refineitem:hover .refiner-close {
    text-decoration: none;
    color: #08c;
  }

  .search-refine-list .refineitem:hover {
    color: #08c;
  }

  .search-refine-header .pull-right #clearAllRefiner {
    background: #666;
    padding: 4px 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    margin: 4px 0;
  }

  .search-refine-header .fab-circle {
    display: inline-block;
    background-color: #d8d8d8;
    width: 34px;
    height: auto;
    min-height: 34px;
    border-radius: 55px;
    margin: 0 10px;
    text-align: center;
    position: relative;
    vertical-align: middle;
  }

  .search-refine-header button {
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    background-color: transparent;
    margin: 0 auto;
    padding: 8px 4px;
  }

  .search-refine-header .atlas-icon {
    width: 20px;
    height: 20px;
  }

  .search-refine-header svg {
    fill: #333;
  }

  .topic-minus {
    fill: white;
  }

  .search-refine-header .atlas-icon:hover svg,
  .search-refine-header button:hover svg {
    fill: #336699;
  }

  .search-refine-header .atlas-icon.inactive svg,
  .search-refine-header button:hover .atlas-icon.inactive svg {
    fill: #808080;
  }

  .refineitem .anchor-tooltip {
    display: none;
    position: absolute;
    top: 35px;
    padding: 5px 7px;
    left: 0;
    z-index: 9999;
    background: #24282d;
    border-radius: 4px;
    cursor: default;
    color: #fff;
    cursor: default;
    font-size: .8571rem;
    margin: 0 20px;
    text-align: center;
  }

  .refineitem:hover .anchor-tooltip {
    display: block;
  }

  .tooltip-upArrow {
    display: none;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #24282d;
    position: absolute;
    top: 25px;
    left: 50%;
  }

  .refineitem:hover .tooltip-upArrow {
    display: block;
  }

  .left-sidebar svg,
  .right-sidebar svg {
    fill: #fff;
  }

  .preview-action-icon {
    fill: black;
  }

  .left-sidebar .collection-title-wrap .atlas-icon,
  .left-sidebar .collection-title-wrap .atlas-icon .desktop-ipad {
    width: 25px;
    height: 25px;
  }

  .collection-title-wrap .atlas-icon .desktop-ipad {
    position: relative;
    top: -2px;
  }

  .collection-title-wrap {
    margin-bottom: 0;
    border-bottom: 1px solid #878787;
    border-top: 1px solid #878787;
  }
}

@media only screen and (max-width :768px) {
  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 0;
  }

  .document-view-page button#newDocumentAttachments {
    margin-right: 5px;
  }

  .document-view-page .gam-nav-container {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }

  .document-view-page .gamnav .gam-footer,
  .gam-footer * {
    font-size: .5714rem;
    background: 0 0;
    padding: 0;
    justify-content: normal;
  }

  .document-view-page .gamnav .gam-footer .expandcollapsecontainer {
    margin: 0 19px 0 0;
  }

  .document-view-page .gamnav .gam-footer .expandcollapsecontainer button {
    width: 54px;
  }

  .document-view-page .gamnav .gam-footer .expandcollapsecontainer button a {
    font-size: 10px;
  }

  .document-view-page .gamnav .gam-footer .title-expand-collapse {
    font-size: 10px;
  }

  .document-view-page .gamnav {
    width: 100%;
    padding-top: 15px;
    vertical-align: bottom;
    display: table-cell;
    z-index: 2;
  }

  .vad-breadcrumb .gamnav {
    width: 100%;
  }

  .document-view-page .vad-Desk .no-space .vad-breadcrumb .gamnav,
  .vad-Desk .vad-breadcrumb .gamnav {
    width: 100%;
  }

  .vad-Desk .gam-footer *,
  .vad-Desk .gamnav .gam-footer {
    font-size: .6429rem;
  }

  .vad-Desk .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 10px;
  }

  .document-view-page .no-space .vad-breadcrumb .gamnav {
    width: 190px;
  }

  .document-view-page .no-space .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 0;
  }

  section.pre-topic-results {
    margin-top: 30px;
  }

  .pre-topic-results-item .pre-item-date {
    height: 40px;
    width: 70%;
  }

  .pre-topic-results-item .pre-node {
    height: 200px;
  }
}

@media only screen and (min-width:210px) and (max-width:736px) {
  section.scroll-cookie {
    max-height: 200px;
    margin-bottom: 10px;
  }

  .EY-cookie-logo {
    height: 60px;
    width: 65px;
  }

  .cookie-text h5 {
    font-size: 20px;
    line-height: 28px;
  }

  .cookie-text p {
    font-size: 12px;
    line-height: 18px;
  }

  .cookie-buttons button {
    font-size: 12px;
    line-height: 20px;
    min-width: 260px;
    height: 46px;
  }

  section.cookie-customize {
    margin: 10px 20px;
  }

  .cookie-inner-wrapper {
    margin-top: -200px;
  }

  .global-header,
  .welcome-header {
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
  }

  .alert-message .error-summary .panel-header {
    display: none;
  }

  .modal.modal-drawer.in.footer-actionmenu {
    background-color: #000;
    top: 80%;
  }

  .footer-actionmenu .print-content {
    background-color: #000;
    text-align: center;
  }

  .footer-actionmenu .print-sidebar .btn-modal-close {
    top: 21px;
  }

  .footer-actionmenu .print-content span {
    display: block;
    color: #fff;
    font-weight: 700;
    margin: 15px 10px 30px;
  }

  .footer-actionmenu .print-content span a {
    color: #fff;
  }

  nav.global .nav-section.pinboard-notification {
    background-color: #2c973e;
  }

  .nav-section.pinboard-notification .check {
    margin: 10px 10px 10px 5px;
    vertical-align: middle;
  }

  .nav-section.pinboard-notification .check svg {
    fill: #fff;
  }

  .nav-section.pinboard-notification .pinboard-message {
    color: #fff;
    display: inline-block;
    text-align: left;
    width: 86%;
    margin: 15px 0;
    font-size: .8571rem;
    vertical-align: middle;
  }

  .welcome-init-container .loader-container {
    top: 200%;
  }

  .progressarea,
  .request-in-progress .progressarea {
    right: 60%;
  }

  .loader-container {
    width: 30vw;
  }

  .loader-container .loader-wrapper span {
    width: 5px;
    height: 5px;
  }

  .progress-container {
    width: auto;
  }

  .document-modal .modal-body {
    color: #fff;
  }

  .document .content {
    overflow: auto;
    width: auto;
  }

  .vad-Mob-rt .content {
    height: 0;
  }

  .vad-Mob .content {
    height: auto;
  }

  .paddingtop .document .right-sidebar {
    padding-top: 0;
  }

  .right-sidebar .pin-tabcont header.pinboardTabHeader {
    position: fixed;
    white-space: nowrap;
    width: 91%;
    background-color: #f0f0f0;
    z-index: 400;
    height: 40px;
    top: 40px;
    padding: 20px 0;
  }

  .right-sidebar .pinboard-actions {
    text-align: center;
    position: fixed;
    top: 80px;
    padding: 10px 0;
    background-color: #f0f0f0;
    width: calc(100% - 58px);
  }

  .right-sidebar .pinboard-actions>div {
    width: 80%;
  }

  .pinboard-category .pin-date-desktop {
    display: none;
  }

  .pinboard-category .pin-date-ipad {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }

  .pinboard-group .pinboard-category a.delete-pin,
  .pinboard-group .pinboard-category a.export-option {
    display: none;
  }

  .pinboard-category .pin-item-box {
    width: 82%;
  }

  .right-sidebar .pinboard-category .pin-item-box {
    width: 80%;
    margin: 0 0 0 10px;
  }

  .right-sidebar .pinboard-category article datetime,
  .right-sidebar article datetime {
    margin-left: 2px;
  }

  .right-sidebar .pinboard-category .atlas-icon {
    vertical-align: middle;
  }

  .right-sidebar .pinboard-actions a.export-option {
    display: none;
  }

  .pinboard-category article section.expanded {
    width: 90%;
    margin: 0;
  }

  .pinboard-actions .dropdown-menu.more-actions .deselect-all,
  .pinboard-actions .dropdown-menu.more-actions .select-all {
    display: block!important;
  }

  .channel.channel-mobile {
    display: block;
  }

  .breadcrumb .toggle-right-panel,
  .pinboard-category section.pin-title .channel,
  .pinboard-category section.pin-title datetime.date-desktop {
    display: none;
  }

  .margin-right {
    margin-right: 0!important;
  }

  .document .content.wdth-resize {
    width: auto;
  }

  .container {
    width: 100%;
  }

  .right-sidebar {
    top: 0;
    width: 100%;
  }

  .logo {
    display: inline-block;
    margin: 0;
  }

  .logo a {
    padding: 0 10px 0 0;
  }

  .doc-footer {
    display: block;
    z-index: 402;
    height: 50px;
    background-color: #d9dadb;
    padding: 10px 15px;
    text-align: center;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
  }

  .doc-footer span,
  .footer-icons div.toggle-left-panel {
    display: inline-block;
    width: 32px;
    height: 32px;
  }

  .doc-footer span.footer-action {
    width: 32px;
    height: 32px;
    margin: 0 32%;
    float: none;
  }

  .search-results footer {
    display: block!important;
    position: fixed;
    z-index: 112;
    padding: 12px 10px 6px;
    min-height: 50px;
    opacity: 1;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
  }

  .search-results footer span {
    display: block;
  }

  .footer-icons {
    background-color: #fff;
    height: 32px;
    width: 32px;
    border-radius: 3px;
    vertical-align: text-bottom;
  }

  .grids .grid {
    width: 99%;
  }

  .grids .expand-collapse {
    display: none;
  }

  .treeview .parent-element:hover>span.glyphicon-arrow-right {
    display: none;
  }

  .treeview .branch-actions {
    background: url("../images/doc-con-actions-arrow.png") no-repeat 2px 4px;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-decoration: none;
    float: right;
  }

  .treeview .sec-treeview-actions {
    position: absolute;
    display: none;
    margin: 15px 0 0 -138px;
  }

  .treeview .child-element .haschildren:hover>div.focus,
  .treeview .parent-element:hover>div.focus {
    display: none;
  }

  .node.mobile .link {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
  }

  .node.mobile .link span.viewasdoc {
    margin: 0 3px 0 2px;
  }

  .grids.tree .viewasdoc+span.title,
  .grids.tree span.collection-doc+span.title,
  .grids.tree ul li.node>a>span.collection-doc+span.title,
  .grids.tree ul li.node>a>span.title {
    max-width: 82%;
  }

  .grid.grids .cell a:last-of-type {
    width: 91%;
  }

  footer .toggle-left-panel,
  footer .toggle-right-panel {
    margin: 0;
  }

  footer .toggle-left-panel {
    margin: 0 0 0 -10px;
    padding: 1px 5px;
  }

  footer .footer-action .footer-icons {
    background-color: #999;
    width: 32px;
    height: 32px;
    min-height: 32px;
    border-radius: 32px;
    padding: 2px 8px;
    margin: 0;
    text-align: center;
    position: relative;
  }

  footer .footer-action .atlas-icon {
    width: 16px;
    height: 16px;
    margin: 5px 0 0 0;
  }

  .btn.default:hover {
    background-color: #81858b;
  }

  .btn.selected:hover {
    background-color: #44494f;
  }

  .view-filter {
    margin: 0;
    display: block;
    text-align: center;
    width: 100%;
  }

  .typeahead,
  .view-filter .typeahead {
    width: 90%;
    margin: 0;
  }

  .view-filter .search-result-count {
    position: absolute;
    color: #ababad;
    margin: 15px 0 0 75%;
    visibility: hidden;
  }

  .view-filter .search-remove,
  .view-filter .search-remove:hover {
    position: absolute;
    visibility: hidden;
    color: #ccc;
    margin: 10px 0 0 89%;
    font-size: 1.071rem;
    text-decoration: none;
  }

  .view-filter .filter-close,
  .view-filter .filter-close:hover {
    display: inline;
    color: #ccc;
    font-size: 1.571rem;
    vertical-align: middle;
    width: 10%;
    text-decoration: none;
  }

  .view-filter .auto-dropdown {
    width: 97%;
    position: absolute;
    border: 0;
    border-style: none;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    text-align: left;
    margin-top: 35px;
  }

  .filter-up-down {
    display: inline;
    right: 0;
    margin: 0 0 0 74%;
  }

  .view-filter-down,
  .view-filter-up {
    display: inline-block;
  }

  .common-drawer .modal-backdrop {
    height: 0!important;
  }

  .document img {
    max-width: 300px;
  }

  .document .left-sidebar {
    width: 100%;
    top: 0;
    display: none;
  }

  document .left-sidebar.paddingtop {
    padding-top: 0;
  }

  .document .content {
    padding: 20px 30px 65px 30px;
    display: block;
    width: auto;
  }

  .document .content .documentcontent {
    padding: 0;
    width: 100%;
  }

  .document .content p {
    margin: 0;
  }

  .document .content h2 {
    font-size: 2rem;
  }

  .document .content h3 {
    font-size: 1.786rem;
  }

  .document .content h4 {
    font-size: 1.571rem;
  }

  .document .content h5 {
    font-size: 1.357rem;
  }

  .document .content.push-left {
    margin-left: 0;
  }

  .documentinfowrap {
    display: block;
    font-size: .8571rem;
  }

  table .footnote.collapse {
    z-index: 100;
    position: absolute;
    min-width: 40%;
    width: 65%;
  }

  .document .selection-actions {
    z-index: 1;
  }

  .document .selection-actions a.sidebar-actions {
    background-position: -9999px 0;
  }

  #preview-container .main-content,
  .content .main-content {
    padding: 40px 40px 40px 5px;
  }

  .content .floating-actions {
    right: 5px;
    bottom: 10%;
    left: 85%;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
  }

  .mobile-body {
    overflow: hidden;
    position: fixed;
  }

  .floating-actions .fab-circle.fab-docexplorer,
  .floating-actions .fab-circle.fab-refinesearch,
  .floating-actions .fab-circle.fab-toggle {
    display: none;
  }

  .doc-gam-footer,
  .doc-gam-footer.collapse.in {
    height: auto;
    background-color: #f0f0f0;
    bottom: 50px;
    z-index: 1049;
  }

  .doc-layout {
    bottom: 50px;
  }

  .doc-gam-footer>section {
    display: block;
  }

  .doc-gam-footer .close-gam-footer {
    display: block;
    text-align: right;
    margin-right: 5%;
  }

  .doc-gam-footer .close-gam-footer .atlas-icon {
    width: 18px;
    height: 18px;
  }

  .doc-gam-footer .togglebtn {
    display: inline-block;
    margin: 8px 10px;
  }

  .doc-gam-footer .gam-btn-group {
    width: 92%;
    display: block;
    margin: 8px auto;
    padding: 0 0 50px;
  }

  .doc-gam-footer .gam-btn-group .btn {
    width: 50%;
  }

  .doc-gam-footer .togglebtn,
  .doc-gam-footer .togglebtn.disabled,
  .doc-gam-footer .togglebtn.disabled:hover,
  .doc-gam-footer .togglebtn.spotlight-gam,
  .doc-gam-footer .togglebtn.spotlight-gam:hover,
  .doc-gam-footer .togglebtn:hover {
    width: 45%;
    text-align: left;
    border: none;
    border-radius: 0;
    color: #333;
    margin: 8px -4px;
    padding: 8px 8px 2px;
  }

  .togglebtn .spotlight {
    fill: #333;
  }

  .doc-gam-footer .togglebtn.toggle-spotlight,
  .doc-gam-footer .togglebtn.toggle-spotlight:hover {
    width: 35px;
    margin: 8px 10px;
    padding: 4px 8px 6px;
    background-color: #fff;
    border: 1px solid silver;
    border-radius: 4px;
  }

  .doc-gam-footer .toggle-spotlight.selected,
  .doc-gam-footer .toggle-spotlight.selected:hover {
    background-color: #fdd144;
  }

  .doc-gam-footer .gam-btn-group .btn,
  .doc-gam-footer .gam-btn-group .btn.selected,
  .doc-gam-footer .gam-btn-group .btn.selected:hover {
    width: 50%;
    border: 1px solid silver;
  }

  .doc-gam-footer .toggle-digital {
    border-right: none;
    border-bottom: 1px solid silver;
    padding-bottom: 45px;
    margin-bottom: 10px;
  }

  .global .nav-section .tt-dropdown-menu a {
    color: #333;
  }

  .global .nav-section .twitter-typeahead [class^=tt-dataset] {
    left: 0;
    padding: 0;
    background-color: #f0f0f0;
    color: #333;
  }

  .global .nav-section .twitter-typeahead .tt-suggestion {
    padding: 5px 0;
  }

  .nav-section .twitter-typeahead .tt-suggestion a {
    padding-left: 10px;
  }

  .search-panel .search-box {
    display: block;
    padding: 20px 10px 20px 15px;
  }

  .global .nav-section .search-panel .search-filter {
    position: absolute;
    top: 22px;
    display: block;
    width: auto;
    right: 32px;
  }

  .search-panel .search-filter svg {
    fill: #000;
  }

  .global .nav-section .twitter-typeahead .no-results {
    padding: 6px 24px;
  }

  .global .nav-section .twitter-typeahead {
    display: inline-block;
    width: 98%;
    background-color: #fff;
  }

  h1.recentsearchtitle {
    padding-top: 15px;
  }

  section.content .search-item .time {
    width: 100%;
    text-align: left;
  }

  .recent-search-channel,
  section.content .search-item .time {
    display: block;
    padding-top: 3px;
  }

  .recent-search-category {
    padding: 0 3% 15px;
  }

  .toolbar .reading-preferences {
    display: none;
  }

  .leftarrowdoc,
  .rightarrowdoc {
    margin: 0;
    top: 60%;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
  }

  .document-view-page .leftarrowdoc,
  .leftarrowdoc {
    left: 10px;
  }

  .rightarrowdoc {
    right: 10px;
  }

  .document .dropdown-menu.popover-actions {
    margin: 5px 0 0 -124px;
  }

  .document .left-sidebar .sec-sidebar-actions .popover-actions {
    bottom: auto;
  }

  .left-sidebar .rtl .sec-sidebar-actions .popover-actions {
    left: 123px;
  }

  .breadcrumb .left-panel-collapse {
    display: none;
  }

  .breadcrumb section .mobileScrollDown {
    display: block;
  }

  .displaylink-modal .modal-dialog {
    transform: none;
    transition: none;
    height: auto;
    margin: auto;
    width: 82%;
    position: relative;
    left: 0;
  }

  .displaylink-modal .modal-content {
    margin-top: 25%;
    top: 0;
  }

  .document .left-sidebar .attachments .attach-docs button {
    display: block!important;
  }

  .document .left-sidebar .popover-actions {
    left: 0;
    margin-top: 3px;
  }

  .viewasdocument .vad-doc-list>div {
    margin-left: 0;
    width: 98%;
  }

  .channel-map {
    display: none;
  }

  .channel-menu {
    height: 95vh;
    padding: 10px 10px 60px 10px;
    overflow: scroll;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }

  .channel-menu .channel-wrapper {
    padding: 5px 0 36px;
    height: 100%;
  }

  .channel-menu aside {
    width: 100%;
  }

  .channel-menu aside.channel-left {
    background-color: #333;
    border-radius: 4px;
    padding: 10px;
  }

  .channel-menu aside ul.channel-dropdowns>li:first-child {
    display: inline-block;
    padding-right: 10px;
    width: 50%;
    border-right: 1px solid #666;
    font-weight: 700;
    vertical-align: top;
  }

  .channel-menu aside ul.channel-dropdowns>li:nth-child(2) {
    display: inline-block;
    padding-left: 10px;
    font-weight: 700;
    vertical-align: top;
  }

  .channel-menu .lblwhite,
  .channel-menu ul.active-channel li section:first-child,
  .channel-menu ul.channel-dropdowns li section:first-child {
    font-size: .7857rem;
  }

  .channel-menu aside .change-country {
    display: block;
  }

  .channel-menu .recent-countries select,
  .channel-menu aside .change-country select {
    width: 100%;
    background-color: #24282d;
    color: #fff;
    border-style: none;
    border-radius: 4px;
    padding: 6px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .channel-menu aside .change-country select::-ms-expand {
    display: none;
  }

  .channel-menu .recent-countries .caret,
  .channel-menu aside .change-country .caret {
    color: #fff;
    position: relative;
    top: -25px;
    left: 95%;
  }

  .change-country .change-country-or {
    color: #fff;
    text-align: center;
    z-index: 1;
    margin: -10px 0 0;
  }

  .change-country .change-country-or:before {
    border-top: 1px solid #6b6f73;
    content: "";
    margin: 10px auto 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 95%;
    z-index: -1;
  }

  .change-country .change-country-or span {
    background-color: #000;
    padding: 0 10px;
  }

  .channel-menu aside.channel-right {
    padding: 0 0 50px!important;
    display: block;
  }

  .channel-menu aside .country-list-btn {
    white-space: nowrap;
    position: relative;
    background-color: #000;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 10px 0 40px;
  }

  .channel-menu aside .country-list-btn .btn {
    min-width: 47%;
    width: auto;
    margin: 0 1%;
    left: auto;
    position: relative;
    display: inline-block;
  }

  .channel-menu .btn.default {
    position: absolute;
    bottom: 7%;
    left: 15px;
  }

  .channel-menu aside ul.country-list {
    height: inherit;
    max-height: 114px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .channel-menu aside ul.country-list li ul {
    padding: 0 0 0 2px;
  }

  .channel-menu aside ul.country-list li {
    margin: 0 0 8px 0;
  }

  .channel-menu aside ul::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .channel-menu aside ul::-webkit-scrollbar:vertical {
    width: 16px;
  }

  .channel-menu aside ul::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
    border-radius: 10px;
    border: 2px solid #fff;
  }

  .channel-menu aside ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
  }

  .hideText {
    display: none;
  }

  .channel-menu aside input.countryFilter {
    margin-top: 10px;
    background-color: #fff;
    color: #333;
  }

  .channel-menu aside input[disabled=disabled].countryFilter,
  .channel-menu aside input[disabled=true].countryFilter,
  .channel-menu aside input[disabled].countryFilter {
    background-color: silver;
  }

  .channel-menu aside section.ey-global {
    border-bottom: 0;
    margin: 0 0 10px;
    padding: 0;
  }

  .channel-menu .recent-countries .btn-select {
    background-color: #24282d;
    border-radius: .3em;
    color: #fff;
  }

  .channel-menu .btn {
    padding: 6px 8px;
    display: block;
  }

  .channel-menu .recent-countries .dropdown-toggle {
    display: inline-block;
  }

  .channel-menu .recent-countries .open>.dropdown-menu {
    display: block;
  }

  .channel-menu .recent-countries .dropdown-menu {
    padding: 5px 10px;
    top: 41%;
  }

  .channel-menu .recent-countries .cntry-drpbox li a {
    color: #fff;
    display: block;
  }

  .channel-menu .recent-countries .dropdown-menu li span {
    display: none;
  }

  .channel-menu .btn-group .dropdown-menu {
    width: 100%;
    background-color: #24282d;
    color: #fff;
  }

  .channel-menu .dropdown-menu li a,
  .channel-menu .lblwhite {
    color: silver;
    margin: 10px 0 5px;
    padding: 0;
  }

  .channel-menu .dropdown-menu li a {
    padding-left: 6px;
  }

  .channel-menu .btn-group {
    margin: 0 0 15px 0;
  }

  .channel-menu .dropdown-menu li a:hover {
    background-color: #6f827d;
  }

  .channel-menu .recent-countries .cntry-drpbox.dropdown-menu {
    position: absolute;
    top: 71%;
    margin: 2px 0 0;
    padding: 5px 0;
    background-color: #24282d;
    display: none;
  }

  .channel-menu .recent-countries.open .cntry-drpbox.dropdown-menu {
    display: block;
  }

  .recent-countries .cntry-drpbox.dropdown-menu li a {
    padding: 3px 20px;
  }

  .channel-menu .recent-countries .cntry-drpbox li a:active,
  .channel-menu .recent-countries .cntry-drpbox li a:focus,
  .channel-menu .recent-countries .cntry-drpbox li a:hover {
    color: #fff;
    background-color: #6f827d;
    text-decoration: none;
  }

  .recent-search .content,
  .search-results .content {
    padding: 0 2% 80px 2%;
    margin-left: 0!important;
  }

  .recent-search .left-sidebar,
  .search-results .left-sidebar {
    width: 100%;
    top: 0;
    height: 93%!important;
  }

  .recent-search .left-sidebar input[type=text],
  .search-results .left-sidebar input[type=text] {
    width: 100%;
  }

  .search-results .topic-results {
    display: block;
    width: 97%;
    border-spacing: 0;
    margin: 0 1%;
  }

  .search-results .search-result {
    margin: 0 10px;
  }

  .search-results .topic-results .result {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }

  .left-sidebar-hide {
    display: none!important;
  }

  .search-results .search-header {
    padding: 30px 15px 40px;
  }

  .search-results .count,
  .search-results .pager {
    display: block;
  }

  .search-results .pager {
    text-align: center;
    margin: 5px auto;
  }

  .search-results .pager a {
    padding: 0 5px;
    margin: 0;
  }

  .pagerwrap div>.next,
  .pagerwrap div>.prev,
  .search-results .search-footer div>.next,
  .search-results .search-footer div>.prev {
    display: none;
  }

  .search-results span.prev-next {
    display: block;
    text-align: center;
  }

  .search-results .result-comment {
    margin: 10px 5px 0;
  }

  .search-results .result .legends {
    display: block;
    text-align: left;
    padding-top: 24px;
    bottom: 19px;
  }

  .search-results .result .search-link button {
    display: inline-block!important;
  }

  .result .search-link button.cog-menu {
    display: none!important;
  }

  .search-results .info .date,
  .search-results .info .status {
    display: inline-block;
  }

  .recent-search h1 {
    display: none;
  }

  .recent-search .title {
    display: inline-block;
    font-size: 1.643rem;
    font-weight: 700;
  }

  .recent-search article {
    width: 100%;
    margin: 10px auto;
  }

  .recent-search article section {
    border-bottom: 1px solid #e4e5e7;
    padding: 10px 0;
  }

  .recent-search article section p {
    display: none;
  }

  .recent-search .result .search-txt {
    width: 55%;
  }

  .recent-search .result .date {
    width: 43%;
  }

  .content.push-left {
    margin-left: 0;
  }

  .error-modal,
  .info-modal {
    top: 0;
    height: 100%;
  }

  .error-modal .modal-body,
  .info-modal .modal-body {
    margin: auto;
    text-align: center;
  }

  .error-modal.modal.in .modal-header,
  .info-modal.modal.in .modal-header {
    background-color: transparent;
    border-bottom: none;
  }

  .error-modal.modal.in .modal-footer,
  .info-modal.modal.in .modal-footer {
    background-color: transparent;
    border-top: 0;
    text-align: center;
    display: table;
    width: 100%;
    position: fixed;
    bottom: 0;
  }

  .error-modal.modal.in .modal-footer .btn.default,
  .info-modal.modal.in .modal-footer .btn.default {
    background-color: #fff;
    color: #333;
  }

  .error-modal.modal.in .modal-dialog,
  .info-modal.modal.in .modal-dialog {
    transform: none;
    transition: none;
    margin: 0;
    height: 100%;
    background-color: #24282d;
  }

  .in.modal.error-modal .modal-dialog h4,
  .in.modal.info-modal .modal-dialog h4 {
    margin-top: 20px;
  }

  .error-modal .btn-ok,
  .info-modal .btn-ok {
    background-color: #f4f4f4;
    color: #000;
  }

  .error-modal.modal.in .modal-content,
  .info-modal.modal.in .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    color: #fff;
    background-color: transparent;
  }

  section.print-sidebar {
    display: block;
    padding: 10px;
    width: 100%;
  }

  .print-content {
    display: block;
    width: 100%;
    padding: 0 22px 22px;
    height: 65%;
    overflow-y: auto;
  }

  .print-sidebar .btn-modal-close {
    display: block;
  }

  .print-sidebar .btn-modal-close .close.atlas-icon {
    opacity: 1;
  }

  .print-sidebar .btn-modal-close {
    top: 28px;
  }

  section.print-sidebar h3 {
    padding: 9px 0;
  }

  .print-sidebar .btn-modal-close .close.atlas-icon svg {
    fill: #fff;
  }

  .print-content a.btn-modal-close {
    display: none;
  }

  .contentpreview-head header,
  .print-content .maincontent .document-body,
  .print-content .maincontent .footer,
  section.print-sidebar p {
    display: none;
  }

  .modal.modal-drawer.fade.in {
    top: 0;
  }

  .modal.modal-drawer {
    height: 100%;
    background-color: #fff;
  }

  .print-content .maincontent {
    border: 0;
    height: auto;
    overflow-y: auto;
  }

  .print-content .maincontent h3.print-heading2 {
    display: none;
  }

  .print-content .maincontent .contentd {
    display: none;
  }

  .print-content .maincontent footer {
    display: none;
  }

  .print-content table {
    table-layout: fixed;
    width: 100%;
    word-break: break-all;
  }

  .print-buttons {
    float: none;
    text-align: center;
    padding: 70px 0 0 0;
  }

  .print-content .maincontent .document-content .documentattributes {
    font-weight: 400;
    font-size: .8571rem;
    padding: 2px 0;
  }

  .print-content .maincontent .document-content .documentvalues {
    font-size: .8571rem;
  }

  .modal-body {
    width: 100%;
  }

  .print-content .in-line-doc {
    width: 93%;
  }

  .homepage .channel-bar,
  .homepage .channel-bar-NoWelcomeMsg {
    display: none;
  }

  .homepage .home-tabs {
    display: none;
  }

  .homepage .homeViewMore {
    margin: 15px 0 70px 60px;
    width: 79%;
  }

  .homepage .whatsnew .main-title,
  .homepage .whatsnew date {
    text-align: center;
    display: block;
  }

  .whatsnew-modal .info-modal.modal.in .modal-header {
    border-radius: 0;
    padding: 0;
  }

  .whatsnew-modal .modal-header .sticky-header {
    background-color: #f4f4f4;
    border-bottom: 1px solid #bec1c7;
    padding: 15px 30px 15px 15px;
    color: #333;
    font-weight: 700;
  }

  .close-wn-mobile-modal {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 5px;
    padding: 10px 15px 15px 10px;
  }

  .whatsnew-modal .close-wn-mobile-modal .atlas-icon {
    width: 20px;
    height: 20px;
  }

  .whatsnew-modal .info-modal.modal.in .modal-dialog {
    width: auto;
    padding: 20px 0;
    background-color: #fff;
  }

  .whatsnew-modal .info-modal.modal.in .modal-content {
    width: 100%;
    height: auto;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    color: #333;
  }

  .whatsnew-modal .modal-content .modal-body {
    display: block;
    height: 90%;
    margin: 10px 0;
    overflow-y: auto;
    color: #333;
    text-align: left;
  }

  .whatsnew-modal .desktop-modal-header {
    display: none;
  }

  .row.browse_wrapper,
  .row.myatlas_wrapper {
    column-count: 1;
    width: 97%;
  }

  .homepage .browse.col-md-6 {
    width: 92%;
    height: 170px;
    padding: 20px 0 0 40px;
  }

  .homepage .myatlas.col-md-6 {
    width: 92%;
    height: auto;
    padding: 15px 0 15px 20px;
  }

  .browse.col-md-6 header {
    margin: 15% 0;
  }

  .myatlas.col-md-6 header {
    width: 100%!important;
    margin: 0 auto 15px 0;
    text-align: left;
  }

  .myatlas.col-md-6 header a,
  .myatlas.col-md-6 header a:hover {
    text-decoration: none;
  }

  .myatlas .pinboard .pinboard-group {
    margin: 0;
    top: 0;
  }

  .myatlas .pinboard .pinboard-category .pin-item-check {
    display: none;
  }

  .myatlas.col-md-6 .article-desc .tile-desc {
    height: 185px;
    margin: 0 0 10px 0;
  }

  .myatlas.col-md-6 .article-desc a.view-more {
    margin: 0;
  }

  .myatlas.col-md-6 header .atlas-icon.myatlas-history-icon,
  .myatlas.col-md-6 header .atlas-icon.myatlas-pinboard-icon,
  .myatlas.col-md-6 header .atlas-icon.myatlas-recentsearch-icon,
  .myatlas.col-md-6 header .atlas-icon.myatlas-settings-icon {
    width: 12%;
    height: 35px;
    margin: 0;
    vertical-align: top;
  }

  .homepage .browse.col-md-6 header .browse-category {
    max-width: 250px;
    width: 200px;
    bottom: -40px;
  }

  .browse.col-md-6 header .atlas-icon {
    width: 90%;
    height: 40%;
    margin: -85px 0 5px;
  }

  .browse.col-md-6 .article-desc {
    height: 74px;
  }

  .browse.col-md-6 .article-desc h5 {
    font-size: 1.571rem;
  }

  .myatlas.col-md-6 .article-desc {
    width: 95%;
    padding: 0 5px;
  }

  .myatlas.col-md-6 header h5 {
    display: inline;
    width: 85%;
  }

  .myatlas.col-md-6 .article-desc h5 {
    font-size: 1.357rem;
    text-align: center;
    border-bottom-style: none;
    display: none;
  }

  .myatlas.col-md-6 .article-desc .list-border {
    border-bottom: 1px solid silver;
    margin-bottom: 12px;
  }

  .myatlas.col-md-6 .article-desc .list-border:last-child {
    border-bottom-style: none;
    margin-bottom: 0;
  }

  .myatlas.col-md-6 .article-desc.myatlas-settings ul li {
    padding-bottom: 8px;
    list-style-position: inside;
  }

  .myatlas.col-md-6 .article-desc .myatlas-list-item:last-child,
  .myatlas.col-md-6 .article-desc.myatlas-settings ul li:last-child {
    border-bottom-style: none;
  }

  .homepage footer.home-footer {
    background-color: #d9dadb;
    bottom: 0;
    position: fixed;
    height: 50px;
    padding: 0;
    display: block;
  }

  footer.home-footer .nav-tabs {
    border-bottom-style: none;
    margin-right: -1px;
  }

  footer.home-footer .nav-tabs>li {
    border-right: 1px solid #81858b;
    width: 33.3%;
    height: 50px;
    text-align: center;
  }

  footer.home-footer .nav-tabs>li:last-child {
    border-right-style: none;
  }

  footer.home-footer .nav-tabs>li>a {
    display: block;
    height: 50px;
    text-align: center;
    padding: 15px 5px;
    color: #333;
    font-weight: 700;
    width: 100%;
    border-style: none;
    vertical-align: middle;
    line-height: 10px;
  }

  footer.home-footer .nav-tabs>li>a div.atlas-icon {
    vertical-align: text-top;
    width: 20px;
    height: 20px;
  }

  footer.home-footer .nav-tabs .active {
    display: none;
  }

  .gamnav .gam-bar {
    padding: 5px 0 15px 20px;
    text-align: left;
    box-shadow: 1px 1px 4px #ddd;
  }

  .gamnav .gam-btn-group {
    width: 96%;
    display: block;
    margin: 0;
    padding: 10px 5px 42px;
    border-right-style: none;
  }

  .gamnav .toggle-digital {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    padding: 10px 5px 50px;
  }

  .gamnav .gam-btn-group .btn {
    width: 50%;
  }

  .gamnav .gam-buttons .togglebtn {
    width: 45%;
  }

  .gamnav .yellow-bar {
    background-color: #ffd200;
    font-weight: 700;
  }

  .gamnav .gam-bar .gam-btn-group .left {
    margin: 0 -10px 0 0;
  }

  .gamnav .gam-bar .gam-bold {
    display: block;
  }

  .gamnav .gam-bar .gam-italic {
    display: block;
    padding: 10px 0 0 0;
  }

  .gamnav .gam-bar .togglebtn {
    margin: 7px 5px;
    display: inline-block;
  }

  .gamnav .gam-overlay {
    width: 100%;
    left: 0;
  }

  .gamnav .gam-overlay .overlay-content {
    top: 0;
  }

  .gamnav .gam-footer {
    padding: 12px 44px 10px;
  }

  .document .content .gamnav,
  .search-results .content .gamnav {
    left: 0;
    top: 80px;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
  }

  .gamnav .gam-overlay .yellow-txt {
    padding-bottom: 15px;
  }

  nav.global .nav-section {
    height: 50px;
    width: 100%;
    padding: 0 0 0 4%;
  }

  .annotation-summary {
    padding: 0 4% 0 4%;
  }

  .summary-heading {
    Font-Size: 18pt;
  }

  nav.global div.top-nav {
    display: none;
  }

  .global .nav-section a.browse,
  .global .nav-section a.channel,
  nav.global>section a.search-closed {
    padding: 15px 12px;
    margin: 0;
    vertical-align: top;
    background-image: none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #bec1c7;
    font-size: 0;
    min-width: 22px;
    height: 50px;
  }

  nav.global>section a.search-closed {
    padding: 15px 6px 15px 14px;
    margin: 0 10px;
    height: 50px;
    position: absolute;
    right: 118px;
  }

  nav.global a.mic-ava:after,
  section a.search-closed:after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: 0;
    width: 1px;
    height: 80%;
    background: #81858b;
  }

  nav.global a.search-closed.selected,
  nav.global a.search-closed.selected:after {
    background-color: #f0f0f0;
  }

  nav.global a.search-closed.selected svg {
    fill: #24282d!important;
  }

  .global .nav-section .search-panel {
    display: none;
    height: 100vh;
    width: 100%;
    background-color: #f0f0f0;
    position: absolute;
    padding: 0;
    left: 0;
    top: 50px;
    padding-bottom: 40px;
    margin-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .global .nav-section .open-icon {
    display: none;
  }

  .global .nav-section .search-panel input {
    margin: 0;
    width: 80%;
    padding: 0 0 0 12px;
    background-color: #fff;
    color: #000;
  }

  .global .nav-section .search-panel button {
    visibility: visible;
    vertical-align: inherit;
    margin: 10px 4px 0 0;
    padding: 0;
  }

  .global .nav-section .search-panel button.close-search {
    height: 20px;
    width: 20px;
    padding: 2px;
  }

  .global .nav-section .search-panel button.filter {
    width: 26px;
    height: 26px;
  }

  .global .nav-section .search-panel .tt-dropdown-menu {
    position: relative!important;
    overflow-y: visible;
  }

  .global .nav-section .search-panel .tt-dropdown-menu a:hover {
    color: #fff;
  }

  .global .nav-section .search-panel hr {
    display: block;
  }

  .global .nav-section .search-panel .search-menu {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .global .nav-section .search-panel .search-menu a {
    padding: 7px 45px;
  }

  nav.global a.mic-ava {
    right: 90px;
    top: 0;
    position: absolute;
    margin: 0;
    padding: 13px 6px;
  }

  .hb-closemenu,
  nav.global a.mic-ava svg {
    fill: #BEC1C7;
  }

  .global .nav-section a.menu,
  .global .nav-section a.menu-selected,
  .global .nav-section a.menu:hover {
    margin-right: 0;
    padding: 8px 12px 2px 14px;
    width: 46px;
    height: 48px;
  }

  .modal-backdrop.in {
    display: none!important;
  }

  nav.global .hbnav {
    width: 100%;
    margin: 0;
  }

  .global section .hamburger-backdrop {
    z-index: 100;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 50px;
  }

  .global .nav-section ul.drop-down-menu {
    float: right;
    width: 100%;
    display: none;
    margin: 0;
    height: 100vh;
  }

  .global .nav-section a:before {
    padding: 0 11px;
  }

  .global .nav-section a.channel .flags {
    margin: 3px 4px 2px 0;
  }

  ul.drop-down-menu li,
  ul.drop-down-menu-open li {
    display: block;
  }

  nav.global {
    position: relative;
  }

  .navigationmenu,
  .submenu {
    position: absolute;
    height: 100vh;
    z-index: 501;
    left: 0;
  }

  .submenu section {
    margin: 12px;
  }

  .submenu section a {
    display: block;
    text-align: left;
    padding: 0 15px 25px 45px;
    font-size: 1.143rem;
  }

  .submenu section section.browse-topic-pages {
    display: block;
    background-color: transparent;
    margin: 0 0 0 25px;
    width: 100%;
  }

  .submenu .atlas-icon {
    height: 18px;
    margin: -4px 10px 0 0;
  }

  .submenu>section>a:first-child {
    cursor: default;
  }

  .submenu>section>a:first-child:hover {
    color: #fff;
  }

  .submenu>section>a:first-child:hover svg {
    fill: #fff;
  }

  .breadcrumb .findInPg {
    margin: 0;
  }

  .breadcrumb .findIn,
  .breadcrumb .list,
  .breadcrumb .right-pane {
    display: none;
  }

  .breadcrumb .crumbs {
    width: 84%;
    position: absolute;
    padding-top: 8px;
  }

  .breadcrumb .crumbs-container {
    width: 100%;
    display: inline-block;
  }

  .breadcrumb .crumbs-bar {
    display: inline-block;
  }

  .breadcrumb .crumbs a {
    white-space: normal;
    display: block;
  }

  .breadcrumb .crumbs-sm a {
    padding: 0 0 5px 0;
  }

  .breadcrumb .crumbs a+a:before {
    content: "";
    padding: 0;
  }

  .breadcrumb .crumbs a:not(:last-child):after {
    content: "/";
    padding: 0 3px;
  }

  .breadcrumb .expand,
  .breadcrumb .toolbar .search-lookout {
    display: none;
  }

  .history-main article section a {
    width: 100%;
    display: block;
  }

  .history-main article {
    width: 90%;
    margin: 10px auto;
  }

  .history-main article section {
    padding: 5px 0;
  }

  .history-main article section p {
    display: none;
  }

  .history-main article section a .document.atlas-icon {
    vertical-align: top;
    margin: 4px 4px 0 0;
  }

  .history-main article header h2,
  .history-main article section h3 {
    font-size: .9286rem;
  }

  .history-main .title {
    display: inline-block;
    font-size: 1.643rem;
    font-weight: 700;
    width: 6%;
  }

  .history-main .clear-all {
    width: 92%;
    vertical-align: super;
  }

  .history-main .msg {
    width: 100%;
    margin: 0 2px 0;
  }

  .history-main article header p {
    width: 9%;
  }

  .history-main article {
    width: 100%;
  }

  .history-main article section p {
    display: block;
  }

  .history-main article section a.title,
  .history-main article section h3 {
    padding: 5px 0;
    display: block;
    font-weight: 400;
    font-size: 1rem;
    width: auto;
  }

  .history-main .history-category span.history-channel,
  .history-main article section h3 span.history-channel {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
  }

  .history-main {
    padding: 30px 4%;
  }

  .pageContent .pinboard {
    padding-top: 12px;
  }

  .myatlas .article-desc .pinboard {
    padding: 0;
  }

  .right-sidebar .history-main {
    padding: 10px 0;
  }

  .pinboard .title {
    display: inline-block;
    font-size: 1.643rem;
    font-weight: 700;
    width: 6%;
    margin: 0 2%;
  }

  .right-sidebar .pinboard h1 {
    display: none;
  }

  .pinboard h1 {
    padding: 10px;
    margin: 0;
    margin-left: 8px;
    padding-top: 0;
    font-size: 18px;
  }

  .summary-heading {
    margin-top: 15px;
  }

  .pinboard .msg {
    width: 100%;
    margin: 56px 0 0;
    padding: 10px 5%;
  }

  .pinboard-actions {
    width: 100%;
    padding: 0;
    margin: 100px 0 0 0;
  }

  .pinboardpage .pin-select-all {
    width: 24%;
    vertical-align: middle;
  }

  .pinboardpage .pin-expcol-all {
    width: 52%;
    vertical-align: middle;
  }

  .pinboardpage .pin-expcol-all a {
    padding: 0 10px;
  }

  .pinboardpage .pin-buttons {
    width: 16%;
  }

  .pinboardpage .pin-buttons a {
    padding: 10px 5px 10px 10px;
  }

  .pinboardpage .pin-buttons a.export-option {
    display: none;
  }

  .pinboard-actions a {
    padding: 15px 16px;
  }

  .right-sidebar .pinboard-actions a {
    padding: 15px;
  }

  .pinboardpage .pin-buttons span,
  .right-sidebar .pinboard-actions a span {
    display: none;
  }

  .more-actions a {
    border-right: 0;
    padding: 8px 0;
  }

  .pinboard-actions a .atlas-icon {
    margin: 0 5px 0 0;
  }

  .right-sidebar .pinboard-actions a .atlas-icon {
    margin: 0;
  }

  .right-sidebar .pin-title .right-tab-title {
    width: 88%;
  }

  .pinboard-actions a.deselect-all,
  .pinboard-actions a.select-all {
    display: none;
  }

  .pinboard-actions div.sec-more-actions,
  .pinboard-actions div.sec-more-actions a {
    border-right-style: none;
  }

  .pinboard-actions .sec-more-actions .more-actions {
    margin: 0 0 0 -4px;
  }

  .pageContent .pinboard .selected-pins,
  .selected-pins {
    margin: 142px 0 0 6px;
    width: 100%;
    text-align: left;
    right: unset;
  }

  .right-sidebar .pinboard .selected-pins,
  .right-sidebar .selected-pins {
    margin: 45px 0 0 -10px;
    position: fixed;
  }

  .right-sidebar .pinboard-group {
    top: 80px;
    margin: 0 4% 40px;
  }

  footer .selected-pins {
    display: table-cell;
    width: 90%;
    text-align: center;
  }

  footer .selected-pins span {
    display: inline-block;
  }

  .pinboard-group .pinboard-category {
    width: 95%;
  }

  .pinboard-category article {
    margin: 0 0 0 5px;
    width: 100%;
  }

  .pinboard-category section.pin-title p {
    font-size: .8571rem;
  }

  .pinboard-category article p {
    width: 84%;
  }

  .settings .lower-wrapper,
  .settings .settings-header,
  .settings .upper-wrapper {
    width: 85%;
    margin: 20px 20px;
  }

  .settings .view .column {
    padding: 0 2px 0 0;
    width: 33.3%;
  }

  .settings .view .column .atlas-icon {
    width: 13px;
  }

  .settings .btn-group,
  .settings .channel,
  .settings .dropdown-menu,
  .settings .twitter-typeahead .tt-dropdown-menu {
    width: 90%;
  }

  .settings .version {
    padding-top: 5px;
    font-size: .6429rem;
  }

  .settings .btn-group.selectCountry {
    width: 81%;
    background-color: #d9dadb;
    border-radius: 4px;
  }

  .btn-group.selectCountry .twitter-typeahead {
    width: 90%;
  }

  .btn-group.selectCountry .twitter-typeahead .tt-dropdown-menu {
    width: 110%;
  }

  .settings .column label {
    width: 58px;
    height: 40px;
  }

  .settings .btn-action-grp {
    float: none;
    padding: 10px 0 20px 0;
    text-align: center;
  }

  .settings .form-label,
  .settings .form-section .form-row .form-label {
    width: 100%;
    display: block;
  }

  .settings .btn-select {
    width: 90%;
  }

  .settings .btn-group>.btn+.dropdown-toggle {
    width: 10%;
  }

  .settings .btn-action {
    width: 49%;
    padding: 0;
  }

  .homepage .carousel {
    display: none;
  }

  .mobile-banner-img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    background-size: cover;
    padding-top: 148px;
    background-image: url(../../img/TopBanner1-mobile.jpg);
  }

  .homepage .carousel-caption,
  .homepage .carousel-left,
  .homepage .carousel-right {
    display: none;
  }

  .mobile-banner-img .channel-bar-mobile {
    background-color: #ffe600;
    z-index: 101;
    height: 35px;
    bottom: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    opacity: .8;
    display: block;
  }

  .channel-bar-mobile .channel-name {
    color: #000;
    font-size: 1.143rem;
    padding: 6px 3px;
  }

  .breadcrumb.home-page {
    display: none;
  }

  .homepage {
    padding: 0;
    height: 100%;
    background-color: #f4f4f4;
  }

  .homepage h1 {
    padding: 20px;
    text-align: left;
    width: 100%;
    background-color: #f4f4f4;
    position: relative;
    top: 0;
    z-index: 150;
  }

  .homepage h1.fix-tabheader {
    position: fixed;
    z-index: 1;
    top: 50px;
  }

  .homepage h1.fix-tabheader+.dashboard-content {
    padding-top: 100px;
  }

  .homepage .col1,
  .homepage .col2 {
    display: inline-block;
    width: 100%;
    padding: 0;
  }

  .homepage .portlets .header {
    padding: 25px 30px 20px;
    border-bottom: 1px solid #d9dadb;
    margin: 0 15px;
    cursor: pointer;
  }

  .homepage .portlets .header a {
    display: none;
    margin: 56px 0 0;
  }

  .homepage .black-top,
  .homepage .yellow-top {
    border-top: none;
  }

  .homepage .pushleft {
    padding-left: 0;
  }

  .homepage .portlets .header .icon-home-bullet {
    display: inline-block;
  }

  .homepage .globalnews_wrapper,
  .homepage .localnews_wrapper,
  .homepage .recenthistory_wrapper {
    display: none;
    padding: 28px 0 0 0;
    border-bottom: 1px solid #d9dadb;
  }

  .homepage .quicklinks_wrapper {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .homepage .quicklinks_wrapper a {
    list-style-type: none;
    list-style-position: inside;
    color: #333;
    background-color: #fff;
    padding: 10px 30px;
    margin: 0 0 10px;
    max-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: list-item;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
  }

  .homepage .quicklinks_wrapper a:before {
    content: '\2022';
    text-indent: -999999px;
    float: left;
    position: absolute;
    display: inline-block;
    background-image: url('../../../IMG/SVG/external-link.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    width: 10px;
    height: 10px;
    margin: 6px 8px 5px -20px;
  }

  .homepage .quicklinks_wrapper a.disabled {
    pointer-events: none;
    cursor: default;
    color: #81858b;
  }

  .row.whatsnew_wrapper {
    margin: 0;
  }

  .homepage .whatsnew.col-md-4 {
    width: 97%;
    margin: 15px;
  }

  .homepage .globalnews_wrapper,
  .homepage .localnews_wrapper {
    text-align: center;
  }

  .homepage .portlets {
    border-radius: 0;
    margin: -10px 0 80px;
    padding: 0;
  }

  .homepage .expanded ul li {
    list-style: disc;
  }

  .Browse,
  .BrowseCE,
  .Doc,
  .DocCE,
  .History,
  .HistoryCE,
  .Home,
  .HomeCE,
  .Pinboard,
  .PinboardCE,
  .Search,
  .SearchCE {
    width: 100%;
    max-width: 420px;
    height: 0;
    overflow: hidden;
    display: block;
    background-size: cover;
    padding-top: 150%;
  }

  .carousel .item .help-close {
    right: 0;
  }

  .Home {
    background-image: url("../../img/homepg-mobile.jpg");
  }

  .Browse {
    background-image: url("../../img/browse-mobile.gif");
  }

  .Doc {
    background-image: url("../../img/docView-mobile.gif");
  }

  .Search {
    background-image: url("../../img/search-mobile.gif");
  }

  .Pinboard {
    background-image: url("../../img/pinboard-mobile.gif");
  }

  .History {
    background-image: url("../../img/history-mobile.gif");
  }

  .HomeCE {
    background-image: url("../../img/CE-homepg-mobile.jpg");
  }

  .BrowseCE {
    background-image: url("../../img/CE-browse-mobile.gif");
  }

  .DocCE {
    background-image: url("../../img/CE-docView-mobile.gif");
  }

  .SearchCE {
    background-image: url("../../img/CE-search-mobile.gif");
  }

  .PinboardCE {
    background-image: url("../../img/CE-pinboard-mobile.gif");
  }

  .HistoryCE {
    background-image: url("../../img/CE-history-mobile.gif");
  }

  .carousel-left,
  .carousel-right {
    display: none;
  }

  .carousel .item {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    top: 1px;
  }

  .carousel-inner {
    z-index: 0;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    position: relative;
  }

  section.preview {
    display: none!important;
  }

  .grids.tree ul li.leaf .link a:last-of-type {
    max-width: 91%;
  }

  .toolbar #btnHighlightSearch+.tooltip,
  .toolbar button#btnClearHighlight+.tooltip {
    display: none!important;
  }

  .pageContent .document:not(.viewasdocument) .nolayercontent {
    top: 100px;
  }

  .add-annotation .annotation-icon-action {
    display: none;
  }

  .add-annotation .annotation-btns,
  .add-annotation .well .add-annotation-link,
  .add-annotation .well .doc-selection-actions-colors {
    display: none;
  }
}

@media only screen and (min-device-width :414px) and (max-device-width :736px) and (device-width :414px) and (device-height :736px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio :3) and (-webkit-device-pixel-ratio :3) {
  .document .content {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  .view-Mob-lt .left-sidebar .library-links {
    width: 100%;
  }

  .view-Mob-lt .left-sidebar .library-links,
  .view-Mob-lt .left-sidebar .library-links a {
    display: inline-block;
    text-align: center;
  }

  .view-Mob-lt .left-sidebar .library-links.tab-nav-group.mobile-only {
    display: block;
  }

  .request-in-progress .progress-container .loader {
    margin-top: 19px;
  }

  nav.global {
    min-height: 50px;
  }

  nav.global section a.menu {
    height: 50px;
  }
}

@media only screen and (min-width:320px) and (max-width:329px) {
  .document img {
    width: 200px;
  }

  .right-sidebar .pin-tabcont {
    height: 69.5%;
  }

  .gamnav .gam-footer {
    padding: 12px .5% 10px;
    font-size: .6429rem;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 3.5%;
  }
}

@media only screen and (min-width:320px) and (max-width:320px) {
  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 3%;
  }
}

@media only screen and (min-width:330px) and (max-width:370px) {
  .gamnav .gam-footer {
    padding: 12px 1% 10px;
    font-size: .6429rem;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 5%;
  }
}

@media only screen and (min-width:371px) and (max-width:400px) {
  .gamnav .gam-footer {
    padding: 12px 2% 10px;
    font-size: .7143rem;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 4%;
  }

  .settings .version {
    font-size: .6rem;
  }

  .settings .version span {
    padding-right: 6px;
    margin-right: 3px;
  }
}

@media only screen and (min-width:400px) and (max-width:500px) {
  .gamnav .gam-footer {
    padding: 12px 7% 10px;
    font-size: .7857rem;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 3%;
  }
}

@media only screen and (min-width:427px) and (max-width:447px) {
  .gamnav .gam-footer {
    padding: 12px 5% 10px;
    font-size: .7857rem;
  }
}

@media only screen and (min-width:410px) and (max-width:426px) {
  .gamnav .gam-footer {
    padding: 12px 2% 10px;
    font-size: .7857rem;
  }
}

@media only screen and (min-width:402px) and (max-width:409px) {
  .gamnav .gam-footer {
    padding: 12px 2% 10px;
    font-size: .7857rem;
  }
}

@media only screen and (min-width:501px) and (max-width:555px) {
  .gamnav .gam-footer {
    padding: 12px 3% 10px;
  }
}

@media only screen and (min-width:320px) and (max-width:700px) {
  .document h1,
  main h1 {
    font-size: 4.214rem;
  }

  .history-title {
    margin-left: 2px;
    margin-bottom: 13px;
    font-size: 18px;
  }

  .settings h1.setting-header {
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: -20px;
    font-size: 18px;
  }

  .document .bs-docs-sidebar .nav .active {
    border-left: 0;
  }
}

@media only screen and (max-width :768px) {
  .settings .version {
    font-size: 13px;
  }

  .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 0;
  }

  .browseview-container .categorytree-rightpanel.expanded {
    right: 50%;
  }

  .browseview-container section.rightpanel-info.expanded {
    width: 50%;
  }

  .gambar-container a.togglebtn,
  .gambar-container a.togglebtn:active,
  .gambar-container a.togglebtn:hover {
    padding: 0 8px;
  }

  .content .result-comment-display-container .result-display-type {
    width: 450px;
  }

  .result-comment-display-container .result-display-type .option-filtertype,
  .result-comment-display-container .result-display-type .section-pagesize ul,
  .result-comment-display-container .result-display-type .section-recent-relevant ul {
    font-size: 11px;
  }

  .result-comment-display-container .result-display-type .section-pagesize span,
  .result-comment-display-container .result-display-type .section-recent-relevant span,
  .result-comment-display-container .section-document-type span {
    font-size: 11px;
  }

  .result-comment-display-container .result-display-type .section-recent-relevant,
  .result-comment-display-container .section-document-type {
    margin-right: 5px;
  }

  .result-comment-display-container .section-document-type span,
  .result-comment-display-container .section-document-type ul {
    min-width: 115px;
  }

  .result-comment-display-container .result-display-type .section-recent-relevant span,
  .result-comment-display-container .result-display-type .section-recent-relevant ul {
    width: 110px;
  }

  .result-comment-display-container .result-comment {
    font-size: 11px;
  }

  .result-comment-display-container .result-comment #showTopicPagesOnly {
    position: relative;
    top: 2px;
  }

  .result-comment-display-container .result-display-type label {
    font-size: 12px;
  }

  .result-comment-display-container .option-filtertype li,
  .result-comment-display-container .result-display-type .section-pagesize span,
  .result-comment-display-container .result-display-type .section-recent-relevant span,
  .result-comment-display-container .section-document-type span,
  .result-comment-display-container .section-pagesize ul li,
  .result-comment-display-container .section-recent-relevant ul li {
    padding: 5px 18px 5px 5px;
  }

  .result-comment-display-container .result-display-type .section-pagesize .arrow-down,
  .result-comment-display-container .result-display-type .section-recent-relevant .arrow-down,
  .result-comment-display-container .section-document-type .arrow-down {
    right: 8px;
    top: 8px;
  }

  .result-comment-display-container .result-display-type .section-pagesize span,
  .result-comment-display-container .result-display-type .section-pagesize ul {
    width: 40px;
  }

  .recent-search .content,
  .search-results .content {
    padding: 15px 8% 20px 4.2%;
  }

  .search-results .content .floating-actions {
    right: 2%;
  }

  .cookie-policy,
  .cookie-settings {
    padding: 0 30px;
  }

  section.cookie-settings-info {
    margin-bottom: 40px;
    width: 100%;
  }

  .cookie-inner-wrapper {
    width: 800px;
    padding: 100px 80px 93px;
  }
}

input[type=number]:focus,
input[type=text]:focus,
textarea:focus {
  font-size: 1rem!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input:focus,
  select:focus,
  textarea:focus {
    font-size: 1rem!important;
  }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) {
  .pinboard-category section.drag {
    display: none;
  }

  .pinboard-category>section {
    margin: 0 0 0 10px;
  }

  .result-comment-display-container {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .result-comment-display-container .result-display-type {
    display: none;
  }

  .desktop-ipad {
    display: none;
  }

  .mobile-only {
    display: inline-block;
  }

  .tab-nav-group.mobile-only {
    display: block;
  }

  .search-refine-list .search-refine-item .refineitem {
    display: inline-block;
  }
}

@media only screen and (max-width:767px) {
  .pinboard-category section.drag {
    display: none;
  }

  .pinboard-category>section {
    margin: 0 0 0 10px;
  }

  .cookie-inner-wrapper {
    width: 100%;
    height: 643px;
    padding: 50px;
  }

  .viewasdocument .left-sidebar .atlas-icon.next.left-doc svg {
    margin-right: 6px;
  }

  .viewasdocument .left-sidebar .atlas-icon.next.left-doc svg,
  .viewasdocument .nav.nav-stacked li .atlas-icon.expcol svg {
    fill: #fff;
    height: 18px;
    width: 18px;
  }

  .left-sidebar .attachments-tabcont,
  .left-sidebar .document-info,
  .left-sidebar .overview {
    background: #1a1a24;
    color: #fff;
  }

  section#documentmetadata a:active,
  section#documentmetadata a:focus {
    color: #646464;
  }

  .left-sidebar .attach-docs a,
  .left-sidebar .attachments-tabcont .attach-docs a,
  section#documentmetadata * {
    color: #fff;
  }

  .bs-docs-sidebar .nav>li ul li a,
  .bs-docs-sidebar .nav>li>a {
    color: #fff;
  }

  .left-sidebar ul li {
    border-top: 1px solid #fff;
  }

  .left-sidebar ul li.childelement {
    border-top: 0;
  }

  .left-sidebar header section h4 {
    width: 75%;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .left-sidebar .bs-docs-sidebar li.expanded>.expcol .minus.desktop-ipad {
    display: none;
  }

  .result-comment-display-container {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .result-comment-display-container .result-display-type {
    display: none;
  }

  .mobile-only {
    display: inline-block;
  }

  .tab-nav-group.mobile-only {
    display: block;
  }

  .search-refine-list .search-refine-item .refineitem {
    display: inline-block;
  }

  .document-view-page .document .content {
    width: 100%;
  }

  .document-view-page .document-only-breadcrumb-container {
    left: 0;
    display: block;
  }

  .document-view-page .document-only-breadcrumb-container.no-space {
    left: 0;
    padding: 0 35px 4px 35px;
  }

  .document-view-page .documentcontent {
    padding-right: 60px;
  }

  .content .floating-actions {
    right: 30px;
    left: auto;
  }

  .document-view-page .document.view-Desk .leftarrowdoc,
  .document-view-page .document.view-Desk-lt .leftarrowdoc {
    left: 5px;
  }

  .document-view-page .document.view-Desk .rightarrowdoc,
  .document-view-page .document.view-Desk-lt .rightarrowdoc {
    right: 5px;
  }

  .left-sidebar header {
    background: #fff;
    color: #333;
  }

  .tab-nav-group a.nav-tab.active {
    background-color: #1a1a24;
    border-bottom: 0;
  }

  .right-sidebar .tab-nav-group a.nav-tab.active {
    background-color: #f0f0f0;
  }

  .tab-nav-group a.nav-tab.active svg {
    fill: #fff;
  }

  .right-sidebar .tab-nav-group a.nav-tab.active svg {
    fill: #333;
  }

  .left-sidebar .attachments-tabcont .attach-docs button,
  .left-sidebar .attachments-tabcont .attach-docs:hover button {
    visibility: hidden;
  }

  .tab-nav-group a.nav-tab.active:first-child {
    border-left: 0;
  }

  .block-ele.red>h5,
  .modal-drawer .block-ele.red>h5,
  .pinboard .block-ele.red>h5 {
    font-size: 1rem;
  }

  .block-ele.red {
    min-width: 290px;
  }

  .pre-search-layout {
    padding: 15px;
  }

  .pre-gam-tabs-container {
    padding: 0;
  }

  .pre-gam-tabs {
    width: 49%;
    padding: 5px 10px;
    border-right: none;
  }

  .pre-topic-results-item {
    width: 46%;
    margin-right: 10px;
  }

  section.pre-all-results {
    padding: 20px 15px;
  }

  .pre-doc-left-layout {
    display: none;
  }

  .pre-doc-right-layout {
    left: 0;
    padding: 20px;
  }

  .pre-breadcrumb .pre-item-title {
    display: none;
  }

  .pre-carousel {
    height: 200px;
  }

  .pre-tabs {
    display: none;
  }

  .pre-whatsNew .pre-item-container:last-child,
  .pre-whatsNew .pre-item-container:nth-child(2) .pre-item-desc {
    display: none;
  }

  .pre-whatsNew {
    padding: 15px;
  }

  .pre-whatsNew .pre-item-date {
    width: 60%;
    height: 30px;
  }

  .pre-whatsNew .pre-item-title {
    width: 80%;
    height: 30px;
  }

  .pre-whatsNew .pre-item-container {
    width: 100%;
  }

  .pre-rapannel {
    display: none;
  }

  .pre-left-layout {
    width: 100%;
    padding: 20px;
  }

  .pre-browse-view .pre-search-title {
    width: 80%;
    margin: 0 auto;
    height: 80px;
  }

  .pre-browse-view .pre-links {
    display: none;
  }

  .pre-browse-view .pre-node {
    height: 30px;
  }

  .pre-search-layout .divider.mobile-only {
    display: block;
    border-top: 1px solid #bec1c7;
    margin: 10px 0;
  }

  section.pre-topic-results {
    margin-top: 10px;
  }

  .pre-topic-results-item .pre-item-date {
    height: 20px;
    width: 50%;
  }

  .pre-topic-results-item .pre-node {
    height: 50px;
  }
}

@media only screen and (max-width:420px) {
  .content .floating-actions {
    right: 30px;
    left: auto;
  }

  #preview-container .main-content .block-ele.red[data-tag=internal]>h5,
  .content .main-content .block-ele.red[data-tag=internal]>h5,
  .print-content .main-content .block-ele.red[data-tag=internal]>h5,
  .print-content .maincontent .red>h5 {
    top: -14px;
  }

  .cookie-buttons button:last-child {
    margin: 10px 0;
  }
}

@media only screen and (max-width :560px) {
  .cookie-inner-wrapper {
    margin-top: -180px;
  }

  section.scroll-cookie {
    max-height: 160px;
    margin-bottom: 10px;
  }

  .EY-cookie-logo {
    height: 50px;
    width: 65px;
  }

  .cookie-text h5 {
    margin: 10px 0;
  }

  .cookie-text p {
    font-size: 11px;
    line-height: 15px;
  }

  .cookie-buttons button {
    font-size: 12px;
    line-height: 20px;
    min-width: 200px;
    height: 40px;
  }
}

@media only screen and (min-width:737px) and (max-width:1024px) {
  body.preview-mode {
    padding-top: 80px;
  }

  .welcome-init-container .loader-container {
    top: 200%;
  }

  .progressarea,
  .request-in-progress .progressarea {
    right: 47%;
  }

  .loader-container .loader-wrapper span {
    width: 7.5px;
    height: 7.5px;
    animation: loading-dot-ipad 2s ease-in-out infinite;
  }

  nav.global div.top-nav,
  nav.global div.top-nav section {
    display: none;
  }

  .content .gamnav.margin-right {
    left: 0;
  }

  .channel-menu .btn.default {
    position: absolute;
    margin: 50px 0;
    bottom: 0;
    left: 15px;
  }

  .channel-menu {
    height: 100vh;
    padding: 10px 10px 120px 10px;
    overflow-y: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }

  .channel-map .map {
    width: 100%!important;
  }

  .channel-menu aside ul.country-list {
    height: 114px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .channel-menu aside ul::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .channel-menu aside ul::-webkit-scrollbar:vertical {
    width: 16px;
  }

  .channel-menu aside ul::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
    border-radius: 6px;
    border: 2px solid #fff;
  }

  .channel-menu aside ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
  }

  .channel-menu .recent-countries .cntry-drpbox li a {
    color: #fff;
    display: block;
  }

  .channel-menu .recent-countries .cntry-drpbox.dropdown-menu {
    background-color: #24282d;
    position: absolute;
    top: 100%;
  }

  .channel-menu aside input.countryFilter {
    margin-top: 10px;
  }

  .channel-menu .recent-countries .btn-select {
    background-color: #24282d;
    border-radius: .3em;
    color: #fff;
  }

  .channel-menu .btn {
    padding: 6px 8px;
    display: block;
  }

  .channel-menu .recent-countries .dropdown-toggle {
    display: inline-block;
  }

  .channel-menu .recent-countries .open>.dropdown-menu {
    display: block;
  }

  .channel-menu .recent-countries .dropdown-menu {
    padding: 5px 10px;
    top: 41%;
  }

  .channel-menu .recent-countries .cntry-drpbox li a {
    color: #fff;
    display: block;
  }

  .channel-menu .recent-countries .dropdown-menu li span {
    display: none;
  }

  .channel-menu .btn-group .dropdown-menu {
    width: 100%;
    background-color: #24282d;
    color: #fff;
  }

  .channel-menu .dropdown-menu li a,
  .channel-menu .lblwhite {
    color: #fff;
    margin: 10px 0;
  }

  .channel-menu .dropdown-menu li a:hover {
    background-color: #6f827d;
  }

  .channel-menu .recent-countries .cntry-drpbox.dropdown-menu {
    position: absolute;
    top: 90%;
    margin: 2px 0 0;
    padding: 5px 0;
    background-color: #24282d;
    display: none;
  }

  .channel-menu .recent-countries.open .cntry-drpbox.dropdown-menu {
    display: block;
  }

  .recent-countries .cntry-drpbox.dropdown-menu li a {
    padding: 3px 20px;
  }

  .channel-menu .recent-countries .cntry-drpbox li a:active,
  .channel-menu .recent-countries .cntry-drpbox li a:focus,
  .channel-menu .recent-countries .cntry-drpbox li a:hover {
    color: #fff;
    background-color: #6f827d;
    text-decoration: none;
  }

  .recent-countries .dropdown-menu.cntry-drpbox li a {
    padding: 3px 20px;
  }

  .grids {
    padding: 30px 2.3% 0 2.5%;
  }

  .grids .grid {
    width: 49%;
  }

  .treeview .child-element li div.treeview-node>span.glyphicon-arrow-right,
  .treeview .parent-element>span.glyphicon-arrow-right {
    display: block;
  }

  .treeview .sec-treeview-actions {
    position: absolute;
    display: none;
    margin: 15px 0 0 0;
  }

  .treeview .branch-actions {
    background: url("../images/doc-con-actions-arrow.png") no-repeat 2px 2px;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-decoration: none;
  }

  .treeview .child-element .haschildren .focus,
  .treeview .parent-element .focus {
    display: block;
  }

  .document-view-page .collapsed-breadcrumb .doc-selection-actions {
    width: 100%;
  }

  .document-view-page .no-space .collapsed-breadcrumb .doc-selection-actions {
    width: 88%;
  }

  .document .content .document .wdth-resize.content {
    width: 65%;
  }

  .gam-btn-group {
    padding: 0 5px 8px;
  }

  .doc-gam-footer {
    height: auto;
    min-height: 60px;
    display: block;
  }

  .doc-gam-footer .gam-options {
    display: block;
  }

  .doc-gam-footer .gam-btn-group,
  .doc-gam-footer .togglebtn {
    white-space: nowrap;
  }

  .doc-gam-footer .gam-btn-group .btn {
    min-width: 150px;
    width: auto;
    padding: 6px 22px 6px 12px;
  }

  .doc-gam-footer .toggle-spotlight,
  .doc-gam-footer .toggle-spotlight:hover,
  .doc-gam-footer .togglebtn.spotlight-gam,
  .doc-gam-footer .togglebtn.spotlight-gam:hover {
    display: inline-block;
    margin: 10px 0 0;
  }

  .doc-gam-footer .togglebtn label {
    white-space: pre-wrap;
  }

  .header-gam-bar {
    border: 1px solid #bec1c7;
    border-top-style: none;
  }

  .doc-gam {
    width: 100%;
  }

  .doc-gam .gam-btn-group {
    border: 1px solid #bec1c7;
    margin-left: 6px;
    width: 18%;
  }

  .doc-gam .gam-btn-group .gam-layers-options {
    padding: 0 4px;
  }

  .doc-gam .gam-btn-group .gam-layers-options,
  .doc-gam .gam-options .gam-layers-options {
    white-space: nowrap;
  }

  .doc-gam .gam-btn-group .gam-layers-options:last-child {
    border-right-style: none;
  }

  .doc-gam .gam-btn-group .btn,
  .doc-gam .togglebtn label {
    font-size: 10.5px;
  }

  .doc-gam .gam-btn-group .btn {
    padding: 6px 0 6px 6px;
  }

  .doc-gam .togglebtn label {
    margin: 0 0 4px 4px;
  }

  .doc-gam .gam-options {
    width: 50%;
    vertical-align: middle;
    padding: 5px 0;
    white-space: normal;
  }

  .doc-gam .gam-options .gam-layers-options {
    width: 48%;
    display: inline-block;
    text-align: left;
  }

  .preview-mode .doc-gam .gam-options .gam-layers-options {
    width: 50%;
    margin: 0;
  }

  .doc-gam .gam-options .gam-layers-options:last-child,
  .doc-gam .gam-options .gam-layers-options:nth-child(2) {
    border-right-style: none;
  }

  .doc-gam .togglebtn {
    padding: 0 0 0 5px;
  }

  .doc-gam .gam-btn-group .atlas-icon,
  .doc-gam .gam-options .atlas-icon {
    margin: -3px 1px 0 -2px;
  }

  .header-gam-bar .toggle-gam,
  .header-gam-bar .toggle-gam:hover {
    padding: 7px 12px;
    margin: 0 -1px -1px 2px;
    font-size: 12px;
  }

  .content .floating-actions {
    bottom: 20%;
    margin-left: 0;
  }

  .docexplorer .tree ul.list-unstyled {
    height: 60vH;
  }

  .docexplorer .grids.tree ul li.leaf .link a:last-of-type {
    max-width: 85%;
  }

  .docexplorer .grids.tree ul li.node>a>span.collection-doc+span.title,
  .docexplorer .grids.tree ul li.node>a>span.title {
    max-width: 70%;
  }

  .floating-actions .fab-circle .atlas-icon:hover svg,
  .floating-actions .fab-circle button:hover .atlas-icon svg {
    fill: #333;
  }

  .channel-map {
    width: 54%;
    margin: 0 0 0 5%;
  }

  .channel-menu aside {
    width: 33%;
  }

  .channel-menu aside.channel-right {
    margin: -1.9% 0 16px 0;
  }

  .channel-menu .btn.default {
    position: absolute;
    margin-bottom: 54px;
  }

  .channel-menu aside ul.country-list {
    height: 114px;
    margin-bottom: 90px;
  }

  .channel-menu .recentcntry,
  .hideText {
    display: none;
  }

  .channel-menu aside input.countryFilter {
    margin: 7px 0 0 0;
  }

  .channel-menu .recent-countries .btn {
    padding: 6px 8px;
    display: block;
  }

  .channel-menu .recent-countries .btn-select {
    background-color: #24282d;
    border-radius: .3em;
    color: #fff;
    padding: 8px 24px;
  }

  .channel-menu .recent-countries .dropdown-toggle.btn {
    display: inline-block;
  }

  .channel-menu .recent-countries .dropdown-toggle.btn {
    padding-left: 8px;
    padding-right: 8px;
  }

  .channel-menu .recent-countries .open>.dropdown-menu {
    display: block;
  }

  .channel-menu .recent-countries .dropdown-menu {
    padding: 5px 10px;
    margin: -43px 0;
  }

  .channel-menu .recent-countries .dropdown-menu li span {
    display: none;
  }

  .search-results .left-sidebar .side-wrapper {
    padding-bottom: 125px;
  }

  .recent-search .content,
  .search-results .content {
    height: 100%;
    display: block;
    overflow-y: visible;
  }

  .search-results .content>section {
    overflow-y: visible;
  }

  .recent-search .result .search-txt {
    width: 55%;
  }

  .recent-search .result .date {
    width: 43%;
  }

  .search-results .topic-results {
    width: 104%;
    margin: 0 0 0 -15px;
  }

  .search-results .result .search-link button {
    display: inline-block!important;
  }

  .search-results .result .search-link button.search-trigger {
    display: none!important;
  }

  .search-results .tab-pane.refine-results .nav-tabs>li>a {
    padding: 8px 15px 7px;
  }

  .search-results section.print-sidebar h3 {
    line-height: normal;
  }

  .tab-pane.refine-results .tab-content>.tab-pane {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .tab-pane.refine-results .tab-content>.tab-pane::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }

  .tab-pane.refine-results .tab-content>.tab-pane::-webkit-scrollbar-thumb {
    background-color: silver;
  }

  .global .nav-section .tt-dropdown-menu {
    width: 92%;
  }

  section.content .search-item .time {
    width: 100%;
    display: block;
    text-align: left;
  }

  .tab-pane.refine-results .selected-refiners-container .refiner,
  .tab-pane.refine-results .tab-content>.tab-pane .refiner {
    width: 46%;
  }

  .print-content .maincontent .footer p span {
    width: 32%;
  }

  .gamnav .gam-overlay {
    width: 85%;
    left: 7%;
  }

  .document-view-page .gamnav .gam-footer {
    background: 0 0;
    padding: 0;
    justify-content: normal;
  }

  .gamnav .gam-footer {
    padding: 12px 60px 10px;
  }

  nav.global>section.nav-section {
    padding: 0 0 0 3%;
  }

  .annotation-summary {
    padding: 0 4% 0 3.5%;
  }

  nav.global>section a.browse,
  nav.global>section a.channel {
    padding: 16px 10px 0;
  }

  nav.global .channel {
    max-width: 210px;
  }

  .global .nav-section .search-panel input {
    width: 92%;
  }

  .global .nav-section .search-panel .clear-search {
    display: inline-block;
  }

  .submenu section a {
    padding: 0 0 0 1.95%;
  }

  nav.global section ul.drop-down-menu {
    margin: 0;
    width: 50%;
    height: 100vh;
  }

  .breadcrumb .crumbs {
    width: 87%;
  }

  .breadcrumb .crumbs-bar {
    display: none;
  }

  .breadcrumb section {
    padding: 0 3%;
  }

  .pinboard .msg {
    padding: 10px 3.5%;
  }

  .history-main .msg {
    width: 80%;
  }

  .history-main .clear-all {
    width: 10%;
  }

  .history-main article section h3 span.history-channel {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
  }

  .pinboard-actions a {
    padding: 15px 16px;
  }

  .pinboardpage .pin-select-all {
    width: 18%;
  }

  .pinboardpage .pin-expcol-all {
    width: 33%;
  }

  .pinboardpage .pin-buttons {
    width: 45%;
  }

  .pinboardpage .pin-buttons a {
    padding: 15px 8px;
    margin: 0 1px;
  }

  .global_history_pinboard .pin-tab-date a.export-option,
  .pinboardpage .pin-buttons a.export-option {
    display: none;
  }

  .pageContent .pinboard .selected-pins {
    margin: 80px 0 0 0;
    width: 25%;
    right: 7%;
  }

  .pinboard-category .pin-item-box {
    width: 88%;
  }

  .pinboard-category .pin-item-check {
    margin-left: 40px;
  }

  .pinboard-category.pinboard-select section.drag::before {
    width: 16px;
    height: 41px;
    margin-top: -3px;
    margin-left: 13px;
  }

  .pinboard-category .pin-item-box .btn-pin-action {
    color: #44494f;
  }

  .global_history_pinboard .pinboard-category .pin-title {
    margin-top: -5px;
  }

  .global_history_pinboard .pinboard-actions a.export-option,
  .pinboard-category .pin-item-box .btn-pin-action.export-option {
    display: none;
  }

  .pinboard-category .pin-date-desktop {
    display: none;
  }

  .pinboard-category .pin-date-ipad {
    display: inline-block;
    width: 38%;
  }

  .pinboard-category .pin-title.clearfix {
    display: inline-block;
    width: 60%;
  }

  .pinboard-category article p {
    width: 93%;
  }

  .pinboard-category article>section.expand-notes.expanded {
    width: 84%;
  }

  .pinboard-category article>section {
    width: 89.5%;
  }

  .Browse,
  .BrowseCE,
  .Doc,
  .DocCE,
  .History,
  .HistoryCE,
  .Home,
  .HomeCE,
  .Pinboard,
  .PinboardCE,
  .Search,
  .SearchCE {
    padding-top: 120%;
  }

  .Home {
    background-image: url("../../img/homepg-ipad.jpg");
  }

  .Browse {
    background-image: url("../../img/browse-ipad.gif");
  }

  .Doc {
    background-image: url("../../img/docview-ipad.gif");
  }

  .Search {
    background-image: url("../../img/search-ipad.gif");
  }

  .Pinboard {
    background-image: url("../../img/pinboard-ipad.gif");
  }

  .History {
    background-image: url("../../img/history-ipad.gif");
  }

  .HomeCE {
    background-image: url("../../img/CE-homepg-ipad.jpg");
  }

  .BrowseCE {
    background-image: url("../../img/CE-browse-ipad.gif");
  }

  .DocCE {
    background-image: url("../../img/CE-docview-ipad.gif");
  }

  .SearchCE {
    background-image: url("../../img/CE-search-ipad.gif");
  }

  .PinboardCE {
    background-image: url("../../img/CE-pinboard-ipad.gif");
  }

  .HistoryCE {
    background-image: url("../../img/CE-history-ipad.gif");
  }

  section.preview section {
    margin: 0 0 0 50%;
    margin: 0 0 0 73%;
  }

  .homepage {
    padding: 30px 1% 0 2.5%;
  }

  .home-slide {
    background-size: 140% 100%!important;
  }

  .home-slide.home-slide3 {
    background-position-x: 30%;
  }

  .homepage .carousel-caption {
    left: 52%;
  }

  .homepage .browse.col-md-6 {
    height: 210px;
  }

  .browse.col-md-6 header {
    margin: 2% 0;
  }

  .homepage .browse.col-md-6 header .browse-category {
    max-width: 250px;
    width: 220px;
    bottom: -22px;
  }

  .homepage .browse.col-md-6 header a {
    margin-left: 6px;
    display: inline-block;
    width: 100%;
  }

  .browse.col-md-6 header .atlas-icon {
    width: 80%;
    height: 40%;
  }

  .browse.col-md-6 header h5 {
    font-size: 16px;
  }

  .homepage .col1 {
    width: 64%;
    padding: 0 30px 0 0;
  }

  .homepage .col2 {
    width: 35%;
    padding: 0 15px 0 0;
  }

  .cell .doc-link .title-wrapper {
    width: 88%;
  }

  .cell .doc-link .title-wrapper .title {
    width: 72%;
  }

  .leaf .doc-link a.title-wrapper .title {
    width: 80%;
  }

  .document-view-page .viewasdocument .gam-nav-container {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }

  .add-annotation .annotation-icon-action {
    display: none;
  }

  .add-annotation .annotation-btns,
  .add-annotation .well .add-annotation-link,
  .add-annotation .well .doc-selection-actions-colors {
    display: none;
  }

  .slideout-box .slideout-icons {
    display: none;
  }

  .transform-active {
    position: absolute;
    right: 37px;
    bottom: 7px;
  }

  .slideout-box .search-box #slideout-input-clear {
    position: absolute;
    cursor: pointer;
    width: 15px;
  }

  .transform-active__search {
    right: 280px!important;
  }

  .slideout-box .search-box .input-search {
    position: absolute;
  }

  .eachannotation .annotation-comment .annotation-copy,
  .eachannotation .iconsandexpiredate button,
  .eachannotation button {
    display: none!important;
  }

  .No-comment {
    display: none!important;
  }

  .eachannotation .iconsandexpiredate button svg,
  .eachannotation button svg,
  .slideout-box .slideout-icons span svg {
    fill: #C0C0C0;
  }
}

@media only screen and (min-width:737px) {
  .home-slide {
    width: 100%;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    background-size: cover!important;
    background-position-x: 70%;
    padding-top: 300px;
  }

  .home-slide1 {
    background-image: url("../../img/TopBanner1-desktop.jpg");
  }

  .home-slide2 {
    background-image: url("../../img/TopBanner2-desktop.jpg");
  }

  .home-slide3 {
    background-image: url("../../img/TopBanner3-desktop.jpg");
  }

  .home-slide4 {
    background-image: url("../../img/TopBanner4-desktop.jpg");
  }

  .homepage .channel-bar,
  .homepage .channel-bar-NoWelcomeMsg,
  .homepage .channel-bar-mobile {
    display: none;
  }

  .global section ul.drop-down-menu li .filter,
  .global section ul.drop-down-menu li.adavance-search {
    display: none;
    border-bottom: none!important;
    border-bottom-style: none!important;
  }

  .global section .hamburger-backdrop {
    background-color: #000;
    opacity: .5;
    z-index: 100;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 50px;
  }

  .homepage .home-tabs {
    background-color: #24282d;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 50px;
    display: block;
  }

  .home-tabs .nav-tabs {
    border-bottom-style: none;
    display: inline-block;
  }

  .home-tabs .nav-tabs li {
    background-color: transparent;
    border-top: 5px solid #24282d;
    height: 50px;
  }

  .home-tabs .nav-tabs li.active {
    background-color: #f4f4f4;
    border-top: 5px solid #fdd108;
    height: 50px;
  }

  .home-tabs .nav-tabs li a,
  .home-tabs .nav-tabs li a:hover {
    color: #fff;
    width: auto;
    text-align: center;
    padding: 10px 20px;
    border-style: none;
    background-color: transparent;
  }

  .home-tabs .nav-tabs li.active a,
  .home-tabs .nav-tabs li.active a:hover {
    color: #333;
    width: auto;
    text-align: center;
    padding: 10px 20px;
    border-style: none;
    background-color: transparent;
  }

  .home-tabs .ddlQuickLinks {
    float: right;
    position: relative;
  }

  .homepage .home-tab-content h1 {
    display: none;
  }

  .ddlQuickLinks .dropdown-toggle.btn-default,
  .ddlQuickLinks.open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #81858b;
    padding: 10px 15px;
    border-radius: 0;
  }

  .ddlQuickLinks .dropdown-toggle.btn-default .atlas-icon {
    vertical-align: middle;
    margin-left: 5px;
  }

  .ddlQuickLinks .dropdown-toggle.btn-default .atlas-icon svg {
    fill: #fff;
  }

  .ddlQuickLinks.open>.dropdown-menu {
    top: inherit;
    right: 0;
    background-color: #24282d;
    border-radius: 0;
    border-style: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    min-width: 250px;
    max-height: 368px;
    overflow-y: auto;
  }

  .ddlQuickLinks.open>.dropdown-menu::-webkit-scrollbar {
    width: 10px;
  }

  .ddlQuickLinks.open>.dropdown-menu::-webkit-scrollbar-thumb {
    background: #bec1c7;
    border-radius: 20px;
  }

  .ddlQuickLinks.open>.dropdown-menu::-webkit-scrollbar-track {
    background: #f4f4f4;
  }

  .ddlQuickLinks.open>.dropdown-menu .portlets {
    margin: 0;
  }

  .homepage .quicklinks_wrapper a {
    display: list-item;
    list-style-type: none;
    color: #fff;
    padding: 8px 15px;
    border-bottom: 1px solid #44494f;
  }

  .homepage .quicklinks_wrapper a:hover {
    background-color: #000;
    text-decoration: none;
  }

  .homepage .quicklinks_wrapper a.disabled {
    pointer-events: none;
    cursor: default;
    color: #81858b;
  }

  .whatsnew-modal .modal-dialog {
    margin: 10% auto 0;
    width: 60%;
    height: 60%;
    padding: 0;
  }

  .whatsnew-modal .modal-content {
    border-radius: 0;
    border-style: none;
    height: 100%;
    box-shadow: 0 5px 10px;
  }

  .whatsnew-modal .modal-content .modal-body {
    display: block;
    height: 87%;
    margin: 10px 0;
    overflow-y: auto;
  }

  .whatsnew-modal .info-modal .modal-header {
    background-color: #fff;
    border-bottom-style: none;
    padding: 0;
    height: 10%;
  }

  .whatsnew-modal .desktop-modal-header {
    background-color: #fff;
    padding: 12px 12px 0;
    border-top: 4px solid #fdd108;
    text-align: right;
    border-radius: 0;
    display: block;
  }

  .homepage footer.home-footer {
    display: none;
  }

  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .carousel-inner {
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .homepage .carousel-inner {
    max-width: 1920px;
  }

  .carousel .item {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    top: 0;
  }

  .carousel-left,
  .carousel-right {
    left: 70%;
    display: inline-block;
  }

  .carousel-right {
    right: 40%;
    left: auto;
  }

  .Browse,
  .BrowseCE,
  .Doc,
  .DocCE,
  .History,
  .HistoryCE,
  .Home,
  .HomeCE,
  .Pinboard,
  .PinboardCE,
  .Search,
  .SearchCE {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    background-size: contain;
    background-position: center;
    margin-left: -1px;
  }

  .carousel .item .help-close {
    right: 0;
    width: 50px;
    height: 45px;
  }

  .history-channel {
    margin-bottom: 20px;
  }

  nav.global .nav-section.pinboard-notification {
    display: none;
  }

  .channel-menu {
    padding: 0;
  }

  .channel-menu aside.channel-left {
    width: auto;
    display: block;
    background-color: #333;
    margin: 0 5% 2% 4%;
    float: none;
    text-align: center;
    border-radius: 5px;
    padding: 15px 25px 10px;
  }

  .channel-menu aside.channel-left div {
    margin: 0;
    text-align: center;
  }

  .channel-menu ul.active-channel,
  .channel-menu ul.channel-dropdowns {
    display: inline-block;
    min-width: 85%;
    width: 100%;
    margin: 0 auto;
    height: auto;
    vertical-align: top;
  }

  .channel-menu ul.active-channel li,
  .channel-menu ul.channel-dropdowns li {
    display: inline-block;
    width: 22%;
    text-align: center;
    vertical-align: top;
    padding: 0 25px;
    margin: 0 auto 5px;
  }

  .channel-menu ul.active-channel li {
    border-right: 1px solid #666;
  }

  .channel-menu ul.active-channel li:last-child,
  .channel-menu ul.active-channel li:nth-last-child(2) {
    border-right-style: none;
    text-align: left;
    width: 25%;
  }

  .channel-menu ul.active-channel li ul li {
    border-style: none;
  }

  .channel-menu .btn-group .btn-select {
    display: block;
  }

  .channel-menu .btn-group .dropdown-menu,
  .channel-menu .btn-group .dropdown-toggle {
    background-color: #333;
    padding: 4px 8px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    min-width: 140px;
    width: 160px;
    max-width: 180px;
  }

  .channel-menu .recent-countries .dropdown-menu.cntry-drpbox,
  .channel-menu .recent-countries .dropdown-toggle.btn {
    width: 160px;
    min-width: 150px;
    max-width: 180px;
  }

  .channel-menu .btn-group .dropdown-toggle span:first-child,
  .channel-menu .recent-countries .dropdown-toggle.btn span:first-child {
    width: 75%;
    position: absolute;
    top: 2px;
    left: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }

  .channel-menu .btn-group .dropdown-menu {
    top: 26px;
  }

  channel-menu .recent-countries .btn-select {
    background-color: #24282d;
    border-radius: .3em;
    color: #fff;
  }

  .channel-menu .recent-countries .cntry-drpbox li a {
    color: #fff;
  }

  .channel-menu .language li a,
  .channel-menu .lblwhite {
    display: block;
    margin: 0;
    padding: 0 0 8px 0;
  }

  .channel-menu .btn-group {
    display: block;
  }

  .channel-menu ul.active-channel li section,
  .channel-menu ul.channel-dropdowns li section {
    display: block;
    text-align: left;
    margin: 0;
    font-weight: 700;
  }

  .channel-menu ul.active-channel li section {
    margin: 10px 0;
  }

  .channel-menu aside.channel-left ul.dropdown-menu li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }

  .channel-menu aside.channel-left ul.dropdown-menu li a {
    white-space: pre-wrap;
    padding: 4px 8px;
    margin: 0;
    width: 100%;
  }

  .channel-menu aside.channel-left ul.dropdown-menu li a:hover {
    color: #fe9;
    background-color: transparent;
  }

  .channel-menu .recentcntry,
  .channel-menu aside a {
    display: block;
  }

  .channel-menu .recent-countries {
    display: inline-block;
    width: 100%;
  }

  .channel-menu .btn-group .dropdown-menu,
  .channel-menu .recent-countries .dropdown-menu.cntry-drpbox {
    box-shadow: none;
  }

  .channel-map {
    width: 60%;
  }

  .channel-map .map {
    margin: 0;
  }

  .channel-menu aside.channel-right {
    width: 28%;
    display: inline-block;
  }

  .channel-menu aside .change-country {
    display: none;
  }

  .channel-menu aside label {
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
  }

  .channel-menu aside input.countryFilter {
    background-color: #fff;
    border-style: none;
    color: #333;
  }

  .channel-menu aside ul.country-list {
    height: 165px;
    margin-bottom: 10px;
  }

  .channel-menu aside .country-list-btn {
    border-top: 1px solid #555;
    padding-top: 10px;
    white-space: nowrap;
  }

  .channel-menu aside .country-list-btn .btn {
    min-width: 45%;
    width: auto;
    margin: 0 1%;
    left: auto;
    position: relative;
    display: inline-block;
  }

  .search-results .left-sidebar {
    display: none;
  }

  .toggle-digital {
    border-right: 1px solid #999;
  }

  nav.global div.top-nav a.selected {
    color: #656579!important;
    border-bottom: 4px solid #ffee58;
  }
}

@media only screen and (min-width:736px) {
  .pinboard-actions .dropdown-menu.more-actions .deselect-all,
  .pinboard-actions .dropdown-menu.more-actions .select-all {
    display: none;
  }

  .ddHistory .atlas-icon {
    height: 19px;
    width: 19px;
  }

  #preview-container>div {
    position: relative;
  }

  .preview-drawer {
    right: 0;
    width: 630px;
  }
}

@media only screen and (max-width:1024px) and (min-width:737px) {
  .homepage .col2 {
    width: 35%;
    padding: 0 15px 0 0;
  }

  .homepage .col1 {
    width: 64%;
    padding: 0 30px 0 0;
  }

  .homepage {
    padding: 0;
  }

  nav.global div.top-nav a {
    max-width: 18px;
    overflow-x: hidden;
    margin: 5px 7px 0 5px;
  }

  .global .nav-section .search-panel {
    width: 35%!important;
    margin: 0 -25px 0 50px;
  }

  nav.global .hbnav {
    width: 50%;
    margin: 0;
  }

  .breadcrumb .left-pane-close,
  .breadcrumb .left-pane-open {
    margin: 130px 0 0 0;
  }

  .submenu {
    position: absolute;
    height: auto;
    z-index: 10;
    width: auto;
  }

  .submenu section {
    margin: 20px 0 0;
  }

  .submenu section a {
    display: block;
    text-align: left;
    padding: 0 25px 20px 25px;
    font-size: 1em;
    font-weight: 400;
  }

  .submenu section section.browse-topic-pages {
    display: block;
    background-color: transparent;
    transition: none;
    margin: 0 0 0 25px;
    width: auto;
  }

  .submenu .atlas-icon {
    height: 18px;
    margin: -4px 10px 0 0;
  }

  .submenu>section>a:first-child {
    cursor: default;
  }

  .document .left-sidebar.paddingtop {
    padding-top: 0;
  }

  .submenu>section>a:first-child:hover {
    color: #fff;
  }

  .submenu>section>a:first-child:hover svg {
    fill: #fff;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  #topic-pages-holder #subNavItem {
    border-bottom: none;
    border-bottom-style: none;
    margin: 0;
    padding: 0;
  }

  #subNavItem .topicpage-collapse {
    display: none;
  }

  .welcome-message-container h4 {
    font-size: 1.2em;
  }

  .welcome-message-container section {
    padding: 0;
    width: auto;
  }

  .document.view-Desk .content,
  .document.view-Desk-rt .content,
  .vad-Desk .document .content,
  .vad-Desk-rt .document .content {
    width: 92%;
    margin: 0 auto;
  }

  .document.view-Desk .content .documentcontent,
  .document.view-Desk-rt .content .documentcontent {
    width: 100%;
    padding: 0;
  }

  .document-view-page .vad-Desk .vad-documentcontent .documentcontent {
    padding: 0;
  }

  .vad-Desk-lt-rt .gamnav,
  .vad-Desk-rt .gamnav {
    margin-right: 0;
  }

  .myatlas.col-md-6 .article-desc .tile-desc {
    height: 190px;
  }

  .Browse,
  .BrowseCE,
  .Doc,
  .DocCE,
  .History,
  .HistoryCE,
  .Home,
  .HomeCE,
  .Pinboard,
  .PinboardCE,
  .Search,
  .SearchCE {
    background-size: 94% 100%;
  }

  .no-space .clear-highlight svg.icon-highlight-noLine {
    width: 20px;
    height: 20px;
  }

  .no-space .btnClearHighlight .atlas-icon.clear-highlight {
    width: 100%;
    height: 100%;
  }

  .no-space .findInStateContainer .atlas-icon {
    position: relative;
  }

  .document-view-page .gam-nav-container>section.icons div {
    margin-right: 7px;
  }

  .document-view-page #flyoutLookout {
    left: -92px;
  }

  .document-view-page #flyoutLookout .up_arrow {
    left: 90px;
    top: -5px;
  }

  .no-space .gam-nav-container>section.icons {
    width: 100%;
  }

  .document-view-page #searchLookout {
    left: -100px;
  }

  .document-view-page #searchLookout .up_arrow {
    left: 100px;
  }

  .no-space #searchLookout {
    left: -100px;
  }

  #searchLookout .up_arrow {
    top: -5px;
  }

  .no-space #searchLookout .up_arrow {
    left: 100px;
    top: -5px;
  }

  .pre-topic-results {
    text-align: center;
  }

  .pre-topic-results-item {
    width: 45%;
  }
}

@media only screen and (min-width:890px) and (max-width:1024px) {
  .global .nav-section .search-panel .search-filter {
    right: 90px;
  }
}

@media only screen and (min-width:800px) and (max-width:889px) {
  .global .nav-section .search-panel .search-filter {
    right: 88px;
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  .settings .settings-header,
  .settings .upper-wrapper {
    margin: 0 25px;
  }

  .pinboard h1 {
    margin-left: 25px;
  }

  .history-title {
    margin-left: 10px;
    margin-bottom: 20px;
  }

  .history-main .msg {
    margin: 0 12px 12px;
  }

  .preview-mode section.preview section {
    margin-left: 50%;
  }

  .global .nav-section .search-panel .search-filter {
    right: 66px;
  }

  .global .nav-section .search-panel button {
    margin: 8px -10px 0 0;
  }

  .global .nav-section .search-panel input {
    padding-right: 55px;
  }

  .doc-gam>section {
    padding: 8px 0;
    white-space: normal;
  }

  .doc-gam .gam-btn-group,
  .preview-mode .doc-gam .gam-btn-group {
    width: 15%;
    margin: 0;
  }

  .doc-gam .gam-btn-group.toggle-digital,
  .preview-mode .doc-gam .gam-btn-group.toggle-digital {
    margin: 0 0 0 2px;
  }

  .preview-mode .view-desk .doc-gam .gam-btn-group {
    width: 20%;
  }

  .doc-gam .gam-options,
  .preview-mode .doc-gam .gam-options {
    width: 48%;
  }

  .doc-gam .gam-options .gam-layers-options {
    width: 50%;
    margin: 0;
  }

  .search-results-modal .modal-dialog {
    margin: 0;
  }

  .search-results-modal .modal-body .tab-content>.tab-pane {
    height: 527px;
  }

  .search-results-modal .modal-body .nav-tabs>li>a {
    padding-right: 5px;
  }

  .search-results-modal .modal .modal-dialog .modal-content {
    height: 70%;
  }

  .search-results-modal .recentsearch .search-item .search-term-flag {
    width: 75%;
  }

  .search-results-modal .define-search-scope-filters-wrapper {
    height: calc(100% - 71px);
  }

  .search-results-modal .define-search-scope-filter-top .define-search-scope-filter-links {
    vertical-align: top;
  }

  .search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-wrapper {
    padding: 15px;
    border-bottom: 1px solid #999;
    width: 100%;
    height: auto;
  }

  .tab-pane.refine-results .refiners-label {
    position: relative;
    width: 12%;
    padding: 0;
    margin: 0;
    border: none;
    text-transform: uppercase;
  }

  .search-results-modal .refiners-wrapper .dropdown-menu {
    width: 83.5%;
    top: auto;
    margin-left: 14%;
    padding: 5px 0;
    background-color: #44494f;
    color: #fff;
  }

  .search-results-modal .refiners-wrapper .dropdown-menu a {
    line-height: 1.32;
    padding: 6px 20px;
    color: #fff;
  }

  .search-results-modal .refiners-wrapper .dropdown-menu>.active>a {
    background-color: #000;
  }

  .tab-pane.refine-results .refiners-wrapper.disable-refiners {
    pointer-events: none;
    opacity: .5;
  }

  .search-results-modal .refiners-ipad-portrait.btn-select {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #999;
    width: 87%;
  }

  .search-results .modal-body .tab-content>.tab-pane.refine-results {
    margin-left: auto;
    padding: 0;
  }

  .tab-pane.refine-results .tab-content {
    height: calc(100% - 143px);
    width: 100%;
  }

  .search-results-modal .modal-body .tab-content>.tab-pane.refine-results .refiners-content-wrapper {
    width: 100%;
    height: auto;
  }

  .selected-refiners-container,
  .tab-pane.refine-results .tab-content .tab-pane {
    height: 337px;
  }

  .search-results .recentsearch .search-item .search-term-flag {
    width: 75%;
  }

  .tab-pane.refine-results .nav-tabs {
    display: none;
  }

  .search-results-modal .print-buttons {
    float: none;
    text-align: center;
    padding: 20px;
    display: block;
    height: 76px;
  }

  .search-results-modal .define-search-scope-filters .leaf .doc-link a.title-wrapper .title,
  .search-results-modal .define-search-scope-filters .title {
    width: 350px;
  }

  .pageContent .document:not(.viewasdocument) .nolayercontent {
    top: 375px;
  }

  .pageContent .document:not(.viewasdocument) .nolayercontent.noLayerAdjust {
    top: 300px;
  }

  .pageContent .document.view-Desk:not(.viewasdocument) .nolayercontent {
    top: 325px;
  }

  .pageContent .document.view-Desk:not(.viewasdocument) .nolayercontent.noLayerAdjust {
    top: 235px;
  }

  section.scroll-cookie {
    max-height: 295px;
  }

  .cookie-text p {
    font-size: 14px;
    line-height: 22px;
  }

  .orphan-defination-modal-outer {
    top: 0;
  }

  .annotation-slideout {
    z-index: 1100;
  }

  .desktop-only {
    display: none;
  }
}

@media only screen and (min-device-width:820px) and (max-device-width:1180px) and (orientation:landscape) {
  .annotation-slideout {
    z-index: 1100;
  }

  .desktop-only {
    display: none!important;
  }

  .eachannotation .commentBeforeEditBlock .annotation-comment,
  .eachannotation .iconsandexpiredate button,
  .eachannotation button {
    display: none;
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  .annotation-slideout {
    z-index: 1100;
  }

  .desktop-only {
    display: none!important;
  }

  .eachannotation .commentBeforeEditBlock .annotation-comment,
  .eachannotation .iconsandexpiredate button,
  .eachannotation button {
    display: none;
  }

  .preview-mode section.preview section {
    margin-left: 62.5%;
  }

  .global .nav-section .search-panel {
    width: 54%!important;
    margin: 0 -55px 0 42px;
  }

  .global .nav-section .search-panel button {
    margin: 8px -4px 0 0;
  }

  .global .nav-section .search-panel input {
    padding-right: 80px;
  }

  .search-results-modal .define-search-scope-filters .leaf .doc-link a.title-wrapper .title,
  .search-results-modal .define-search-scope-filters .title {
    width: 600px;
  }

  .doc-gam .gam-options,
  .preview-mode .doc-gam .gam-options {
    width: 48%;
    padding: 0 10px 0 15px;
  }
}

@media only screen and (max-width:1300px) {
  .gambar-container .gam-btn-group {
    width: 120px;
    padding-right: 5px;
  }

  .gambar-container a.togglebtn,
  .gambar-container a.togglebtn:active,
  .gambar-container a.togglebtn:hover {
    padding: 0 8px;
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .atlas-icon.next-prev {
    width: 18px;
  }

  .categorytree-filters {
    padding: 24px 0 10px 0;
  }

  .categorytree-filters .search-title {
    width: 275px;
    display: inline-block;
  }

  .categorytree-filters .no-match.search-title {
    width: 275px;
  }

  .categorytree-filters .search-title input {
    width: 110px;
  }

  #nextPreviousSection #totalMatchedText {
    margin-right: 2px;
  }

  .categorytree-filters .search-change-view {
    display: block;
    height: 25px;
  }

  .categorytree-filters .view-tabs {
    display: inline-block;
    float: right;
    width: 300px;
  }

  .atlas-icon.exportNode {
    display: none;
  }

  .gambar-container .gam-btn-group:first-child {
    width: 115px;
    padding-right: 0;
  }

  .gambar-container .gam-btn-group label.btn {
    font-size: 11px;
  }

  .gambar-container a.togglebtn,
  .gambar-container a.togglebtn:active,
  .gambar-container a.togglebtn:hover {
    padding: 0 7px;
    font-size: 11px;
    max-width: initial;
  }

  .gambar-container a.togglebtn .check {
    width: 13px;
    height: 13px;
  }

  .gambar-container a.togglebtn.selected .check svg.svgPointer {
    top: -3px;
  }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .global .nav-section .search-panel {
    width: 29%!important;
  }
}

@media only screen and (min-device-width:1025px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .global .nav-section .search-panel {
    width: 26%!important;
  }

  section.browseview-container.shrik {
    width: 100%;
  }

  .shrik .alphabetical-tags-container,
  .shrik .categorytree-filters,
  .shrik .phases-container .expand-collapse {
    width: 92%;
  }

  .categorytree-rightpanel.expanded {
    z-index: 1;
  }

  .alphabetical-tags {
    display: block;
    width: 100%;
  }

  .alphabetical-tags li {
    display: inline-block;
    width: calc(100% / 27);
  }

  .alphabetical-tags li button {
    padding: 0;
  }

  .gambar-container .gam-btn-group {
    width: 105px;
    padding-right: 0;
  }

  .gambar-container .gam-btn-group label.btn {
    font-size: 11px;
  }

  .gambar-container a.togglebtn,
  .gambar-container a.togglebtn:active,
  .gambar-container a.togglebtn:hover {
    padding: 0 7px;
    font-size: 11px;
    max-width: initial;
  }

  .gambar-container a.togglebtn .check {
    width: 16px;
    height: 16px;
  }
}

@media only screen and (max-width:1024px) {
  .result-comment-display-container .result-display-type {
    width: 570px;
  }

  .search-refine-list .search-refine-item .refineitem {
    display: table;
  }

  .document:not(.viewasdocument) .nolayercontent {
    display: table;
    width: 90%;
    padding: 0!important;
    margin: 0!important;
    z-index: 102;
    position: absolute;
    top: 325px;
    left: 20px;
  }

  .document:not(.viewasdocument) .nolayercontent.noLayerAdjust {
    top: 230px;
  }

  .document-view-page .document-only-breadcrumb-container {
    left: 340px;
  }

  .document-view-page .documentcontent {
    padding: 0 30px;
  }

  .document-only-breadcrumb-container.no-space {
    left: 309px;
  }

  .document-only-breadcrumb-container.no-space .breadcrumb-bar {
    padding: 0 30px 0 35px;
  }

  .document-only-breadcrumb-container.no-space .doc-gam-bar,
  .view-Desk .document-only-breadcrumb-container.no-space,
  .view-Desk-rt .document-only-breadcrumb-container.no-space {
    padding: 0;
  }

  .view-Desk .document-only-breadcrumb-container.no-space .breadcrumb-bar {
    padding: 0 4%;
  }

  .document-view-page .no-space .gamnav {
    width: 100%;
    float: none;
  }

  .no-space .gamnav .gam-footer>.expandAllPcaob,
  .view-Desk .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 15px;
  }

  .document-view-page .viewasdocument .gam-nav-container {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }

  #preview-container .main-content .block-ele.red[data-tag=internal],
  .content .main-content .block-ele.red[data-tag=internal],
  .print-content .maincontent .block-ele.red[data-tag=internal] {
    padding: 15px;
  }

  .document-only-breadcrumb-container.no-space .documentTitle {
    line-height: 15px;
  }

  .no-space .documentTitle {
    width: 100%;
  }

  .in-line-attachments .actions {
    display: none;
  }

  .vad-Desk .vad-breadcrumb .gamnav {
    width: 440px;
  }

  .vad-Desk .content .gamnav .gam-footer>.expandAllPcaob {
    padding-left: 10px;
  }

  .no-space .vad-breadcrumb .gamnav {
    width: 370px;
  }

  .categorytree-rightpanel {
    position: fixed;
    z-index: 3;
    top: 70px;
    background: #2e2e38;
  }

  section.rightpanel-info {
    position: fixed;
    right: 0;
    top: 50px;
    bottom: 0;
    width: 0;
  }

  section.browseview-container.shrik {
    width: 100%;
  }

  .categorytree-rightpanel.expanded {
    right: 37%;
  }

  section.rightpanel-info.expanded {
    width: 37%;
    background: #fff;
  }

  .shrik .alphabetical-tags-container,
  .shrik .categorytree-filters,
  .shrik .phases-container .expand-collapse {
    width: 92%;
  }

  .alphabetical-tags {
    display: block;
    width: 100%;
  }

  .alphabetical-tags li {
    display: inline-block;
    width: calc(100% / 27);
  }

  .alphabetical-tags li button {
    padding: 0;
  }

  input.quick-searchText {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    box-sizing: unset;
  }

  .atlas-icon.next-prev {
    width: 18px;
  }

  .categorytree-filters {
    padding: 24px 0 10px 0;
  }

  .categorytree-filters .search-title {
    width: 275px;
    display: inline-block;
  }

  .categorytree-filters .no-match.search-title {
    width: 275px;
  }

  .categorytree-filters .search-title input {
    width: 110px;
  }

  #nextPreviousSection #totalMatchedText {
    margin-right: 2px;
  }

  .categorytree-filters .search-change-view {
    display: block;
    height: 25px;
  }

  .categorytree-filters .view-tabs {
    display: inline-block;
    float: right;
    width: 300px;
  }

  .atlas-icon.exportNode {
    display: none;
  }

  .gam-tab .phases-container .expand-collapse {
    top: 290px;
  }

  .global .nav-top-right #pinboardTab {
    display: none;
  }

  .global .nav-top-right #historyTab {
    display: none;
  }

  .global .nav-top-right #summaryTab {
    display: none;
  }

  .global_history_pinboard .tab-nav-group a.nav-tab {
    padding: 18px 10px 12px 10px;
  }

  .export-container {
    width: 40%;
    right: 0;
  }

  nav.global section a.menu {
    padding: 7px 10px 0 10px;
    width: 0;
  }

  nav.global section a.menu.eyq {
    width: auto;
  }

  .doc-gam-bar .gam-filter-separator {
    margin: 0 12px;
  }

  .doc-gam-bar .filters-main {
    display: block;
    flex: none;
  }

  .doc-gam-bar .filters-side {
    display: block;
    flex: none;
  }

  .doc-gam-bar .filters-container {
    font-size: 12px;
  }

  .doc-gam-bar .filters-col {
    display: block;
  }
}

@media print {
  .content li.remove-ordering span[data-tag=linum],
  .doccontent li.remove-ordering span[data-tag=linum],
  .modal-drawer .print-content li.remove-ordering span[data-tag=linum],
  .print-content li.remove-ordering span[data-tag=linum] {
    display: inline-block;
  }

  .content li.remove-ordering,
  .doccontent li.remove-ordering,
  .modal-drawer .print-content li.remove-ordering,
  .print-content li.remove-ordering {
    display: block;
  }

  .print-content li.remove-ordering span[data-tag=linum]+p {
    display: inline!important;
  }

  .print-content .document-content>.doccontent li.remove-ordering {
    text-indent: 0;
  }

  .print-content tbody {
    page-break-inside: avoid!important;
  }

  .print-content tr {
    page-break-inside: unset!important;
  }

  .no-print {
    display: none!important;
  }

  .document .in-line-attachments .actions,
  .document .selection-actions a.sidebar-actions {
    display: none!important;
  }

  .foot-annotation-section {
    margin-top: 20px!important;
  }

  .modal.modal-drawer.fade.in {
    top: 0;
    height: 100%;
  }

  .modal-align {
    width: 100%;
    max-width: 100%;
  }

  .modal.modal-drawer {
    overflow-y: visible;
  }

  .print-content {
    width: 100%;
  }

  section.print-sidebar {
    display: none;
  }

  .maincontent ph[status=deleted],
  .strikethrough {
    text-decoration: line-through;
  }

  .print-content .maincontent {
    height: auto!important;
    width: 700px;
    overflow-y: visible!important;
    display: block;
  }

  .print-content .maincontent table {
    width: 100%;
    table-layout: fixed;
  }

  .print-content .maincontent .footnotes ul li .fn-no {
    color: #fff;
    border: 1px solid #333;
    padding: 0 5px;
    margin: 0 6px 0 0;
  }

  span.preview {
    color: #00a3ae!important;
    display: inline-block;
    margin: 0 7px 0 0;
  }

  .print-content .non-gam P.PS-000-Normal-Red,
  .print-content P.PS-007-Normal-right-bold-red {
    color: red!important;
  }

  .content .gam,
  .document .left-sidebar,
  section.preview {
    display: none!important;
  }

  .document .content {
    width: 100%!important;
    margin: -150px 0 0 50px!important;
  }

  .print-content a,
  .print-content a * {
    color: #08c!important;
  }

  .print-content .link-text {
    color: #333!important;
  }

  .print-content a.disabled {
    color: #81858b!important;
  }

  .print-content .in-line-doc {
    background-color: #f4f4f4!important;
    border: 1px solid #f4f4f4;
  }

  a[href]:after {
    content: "";
  }

  .modal-scrollable,
  nav {
    display: none;
  }

  .metadata {
    display: none;
  }

@page {
    size: A4;
    margin: 1cm auto;
}

  section.sec-sidebar-actions {
    position: absolute!important;
  }

  blockquote {
    border-top: none;
    border-bottom: none;
    border-right: none;
  }

  .maincontent ph[status=new],
  .new {
    background-color: #bec1c7!important;
  }

  .gam-graybox {
    background-color: #e2e2e2!important;
  }

  .print-content dt {
    color: #81858b!important;
    margin: 4px 8px 12px;
  }

  body {
    margin: 0;
    padding-top: 20px!important;
    width: 100%;
  }

  main {
    max-width: 1600px;
    width: 100%;
  }

  .gamnav .gam-bar {
    position: relative!important;
    top: 0!important;
  }

  .gam-bar .togglebtn.btn.default,
  .gam-btn-group .btn.default {
    border-radius: 4px;
    border: 1px solid #81858b;
  }

  .gam-btn-group .btn {
    margin: 0;
  }

  .gam-bar .togglebtn.btn.default,
  .gam-btn-group .btn.default,
  .grids.tree a {
    display: inline-block;
  }

  .gam-bar .btn.selected {
    font-weight: 700;
  }

  .gam-bar .btn.selected .icon-check-print {
    display: inline-block!important;
  }

  .grids.tree ul li.leaf .link a:last-of-type {
    width: 90%;
    overflow: visible;
    white-space: normal;
    word-break: break-all;
  }

  .gam-bar .toggle-spotlight.btn.default,
  .grids.tree .expand-collapse,
  .grids.tree .focus.focusIcon {
    display: none;
  }

  .grids.tree {
    position: relative;
    padding-bottom: 0;
  }

  .print-content fieldset legend {
    border: 1px solid #fff!important;
    background-color: #fff!important;
  }

  .print-content fieldset legend {
    border: 1px solid #fff!important;
    background-color: #fff!important;
  }

  .print-content .gam-graybox fieldset legend {
    background-color: #e2e2e2!important;
  }

  table .eyGray {
    background-color: grey!important;
  }

  table .eyGrayOne {
    background-color: #999!important;
  }

  table .eyGrayTwo {
    background-color: silver!important;
  }

  table .eyGrayThree {
    background-color: #f0f0f0!important;
  }

  table .eyYellow {
    background-color: #ffe600!important;
  }

  table .eyNoColor {
    background-color: inherit!important;
  }

  .NA-CTPT>div.atlas-icon.icon-non-EY {
    margin-right: 5px!important;
  }

  div.footnote .well {
    background-color: #fff!important;
  }

  h1 {
    font-size: 2.6em!important;
    line-height: 1em!important;
  }

  .well .footnote-num,
  div.footnote .well .footnote-num,
  sup.footnote {
    color: #08c!important;
    background-color: #f4f4f4!important;
  }

  a.normal.disabled,
  a.normal.disabled * {
    color: #000!important;
  }

  .print-content .block-ele.red {
    padding: 10px 10px 5px 10px;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 30px;
    page-break-inside: unset;
  }

  .print-content .block-ele.red>h5,
  .print-content .maincontent .block-ele.red h5 {
    position: relative;
    top: -19px;
    left: 5px;
    padding: 0 5px;
    height: 40px;
    display: inline-block;
    background-color: #fff!important;
    -webkit-print-color-adjust: exact;
    font-family: NotoSans;
    font-size: 15px;
    text-transform: capitalize;
    box-sizing: border-box;
    border-style: inset;
    border: 40px solid #fff;
    border-top-width: 1px;
    border-left-width: 10px;
    border-right-width: 10px;
  }

  .print-content .maincontent table .block-ele.red h5,
  .print-content table .block-ele.red>h5 {
    left: 5px;
  }

  table {
    border-spacing: 0px!important;
    border-collapse: collapse!important;
  }

  ul li .block-ele.red {
    display: table;
  }

  .print-content .maincontent .email-link.desktop-only {
    display: none;
  }

  .print-content .maincontent div,
  .print-content .maincontent h1,
  .print-content .maincontent p,
  .print-content .maincontent section[data-tag=para],
  .print-content .maincontent td,
  .print-content .maincontent tr {
    page-break-inside: avoid!important;
  }
}

#eyqTabContainer .oai--app-container[data-app=orchestrator] {
  --oai--container-height: calc(100vh - 50px);
  box-shadow: none;
}