.portlet {
  /* margin: 80px 0; */
  /* border-top: 1px solid gray; */
  margin-bottom: 2rem;
}

.list-menu {
  height: calc(100vh-68px);
  width : 360px;
}

.fixed-list-menu {
  /* position: fixed;
  top: 210px; */
  margin-top: 10px;
  bottom    : 0;
  overflow-y: hidden;
  width     : 100%;
}

.layouts {
  padding-right : 4px;
  font-family   : system-ui;
  background    : #fff;
  letter-spacing: normal;
  padding-left  : 20px;
}

.level-1 .parent {
  font-size    : 17px;
  color        : #403f3f;
  font-weight  : bold;
  cursor       : pointer;
  margin       : 15px 0 0;
  line-height  : 1.4;
  align-items  : center;
  display      : flex;
  margin-bottom: 5px;
}

.level-1 .parent .fa-square {
  font-size   : 7px;
  color       : red;
  margin-right: 10px;
}

ul,
li {
  list-style: none;
}

.level-2 .child {
  font-size      : 15px;
  cursor         : pointer;
  display        : flex;
  align-items    : center;
  column-gap     : 0.25em;
  text-decoration: none;
  padding        : 5px 0;
  color          : #8f919e;
}

.level-2 .child i {
  font-size   : 7px;
  color       : red;
  margin-right: 5px;
}

.level-1 div:hover,
.level-2 div:hover {
  color: #0e7ccf;
}

.level-2 .active {
  color         : #0e7ccf;
  font-weight   : 500;
  /* font-weight: 500; */
}

.journal-content-article {
  text-align: justify;
}

.k-title {
  font-size  : 2.125rem;
  line-height: 1.4;
  margin     : 0;
  font-weight: 700;
}

#markdown-toc a {
  color: #0e7ccf;
}

.uk-text-lead {}

.portlet-msg-info {
  background-color: #d9edf7;
  border-color    : #bce8f1;
  color           : #31708f;
  padding         : 15px;
  margin-bottom   : 20px;
  border          : 1px solid transparent;
  border-radius   : 4px;
}

