@import '_content/Memgroups.MgLibrary/Memgroups.MgLibrary.9fyys6luv8.bundle.scp.css';

/* _content/DpServer/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-eegcrzu212] {
  display: flex;
  flex-direction: column;
}

.content[b-eegcrzu212] {
  margin-top: 35px;
}

nav[b-eegcrzu212] {
  width: 100%;
}

.main-footer[b-eegcrzu212] {
  width: 100vw;
  height: 40px;
  background: white;
  border-top: 1px solid lightgrey;
}
.main-footer .copy[b-eegcrzu212] {
  margin-top: 8px;
  padding-left: 20px;
}
.main-footer .app-version[b-eegcrzu212] {
  margin-left: 20px;
}
/* _content/DpServer/Components/Pages/Admin/AdminContactMessages.razor.rz.scp.css */
.admin-msg-container[b-how08mx38g] {
  max-height: 500px;
  overflow-y: auto;
}

.msg-field[b-how08mx38g] {
  font-weight: 700;
}

.msg-value[b-how08mx38g] {
  display: inline-block;
}
/* _content/DpServer/Components/Pages/Admin/AdminLogs.razor.rz.scp.css */
.log-count[b-jryisn2y0f] {
  width: 250px;
  background: linear-gradient(to bottom, #d4e4ef 0%, #86aecc 100%);
  position: relative;
  top: 0.4rem;
}

.number-of-logs[b-jryisn2y0f] {
  margin-left: 15px;
  font-weight: 500;
}

.delete-log[b-jryisn2y0f] {
  margin-left: 50px;
}

.log-msgs[b-jryisn2y0f] {
  margin-top: 20px;
  margin-left: 5px;
}

.error_msg[b-jryisn2y0f] {
  color: red;
}
/* _content/DpServer/Components/Pages/Chat.razor.rz.scp.css */
.user-list[b-3e1c4kntit] {
  margin-right: 10px;
  height: 100%;
}

.chat-window[b-3e1c4kntit] {
  height: 100%;
}

.notice[b-3e1c4kntit] {
  padding: 10px;
}

[b-3e1c4kntit] .content-panel {
  height: 100%;
}
/* _content/DpServer/Components/Pages/Classifiers.razor.rz.scp.css */
.mw-bookmarks[b-7wzrt45y87] {
  margin-bottom: 10px;
}

[b-7wzrt45y87] .grid-header {
  white-space: break-spaces;
}

[b-7wzrt45y87] .grid-element {
  overflow-wrap: anywhere;
}

.info-container[b-7wzrt45y87] {
  padding: 12px;
}
.info-container p[b-7wzrt45y87], .info-container ul li p[b-7wzrt45y87] {
  text-align: justify;
}

@media only screen and (min-width: 768px) {
  [b-7wzrt45y87] .grid-header {
    white-space: nowrap;
  }
}
/* _content/DpServer/Components/Pages/Dictionary.razor.rz.scp.css */
.dict-bookmarks[b-xgrvz9zun3] {
  margin-bottom: 10px;
}

.query-time[b-xgrvz9zun3] {
  font-size: 1rem;
  margin-top: 10px;
  text-align: center;
}

.info-container[b-xgrvz9zun3] {
  padding: 12px;
  initial-letter: 3;
}
.info-container p[b-xgrvz9zun3], .info-container ul li p[b-xgrvz9zun3] {
  text-align: justify;
}
/* _content/DpServer/Components/Pages/HSK2.razor.rz.scp.css */
.h2-wrapper[b-o6hhqqagr2] {
  display: flex;
  margin-bottom: 20px;
}
.h2-wrapper .h2-info[b-o6hhqqagr2] {
  flex: 2;
}
.h2-wrapper .h2-cards[b-o6hhqqagr2] {
  flex: 8;
}

.info-container[b-o6hhqqagr2] {
  padding: 12px;
}
.info-container p[b-o6hhqqagr2], .info-container ul li p[b-o6hhqqagr2] {
  text-align: justify;
}

.hsk2-info[b-o6hhqqagr2] {
  margin-bottom: 50px;
}
.hsk2-info .hsk2-instr[b-o6hhqqagr2] {
  padding: 8px;
}

[b-o6hhqqagr2] .repeater-holder {
  flex-wrap: wrap;
}

.card-info[b-o6hhqqagr2] {
  position: relative;
  top: 1.2rem;
}

.page-number[b-o6hhqqagr2] {
  margin: 0 10px;
}

.nav-holder[b-o6hhqqagr2] {
  padding-top: 20px;
  line-height: 2.5;
  text-align: center;
}

.card-item[b-o6hhqqagr2] {
  border: 1px solid lightblue;
  border-radius: 5px;
  box-shadow: 1px 1px 1px grey;
  background: aliceblue;
  width: 220px;
  height: 150px;
  overflow-y: hidden;
  margin: 5px;
  text-align: center;
  font-size: 28px;
}
.card-item .card-toggler[b-o6hhqqagr2] {
  position: relative;
  top: 5px;
  left: 5px;
  width: 20px;
}
.card-item .itm-meaning[b-o6hhqqagr2] {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
  margin: 0 5px;
}

.card-dialog[b-o6hhqqagr2] {
  min-height: 200px;
  width: 380px;
  text-align: center;
  padding-bottom: 20px;
}
.card-dialog .dlg-chars[b-o6hhqqagr2] {
  font-size: 2.4rem;
  margin: 10px;
}

.card-pinyin[b-o6hhqqagr2] {
  font-size: 22px;
}

.card-character[b-o6hhqqagr2], .card-pinyin[b-o6hhqqagr2] {
  margin-bottom: 12px;
  align-content: center;
}

.open-dlg-icon[b-o6hhqqagr2] {
  cursor: pointer;
}

[b-o6hhqqagr2] .dialog-wrapper {
  margin-left: 100px;
}

.filter-wrapper[b-o6hhqqagr2] {
  margin: 10px;
}

[b-o6hhqqagr2] .repeater-holder {
  justify-content: space-evenly;
}

.flagged-items-wrapper[b-o6hhqqagr2] {
  margin-top: 20px;
}
.flagged-items-wrapper .flagged-items[b-o6hhqqagr2] {
  padding: 5px;
  min-height: 100px;
  font-weight: 400;
}
.flagged-items-wrapper .flagged-items .flagged-item[b-o6hhqqagr2] {
  margin-right: 10px;
}
.flagged-items-wrapper .flagged-items .flagged-item:hover[b-o6hhqqagr2] {
  cursor: text;
}

@media only screen and (min-width: 768px) {
  .hsk2-reqs[b-o6hhqqagr2] {
    text-align: center;
    height: 500px;
    margin-bottom: 20px;
  }
  .hsk2-reqs img[b-o6hhqqagr2] {
    width: 500px;
    height: 350px;
  }
}
.animate[b-o6hhqqagr2], .animate > *[b-o6hhqqagr2], [b-o6hhqqagr2] .animate, [b-o6hhqqagr2] .animate > * {
  animation: shimmer-b-o6hhqqagr2 2s infinite;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
  color: transparent !important;
  margin-top: 2px;
  margin-bottom: 2px;
}

@keyframes shimmer-b-o6hhqqagr2 {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
/* _content/DpServer/Components/Pages/HSK3.razor.rz.scp.css */
.h3-wrapper[b-dzpmp9hmj4] {
  display: flex;
  margin-bottom: 20px;
}
.h3-wrapper .h3-info[b-dzpmp9hmj4] {
  flex: 2;
}
.h3-wrapper .h3-cards[b-dzpmp9hmj4] {
  flex: 8;
}

.hsk3-info[b-dzpmp9hmj4] {
  margin-bottom: 50px;
}

[b-dzpmp9hmj4] .repeater-holder {
  flex-wrap: wrap;
}

.card-info[b-dzpmp9hmj4] {
  position: relative;
  top: 1.2rem;
}

.page-number[b-dzpmp9hmj4] {
  margin: 0 10px;
}

.nav-holder[b-dzpmp9hmj4] {
  padding-top: 20px;
  line-height: 2.5;
  text-align: center;
}

.card-item[b-dzpmp9hmj4] {
  border: 1px solid lightblue;
  border-radius: 5px;
  box-shadow: 1px 1px 1px grey;
  background: aliceblue;
  width: 220px;
  height: 180px;
  overflow-y: hidden;
  margin: 5px;
  padding: 20px 10px;
  text-align: center;
  font-size: 28px;
}
.card-item .itm-meaning[b-dzpmp9hmj4] {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
  margin: 10px 5px;
}

.card-dialog[b-dzpmp9hmj4] {
  min-height: 200px;
  width: 380px;
  text-align: center;
  padding-bottom: 20px;
}
.card-dialog .dlg-chars[b-dzpmp9hmj4] {
  font-size: 2.4rem;
  margin: 10px;
}

.open-dlg-icon[b-dzpmp9hmj4] {
  cursor: pointer;
}

.card-pinyin[b-dzpmp9hmj4] {
  font-size: 1rem;
}

.card-character[b-dzpmp9hmj4], .card-pinyin[b-dzpmp9hmj4] {
  margin-bottom: 8px;
}

.traditional[b-dzpmp9hmj4] {
  font-size: 16px;
}
.traditional:hover[b-dzpmp9hmj4] {
  font-size: 28px;
}

[b-dzpmp9hmj4] .dialog-wrapper {
  margin-left: 100px;
}

.filter-wrapper[b-dzpmp9hmj4] {
  margin: 10px;
}

.hsk3-reqs-container[b-dzpmp9hmj4] {
  margin-bottom: 20px;
}
.hsk3-reqs-container .hsk3-reqs[b-dzpmp9hmj4] {
  text-align: center;
  height: 500px;
}
.hsk3-reqs-container .hsk3-reqs table[b-dzpmp9hmj4] {
  font-size: 22px;
}
.hsk3-reqs-container .hsk3-reqs table th[b-dzpmp9hmj4] {
  width: 150px;
  background-color: lightblue;
}

[b-dzpmp9hmj4] .repeater-holder {
  justify-content: space-evenly;
}

.animate[b-dzpmp9hmj4], .animate > *[b-dzpmp9hmj4], [b-dzpmp9hmj4] .animate, [b-dzpmp9hmj4] .animate > * {
  animation: shimmer-b-dzpmp9hmj4 2s infinite;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
  color: transparent !important;
  margin-top: 2px;
  margin-bottom: 2px;
}

@keyframes shimmer-b-dzpmp9hmj4 {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
/* _content/DpServer/Components/Pages/Index.razor.rz.scp.css */
.section-item[b-l5g9p03y1v] {
  margin-bottom: 10px;
  border-bottom: 2px solid grey;
}

.mem-container[b-l5g9p03y1v] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  margin-left: 30px;
  margin-top: 15px;
}

.roadmap[b-l5g9p03y1v] {
  padding-right: 8px;
}

.warning[b-l5g9p03y1v] {
  background-color: lightskyblue;
  border: 1px solid lightgray;
  box-shadow: 3px 3px 3px lightgray;
  padding: 10px;
  border-radius: 8px;
}

.index-img[b-l5g9p03y1v] {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 600px) {
  .mem-container[b-l5g9p03y1v] {
    flex-direction: row;
  }
  .roadmap[b-l5g9p03y1v] {
    min-width: 25%;
  }
  .welcome[b-l5g9p03y1v] {
    padding-right: 30px;
  }
}
/* _content/DpServer/Components/Pages/Radicals.razor.rz.scp.css */
.radical-info[b-ue56482ca2] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.radical-info span[b-ue56482ca2] {
  margin-right: 25px;
}

.mode-select[b-ue56482ca2] {
  padding-left: 25%;
  margin-bottom: 10px;
}

.mode-text[b-ue56482ca2] {
  float: left;
  position: relative;
  top: 10px;
  left: 10px;
}

.info-container[b-ue56482ca2] {
  padding: 12px;
}
.info-container p[b-ue56482ca2], .info-container ul li p[b-ue56482ca2] {
  text-align: justify;
}

[b-ue56482ca2] .grid-element {
  overflow-wrap: anywhere;
}

[b-ue56482ca2] .mem-tree-container .mem-tree-folder {
  padding-left: 0;
}

[b-ue56482ca2] .grid-container .grid-header {
  white-space: break-spaces;
}

.animate[b-ue56482ca2], .animate > *[b-ue56482ca2], [b-ue56482ca2] .animate, [b-ue56482ca2] .animate > * {
  animation: shimmer-b-ue56482ca2 2s infinite;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
  color: transparent !important;
  margin-top: 2px;
  margin-bottom: 2px;
}

@keyframes shimmer-b-ue56482ca2 {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@media only screen and (min-width: 768px) {
  .radical-info[b-ue56482ca2] {
    margin-right: 10px;
  }
  [b-ue56482ca2] .grid-container .grid-header {
    white-space: nowrap;
  }
}
/* _content/DpServer/Components/Shared/Chat/ChatMessages.razor.rz.scp.css */
.chat-messages[b-1yfrr588mz] {
  min-height: 300px;
  max-height: 400px;
  overflow-y: scroll; }
  .chat-messages .user-msg[b-1yfrr588mz] {
    font-weight: 400; }
  .chat-messages .user-msg-user[b-1yfrr588mz] {
    font-style: italic;
    font-weight: 800; }
/* _content/DpServer/Components/Shared/Chat/ChatUserList.razor.rz.scp.css */
.user-list[b-amzpt2le44] {
  min-height: 300px;
  max-height: 400px; }
  .user-list .current-user[b-amzpt2le44], .user-list[b-amzpt2le44]  .current-user {
    font-style: italic;
    font-weight: 800;
    color: dodgerblue; }
  .user-list .other-user[b-amzpt2le44] {
    font-weight: 300; }
/* _content/DpServer/Components/Shared/Menus/HamMenu.razor.rz.scp.css */
.ham-nav[b-68g5veqlnu] {
  list-style: none;
  font-size: 14px;
  margin-left: -20px;
}

.list-item[b-68g5veqlnu] {
  margin-right: 10px;
}
/* _content/DpServer/Components/Shared/Menus/TopMenu.razor.rz.scp.css */
.menu-wrapper[b-ag1hw80hz6] {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.pages-menu[b-ag1hw80hz6] {
  width: 100%;
  position: fixed;
  top: 0;
  box-shadow: 0.1rem 0.1rem 0.5rem lightgrey;
  background: white;
  height: 50px;
  z-index: 10000;
  border-bottom: 1px solid #bbc6d3;
}

.main-menu[b-ag1hw80hz6] {
  margin-right: 30px;
}
.main-menu li a[b-ag1hw80hz6] {
  text-decoration: none;
}

.login-menu .main-menu .menu-parent-container .nav-link[b-ag1hw80hz6] {
  padding: 0.27rem 1rem;
}

.login-menu .main-menu .menu-parent-container .dropdown-item[b-ag1hw80hz6], .dropdown-parent[b-ag1hw80hz6] {
  background-color: aliceblue;
}

.login-menu .main-menu .menu-parent-container .dropdown-item:hover[b-ag1hw80hz6] {
  background-color: lightgrey;
}

.hamburger-menu[b-ag1hw80hz6] {
  display: block;
  position: relative;
  top: 10px;
  left: 10px;
  z-index: 100;
}

.full-menu[b-ag1hw80hz6] {
  display: none;
}

.ham-overlay[b-ag1hw80hz6] {
  display: block;
}

.ham-overlay .modal-backdrop[b-ag1hw80hz6] {
  margin-top: 50px;
}

.ham-overlay-hidden[b-ag1hw80hz6] {
  display: none;
}

@media only screen and (min-width: 768px) {
  .hamburger-menu[b-ag1hw80hz6] {
    display: none;
  }
  .full-menu[b-ag1hw80hz6] {
    display: block;
  }
}