.frame {
  pointer-events: none;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;

  -webkit-user-select: none;
  user-select: none;

  outline: 0px solid var(--selecting-color);
  border-style: solid;

  white-space: normal;
  word-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-nbsp-mode: normal;
  unicode-bidi: embed;
  -webkit-font-variant-ligatures:normal;
  -webkit-font-kerning: normal;
  -webkit-font-smoothing:antialiased;
  -webkit-font-feature-settings: "kern";
  -webkit-column-fill: auto;
  column-fill: balance;
  column-gap: 0px;
}
em.frame {
  display: inline-block;
  text-indent: 0;
}

.frame.frame-isOpened[contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}
.nbsp {
  white-space: nowrap;
  position: relative;
}
.alwaysShowFrameBorders .nbsp:before {
  position: absolute;
  content: "^";
  bottom: 0;
  left: 0;
  font-size: 50%;
}

::selection, .text-selected {
  background: #ACCEF7;
}
.alwaysShowFrameBorders .frame {
  outline: 1px solid #0af8;
}
.alwaysShowFrameBorders .frame p {
  outline: 1px solid #f0a8;
}
.alwaysShowFrameBorders .frame span {
  outline: 1px solid #0fa8;
}
.alwaysShowFrameBorders .frame-typePage {
  outline: 0px none;
}
.alwaysShowFrameBorders .frame-typeImage {
  outline: 1px solid #f808;
}
.alwaysShowFrameBorders .frame-typePdf {
  outline: 1px solid #8f08;
}
.alwaysShowFrameBorders .frame-typeFragment {
  outline: 1px dashed #0a08;
}
.alwaysShowFrameBorders .frame-typeArea {
  outline: 1px solid #0af8;
  background: repeating-linear-gradient(-45deg, #0af8, #0af8 6px, #0000 6px, #0000 12px);
}
.alwaysShowFrameBorders .frame-typeArea span {
  outline: 0px none;
}
.alwaysShowFrameBorders .frame-typeOnline p {
  outline: 0px none;
}
.alwaysShowFrameBorders .frame-isAnchor:before, .frame-isAnchor:hover:before {
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0.5;
  content: "\f13d";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.alwaysShowHiddenFrames .frame-isHidden {
  display: block !important;
}
.alwaysShowHiddenFrames .frame-isHidden:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(-45deg, #0002, #0002 6px, #0000 6px, #0000 12px);
}


.frame-typePage {
  left: 0px;
  top: 0px;
  width: 100%;
  outline: 0px none #0000;
  font-size: 16px;
}
.frame-typeText {
}
.frame-typeArea {
  min-height: 2px;
  min-width: 2px;
}
.frame-isOpened > .frame-typeArea {
  outline: 1px solid #0af8;
  background: repeating-linear-gradient(-45deg, #0af8, #0af8 6px, #0000 6px, #0000 12px);
}
.frame-typeEasyReading {
  min-height: 2px;
  min-width: 2px;
}
.frame-isOpened > .frame-typeEasyReading.frame-simpleArticle {
  outline: 1px solid #f808;
  background: repeating-linear-gradient(-45deg, #f808, #f808 6px, #0000 6px, #0000 12px);
}
.frame-isOpened > .frame-typeEasyReading.frame-externalLink {
  outline: 1px solid #0f88;
  background: repeating-linear-gradient(45deg, #0f88, #0f88 6px, #0000 6px, #0000 12px);
}
.frame-isLinked:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 1px solid #f808;
  background: repeating-linear-gradient(-45deg, #f808, #f808 6px, #0000 6px, #0000 12px);
}
.frame-typeGroup {
  outline-style: dashed;
  min-height: 2px;
  min-width: 2px;
}
.frame-typeVariableObject {
  outline-style: dashed;
  min-height: 2px;
  min-width: 2px;
}
.frame-typeVariableObject:before {
  content: attr(data-dots);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 16px;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 8px;
}
.frame-typeState {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 1s;
}
.frame-typeStateCurrent {
  display: block;
}
.frame-typeForm, .frame-typeFormItem, .frame-typeFormGroup, .frame-typeFormText, .frame-typeFormOption {
  outline-style: dashed;
  min-height: 2px;
  min-width: 2px;
}


div.frame-typeImage, div.frame-typePdf, div.frame-typeOnline, div.frame-typeVideo {
  font-size: 0px !important;
}
.audioPlayer {
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.audioPlayer:before {
  height: 100%;
  width: 1px;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  content: " ";
}
.audioPlayer .fa {
  font-size: 100%;
}
.audioPlayer .fa-play {
  padding-left: 10%;
}
.frame-typeAudio:not(.frame-typeAudioPlaying) .fa-pause {
  display: none;
}
.frame-typeAudioPlaying .fa-play {
  display: none;
}
.audioPlayer_control {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
  margin: 0 0.4em 0 0;
}
.audioPlayer_control-seek {
  position: relative;
  width: calc(100% - 4.4em);
  height: 0.4em;
  border: 1px solid;
  border-radius: 0.2em;
  overflow: hidden;
}
.frame_audioPosition {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0px;
  border-top: 1em solid;
}
.audioPlayer_control-time {
  margin: 0;
}
.frame-typeAudioMini .audioPlayer_control-play {
  margin: 0;
}
.frame-typeAudioMini .audioPlayer_control-seek {
  display: none;
}
.frame-typeAudioMini .audioPlayer_control-fast {
  display: none;
}
.frame-typeAudioMini .audioPlayer_control-time {
  display: none;
}
.frame-typeAudioMini .audioPlayer_control-duration {
  display: none;
}
.frame-typeAudioMini .audioPlayer_control-pbRate {
  display: none;
}
.frame-typeAudioSmall .audioPlayer_control-fast {
  display: none;
}
.frame-typeAudioSmall .audioPlayer_control-duration {
  display: none;
}
.frame-typeAudioSmall .audioPlayer_control-pbRate {
  display: none;
}
.frame-typeAudioWide .audioPlayer_control-seek {
  width: calc(100% - 7.5em);
}
.frame-typeAudioWide .audioPlayer_control-duration {
  display: none;
}
.frame-typeAudioWide .audioPlayer_control-pbRate {
  display: none;
}

.frame-typeAudioBig .audioPlayer:before {
  display: none;
}
.frame-typeAudioBig .audioPlayer {
  min-height: 5.8em;
}
.frame-typeAudioBig .audioPlayer_control-play {
  position: absolute;
  display: block;
  font-size: 3em;
  width: 3em;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.frame-typeAudioBig .audioPlayer_control-fast {
  position: absolute;
  display: block;
  font-size: 2em;
  bottom: 0.3em;
  margin: 0;
}
.frame-typeAudioBig .audioPlayer_control-backward {
  left: calc(33% - 1em);
}
.frame-typeAudioBig .audioPlayer_control-forward {
  right: calc(33% - 1em);
}
.frame-typeAudioBig .audioPlayer_control-seek {
  margin: 0.4em 0 0.1em;
  height: 0.8em;
  border-radius: 0.4em;
  width: calc(100% - 1em);
}
.frame-typeAudioBig .audioPlayer_control-time {
  display: block;
  float: left;
  margin: 0 0 3em 0.5em;
}
.frame-typeAudioBig .audioPlayer_control-duration {
  display: block;
  float: right;
  margin: 0 0.5em 3em 0;
}
.frame-typeAudioBig .audioPlayer_control-pbRate {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
}


.frame-typeBeforeAfterImage {

}
.frame-typeFragment {
  outline-style: dashed;
  outline-color: #0a0;
  min-height: 2px;
  min-width: 2px;
}


.frame-isSelectable {
  pointer-events: all;
}
.frame-isSelectable:hover {
  outline-width: 1px;
}
.frame-isSelected {
}
.frame-isSelected:hover {
  outline-width: 0px;
}
.frame-isEdited {
  pointer-events: all;
}
.frame-isFloating {
  z-index: 1;
}
.frame-articlesReader {
  height: calc(100vh - 300px);
  min-height: 300px;
}
.frame-isOpened {
  pointer-events: all;
  overflow: visible;
  padding-top: 0.02px; /* CSS hack: prevent margin-collapse if overflow=visible */
}
.frame-isMilked {
  opacity: 0.1 !important;
  pointer-events: none;
}

.frame-verticalAlign:before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 0px;
}
.frame-verticalAlign-middle p {
  display: inline-block;
  width: 100%;
}
.frame-verticalAlign-middle:before {
  vertical-align: middle;
}
.frame-verticalAlign-middle p {
  vertical-align: middle;
}
.frame-verticalAlign-bottom:before {
  vertical-align: bottom;
}
.frame-verticalAlign-bottom p {
  vertical-align: bottom;
}



.frame_par {
  margin: 0;
  border-style: solid;
}
.frame_par i.fa {
  font-size: 100%;
}
.frame_block {
  border-style: solid;
/*  display: inline-block;
  text-indent: 0; */
}
.frame_image, .frame_pdf {
  width: 100%;
  height: 100%;
}
.frame_youtube, .frame_vimeo, .frame_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.frame_iframe {
  width: 100%;
  height: 100%;
}
.frame_iFrameThumbnail {
  width: calc(100% - 1px);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
}
.frame_iFrameThumbnail i {
  font-size: 200%;
}
.frame_videoPlayer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.frame_videoPlayer p {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  color: white;
  text-shadow: 0 0 4px black;
}
.frame_videoPlayer p i {
  font-size: 60px;
}

.frame-hasRatioHeight > .frame_image,
.frame-hasRatioHeight > .frame_video,
.frame-hasRatioHeight > .frame_youtube,
.frame-hasRatioHeight > .frame_vimeo,
.frame-hasRatioHeight > .frame_iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.frame-typeOnline.frame-hasRatioHeight > .frame-typeImage  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.frame_audio {
  display: none;
}

.frame_afterImageWrapper {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.frame_beforeAfterSlider {
  position: absolute;
  color: black;
  background-color: white;
  overflow: visible;
}
.beforeAfterImage-horizontal .frame_beforeAfterSlider {
  top: 0;
  width: 2px;
  height: 100%;
  cursor: ew-resize;
}
.beforeAfterImage-vertical .frame_beforeAfterSlider {
  left: 0;
  height: 2px;
  width: 100%;
  cursor: ns-resize;
}
.frame_beforeAfterSlider:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  content: '\f0d9\00a0\f0da';
  padding-top: 6px;
  text-align: center;
  position: absolute;
  box-sizing: border-box;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: inherit;
}
.beforeAfterImage-horizontal .frame_beforeAfterSlider:after {
  top: calc(50% - 16px);
  left: -15px;
}
.beforeAfterImage-vertical .frame_beforeAfterSlider:after {
  transform: rotate(90deg);
  left: calc(50% - 16px);
  top: -15px;
}


.frame-typeFormOption {
  padding: 8px 4em 8px 0;
}
.frame-formActive .frame-typeFormOption {
  padding-right: 0;
}
.frame-typeForm:not(.frame-formActive) .frame-typeFormOption {
  padding-left: 0 !important;
}
.formOption_checkbox {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1.1em;
  height: 1.1em;
  margin: auto 0;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid black;
  font: normal normal normal 20px/1 FontAwesome;
  text-align: center;
}
.frame-formActive .formOption_checkbox {
  display: block;
}
.formOption_bar {
  position: absolute;
  bottom: 0;
  left: 0;
}
.frame-formActive .formOption_bar {
  display: none;
}
.formOption_value {
  height: 1em;
  width: 4em;
  text-align: right;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}
.frame-formActive .formOption_value {
  display: none !important;
}
.frame-formActive .frame-formTextSentNow {
  display: none !important;
}
.frame-formActive .frame-formTextAlreadySent {
  display: none !important;
}
.frame-formActive .frame-formTextClosed {
  display: none !important;
}

.frame-formSentNow .frame-formTextButton {
  display: none !important;
}
.frame-formSentNow .frame-formTextAlreadySent {
  display: none !important;
}
.frame-formSentNow .frame-formTextClosed {
  display: none !important;
}

.frame-formAlreadySent .frame-formTextButton {
  display: none !important;
}
.frame-formAlreadySent .frame-formTextSentNow {
  display: none !important;
}
.frame-formAlreadySent .frame-formTextClosed {
  display: none !important;
}

.frame-formClosed .frame-formTextButton {
  display: none !important;
}
.frame-formClosed .frame-formTextSentNow {
  display: none !important;
}
.frame-formClosed .frame-formTextAlreadySent {
  display: none !important;
}

.frame-formHideResults.frame-formSentNow .frame-typeFormItem {
  display: none !important;
}
.frame-formHideResults.frame-formAlreadySent .frame-typeFormItem {
  display: none !important;
}
.frame-formHideResults.frame-formClosed .frame-typeFormItem {
  display: none !important;
}

.frame-addContentByMouse {
  cursor: crosshair;
}
.frame-addContentByMouse * {
  pointer-events: none;
}

.frame_field {
  background: repeating-linear-gradient(-45deg, #fe02, #fe02 8px, #fe08 8px, #fe08 16px);
}
.frame_field.text-selected {
  background: transparent;
  outline: 2px dotted var(--selecting-color);
}

.frame-typeTable {
  border-collapse: collapse;
}
.frame-typeTableRow {}
.frame-typeTableData {
  border: 1px solid #000;
}


.previewMode .frame {
  outline: 0px none;
  pointer-events: all;
}
.previewMode .audioPlayer_control {
  pointer-events: all;
}
.previewMode iframe {
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.previewMode .frame_field {
  background: transparent;
}


.proofreadingMode .frame {
  pointer-events: all;
  -webkit-user-select: text;
  user-select: text;
}
.hasNote {
  position: relative;
}
.hasNote:before {
  position: absolute;
  z-index: 100;
  font: normal normal normal 20px/1 FontAwesome;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  text-indent: 0;
  padding: 0;
}
.hasNote_color-yellow:before {
  color: #ff0;
}
.hasNote_color-green:before {
  color: #0f0;
}
.hasNote_color-pink:before {
  color: #f4c;
}
.hasNote_color-blue:before {
  color: #4cf;
}
.hasNote_color-orange:before {
  color: #f80;
}
.hasNote_color-red:before {
  color: #f00;
}
.hasNote_icon-stickyNote:before {
  content: "\f249";
}
.hasNote_icon-exclamationTriangle:before {
  content: "\f071";
}
.hasNote_icon-exclamationCircle:before {
  content: "\f06a";
}
.hasNote_icon-flag:before {
  content: "\f024";
}
.hasNote_icon-thumbTack:before {
  content: "\f08d";
}
.hasNote_size-small:before {
  width: 16px;
  height: 16px;
}
.hasNote_size-medium:before {
  width: 32px;
  height: 32px;
  font-size: 32px;
}
.hasNote_size-big:before {
  width: 64px;
  height: 64px;
  font-size: 64px;
}
.hasNote_position-topLeft:before {
  top: 2px;
  left: 2px;
}
.hasNote_position-topRight:before {
  top: 2px;
  right: 2px;
}
.hasNote_position-center:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.hasNote_position-bottomLeft:before {
  bottom: 2px;
  left: 2px;
}
.hasNote_position-bottomRight:before {
  bottom: 2px;
  right: 2px;
}
.showProofreadingNotes .frame_block.hasNote_color-yellow {
  background-color: #ff08;
}
.showProofreadingNotes .frame_block.hasNote_color-green {
  background-color: #0f08;
}
.showProofreadingNotes .frame_block.hasNote_color-pink {
  background-color: #f4c8;
}
.showProofreadingNotes .frame_block.hasNote_color-blue {
  background-color: #4cf8;
}
.showProofreadingNotes .frame_block.hasNote_color-orange {
  background-color: #f808;
}
.showProofreadingNotes .frame_block.hasNote_color-red {
  background-color: #f008;
}

.hasNote-closed:before {
  color: #eee;
}
.showProofreadingNotes .frame_block.hasNote-closed {
  background-color: #eee8;
}


.tEditor:not(.showProofreadingNotes) .hasNote:before {
  display: none;
}

.tEditor.showProofreadingNotes-newOnly .hasNote:not(.hasNote-new):before {
  display: none;
}
.tEditor.showProofreadingNotes-newOnly .frame_block:not(.hasNote-new) {
  background-color: #0000;
}

.tEditor.showProofreadingNotes-notClosed .hasNote.hasNote-closed:before {
  display: none;
}
.tEditor.showProofreadingNotes-notClosed .frame_block.hasNote-closed {
  background-color: #0000;
}

.frame_noonline {
  background: repeating-linear-gradient(-45deg, #aaa4, #aaa4 6px, #0000 6px, #0000 12px);
  width: 100%;
  height: 0px;
  padding-bottom: 75%;
}


/* tReader */
.tReader_articlesReader {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: repeating-linear-gradient(-45deg, #fa48, #fa48 6px, #0000 6px, #0000 12px);
}

.item {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  padding: 8px;
  overflow: hidden;
  width: 100%;
  position: relative;
  border: 1px solid transparent;
  margin: 4px;
}
.item-article {
  padding: 0;
}
.item-isFeatured {
  border: 1px solid var(--featured-border-color, var(--highlighting-color, currentcolor));
  border-radius: 3px;
  padding: 10px;
  background-color: var(--underdrawing-color, inherit);
}
.tReader_listOfItems-columns2 .item {
  width: calc(50% - 8px);
}
.tReader_listOfItems-columns3 .item {
  width: calc(33.3333% - 8px);
}
.tReader_listOfItems-columns4 .item {
  width: calc(25% - 8px);
}
.tReader_listOfItems-columns5 .item {
  width: calc(20% - 8px);
}
.tReader_listOfItems-columns6 .item {
  width: calc(16.6666% - 8px);
}
.tReader_listOfItems-columns7 .item {
  width: calc(14.2857% - 8px);
}
.tReader_listOfItems-columns8 .item {
  width: calc(12.5% - 8px);
}
.tReader_listOfItems-columns9 .item {
  width: calc(11.111% - 8px);
}
.tReader_listOfItems-columns10 .item {
  width: calc(10% - 8px);
}
.tReader_listOfItems-columns11 .item {
  width: calc(9.0909% - 8px);
}
.tReader_listOfItems-columns12 .item {
  width: calc(8.3333% - 8px);
}
.tReader_listOfItems-columns13 .item {
  width: calc(7.6923% - 8px);
}
.tReader_listOfItems-columns14 .item {
  width: calc(7.1428% - 8px);
}
.tReader_listOfItems-columns15 .item {
  width: calc(6.6666% - 8px);
}
.tReader_listOfItems-columns16 .item {
  width: calc(6.25% - 8px);
}
.tReader_listOfItems-columns17 .item {
  width: calc(5.8824% - 8px);
}
.tReader_listOfItems-columns18 .item {
  width: calc(5.5556% - 8px);
}
.tReader_listOfItems-columns19 .item {
  width: calc(5.2632% - 8px);
}
.tReader_listOfItems-columns20 .item {
  width: calc(5% - 8px);
}
.tReader_listOfItems-columnsMax .item {
  width: calc(5% - 8px);
}
.tReader_listOfItems-columns2 .item-double {
  width: calc(100% - 8px);
}
.tReader_listOfItems-columns3 .item-double {
  width: calc(66% - 8px);
}
.tReader_listOfItems-columns4 .item-double {
  width: calc(50% - 8px);
}
.tReader_listOfItems-columns5 .item-double {
  width: calc(40% - 8px);
}
.tReader_listOfItems-columns6 .item-double {
  width: calc(33.3333% - 8px);
}
.tReader_listOfItems-columns7 .item-double {
  width: calc(28.5714% - 8px);
}
.tReader_listOfItems-columns8 .item-double {
  width: calc(25% - 8px);
}
.tReader_listOfItems-columns9 .item-double {
  width: calc(22.222% - 8px);
}
.tReader_listOfItems-columns10 .item-double {
  width: calc(20% - 8px);
}
.tReader_listOfItems-columns11 .item-double {
  width: calc(18.1818% - 8px);
}
.tReader_listOfItems-columns12 .item-double {
  width: calc(16.6666% - 8px);
}
.tReader_listOfItems-columns13 .item-double {
  width: calc(15.3846% - 8px);
}
.tReader_listOfItems-columns14 .item-double {
  width: calc(14.2857% - 8px);
}
.tReader_listOfItems-columns15 .item-double {
  width: calc(13.3333% - 8px);
}
.tReader_listOfItems-columns16 .item-double {
  width: calc(12.5% - 8px);
}
.tReader_listOfItems-columns17 .item-double {
  width: calc(11.7647% - 8px);
}
.tReader_listOfItems-columns18 .item-double {
  width: calc(11.1111% - 8px);
}
.tReader_listOfItems-columns19 .item-double {
  width: calc(10.5263% - 8px);
}
.tReader_listOfItems-columns20 .item-double {
  width: calc(10% - 8px);
}
.tReader_listOfItems-columnsMax .item-double {
  width: calc(10% - 8px);
}

.thumbnail_wrapper {
  border: 1px solid var(--lines-color, #ddd);
  box-sizing: border-box;
  cursor: pointer;
  font-size: 0px;
}
.item-double .thumbnail_wrapper {
  display: inline-block;
  vertical-align: bottom;
  width: calc(50% - 9px);
}
.thumbnail_wrapper img {
  width: 100%;
}
.tReader_listOfItems-anyLandscape .item:not(.item-double) .thumbnail_wrapper-portrait {
  padding-left: 20%;
  padding-right: 20%;
}
.tReader_listOfItems-anyLandscape .item-double .thumbnail_wrapper-portrait {
  padding-left: 10%;
  padding-right: 10%;
}
.tReader_featuredIssueInfo {
  display: inline-block;
  width: calc(50% + 9px);
  vertical-align: bottom;
  padding: 0 0 0 8px;
  box-sizing: border-box;
}
.tReader_featuredIssueTitle {
  font-weight: bold;
  font-size: 120%;
  line-height: 120%;
  margin-bottom: 8px;
}
.tReader_featuredIssueDescription {
  font-weight: 200;
  font-size: 90%;
  line-height: 120%;
}
.tReader_featuredIssueInfo .issueButtonsBar {
  margin-top: 4px;
}

.item_title {
  margin-top: 4px;
  font-weight: bold;
  line-height: 120%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item_status {
  margin-top: 4px;
  float: right;
  color: var(--highlighting-color, inherit);
  line-height: 120%;
  overflow: hidden;
}
.item_progress {
  font-size: 50%;
}
.item_date, .item_subtitle {
  font-weight: 200;
  line-height: 120%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tReader_groupWrapper {
  margin: 2px 0px;
  box-sizing: border-box;
  border: 4px solid var(--lines-color, #ddd);
  background-color: var(--lines-color, #ddd);
  cursor: pointer;
  font-size: 0px;
  position: relative;
}
.thumbnail_wrapper-issueInGroup {
  display: inline-block;
  margin: 0;
}
.tReader_groupWrapper-4thumbs .thumbnail_wrapper-issueInGroup {
  width: 50%;
}
.tReader_groupWrapper-9thumbs .thumbnail_wrapper-issueInGroup {
  width: 33.333%;
}

.thumbnail_wrapper-issueInGroup img {
  object-fit: cover;
  height: 100%;
}

.mainIconsBar {
  white-space: nowrap;
}
.mainIconsBarButton {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  color: inherit;
  border: none;
  padding: 0.5em;
  margin: 0;
  cursor: pointer;
  position: relative;
  font-size: inherit;
}
.mainIconsBarButton:hover {
  background-color: transparent;
  color: inherit;
}
.mainIconsBarButton_icon {
  padding: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.mainIconsBarButton_icon i {
  font-size: 150%;
}
.mainIconsBarButton_label {
  display: var(--component-labels, block);
  box-sizing: border-box;
  width: 100%;
  font-size: 60%;
  line-height: 1;
  white-space: nowrap;
}

.menuWrapper {
  white-space: nowrap;
  padding: 1px 0 0 0;
}
.menuItem {
  display: inline-block;
  vertical-align: top;
  padding: 0.125em;
  margin: 0;
  background-color: transparent;
  color: inherit;
  border: 0 none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  position: relative;
  font-size: inherit;
  border-radius: 0;
}
.menuItem_span {
  padding: 0.125em 0.5em;
  display: inline-block;
}
.menuWrapper-onEllipsisProcess .menuItem {
  opacity: 0;
}
.menuItem_icon {
  display: inline-block;
  font-size: 130%;
  vertical-align: middle;
}
.menuItem_icon i {
  font-size: 100%;
}
.menuItem_label {
  display: inline-block;
  padding: 0 0 0 0.5em;
  vertical-align: middle;
}
.menuItem_labelNoIcon {
  padding-left: 0;
}
.menuItem:hover {
  background-color: transparent;
  color: inherit;
  border-bottom-color: var(--highlighting-color);
}
.menuItem:focus {
  background-color: transparent;
  color: inherit;
  border: 0 none;
  /* outline: 1px dotted var(--highlighting-color); */
  outline: 0 none;
}
.menuItem-shrinked .menuItem_label {
  display: none;
}
.menuItem-collapsed {
  display: none;
}

.navigationBar,
.languageBar,
.applicationsBar {
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 75%;
}
.applicationsBar .mButton {
  background-color: var(--highlighting-color, inherit);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--opposite-color, currentColor);
  border-radius: var(--buttons-border-radius, 0.375em);
}
.applicationsBar_icon {
  vertical-align: middle;
  width: 5em;
  height: 5em;
  display: inline-block;
  border-radius: 8px;
}
.applicationsBar_icon img {
  width: 100%;
  height: 100%;
}
.applicationsBar_text {
  vertical-align: middle;
  display: inline-block;
  margin: 0 1em;
}
.applicationsBar_platform {
  vertical-align: middle;
  display: inline-block;
}
.applicationsBar_platform i {
  font-size: 175%;
}

.navigationBar_part,
.languageBar_part,
.applicationsBar_part {
  display: inline-block;
  vertical-align: top;
}
a.navigationBar_part,
a.languageBar_part,
a.applicationsBar_part {
  padding: 0 0.25em;
  color: var(--highlighting-color);
  cursor: pointer;
  text-decoration: none;
}
.logoBar {
  box-sizing: border-box;
  padding: 0;
  height: 100%;
}
.logoBar_title {
  font-size: 175%;
  font-weight: bold;
  margin: 0.25em 0;
}
.logoBar .tImage {
  width: 100%;
  height: 100%;
}
.logoBar .tImage img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: left center;
}

.issueButtonsBar {

}
.issueButtonsBar_button {
  display: block;
  font-size: 87.5%;
  background-color: var(--highlighting-color, inherit);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--opposite-color, currentColor);
  width: var(--buttons-width, auto);
  border-radius: var(--buttons-border-radius, 0.375em);
  margin: 8px 0;
  padding: 0.5em 1.5em;
}
.issueButtonsBar_button:hover {
  background-color: var(--opposite-color, inherit);
  color: var(--highlighting-color, inherit);
  border-color: var(--highlighting-color, currentColor);
}
.issueButtonsBar_button-featuredIssue {
  margin: 1px 0 4px;
}
.issueButtonsBar_button-hidden {
  display: none;
}
.issueButtonsBar-featured .issueButtonsBar_button {
  margin: 4px 0 0;
  width: 100%;
  font-size: 100%;
}

.otherPublicationsOverview {
  background-color: var(--underdrawing-color, inherit);
  padding: 8px;
}

.groupHeaderBar {
}

.groupHeaderBar_title {
  font-weight: 200;
  font-size: 200%;
}
.groupHeaderBar_button {
  background-color: var(--highlighting-color, inherit);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--opposite-color, currentColor);
  border-radius: var(--buttons-border-radius, 0.375em);
  margin: 8px 0;
  padding: 0.5em 1.5em;
  font-size: 87.5%;
}
.groupHeaderBar_description {
  margin: 4px 0 8px;
  font-size: 80%;
}

.eshopCategoryHeaderBar {
}

.eshopCategoryHeaderBar_title {
  font-weight: 200;
  font-size: 200%;
}
.eshopCategoryHeaderBar_description {
  margin: 4px 0 8px;
  font-size: 80%;
}

.eshopItemVariantsTable {
  font-size: 15px;
  border: 1px solid var(--lines-color);
  margin: 0 0 16px 0;
}
.eshopItemVariantsTable_tr {
  cursor: pointer;
}
.eshopItemVariantsTable_tr:nth-child(even):not(.eshopItemVariantsTable_tr-selected) {
  background-color: rgba(128,128,128,0.1);
}
.eshopItemVariantsTable td {
  padding: 4px 6px;
  border: 1px solid var(--lines-color);
  vertical-align: middle;
}
.eshopItemVariantsTable_td-title {
  text-align: right;
}


.memberStatus_button {
  background-color: var(--highlighting-color, inherit);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--opposite-color, currentColor);
  border-radius: var(--buttons-border-radius, 0.375em);
  margin: 8px 0;
  padding: 0.5em 1.5em;
  font-size: 87.5%;
}
.memberStatus .mElementsWithLabels_label {
  font-size: inherit;
}
.memberStatus .mInput {
  font-size: inherit;
  border-radius: var(--buttons-border-radius, 0.375em);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--highlighting-color, currentColor);
}
.eShopInfo_button {
  background-color: var(--highlighting-color, inherit);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--opposite-color, currentColor);
  border-radius: var(--buttons-border-radius, 0.375em);
  margin: 8px 0;
  padding: 0.5em 1.5em;
  font-size: inherit;
}

.tReader_searchbar {
}
.searchbar_navigation {
  margin: -0.5em -0.5em 0;
}
.mInput-search {
  border-color: var(--highlighting-color);
  background-color: var(--opposite-color);
  color: inherit;
  width: calc(100% - 36px);
  padding: 4px;
  border-radius: var(--buttons-border-radius, 0.375em);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-size: 120%;
}
.mInput-search:focus {
  border-color: var(--highlighting-color);
}
.mButton-search {
  background-color: var(--highlighting-color);
  border: 1px solid var(--highlighting-color);
  color: var(--opposite-color);
  width: 36px;
  padding: 8px 0px 10px;
  margin-left: 0;
  border-radius: var(--buttons-border-radius, 0.375em);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  text-align: center;
}
.mButton-search:hover {
  background-color: var(--highlighting-color);
  color: var(--opposite-color);
}
.mButton-searchNav {
  border-radius: 0;
  padding: 8px 12px;
  color: var(--text-color);
  background-color: transparent;
  border: 0 none;
}
.mButton-searchNav:hover {
  color: var(--highlighting-color);
  background-color: transparent;
}


.mDialog_note {
  font-size: 80%;
}

.featuredArticlesWrapper {
}
.featuredArticle {
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px 16px 0;
  clear: both;
  height: 8em;
  overflow: hidden;
}
.featuredArticlesWrapper-columns2 .featuredArticle {
  display: inline-block;
  width: 50%;
}
.featuredArticle_thumbnailWrapper {
  float: left;
  width: 6em;
  height: 6em;
  overflow: hidden;
  margin: 0 16px 0 0;
  cursor: pointer;
  transition: 0.5s transform;
}

.featuredArticle_thumbnailWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featuredArticle_title {
  font-size: 130%;
  margin-bottom: 4px;
}
.featuredArticle_title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.featuredArticle_description {
  font-weight: 200;
  line-height: 120%;
  font-size: 87.5%;
}

.issueBox {
}
.issueBox_title {
  font-size: 28px;
  font-weight: 200;
  margin-bottom: 16px;
}
.issueBox_part {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}
.issueBox_part-right {
  padding-left: 16px;
}
.issueBox_description {
  font-weight: 200;
  line-height: 120%;
  font-size: 87.5%;
}
.issueBox_date {
  font-weight: 200;
  line-height: 120%;
  font-size: 87.5%;
}
.issueBox_buttons {
  display: flex;
  justify-content: center;
}
.issueBox_buttons .issueButtonsBar_button {
  flex: 0 1 50%;
  border-radius: 0;
  margin-right: 1px;
  background-color: var(--highlighting-color, inherit);
  border: 1px solid var(--highlighting-color, currentColor);
  color: var(--opposite-color, currentColor);
}
.issueBox_buttons .issueButtonsBar_button:first-child {
  border-top-left-radius: var(--button-border-radius, 0.375em);
  border-bottom-left-radius: var(--button-border-radius, 0.375em);
}
.issueBox_buttons .issueButtonsBar_button:last-child {
  border-top-right-radius: var(--button-border-radius, 0.375em);
  border-bottom-right-radius: var(--button-border-radius, 0.375em);
  margin-right: 0px;
}

/* publisher info */
.publisherInfoPart {
  margin: 1.5em 0;
  line-height: 120%;
}
.publisherInfoPart-title {
  font-weight: bold;
}
.publisherInfoPart-triobo {
  color: #888;
}
.publisherInfo .tImage {
  width: 100%;
  height: 1.5em;
  margin: 0 0 1em 0;
}
.publisherInfo .tImage  img {
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.publisherInfo_poweredBy {
  display: block;
  width: 16em;
  height: 1.5em;
  margin: 2em 0 0 -5px;
  mix-blend-mode: screen;
  background-image: url('../../powered_by_Triobo.png');
  background-size: 100% 100%;
  cursor: pointer;
}
.publisherInfo a {
  color: var(--highlighting-color);
}