.know-icon {
  width          : 60px;
  height         : 60px;
  text-align     : center;
  line-height    : 67px;
  cursor         : pointer;
  z-index        : 99;
  position       : relative;
  transition     : all 0.4s ease-in-out;
  background     : transparent;
  padding        : 0 10px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.know-icon .text {
  position       : absolute;
  top            : -2.5rem;
  right          : -20px;
  border-radius  : 14px;
  background     : #1a8fe3;
  color          : #fff;
  font-weight    : 500;
  width          : max-content;
  height         : 2rem;
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : 4px 8px;
  font-size      : 14px;
  z-index        : 99;
  transition     : all 0.4s ease-in-out;
  opacity        : 0;
}

.know-icon .triggle {
  position  : absolute;
  width     : 16px;
  height    : 16px;
  background: #1a8fe3;
  top       : -18px;
  left      : 20px;
  transform : rotate(45deg);
  transition: all 0.4s ease-in-out;
  opacity   : 0;
}

.know-icon:hover .triggle,
.know-icon:hover .text {
  opacity: 1;
}

.question-modal {
  position: fixed;
  right   : 2.5rem;
  bottom  : 5rem;
  z-index : 99;
}

.question-box {
  width         : 320px;
  background    : #fff;
  display       : flex;
  flex-direction: column;
  box-shadow    : rgb(0 0 0 / 30%) 0px 4px 12px;
  overflow      : hidden;
  isolation     : isolate;
  border-radius : 8px;
  background    : rgb(233, 238, 244);
}

.question-title {
  -webkit-box-pack : center;
  justify-content  : center;
  width            : 100%;
  border           : rgb(0, 0, 0);
  position         : relative;
  background-color : rgb(255, 255, 255);
  color            : rgb(66, 77, 87);
  font-size        : 1em;
  height           : 56px;
  flex-shrink      : 0;
  overflow         : hidden;
  -webkit-box-flex : 0;
  flex-grow        : 0;
  text-align       : left;
  padding          : 0px 0.8em;
  display          : flex;
  -webkit-box-align: center;
  align-items      : center;
  transition       : background-color 0.3s ease 0s;
  z-index          : 2;
  pointer-events   : all;
  font-weight      : 700 !important;
  justify-content  : space-between;
}

.question-conatiner {
  position        : relative;
  margin          : 2rem 1rem 0;
  background-color: #fff;
  border-radius   : 8px;
}

.question-icon {
  display       : flex;
  flex-direction: row;
  position      : absolute;
  top           : -21px;
  left          : 0px;
  right         : 0px;
  color         : rgb(255, 255, 255);
}

.question-content {
  padding: 2rem 12px;
}

.question-content .text {
  line-height  : 1.3;
  margin-bottom: 8px;
}

.container-top {
  display          : flex;
  -webkit-box-pack : center;
  justify-content  : center;
  -webkit-box-align: center;
  align-items      : center;
  overflow         : hidden;
  margin           : 0px auto;
  border-radius    : 50%;
  width            : 42px;
  height           : 42px;
  background-color : rgb(66, 127, 225);
}

.lc-1mpchac {
  display    : inline-block;
  flex-shrink: 0;
  width      : 1em;
  height     : 1em;
  font-size  : 2rem;
  user-select: none;
  fill       : currentcolor;
}

.lc-1usdo54 {
  display    : inline-block;
  flex-shrink: 0;
  width      : 1em;
  height     : 1em;
  font-size  : 1.5rem;
  user-select: none;
  fill       : currentcolor;
}

.lc-1ynzeli {
  margin       : 0px;
  color        : rgb(17, 17, 17);
  font-size    : 0.875rem;
  font-weight  : normal;
  white-space  : pre-line;
  overflow-wrap: break-word;
  word-break   : break-word;
}

.lc-2g7ffp {
  font-size  : 14px;
  font-weight: normal;
  margin     : 0px;
}

.lc-ioxvoy {
  width        : 100%;
  display      : inline-block;
  margin-bottom: 2px;
  font-size    : 0.875rem;
  font-weight  : normal;
  color        : rgb(17, 17, 17);
  overflow-wrap: break-word;
  word-break   : break-word;
}

.lc-22twvl {
  width           : 100%;
  border          : 1px solid rgb(117, 117, 117);
  appearance      : none;
  background-color: rgb(248, 248, 248);
  color           : rgb(17, 17, 17);
  font-family     : inherit;
  box-shadow      : none;
  transition      : border-color 100ms linear 0s, background-color 100ms linear 0s;
  border-radius   : 6px;
  font-size       : 0.875rem;
  font-weight     : normal;
  padding         : 8px;
  margin          : 2px 0px;
}

.lc-1e5ey9l {
  border-radius   : 6px;
  font-size       : 0.875rem;
  font-weight     : normal;
  color           : rgb(17, 17, 17);
  padding         : 8px;
  margin          : 2px 0px;
  width           : 100%;
  border          : 1px solid rgb(117, 117, 117);
  appearance      : none;
  background-color: rgb(248, 248, 248);
  font-family     : inherit;
  box-shadow      : none;
  transition      : border-color 100ms linear 0s;
  resize          : none;
}

.lc-12po95d-contact {
  color           : #fff;
  background-color: #0e7ccf;
  border-radius   : 10px;
  font-size       : 18px;
  line-height     : 22px;
  font-weight     : 700;
  padding         : 15px 50px;
  text-align      : center;
  text-decoration : none;
  vertical-align  : middle;
  border          : 1px solid transparent;
}

.lc-12po95d {
  border           : 0px;
  font-family      : inherit;
  width            : 100%;
  max-width        : 320px;
  flex-shrink      : 0;
  cursor           : pointer;
  display          : flex;
  -webkit-box-pack : center;
  justify-content  : center;
  -webkit-box-align: center;
  align-items      : center;
  outline-offset   : 2px;
  border-radius    : 6px;
  font-size        : 0.875rem;
  font-weight      : normal;
  padding          : 12px;
  color            : rgb(255, 255, 255);
  background-color : rgb(66, 127, 225);
  margin-top       : 8px;
}

@media (max-width: 1200px) {
  .list-menu {
    width: 305px;
  }
}