@charset "UTF-8";
/*===================
FONTS=====================*/
body .delete-stock .ui.red.button {
  background-color: #000;
}
body .delete-stock .ui.green.button {
  background-color: #FFC701;
  color: #000;
}
body .delete-stock .actions {
  text-align: center !important;
}

body .logo .pageTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  margin-left: 10px;
  top: 7px;
  position: relative;
}

body .btnCustom {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.2;
  padding: 10px 0 !important;
  color: #070707;
}
body .Calendar__headerCustom {
  position: relative;
  padding: 1rem 2rem;
}
body .Calendar__headerCustom .closeIcon {
  position: absolute;
  top: 1rem;
  cursor: pointer;
  right: 2rem;
}
body .Calendar__headerCustom h5 {
  font-family: "Inter", sans-serif;
  font-size: 17px !important;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
body .Calendar__headerCustom--block {
  display: flex;
  justify-content: space-between;
}
body .Calendar__headerCustom .blockHeader span {
  display: block;
}
body .Calendar__headerCustom .blockHeader span:first-child {
  font-family: "Inter", sans-serif;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
  padding-bottom: 5px;
}
body .Calendar__headerCustom .blockHeader span:last-child {
  font-family: "Inter", sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.2;
  color: #6D6565;
}

i.my-icon {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #171721;
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
}
i.my-icon.my-icon-overview {
  mask-image: url(/fonts/overview.svg);
  -webkit-mask-image: url(/fonts/overview.svg);
}
i.my-icon.my-icon-stats {
  mask-image: url(/fonts/stats.svg);
  -webkit-mask-image: url(/fonts/stats.svg);
}
i.my-icon.my-icon-account {
  mask-image: url(/fonts/account.svg);
  -webkit-mask-image: url(/fonts/account.svg);
}
i.my-icon.my-icon-payment {
  mask-image: url(/fonts/payment.svg);
  -webkit-mask-image: url(/fonts/payment.svg);
}
i.my-icon.my-icon-dollar {
  mask-image: url(/fonts/dollar.svg);
  -webkit-mask-image: url(/fonts/dollar.svg);
}
i.my-icon.my-icon-stock-up-circle {
  mask-image: url(/fonts/stock-up-circle.svg);
  -webkit-mask-image: url(/fonts/stock-up-circle.svg);
}
i.my-icon.my-icon-left-tilted-bell-ringing {
  mask-image: url(/fonts/left-tilted-bell-ringing.svg);
  -webkit-mask-image: url(/fonts/left-tilted-bell-ringing.svg);
}
i.my-icon.my-icon-sliders-h2 {
  mask-image: url(/fonts/sliders-h2.svg);
  -webkit-mask-image: url(/fonts/sliders-h2.svg);
}
i.my-icon.my-icon-copy1 {
  mask-image: url(/fonts/copy1.svg);
  -webkit-mask-image: url(/fonts/copy1.svg);
}
i.my-icon.my-icon-money-bag {
  mask-image: url(/fonts/money-bag.svg);
  -webkit-mask-image: url(/fonts/money-bag.svg);
}
i.my-icon.my-icon-lookup2 {
  mask-image: url(/fonts/lookup2.svg);
  -webkit-mask-image: url(/fonts/lookup2.svg);
}
i.my-icon.my-icon-bell {
  mask-image: url(/fonts/bell.svg);
  -webkit-mask-image: url(/fonts/bell.svg);
}
i.my-icon.my-icon-arrow-up {
  mask-image: url(/fonts/arrow-up.svg);
  -webkit-mask-image: url(/fonts/arrow-up.svg);
}
i.my-icon.my-icon-arrow-down {
  mask-image: url(/fonts/arrow-down.svg);
  -webkit-mask-image: url(/fonts/arrow-down.svg);
}
i.my-icon.my-icon-arrow-left {
  mask-image: url(/fonts/arrow-left.svg);
  -webkit-mask-image: url(/fonts/arrow-left.svg);
}
i.my-icon.my-icon-arrow-right {
  mask-image: url(/fonts/arrow-right.svg);
  -webkit-mask-image: url(/fonts/arrow-right.svg);
}
i.my-icon.my-icon-arrow-dropdown {
  mask-image: url(/fonts/arrow-dropdown.svg);
  -webkit-mask-image: url(/fonts/arrow-dropdown.svg);
}
i.my-icon.my-icon-eye {
  mask-image: url(/fonts/eye.svg);
  -webkit-mask-image: url(/fonts/eye.svg);
}
i.my-icon.my-icon-eye-slash {
  mask-image: url(/fonts/eye-slash.svg);
  -webkit-mask-image: url(/fonts/eye-slash.svg);
}
i.my-icon.my-icon-chart-up {
  mask-image: url(/fonts/chart-up.svg);
  -webkit-mask-image: url(/fonts/chart-up.svg);
}
i.my-icon.my-icon-chart-down {
  mask-image: url(/fonts/chart-down.svg);
  -webkit-mask-image: url(/fonts/chart-down.svg);
}
i.my-icon.my-icon-calendar {
  mask-image: url(/fonts/calendar.svg);
  -webkit-mask-image: url(/fonts/calendar.svg);
}
i.my-icon.my-icon-calendar2 {
  mask-image: url(/fonts/calendar2.svg);
  -webkit-mask-image: url(/fonts/calendar2.svg);
}
i.my-icon.my-icon-camera {
  mask-image: url(/fonts/camera.svg);
  -webkit-mask-image: url(/fonts/camera.svg);
}
i.my-icon.my-icon-clear {
  mask-image: url(/fonts/clear.svg);
  -webkit-mask-image: url(/fonts/clear.svg);
}
i.my-icon.my-icon-arrow-up-down {
  mask-image: url(/fonts/arrow-up-down.svg);
  -webkit-mask-image: url(/fonts/arrow-up-down.svg);
}
i.my-icon.my-icon-arrow-up-down2 {
  mask-image: url(/fonts/arrow-up-down2.svg);
  -webkit-mask-image: url(/fonts/arrow-up-down2.svg);
}
i.my-icon.my-icon-dollar-tag {
  mask-image: url(/fonts/dollar-tag.svg);
  -webkit-mask-image: url(/fonts/dollar-tag.svg);
}
i.my-icon.my-icon-television1 {
  mask-image: url(/fonts/television1.svg);
  -webkit-mask-image: url(/fonts/television1.svg);
}
i.my-icon.my-icon-television2 {
  mask-image: url(/fonts/television2.svg);
  -webkit-mask-image: url(/fonts/television2.svg);
}
i.my-icon.my-icon-edit {
  mask-image: url(/fonts/edit.svg);
  -webkit-mask-image: url(/fonts/edit.svg);
}
i.my-icon.my-icon-edit2 {
  mask-image: url(/fonts/edit2.svg);
  -webkit-mask-image: url(/fonts/edit2.svg);
}
i.my-icon.my-icon-edit3 {
  mask-image: url(/fonts/edit3.svg);
  -webkit-mask-image: url(/fonts/edit3.svg);
}
i.my-icon.my-icon-edit4 {
  mask-image: url(/fonts/edit4.svg);
  -webkit-mask-image: url(/fonts/edit4.svg);
}
i.my-icon.my-icon-eraser {
  mask-image: url(/fonts/eraser.svg);
  -webkit-mask-image: url(/fonts/eraser.svg);
}
i.my-icon.my-icon-save1 {
  mask-image: url(/fonts/save1.svg);
  -webkit-mask-image: url(/fonts/save1.svg);
}
i.my-icon.my-icon-save2 {
  mask-image: url(/fonts/save2.svg);
  -webkit-mask-image: url(/fonts/save2.svg);
}
i.my-icon.my-icon-crossX {
  mask-image: url(/fonts/crossX.svg);
  -webkit-mask-image: url(/fonts/crossX.svg);
}
i.my-icon.my-icon-cloud-download {
  mask-image: url(/fonts/cloud-download.svg);
  -webkit-mask-image: url(/fonts/cloud-download.svg);
}
i.my-icon.my-icon-plus {
  mask-image: url(/fonts/plus.svg);
  -webkit-mask-image: url(/fonts/plus.svg);
}
i.my-icon.my-icon-plus2 {
  mask-image: url(/fonts/plus2.svg);
  -webkit-mask-image: url(/fonts/plus2.svg);
}
i.my-icon.my-icon-minus2 {
  mask-image: url(/fonts/minus2.svg);
  -webkit-mask-image: url(/fonts/minus2.svg);
}
i.my-icon.my-icon-silence {
  mask-image: url(/fonts/silence.svg);
  -webkit-mask-image: url(/fonts/silence.svg);
}
i.my-icon.my-icon-left-double-arrow {
  mask-image: url(/fonts/left-double-arrow.svg);
  -webkit-mask-image: url(/fonts/left-double-arrow.svg);
}
i.my-icon.my-icon-right-double-arrow {
  mask-image: url(/fonts/right-double-arrow.svg);
  -webkit-mask-image: url(/fonts/right-double-arrow.svg);
}
i.my-icon.my-icon-email {
  mask-image: url(/fonts/email.svg);
  -webkit-mask-image: url(/fonts/email.svg);
}
i.my-icon.my-icon-checkmark-circle {
  mask-image: url(/fonts/checkmark-circle.svg);
  -webkit-mask-image: url(/fonts/checkmark-circle.svg);
}
i.my-icon.my-icon-group-of-three1 {
  mask-image: url(/fonts/group-of-three1.svg);
  -webkit-mask-image: url(/fonts/group-of-three1.svg);
}
i.my-icon.my-icon-group-of-three2 {
  mask-image: url(/fonts/group-of-three2.svg);
  -webkit-mask-image: url(/fonts/group-of-three2.svg);
}
i.my-icon.my-icon-phone {
  mask-image: url(/fonts/phone.svg);
  -webkit-mask-image: url(/fonts/phone.svg);
}
i.my-icon.my-icon-platform {
  mask-image: url(/fonts/platform.svg);
  -webkit-mask-image: url(/fonts/platform.svg);
}
i.my-icon.my-icon-gift-box {
  mask-image: url(/fonts/gift-box.svg);
  -webkit-mask-image: url(/fonts/gift-box.svg);
}
i.my-icon.my-icon-mail-box {
  mask-image: url(/fonts/mail-box.svg);
  -webkit-mask-image: url(/fonts/mail-box.svg);
}
i.my-icon.my-icon-role {
  mask-image: url(/fonts/role.svg);
  -webkit-mask-image: url(/fonts/role.svg);
}
i.my-icon.my-icon-location {
  mask-image: url(/fonts/location.svg);
  -webkit-mask-image: url(/fonts/location.svg);
}
i.my-icon.my-icon-location2 {
  mask-image: url(/fonts/location2.svg);
  -webkit-mask-image: url(/fonts/location2.svg);
}
i.my-icon.my-icon-lock {
  mask-image: url(/fonts/lock.svg);
  -webkit-mask-image: url(/fonts/lock.svg);
}
i.my-icon.my-icon-copy2 {
  mask-image: url(/fonts/copy2.svg);
  -webkit-mask-image: url(/fonts/copy2.svg);
}
i.my-icon.my-icon-arrow-dropdown2 {
  mask-image: url(/fonts/arrow-dropdown2.svg);
  -webkit-mask-image: url(/fonts/arrow-dropdown2.svg);
}
i.my-icon.my-icon-arrow-drop-right {
  mask-image: url(/fonts/arrow-drop-right.svg);
  -webkit-mask-image: url(/fonts/arrow-drop-right.svg);
}
i.my-icon.my-icon-gender {
  mask-image: url(/fonts/gender.svg);
  -webkit-mask-image: url(/fonts/gender.svg);
}
i.my-icon.my-icon-chat-bubble1 {
  mask-image: url(/fonts/chat-bubble1.svg);
  -webkit-mask-image: url(/fonts/chat-bubble1.svg);
}
i.my-icon.my-icon-chat-bubble2 {
  mask-image: url(/fonts/chat-bubble2.svg);
  -webkit-mask-image: url(/fonts/chat-bubble2.svg);
}
i.my-icon.my-icon-star {
  mask-image: url(/fonts/star.svg);
  -webkit-mask-image: url(/fonts/star.svg);
}
i.my-icon.my-icon-star-hollow {
  mask-image: url(/fonts/star-hollow.svg);
  -webkit-mask-image: url(/fonts/star-hollow.svg);
}
i.my-icon.my-icon-medal1 {
  mask-image: url(/fonts/medal1.svg);
  -webkit-mask-image: url(/fonts/medal1.svg);
}
i.my-icon.my-icon-medal2 {
  mask-image: url(/fonts/medal2.svg);
  -webkit-mask-image: url(/fonts/medal2.svg);
}
i.my-icon.my-icon-box {
  mask-image: url(/fonts/box.svg);
  -webkit-mask-image: url(/fonts/box.svg);
}
i.my-icon.my-icon-dollar-paper1 {
  mask-image: url(/fonts/dollar-paper1.svg);
  -webkit-mask-image: url(/fonts/dollar-paper1.svg);
}
i.my-icon.my-icon-dollar-paper2 {
  mask-image: url(/fonts/dollar-paper2.svg);
  -webkit-mask-image: url(/fonts/dollar-paper2.svg);
}
i.my-icon.my-icon-circle-plus {
  mask-image: url(/fonts/circle-plus.svg);
  -webkit-mask-image: url(/fonts/circle-plus.svg);
}
i.my-icon.my-icon-circle-minus {
  mask-image: url(/fonts/circle-minus.svg);
  -webkit-mask-image: url(/fonts/circle-minus.svg);
}
i.my-icon.my-icon-pen {
  mask-image: url(/fonts/pen.svg);
  -webkit-mask-image: url(/fonts/pen.svg);
}
i.my-icon.my-icon-v6-dots {
  mask-image: url(/fonts/v6-dots.svg);
  -webkit-mask-image: url(/fonts/v6-dots.svg);
}
i.my-icon.my-icon-v3-dots {
  mask-image: url(/fonts/v3-dots.svg);
  -webkit-mask-image: url(/fonts/v3-dots.svg);
}
i.my-icon.my-icon-candle-chart {
  mask-image: url(/fonts/candle-chart.svg);
  -webkit-mask-image: url(/fonts/candle-chart.svg);
}
i.my-icon.my-icon-dollar-bag {
  mask-image: url(/fonts/dollar-bag.svg);
  -webkit-mask-image: url(/fonts/dollar-bag.svg);
}
i.my-icon.my-icon-paper-bill {
  mask-image: url(/fonts/paper-bill.svg);
  -webkit-mask-image: url(/fonts/paper-bill.svg);
}
i.my-icon.my-icon-refresh {
  mask-image: url(/fonts/refresh.svg);
  -webkit-mask-image: url(/fonts/refresh.svg);
}
i.my-icon.my-icon-wallet {
  mask-image: url(/fonts/wallet.svg);
  -webkit-mask-image: url(/fonts/wallet.svg);
}
i.my-icon.my-icon-card-out {
  mask-image: url(/fonts/card-out.svg);
  -webkit-mask-image: url(/fonts/card-out.svg);
}
i.my-icon.my-icon-folder {
  mask-image: url(/fonts/folder.svg);
  -webkit-mask-image: url(/fonts/folder.svg);
}
i.my-icon.my-icon-cloud-upload {
  mask-image: url(/fonts/cloud-upload.svg);
  -webkit-mask-image: url(/fonts/cloud-upload.svg);
}
i.my-icon.my-icon-open-link {
  mask-image: url(/fonts/open-link.svg);
  -webkit-mask-image: url(/fonts/open-link.svg);
}
i.my-icon.my-icon-web {
  mask-image: url(/fonts/web.svg);
  -webkit-mask-image: url(/fonts/web.svg);
}
i.my-icon.my-icon-qr {
  mask-image: url(/fonts/qr.svg);
  -webkit-mask-image: url(/fonts/qr.svg);
}
i.my-icon.my-icon-search {
  mask-image: url(/fonts/search.svg);
  -webkit-mask-image: url(/fonts/search.svg);
}
i.my-icon.my-icon-scale {
  mask-image: url(/fonts/scale.svg);
  -webkit-mask-image: url(/fonts/scale.svg);
}
i.my-icon.my-icon-notification {
  mask-image: url(/fonts/notification.svg);
  -webkit-mask-image: url(/fonts/notification.svg);
}
i.my-icon.my-icon-recycle-bin {
  mask-image: url(/fonts/recycle-bin.svg);
  -webkit-mask-image: url(/fonts/recycle-bin.svg);
}
i.my-icon.my-icon-chevron-up {
  mask-image: url(/fonts/chevron-up.svg);
  -webkit-mask-image: url(/fonts/chevron-up.svg);
}
i.my-icon.my-icon-chevron-down {
  mask-image: url(/fonts/chevron-down.svg);
  -webkit-mask-image: url(/fonts/chevron-down.svg);
}
i.my-icon.my-icon-star-plus {
  mask-image: url(/fonts/star-plus.svg);
  -webkit-mask-image: url(/fonts/star-plus.svg);
}
i.my-icon.my-icon-short-dash {
  mask-image: url(/fonts/short-dash.svg);
  -webkit-mask-image: url(/fonts/short-dash.svg);
}
i.my-icon.my-icon-circled-question-mark {
  mask-image: url(/fonts/circled-question-mark.svg);
  -webkit-mask-image: url(/fonts/circled-question-mark.svg);
}
i.my-icon.my-icon-lock2 {
  mask-image: url(/fonts/lock2.svg);
  -webkit-mask-image: url(/fonts/lock2.svg);
}
i.my-icon.my-icon-paper-plane {
  mask-image: url(/fonts/paper-plane.svg);
  -webkit-mask-image: url(/fonts/paper-plane.svg);
}
i.my-icon.my-icon-direction-right {
  mask-image: url(/fonts/direction-right.svg);
  -webkit-mask-image: url(/fonts/direction-right.svg);
}
i.my-icon.my-icon-thumb-up {
  mask-image: url(/fonts/thumb-up.svg);
  -webkit-mask-image: url(/fonts/thumb-up.svg);
}
i.my-icon.my-icon-chat-bubble3 {
  mask-image: url(/fonts/chat-bubble3.svg);
  -webkit-mask-image: url(/fonts/chat-bubble3.svg);
}
i.my-icon.my-icon-facebook {
  mask-image: url(/fonts/facebook.svg);
  -webkit-mask-image: url(/fonts/facebook.svg);
}
i.my-icon.my-icon-zoom-out {
  mask-image: url(/fonts/zoom-out.svg);
  -webkit-mask-image: url(/fonts/zoom-out.svg);
}
i.my-icon.my-icon-zoom-in {
  mask-image: url(/fonts/zoom-in.svg);
  -webkit-mask-image: url(/fonts/zoom-in.svg);
}
i.my-icon.my-icon-lookup-plus {
  mask-image: url(/fonts/lookup-plus.svg);
  -webkit-mask-image: url(/fonts/lookup-plus.svg);
}
i.my-icon.my-icon-lookup-minus {
  mask-image: url(/fonts/lookup-minus.svg);
  -webkit-mask-image: url(/fonts/lookup-minus.svg);
}
i.my-icon.my-icon-user-setting {
  mask-image: url(/fonts/user-setting.svg);
  -webkit-mask-image: url(/fonts/user-setting.svg);
}
i.my-icon.my-icon-logout {
  mask-image: url(/fonts/logout.svg);
  -webkit-mask-image: url(/fonts/logout.svg);
}
i.my-icon.my-icon-birthday-cake {
  mask-image: url(/fonts/birthday-cake.svg);
  -webkit-mask-image: url(/fonts/birthday-cake.svg);
}
i.my-icon.my-icon-email2 {
  mask-image: url(/fonts/email2.svg);
  -webkit-mask-image: url(/fonts/email2.svg);
}
i.my-icon.my-icon-phone-calling {
  mask-image: url(/fonts/phone-calling.svg);
  -webkit-mask-image: url(/fonts/phone-calling.svg);
}
i.my-icon.my-icon-user {
  mask-image: url(/fonts/user.svg);
  -webkit-mask-image: url(/fonts/user.svg);
}
i.my-icon.my-icon-hexagon {
  mask-image: url(/fonts/hexagon.svg);
  -webkit-mask-image: url(/fonts/hexagon.svg);
}
i.my-icon.my-icon-double-checkmark {
  mask-image: url(/fonts/double-checkmark.svg);
  -webkit-mask-image: url(/fonts/double-checkmark.svg);
}
i.my-icon.my-icon-setting {
  mask-image: url(/fonts/setting.svg);
  -webkit-mask-image: url(/fonts/setting.svg);
}
i.my-icon.my-icon-compare {
  mask-image: url(/fonts/compare.svg);
  -webkit-mask-image: url(/fonts/compare.svg);
}
i.my-icon.my-icon-align-right {
  mask-image: url(/fonts/align-right.svg);
  -webkit-mask-image: url(/fonts/align-right.svg);
}
i.my-icon.my-icon-checkmark {
  mask-image: url(/fonts/checkmark.svg);
  -webkit-mask-image: url(/fonts/checkmark.svg);
}
i.my-icon.my-icon-checkmark-flat {
  mask-image: url(/fonts/checkmark-flat.svg);
  -webkit-mask-image: url(/fonts/checkmark-flat.svg);
}
i.my-icon.my-icon-close-modal {
  mask-image: url(/fonts/close-modal.svg);
  -webkit-mask-image: url(/fonts/close-modal.svg);
}
i.my-icon.my-icon-reload {
  mask-image: url(/fonts/reload.svg);
  -webkit-mask-image: url(/fonts/reload.svg);
}
i.my-icon.my-icon-arrow-right-fat {
  mask-image: url(/fonts/arrow-right-fat.svg);
  -webkit-mask-image: url(/fonts/arrow-right-fat.svg);
}
i.my-icon.my-icon-master-data {
  mask-image: url(/fonts/master-data.svg);
  -webkit-mask-image: url(/fonts/master-data.svg);
}

* {
  font-family: "Public Sans", sans-serif;
}

.pageClient * {
  font-family: "Roboto", sans-serif;
}

.pageClient h1, h2, h3, h4, h5 {
  font-family: "Roboto", sans-serif;
}

.client-mobile-container * {
  font-family: "Roboto", sans-serif;
  color: #434D56;
}

:root, html, body {
  color: #171721;
}
:root .pageClient, html .pageClient, body .pageClient {
  color: #434D56;
}

.Modal.client-modal * {
  font-family: "Roboto", sans-serif;
  color: #434D56;
}

.ui.popup.visible * ::-webkit-scrollbar {
  width: 6px !important;
  border-radius: 50px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.color-grey {
  color: #8083a3;
}

.background-grey {
  background-color: #8083a3 !important;
}

.background-black-light {
  background-color: #292C43 !important;
}

.background-yellow {
  background-color: #FFC702 !important;
}

.background-white {
  background-color: #fff !important;
}

.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  /* for Chrome, Safari and Opera */
  display: none;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.wh-100 {
  width: 100% !important;
  height: 100% !important;
}

.flex-vh-centered, .admin--NewArticleContainer .footer-part .article-settings .plus-button, .admin--NewArticleContainer .footer-part .stock-settings .plus-button, .admin--NewArticleContainer .footer-part .recommend-settings .plus-button, .admin--NewArticleContainer .settings-section .bottom-part .article-settings .plus-button, .admin--NewArticleContainer .settings-section .bottom-part .stock-settings .plus-button, .admin--NewArticleContainer .settings-section .bottom-part .recommend-settings .plus-button, .admin--InterfaceContainer .footer-info .app-link-inputs-wrap .click-area, .admin--InterfaceContainer .social-inputs-group .click-area, .client--Category .fixed-scroll-top, .HomeContainer .zalo-group, .HomeContainer .fixed-scroll-top, .admin--BannerContainer--BannerFormModal .form-group.imageUrl .upload-icon, .admin--BannerContainer--BannerFormModal .form-group.imageUrl .click-area, .client--CreateCategory .component-header .close-btn, .client--AddCategory .component-header .close-btn, .client--Community .chat-block .comment-item .comment-content-wrap .avatar-indicator, .client--BearBullPoll .images-wrap .img-inner-wrap, .navbar.header .navbar-right .nav-item.hasBorder .nav-link {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.flex-v-centered {
  display: flex !important;
  align-items: center;
}

.flex-h-centered {
  display: flex !important;
  justify-content: center;
}

.info-card {
  border: 1px solid #cacaca;
  border-radius: 16px;
}
.info-card--header {
  border-bottom: 1px solid rgba(202, 202, 202, 0.6);
  padding: 16px 12px 16px 24px;
}
.info-card--title {
  font-weight: bold;
  font-size: 16px;
  color: #8083a3;
}

.section-wrap--header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
.to-detail {
  font-weight: bold !important;
  color: #3E7EFF !important;
}

.logo-contain {
  object-fit: contain;
}

.logo-cover {
  object-fit: cover;
}
.logo-cover.no-avatar {
  object-fit: scale-down;
  background-color: #E4E4E4;
}

.text-truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.border-none {
  border: none;
}

a.span-like {
  color: #171721;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.span-like:hover {
  color: #171721;
  text-decoration: none;
}

.clickable {
  cursor: pointer;
}

.float-icon-wrap {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.vh-centered-float, .client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .no-data-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.v-centered-float {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.header-1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
}

.header-2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
}

.caption-1 {
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  color: #8083a3;
}

.inline-input {
  font-weight: bold;
  color: #292C43;
  background-color: #F2F2FF;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 13px;
  border: none;
  text-align: center;
}
.inline-input:focus {
  outline: none;
}

.h-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-27 {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.no-border {
  border: none !important;
}

.package-label {
  border-radius: 8px;
  font-weight: bold;
  padding: 8px;
  font-size: 10px;
  line-height: 18px;
}
.package-label.free {
  background-color: #F0F7FF;
  color: #59B0F1;
}
.package-label.fund {
  background-color: #F5F5FA;
  color: #8083a3;
}
.package-label.other {
  background-color: #F5F5FA;
  color: #8083a3;
}
.package-label.gold {
  background-color: #FFF7E6;
  color: #FFAE00;
}
.package-label.premium {
  background-color: #E7E9FD;
  color: #5050A5;
}

.v-center-float {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.has-card-border, .admin--MarketContainer--MarketTable {
  border: 1px solid #CACACA;
  border-radius: 16px;
}

.admin-search-box-wrap {
  width: 219px;
  height: 40px;
  position: relative;
}

.client-search-box-wrap {
  width: 338px;
  height: 40px;
  position: relative;
}

.free-package-bg {
  background: #5B9BD5;
}

.premium-package-bg {
  background: #178F27;
}

.gold-package-bg {
  background: #FB7A02;
}

.fund-package-bg {
  background: #834c9b;
}

a.span-like {
  color: #171721;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.span-like:hover {
  color: #171721;
  text-decoration: none;
}

.pageClient a.span-like {
  color: #434D56;
}
.pageClient a.span-like:hover {
  color: #434D56;
}
.pageClient .section-header {
  font-weight: bold;
  font-size: 24px;
}

.color-free {
  color: #5B9BD5;
}

.color-premium {
  color: #178F27;
}

.color-gold {
  color: #FB7A02;
}

.color-fund {
  color: #834c9b;
}

label.custom-radio {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  user-select: none;
  margin-bottom: 0;
  color: #171721;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
label.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
label.custom-radio .checkmark {
  margin-right: 8px;
  position: relative;
  height: 14px;
  width: 14px;
  background-color: #F5F5FA;
  border-radius: 50%;
}
label.custom-radio:hover input ~ .checkmark {
  background-color: #ccc;
}
label.custom-radio input:checked ~ .checkmark {
  background-color: #FFC702;
}
label.custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
label.custom-radio input:checked ~ .checkmark:after {
  display: block;
}
label.custom-radio .checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
label.custom-radio.grey-radio input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #8083a3;
}
label.custom-radio.grey-radio .checkmark:after {
  background-color: #8083a3;
}

label.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin-bottom: 0;
}

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

.slider {
  position: absolute;
  cursor: pointer;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

input:disabled + .slider {
  cursor: initial;
}

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

input:focus + .slider {
  box-shadow: 0 0 1px #FFC702;
}

input:checked + .slider:before {
  transform: translateX(16px);
}

.pageClient .slider {
  background-color: #F5F5FA;
}
.pageClient .slider:before {
  background-color: #8083A3;
}
.pageClient input:checked + .slider:before {
  background-color: #fff;
}

label.custom-checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  user-select: none;
  margin-bottom: 0;
  color: #171721;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a yellow background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
}
label.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
label.custom-checkbox .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  height: 14px;
  width: 14px;
  background-color: #e6e6e7;
  border-radius: 4px;
}
label.custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
label.custom-checkbox input:checked ~ .checkmark {
  background-color: #FFC702;
}
label.custom-checkbox .checkmark .check-icon {
  display: none;
  width: 50%;
}
label.custom-checkbox input:checked ~ .checkmark .check-icon {
  display: block;
}

.doughnut-label-item .label-item--indicator.premium {
  background-color: #3E7EFF;
}
.doughnut-label-item .label-item--indicator.gold {
  background-color: #FFC702;
}
.doughnut-label-item .label-item--indicator.fund {
  background-color: #5FDCB3;
}
.doughnut-label-item .label-item--indicator.manage {
  background-color: #6167EA;
}
.doughnut-label-item .label-item--indicator.marketing {
  background-color: #8BC7FF;
}
.doughnut-label-item .label-item--indicator.salary {
  background-color: #FA9846;
}
.doughnut-label-item .label-item--indicator.other {
  background-color: #8083A3;
}

.form-control.custom-input {
  padding-top: 10px;
  padding-left: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
  border-radius: 8px;
  border: 1px solid #D8D8D8;
}
.form-control.custom-input:focus {
  border: 1px solid #8083a3;
  box-shadow: none;
}
.form-control.custom-input.custom-text-input {
  padding-bottom: 10px;
  height: 38px;
}
.form-control.custom-input.custom-textarea-input {
  resize: none;
  height: 250px;
  min-height: 110px;
  cursor: auto;
}
.form-control::-webkit-scrollbar {
  width: 4px !important;
  border-radius: 50px;
}

.form-group {
  margin-bottom: 16px;
}
.form-group:last-child {
  margin-bottom: 0;
}
.form-group .form-label {
  font-size: 14px;
  line-height: 21px;
  color: #8083a3;
  margin-bottom: 8px;
}
.form-group .error-message {
  display: block;
  font-style: italic;
  width: 100%;
  margin-top: 6px;
  font-size: 10px;
  line-height: 9.4px;
  color: #DA2F58;
}

form.formik-form .form-group.file-field-group .click-area {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-height: 133px;
  border-radius: 8px;
  border: 1px solid rgba(228, 230, 232, 0.6);
  background-color: #f9f9fc;
}
form.formik-form .form-group.file-field-group .click-area .upload-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 1px dashed #E4E6E8;
  background: #F5F5FA;
}
form.formik-form .form-group.single-choice-group .options-wrap {
  display: flex;
  justify-content: space-between;
}

.pageClient-wrap .form-control.custom-input {
  font-size: 14px;
}
.pageClient-wrap .form-control.custom-input.-error::placeholder {
  color: #CF304A;
}
.pageClient-wrap .error-message {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-style: normal;
  padding-left: 13px;
}

form .admin-error-message {
  display: block;
  font-style: italic;
  width: 100%;
  margin-top: 4px;
  margin-left: 13px;
  font-size: 10px;
  line-height: 9.4px;
  color: #DA2F58 !important;
}

.custom-tooltip-wrap {
  padding: 12px 13px 9px 14px !important;
  background: rgba(30, 30, 30, 0.9);
  backdrop-filter: blur(4px) !important;
  border-radius: 8px !important;
}
.custom-tooltip-wrap.show {
  opacity: 0.9 !important;
}
.custom-tooltip-wrap .tooltip-caption {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-decoration: underline;
}
.custom-tooltip-wrap .tooltip-content {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  text-align: justify;
  color: #FFFFFF;
}
.custom-tooltip-wrap .tooltip-line-hint {
  font-size: 14px;
  line-height: 16px;
}

.bar-chart-tooltip-container {
  border-radius: 2px;
  position: absolute;
  display: block;
  visibility: hidden;
  transform: translate(-50%, -100%);
  background: #fff;
  padding: 7px 21px 10px;
  box-shadow: 0px 8px 15px rgba(152, 169, 188, 0.267182);
  z-index: 1;
}
.bar-chart-tooltip-container .tooltip-label {
  font-size: 14px;
  line-height: 21px;
  color: #8083A3;
  margin-bottom: 1px;
  text-align: center;
}
.bar-chart-tooltip-container .tooltip-content {
  font-size: 14px;
  line-height: 21px;
  color: #171721;
  font-weight: bold;
  text-align: center;
  width: max-content;
}
.bar-chart-tooltip-container .tooltip-arrow {
  position: absolute;
  height: 0px;
  width: 0px;
  border-top: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  left: calc(50% - 13px);
  bottom: -6.5px;
}

.double-bars-chart-tooltip-container {
  visibility: hidden;
  border-radius: 2px;
  position: absolute;
  display: block;
  transform: translate(-50%, -100%);
  background: #fff;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
  box-shadow: 0px 8px 15px rgba(152, 169, 188, 0.267182);
  z-index: 1;
}
.double-bars-chart-tooltip-container .tooltip-label {
  font-size: 14px;
  line-height: 21px;
  color: #8083A3;
  margin-bottom: 1px;
  text-align: center;
}
.double-bars-chart-tooltip-container .tooltip-content {
  font-size: 14px;
  line-height: 21px;
  color: #171721;
  font-weight: bold;
  text-align: center;
  width: max-content;
}
.double-bars-chart-tooltip-container .tooltip-content--line {
  font-weight: 550;
  font-size: 10px;
  line-height: 21px;
  color: #171721;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.double-bars-chart-tooltip-container .tooltip-content--line .line-box {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  margin-right: 9px;
}
.double-bars-chart-tooltip-container .tooltip-content--line .line-label {
  margin-right: 7px;
}
.double-bars-chart-tooltip-container .tooltip-arrow {
  position: absolute;
  height: 0px;
  width: 0px;
  border-top: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  left: calc(50% - 13px);
  bottom: -6.5px;
}

.progress-bar-wrap {
  min-width: 140px;
  position: relative;
  justify-content: center;
}
.progress-bar-wrap .colored {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #34ADF1;
  border-radius: 20px;
  transition: width 0.2s ease;
}
.progress-bar-wrap.percent-1 .colored {
  width: 1%;
}
.progress-bar-wrap.percent-2 .colored {
  width: 2%;
}
.progress-bar-wrap.percent-3 .colored {
  width: 3%;
}
.progress-bar-wrap.percent-4 .colored {
  width: 4%;
}
.progress-bar-wrap.percent-5 .colored {
  width: 5%;
}
.progress-bar-wrap.percent-6 .colored {
  width: 6%;
}
.progress-bar-wrap.percent-7 .colored {
  width: 7%;
}
.progress-bar-wrap.percent-8 .colored {
  width: 8%;
}
.progress-bar-wrap.percent-9 .colored {
  width: 9%;
}
.progress-bar-wrap.percent-10 .colored {
  width: 10%;
}
.progress-bar-wrap.percent-11 .colored {
  width: 11%;
}
.progress-bar-wrap.percent-12 .colored {
  width: 12%;
}
.progress-bar-wrap.percent-13 .colored {
  width: 13%;
}
.progress-bar-wrap.percent-14 .colored {
  width: 14%;
}
.progress-bar-wrap.percent-15 .colored {
  width: 15%;
}
.progress-bar-wrap.percent-16 .colored {
  width: 16%;
}
.progress-bar-wrap.percent-17 .colored {
  width: 17%;
}
.progress-bar-wrap.percent-18 .colored {
  width: 18%;
}
.progress-bar-wrap.percent-19 .colored {
  width: 19%;
}
.progress-bar-wrap.percent-20 .colored {
  width: 20%;
}
.progress-bar-wrap.percent-21 .colored {
  width: 21%;
}
.progress-bar-wrap.percent-22 .colored {
  width: 22%;
}
.progress-bar-wrap.percent-23 .colored {
  width: 23%;
}
.progress-bar-wrap.percent-24 .colored {
  width: 24%;
}
.progress-bar-wrap.percent-25 .colored {
  width: 25%;
}
.progress-bar-wrap.percent-26 .colored {
  width: 26%;
}
.progress-bar-wrap.percent-27 .colored {
  width: 27%;
}
.progress-bar-wrap.percent-28 .colored {
  width: 28%;
}
.progress-bar-wrap.percent-29 .colored {
  width: 29%;
}
.progress-bar-wrap.percent-30 .colored {
  width: 30%;
}
.progress-bar-wrap.percent-31 .colored {
  width: 31%;
}
.progress-bar-wrap.percent-32 .colored {
  width: 32%;
}
.progress-bar-wrap.percent-33 .colored {
  width: 33%;
}
.progress-bar-wrap.percent-34 .colored {
  width: 34%;
}
.progress-bar-wrap.percent-35 .colored {
  width: 35%;
}
.progress-bar-wrap.percent-36 .colored {
  width: 36%;
}
.progress-bar-wrap.percent-37 .colored {
  width: 37%;
}
.progress-bar-wrap.percent-38 .colored {
  width: 38%;
}
.progress-bar-wrap.percent-39 .colored {
  width: 39%;
}
.progress-bar-wrap.percent-40 .colored {
  width: 40%;
}
.progress-bar-wrap.percent-41 .colored {
  width: 41%;
}
.progress-bar-wrap.percent-42 .colored {
  width: 42%;
}
.progress-bar-wrap.percent-43 .colored {
  width: 43%;
}
.progress-bar-wrap.percent-44 .colored {
  width: 44%;
}
.progress-bar-wrap.percent-45 .colored {
  width: 45%;
}
.progress-bar-wrap.percent-46 .colored {
  width: 46%;
}
.progress-bar-wrap.percent-47 .colored {
  width: 47%;
}
.progress-bar-wrap.percent-48 .colored {
  width: 48%;
}
.progress-bar-wrap.percent-49 .colored {
  width: 49%;
}
.progress-bar-wrap.percent-50 .colored {
  width: 50%;
}
.progress-bar-wrap.percent-51 .colored {
  width: 51%;
}
.progress-bar-wrap.percent-52 .colored {
  width: 52%;
}
.progress-bar-wrap.percent-53 .colored {
  width: 53%;
}
.progress-bar-wrap.percent-54 .colored {
  width: 54%;
}
.progress-bar-wrap.percent-55 .colored {
  width: 55%;
}
.progress-bar-wrap.percent-56 .colored {
  width: 56%;
}
.progress-bar-wrap.percent-57 .colored {
  width: 57%;
}
.progress-bar-wrap.percent-58 .colored {
  width: 58%;
}
.progress-bar-wrap.percent-59 .colored {
  width: 59%;
}
.progress-bar-wrap.percent-60 .colored {
  width: 60%;
}
.progress-bar-wrap.percent-61 .colored {
  width: 61%;
}
.progress-bar-wrap.percent-62 .colored {
  width: 62%;
}
.progress-bar-wrap.percent-63 .colored {
  width: 63%;
}
.progress-bar-wrap.percent-64 .colored {
  width: 64%;
}
.progress-bar-wrap.percent-65 .colored {
  width: 65%;
}
.progress-bar-wrap.percent-66 .colored {
  width: 66%;
}
.progress-bar-wrap.percent-67 .colored {
  width: 67%;
}
.progress-bar-wrap.percent-68 .colored {
  width: 68%;
}
.progress-bar-wrap.percent-69 .colored {
  width: 69%;
}
.progress-bar-wrap.percent-70 .colored {
  width: 70%;
}
.progress-bar-wrap.percent-71 .colored {
  width: 71%;
}
.progress-bar-wrap.percent-72 .colored {
  width: 72%;
}
.progress-bar-wrap.percent-73 .colored {
  width: 73%;
}
.progress-bar-wrap.percent-74 .colored {
  width: 74%;
}
.progress-bar-wrap.percent-75 .colored {
  width: 75%;
}
.progress-bar-wrap.percent-76 .colored {
  width: 76%;
}
.progress-bar-wrap.percent-77 .colored {
  width: 77%;
}
.progress-bar-wrap.percent-78 .colored {
  width: 78%;
}
.progress-bar-wrap.percent-79 .colored {
  width: 79%;
}
.progress-bar-wrap.percent-80 .colored {
  width: 80%;
}
.progress-bar-wrap.percent-81 .colored {
  width: 81%;
}
.progress-bar-wrap.percent-82 .colored {
  width: 82%;
}
.progress-bar-wrap.percent-83 .colored {
  width: 83%;
}
.progress-bar-wrap.percent-84 .colored {
  width: 84%;
}
.progress-bar-wrap.percent-85 .colored {
  width: 85%;
}
.progress-bar-wrap.percent-86 .colored {
  width: 86%;
}
.progress-bar-wrap.percent-87 .colored {
  width: 87%;
}
.progress-bar-wrap.percent-88 .colored {
  width: 88%;
}
.progress-bar-wrap.percent-89 .colored {
  width: 89%;
}
.progress-bar-wrap.percent-90 .colored {
  width: 90%;
}
.progress-bar-wrap.percent-91 .colored {
  width: 91%;
}
.progress-bar-wrap.percent-92 .colored {
  width: 92%;
}
.progress-bar-wrap.percent-93 .colored {
  width: 93%;
}
.progress-bar-wrap.percent-94 .colored {
  width: 94%;
}
.progress-bar-wrap.percent-95 .colored {
  width: 95%;
}
.progress-bar-wrap.percent-96 .colored {
  width: 96%;
}
.progress-bar-wrap.percent-97 .colored {
  width: 97%;
}
.progress-bar-wrap.percent-98 .colored {
  width: 98%;
}
.progress-bar-wrap.percent-99 .colored {
  width: 99%;
}
.progress-bar-wrap.percent-100 .colored {
  width: 100%;
}
.progress-bar-wrap.percent-100 .colored {
  border-radius: 10px;
}

:root {
  --toastify-color-success: #B7F7C4;
  --toastify-color-warning: #FEEBD8;
  --toastify-color-error: #FEE2DF;
}

.Toastify .Toastify__toast-container {
  top: calc(55px + 30px) !important;
  right: 15px !important;
  width: 524px;
}
.Toastify .Toastify__toast-container.-onMobile {
  top: 30px !important;
  right: 20px !important;
  left: unset;
  width: 75%;
}
.Toastify .Toastify__toast-container.-onMobile .toast-message {
  font-size: 12px !important;
}
.Toastify .Toastify__progress-bar {
  height: 7px;
}
.Toastify .Toastify__toast-icon {
  width: 38px;
  margin-inline-end: 25px;
}
.Toastify .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
  background: #03A852;
}
.Toastify .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: #F6A809;
}
.Toastify .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: #EC351B;
}
.Toastify .Toastify__toast {
  border-radius: 12px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}
.Toastify .Toastify__toast-body .toast-caption {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #1e1e1e;
}
.Toastify .Toastify__toast-body .toast-message {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 140%;
  color: #1e1e1e;
}

.user-badge {
  height: 18px;
  padding: 4px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-badge.free {
  background: #5B9BD5;
}
.user-badge.premium {
  background: #178F27;
}
.user-badge.gold {
  background: #FB7A02;
}
.user-badge.fund {
  background: #834c9b;
}

.Spinner {
  position: absolute;
  top: 76px;
  left: calc(50% - 23px);
}
.Spinner .spinner-gif {
  width: 46px;
}

button.button {
  display: flex;
  align-items: center;
  border-radius: 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  border: none;
}
button.button.button-white {
  background: #fff;
  color: #8083a3;
  padding: 8.5px 16px;
  border: 1px solid #E4E6E8;
}
button.button.button-orange {
  background: #FFC702;
  color: #292C43;
  padding: 9.5px 16px;
}
button.button.button-grey {
  background: #EDF2F7;
  color: #2D3748;
  padding: 9.5px 16px;
}

.pageClient button.button, .client-modal button.button {
  padding: 8px 20px;
}
.pageClient button.button.button-orange, .client-modal button.button.button-orange {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
}
.pageClient button.button.button-grey, .client-modal button.button.button-grey {
  background: #F1F2F3;
  color: #707A83;
}

.table-aside-container {
  overflow: auto;
  margin: auto;
}

/*Div Table Setting*/
.table-aside {
  display: table;
  position: relative;
  width: 100%;
}

.table-thead {
  position: relative;
  display: table-header-group;
  z-index: 1;
}

.table-header.header-40 {
  width: 40px;
  min-width: 40px;
}
.table-header.header-50 {
  width: 50px;
  min-width: 50px;
}
.table-header.header-62 {
  width: 62px;
  min-width: 62px;
}
.table-header.header-75 {
  width: 75px;
  min-width: 75px;
}
.table-header.header-81 {
  width: 81px;
  min-width: 81px;
}
.table-header.header-90 {
  width: 90px;
  min-width: 90px;
}
.table-header.header-110 {
  width: 110px;
  min-width: 110px;
}
.table-header.header-111 {
  width: 111px;
  min-width: 111px;
}
.table-header.header-137 {
  width: 137px;
  min-width: 137px;
}
.table-header.header-100 {
  width: 100px;
  min-width: 100px;
}
.table-header.header-120 {
  width: 120px;
  min-width: 120px;
}
.table-header.header-130 {
  width: 130px;
  min-width: 130px;
}
.table-header.header-140 {
  width: 140px;
  min-width: 140px;
}
.table-header.header-150 {
  width: 150px;
  min-width: 150px;
}
.table-header.header-160 {
  width: 160px;
  min-width: 160px;
}
.table-header.header-170 {
  width: 170px;
  min-width: 170px;
}
.table-header.header-180 {
  width: 180px;
  min-width: 180px;
}
.table-header.header-185 {
  width: 185px;
  min-width: 185px;
}
.table-header.header-190 {
  width: 190px;
  min-width: 190px;
}
.table-header.header-200 {
  width: 200px;
  min-width: 200px;
}
.table-header.header-210 {
  width: 210px;
  min-width: 210px;
}
.table-header.header-220 {
  width: 220px;
  min-width: 220px;
}
.table-header.header-240 {
  width: 240px;
  min-width: 240px;
}
.table-header.header-250 {
  width: 250px;
  min-width: 250px;
}
.table-header.header-300 {
  width: 300px;
  min-width: 300px;
}
.table-header.header-500 {
  width: 500px;
  min-width: 500px;
}

.table-header, .table-header-aside {
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}
.table-header.none-0, .table-header-aside.none-0 {
  width: 0;
  min-width: 0;
}
.table-header.none-1, .table-header-aside.none-1 {
  width: 1px;
  min-width: 1px;
}
.table-header.none-2, .table-header-aside.none-2 {
  width: 2px;
  min-width: 2px;
}
.table-header.none-3, .table-header-aside.none-3 {
  width: 3px;
  min-width: 3px;
}
.table-header.none-4, .table-header-aside.none-4 {
  width: 4px;
  min-width: 4px;
}
.table-header.none-5, .table-header-aside.none-5 {
  width: 5px;
  min-width: 5px;
}
.table-header.none-6, .table-header-aside.none-6 {
  width: 6px;
  min-width: 6px;
}
.table-header.none-7, .table-header-aside.none-7 {
  width: 7px;
  min-width: 7px;
}
.table-header.none-8, .table-header-aside.none-8 {
  width: 8px;
  min-width: 8px;
}
.table-header.none-9, .table-header-aside.none-9 {
  width: 9px;
  min-width: 9px;
}
.table-header.none-10, .table-header-aside.none-10 {
  width: 10px;
  min-width: 10px;
}
.table-header.none-11, .table-header-aside.none-11 {
  width: 11px;
  min-width: 11px;
}
.table-header.none-12, .table-header-aside.none-12 {
  width: 12px;
  min-width: 12px;
}
.table-header.none-13, .table-header-aside.none-13 {
  width: 13px;
  min-width: 13px;
}
.table-header.none-14, .table-header-aside.none-14 {
  width: 14px;
  min-width: 14px;
}
.table-header.none-15, .table-header-aside.none-15 {
  width: 15px;
  min-width: 15px;
}
.table-header.none-16, .table-header-aside.none-16 {
  width: 16px;
  min-width: 16px;
}
.table-header.none-17, .table-header-aside.none-17 {
  width: 17px;
  min-width: 17px;
}
.table-header.none-18, .table-header-aside.none-18 {
  width: 18px;
  min-width: 18px;
}
.table-header.none-19, .table-header-aside.none-19 {
  width: 19px;
  min-width: 19px;
}
.table-header.none-20, .table-header-aside.none-20 {
  width: 20px;
  min-width: 20px;
}
.table-header.none-21, .table-header-aside.none-21 {
  width: 21px;
  min-width: 21px;
}
.table-header.none-22, .table-header-aside.none-22 {
  width: 22px;
  min-width: 22px;
}
.table-header.none-23, .table-header-aside.none-23 {
  width: 23px;
  min-width: 23px;
}
.table-header.none-24, .table-header-aside.none-24 {
  width: 24px;
  min-width: 24px;
}
.table-header.none-25, .table-header-aside.none-25 {
  width: 25px;
  min-width: 25px;
}
.table-header.none-26, .table-header-aside.none-26 {
  width: 26px;
  min-width: 26px;
}
.table-header.none-27, .table-header-aside.none-27 {
  width: 27px;
  min-width: 27px;
}
.table-header.none-28, .table-header-aside.none-28 {
  width: 28px;
  min-width: 28px;
}
.table-header.none-29, .table-header-aside.none-29 {
  width: 29px;
  min-width: 29px;
}
.table-header.none-30, .table-header-aside.none-30 {
  width: 30px;
  min-width: 30px;
}
.table-header.none-31, .table-header-aside.none-31 {
  width: 31px;
  min-width: 31px;
}
.table-header.none-32, .table-header-aside.none-32 {
  width: 32px;
  min-width: 32px;
}
.table-header.none-33, .table-header-aside.none-33 {
  width: 33px;
  min-width: 33px;
}
.table-header.none-34, .table-header-aside.none-34 {
  width: 34px;
  min-width: 34px;
}
.table-header.none-35, .table-header-aside.none-35 {
  width: 35px;
  min-width: 35px;
}
.table-header.none-36, .table-header-aside.none-36 {
  width: 36px;
  min-width: 36px;
}
.table-header.none-37, .table-header-aside.none-37 {
  width: 37px;
  min-width: 37px;
}
.table-header.none-38, .table-header-aside.none-38 {
  width: 38px;
  min-width: 38px;
}
.table-header.none-39, .table-header-aside.none-39 {
  width: 39px;
  min-width: 39px;
}
.table-header.none-40, .table-header-aside.none-40 {
  width: 40px;
  min-width: 40px;
}
.table-header.none-42, .table-header-aside.none-42 {
  width: 42px;
  min-width: 42px;
}
.table-header.none-44, .table-header-aside.none-44 {
  width: 44px;
  min-width: 44px;
}
.table-header.none-48, .table-header-aside.none-48 {
  width: 48px;
  min-width: 48px;
}
.table-header.none-68, .table-header-aside.none-68 {
  width: 68px;
  min-width: 68px;
}
.table-header.none-sm, .table-header-aside.none-sm {
  width: 16px;
  min-width: 16px;
}
.table-header.none-md, .table-header-aside.none-md {
  width: 24px;
  min-width: 24px;
}
.table-header.none-lg, .table-header-aside.none-lg {
  width: 32px;
  min-width: 32px;
}
.table-header.none-xl, .table-header-aside.none-xl {
  width: 40px;
  min-width: 40px;
}

.table-tbody {
  display: table-row-group;
}

.table-row {
  display: table-row;
  position: relative;
  border: 1px solid #E4E6E8;
  border-radius: 6px;
}

.table-td {
  border-top: 1px solid #E4E6E8;
  border-bottom: 1px solid #E4E6E8;
  vertical-align: middle;
}
.table-td:first-child {
  border-left: 1px solid #E4E6E8;
  border-radius: 8px 0 0 8px;
}
.table-row:last-child .table-td {
  border-bottom: 1px solid #E4E6E8;
}

.table-td {
  display: table-cell;
  word-break: break-word;
}
.table-td.table-td-aside {
  right: 0;
  vertical-align: middle;
  border-bottom: 1px solid #EBEBEB;
  background: white;
  position: sticky;
  min-width: 50px;
}
.table-td.table-td-aside.separate {
  border-left: 1px solid #EBEBEB;
  box-shadow: -8px 0px 0px 0px #fff;
}

.table-header {
  top: 0;
  position: sticky;
  background: #fff;
}
.table-header.table-header-aside {
  right: 0;
  z-index: 1;
}

.table-td, .table-header, .table-header-aside {
  display: table-cell;
  word-break: break-word;
}
.table-td.xs, .table-header.xs, .table-header-aside.xs {
  width: 60px;
  min-width: 60px;
}
.table-td.sm, .table-header.sm, .table-header-aside.sm {
  width: 120px;
  min-width: 120px;
}
.table-td.md, .table-header.md, .table-header-aside.md {
  width: 160px;
  min-width: 160px;
}
.table-td.lg, .table-header.lg, .table-header-aside.lg {
  width: 240px;
  min-width: 240px;
}
.table-td.xl, .table-header.xl, .table-header-aside.xl {
  width: 310px;
  min-width: 310px;
}

.table-td-aside {
  right: 0;
  vertical-align: middle;
  border-bottom: 1px solid #EBEBEB;
  background: white;
  position: sticky;
  min-width: 160px;
}
.table-td-aside.separate {
  border-left: 1px solid #EBEBEB;
  box-shadow: -8px 0px 0px 0px #fff;
}

.table-example--sm {
  height: 240px;
}
.table-example--md {
  height: 320px;
}
.table-example--no-margin {
  margin-left: -15px;
  margin-right: -15px;
}

tr.spacer td {
  padding: 0 !important;
  height: 10px;
  border-radius: 0 !important;
  background: transparent !important;
}

.table-header.header-moreOptions {
  padding-left: initial;
}
.table-header .header-content .header-content--hint {
  display: block;
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  text-align: right;
  color: #949494;
}

.table-td.td-moreOptions {
  padding-right: initial;
  padding-left: 8px;
}
.table-td.td-moreOptions .more-options-wrap {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  color: #8083a3;
}
.table-td.td-moreOptions .more-options-wrap:hover {
  background-color: #F5F5FA;
}
.table-td.td-moreOptions .list-item {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.table-td.td-moreOptions .list-item:hover {
  background: #F2F4F8;
}
.table-td.td-moreOptions .list-item:not(:last-child) {
  margin-bottom: 4px;
}
.table-td.td-moreOptions .more-options-dropdown.show {
  padding: 8px;
}

.table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}

.table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}

.table-td {
  padding-left: 16px;
}
.table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19px;
}

.info-body-wrap.table-wrap .no-data-text {
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  margin-top: 21px;
}

.DatePicker .iconPicker {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 9999;
  cursor: pointer;
}

.DatePicker .calendar-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  z-index: 1;
}

.custom-datepicker {
  position: relative;
}
.custom-datepicker .react-datepicker__triangle {
  transform: none !important;
  left: 50% !important;
}
.custom-datepicker .react-datepicker__navigation-icon::before {
  top: 50% !important;
}
.custom-datepicker .react-datepicker__navigation-icon--previous::before {
  transform: translateY(-50%) rotate(225deg) !important;
}
.custom-datepicker .react-datepicker__navigation-icon--next::before {
  transform: translateY(-50%) rotate(45deg) !important;
}
.custom-datepicker.small-width-yearpicker-wrap {
  position: absolute;
  width: 107px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.custom-datepicker.small-width-yearpicker-wrap .react-datepicker-popper {
  left: -20px !important;
  right: -20px !important;
}
.custom-datepicker.small-width-datepicker-wrap .react-datepicker-popper {
  left: -30px !important;
}

input.datepicker-input {
  display: block;
  padding-top: 10px;
  padding-left: 12px;
  padding-bottom: 9px;
  font-size: 12px;
  color: #949494;
  font-weight: 600;
  border-radius: 50px;
  border: 1px solid #E4E6E8;
  background-color: #fff;
  width: 98px;
}
input.datepicker-input:focus {
  border: 1px solid #E4E6E8;
  box-shadow: none;
  outline: none;
}

input.year-input {
  border: 1px solid #E4E6E8;
  border-radius: 10px;
  color: #949494;
}

.admin #headerBar {
  background: #292C43;
}
.admin #headerBar .navbar-nav .nav-item .nav-link {
  color: #f4f4f4 !important;
}
.admin #headerBar .navbar-nav .nav-item .nav-link.hasBg {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
  color: #1E1E1E !important;
}
.admin #headerBar .signed .full-name {
  color: #f4f4f4 !important;
}
.admin #headerBar .navbar-right .nav-item.hasBorder .nav-link:hover .my-icon {
  background: #f4f4f4 !important;
}
.admin #headerBar .branding-text {
  display: none;
}

#headerBar .navbar-nav .nav-item .dropdown-menu {
  display: none;
}
#headerBar .navbar-nav .nav-item:hover .dropdown-menu {
  display: block;
}
.navbar.header {
  width: 100%;
  left: 0px;
  top: 0px;
  border-radius: 0px;
  padding: 0 33px !important;
  position: fixed !important;
  z-index: calc(1000 - 1);
  height: 55px;
  background: #fff;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
.navbar.header.dark-theme {
  background: #292C43;
}
.navbar.header.dark-theme .branding-text {
  color: #fff;
}
.navbar.header .search-bar {
  position: relative;
  margin-right: -40px;
  height: 42px;
  width: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
  z-index: -1;
}
.navbar.header .search-bar.show {
  opacity: 1;
  width: 300px;
  z-index: initial;
}
.navbar.header .search-bar input {
  font-size: 14px;
  line-height: 16px;
  height: 100%;
  border: 0;
  border-radius: 50px;
  background: rgba(241, 242, 243, 0.8);
  color: #1E1E1E;
}
.navbar.header .search-bar input:focus {
  box-shadow: none;
}
.navbar.header .search-bar::placeholder {
  color: #AAAEB3;
}
.navbar.header .logoMain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 290px;
  margin-right: 50px;
}
.navbar.header .logoMain .logo {
  width: 38px;
  height: 38px;
  margin-right: 15px;
}
@media only screen and (max-width: 1364.99px) {
  .navbar.header .logoMain .logo {
    margin-right: 15px;
  }
}
@media screen and (min-width: 1365px) and (max-width: 1649.99px) {
  .navbar.header .logoMain .logo {
    margin-right: 15px;
  }
}
.navbar.header .logoMain .logo img {
  width: 100%;
  height: 100%;
}
.navbar.header .logoMain:hover {
  text-decoration: none;
}
.navbar.header .logoMain .branding-text {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  color: #1E1E1E;
}
@media only screen and (max-width: 1365px) {
  .navbar.header .logoMain .branding-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1365px) and (max-width: 1650px) {
  .navbar.header .logoMain .branding-text {
    font-size: 20px;
  }
}
.navbar.header .navbar-brand {
  padding: 0;
}
.navbar.header #navbarSupportedContentLG {
  justify-content: space-between;
}
.navbar.header .flex-holder {
  flex-grow: 1;
}
.navbar.header .navbar-nav {
  position: relative;
  flex-grow: 1;
}
.navbar.header .navbar-nav .button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar.header .navbar-nav .button button {
  height: 40px;
  margin: 0 10px;
}
.navbar.header .navbar-nav .nav-item {
  margin-right: 25px;
  overflow: initial;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1364.99px) {
  .navbar.header .navbar-nav .nav-item {
    margin-right: 18px;
  }
}
@media screen and (min-width: 1365px) and (max-width: 1650px) {
  .navbar.header .navbar-nav .nav-item {
    margin-right: 22px;
  }
}
.navbar.header .navbar-nav .nav-item:last-child {
  margin-right: 0;
}
.navbar.header .navbar-nav .nav-item:before {
  content: "";
  height: 4px;
  background: #FFC701;
  bottom: -6px;
  border-radius: 4px;
}
.navbar.header .navbar-nav .nav-item .nav-link {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #1E1E1E;
  padding: 2px 6px;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
}
.navbar.header .navbar-nav .nav-item .nav-link.hasBg {
  border-radius: 8px;
  font-weight: bold;
  font-size: 14px;
  color: #1E1E1E;
  background-color: #ffe380;
  padding: 2px 6px;
  border: 1px solid orange;
}
.navbar.header .navbar-nav .nav-item .nav-link.activeBorder {
  background: transparent;
}
.navbar.header .navbar-nav .nav-item .dropdown-menu {
  width: 240px;
  border: none;
  padding: 0;
  padding-top: 20px;
  background: transparent;
}
.navbar.header .navbar-nav .nav-item .dropdown-menu .dropdown-menu--inner {
  width: 100%;
  background: #fff;
  padding: 2px 6px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(40px);
  border-radius: 6px;
}
.navbar.header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: #1E1E1E;
  border-radius: 6px;
  padding: 8px;
  font-weight: 600;
  font-size: 14px;
  margin: 4px 0;
}
.navbar.header .navbar-nav .nav-item .dropdown-menu .dropdown-item.active, .navbar.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background: #eee;
  color: #1E1E1E;
}
.navbar.header .navbar-mobile {
  align-items: center;
  display: flex;
}
.navbar.header .navbar-mobile .nav-link {
  cursor: pointer;
  padding: 0;
  margin: 0.5rem 1rem;
}
.navbar.header .navbar-mobile .nav-link#dropdownNotificationMobile {
  position: relative;
}
.navbar.header .navbar-mobile .nav-link#dropdownNotificationMobile .notify {
  position: absolute;
  font-family: "Inter", sans-serif;
  font-size: 11px !important;
  font-weight: 500;
  line-height: 1.2;
  line-height: 1.2;
  color: #fff;
  right: -7px;
  z-index: 999;
  display: inline-block;
  padding: 3px;
  border-radius: 50%;
  top: -5px;
  width: 22px;
  text-align: center;
  height: 20px;
  background: red;
}
.navbar.header .navbar-mobile .nav-link#dropdownNotificationMobile .notify.hide {
  display: none;
}
.navbar.header .navbar-mobile .navbar-toggler-icon {
  filter: invert(1);
}
.navbar.header .navbar-mobile .round-avatar {
  padding: 5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #EC8322;
  position: relative;
}
.navbar.header .navbar-mobile .round-avatar .photo {
  position: absolute;
  width: 32px;
  bottom: 0;
  cursor: pointer;
  right: 0;
  border-radius: 50%;
  height: 32px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALiSURBVHgBxZjPbxJBFMcfDVeanouJ9GCkemg1Qr1ZE+OVgmctHm1L9aa1h0JSfvRkpMC1VHu2ci2l4E3ApHpRb2DS7VXc/QPG94ZdsrtsZWeB+kkeQ2ZmZ759897boS4QgDG2iA3ZHNo8mk833FathlZyuVxfYZTg5lG0KhOjhbYMw0J/ubrYMLRUDzoSEGejJS6y/zgEaLz53wI04oMERNnl8EK/r0snwIdNFYxpZ4msKCDLSl//Fe802KSDdgvTuG0WsYdN1M4K9x88BEk67+sPBgNwsL8HNimiiKf0xa0K8NkVkM0VuIDok8cw67/e6z/Dvt18AfbfvYdlHLMBHX2CvOFWO55bzfr+4yfkcGG96xvNJkTCS/B642Xf/LNzCZLpHSgfnxj6M+ltPCqv1RZUzBL8OFBRC0yxQBuHIo94e2PW3+v3eDywufEKvHj+WmxosUDfV2PrRmHoIUWRoXp8xJ810UZPzPCjsArfz/UGu+a/yerYmvkjy+ztbp7dDtzlc8i2U2nLNDgqVy5cR+WqG2xkg5lkKgOHH0v8WBYCd6De/IKxcMBjpZDLGuZOTnoGLTdPIuZAgHqjyQVsYkxoARhGMX6/H1LpDB9fwCwRwDeBH1MiTzRwE8KcAZGlkGFcgKkJcIiiKDAqSERH5IGg6upsLm/oL2J9IASPguhQTPwSeYI2CYdDPBC76enlcUD1gwpYUFwEL1bC17CdVJJv/uGwxIOU8j+2tgKx1RVwwDc3lU3M1TYIpipt6HBTPW192S6ixfWjWnUrVyowbV1ybVH/d7bU6EMr25Smv80znq2tQ6VyAsMSwRjK4BFaMEOeGPgqp7yXJAmc4kUvXhCsvVe5+VJzCoLFyyGGS02vWKkdCbgc4poAS9AjW2y8bIEdxijE3pV/jELsecBCCF14Wmw4Wmj3YFhY9/dIi4lxymz+IHaBALgo/TuALg6L0C3zPt1wG7rvIbIaRv8nsMlfwjDpF1ffqt0AAAAASUVORK5CYII=) center no-repeat;
}
.navbar.header .navbar-mobile .round-avatar .avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
}
.navbar.header .navbar-mobile .signed {
  padding: 0;
  cursor: pointer;
  background: transparent;
}
.navbar.header .navbar-mobile .signed:hover, .navbar.header .navbar-mobile .signed.show {
  background: transparent;
}
.navbar.header .navbar-right {
  max-width: 474px;
  list-style: none;
  padding: 0;
  position: relative;
  margin: 0;
  z-index: 9;
  flex-wrap: nowrap;
  align-items: center;
}
.navbar.header .navbar-right .nav-item {
  position: relative;
}
.navbar.header .navbar-right .nav-item.hasBorder {
  margin-right: 20px;
}
.navbar.header .navbar-right .nav-item.hasBorder:first-child {
  margin-right: 14px;
}
.navbar.header .navbar-right .nav-item.hasBorder .nav-link {
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar.header .navbar-right .nav-item.hasBorder .nav-link .my-icon {
  background: #777;
}
.navbar.header .navbar-right .nav-item.hasBorder .nav-link:hover .my-icon {
  background: #292929;
}
.navbar.header .navbar-right .nav-item.hasBorder .nav-link img {
  position: relative;
  z-index: 100;
}
.navbar.header .navbar-right .nav-item.hasBorder #dropdownNotification {
  position: relative;
}
.navbar.header .navbar-right .nav-item.hasBorder #dropdownNotification .notify {
  font-weight: 500;
  font-size: 11px;
  position: absolute;
  background: #CF304A;
  color: #fff;
  top: 0px;
  left: 18px;
  min-width: 17px;
  height: 16px;
  z-index: 999;
  padding: 0px 4px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar.header .navbar-right .nav-item.hasBorder #dropdownNotification .notify.hide {
  display: none;
}
.navbar.header .navbar-right .nav-item button {
  font-size: 14px !important;
  font-family: Roboto, sans-serif;
  padding: 6px 18px;
  border-radius: 50px;
  border: none;
  background: none;
  height: 28px;
  line-height: 14px;
}
.navbar.header .navbar-right .nav-item button:first-child {
  margin-right: 8px;
}
.navbar.header .navbar-right .nav-item button.signin {
  background-color: white;
  color: #777;
  margin-right: 0;
}
.navbar.header .navbar-right .nav-item button.signin:hover {
  color: #292929;
}
.navbar.header .navbar-right .nav-item button.register {
  background-color: #FFC701;
  color: #161616;
  margin-right: 0;
}
.navbar.header .navbar-right .nav-item button.register:hover {
  filter: brightness(1.05);
}
.navbar.header .navbar-right .nav-item .nav-link {
  padding: 0;
}
.navbar.header .navbar-right .nav-item:last-child {
  margin-right: 0;
}
.navbar.header .signed {
  cursor: pointer;
  padding: 5px;
  padding-left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar.header .signed.free .package-name {
  background-color: #5B9BD5;
}
.navbar.header .signed.free .package-name .grounding {
  background-color: #1257a2;
}
.navbar.header .signed.gold .package-name {
  background-color: #FB8802;
}
.navbar.header .signed.gold .package-name .grounding {
  background-color: #b86502;
}
.navbar.header .signed.premium .package-name {
  background-color: #178F27;
}
.navbar.header .signed.premium .package-name .grounding {
  background-color: #077615;
}
.navbar.header .signed.fund .package-name {
  background-color: #834c9b;
}
.navbar.header .signed.fund .package-name .grounding {
  background-color: #573a89;
}
.navbar.header .signed .package-name {
  font-family: "Roboto", sans-serif;
  width: 60px;
  position: relative;
  text-align: center;
  margin-left: 34px;
  padding: 2px 6px;
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  color: #fff;
  border-radius: 20px;
}
.navbar.header .signed .full-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Roboto", sans-serif;
  width: 105px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  margin-left: 34px;
  text-align: left;
  padding: 2px 0;
  color: #1E1E1E;
}
.navbar.header .signed .anchor-tag {
  display: flex;
  flex-direction: column;
  color: #0E0D0D;
  border: 0.5px solid #ddd;
  padding: 4px 8px;
  border-radius: 15px;
}
.navbar.header .signed .anchor-tag:hover {
  text-decoration: none;
  border: 0.5px solid #999;
}
.navbar.header .signed .anchor-tag .round-avatar {
  z-index: 1;
  position: absolute;
  left: 5px;
  width: 33px;
  height: 33px;
  border-radius: 12px;
  background-color: #E4E4E4;
}
.navbar.header .signed .anchor-tag .round-avatar .avatar {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.navbar.header .signed .anchor-tag .round-avatar .avatar.no-avatar {
  padding: 4px;
}

.ui.flowing.popup.dropdownNotification {
  background: #FFF;
  border: 1px solid #EEE;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  width: 440px;
  padding: 0;
  margin: 0;
  top: 15px !important;
}
.ui.flowing.popup.dropdownNotification:before {
  width: 0 !important;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__header {
  padding: 12px 12px 8px 12px;
  display: flex;
  justify-content: space-between;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__header .section-header {
  font-weight: 700;
  font-size: 15px;
  color: #1e1e1e;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__header a {
  color: #007EC6;
  display: flex;
  align-items: center;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__header a.view-all {
  font-size: 13px;
  color: #FB7A02;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__header a:hover {
  text-decoration: none;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__header a img {
  margin-left: 12px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__tab {
  padding: 0 12px 8px 12px;
  display: flex;
  border-bottom: 1px solid #EEE;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__tab .nav-item:not(:last-child) {
  margin-right: 8px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__tab .nav-item-anchor {
  font-size: 15px;
  color: #707A83;
  border-radius: 50px;
  padding: 2px 8px;
  display: inline-flex;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__tab .nav-item-anchor.active {
  font-weight: 700;
  background: #ffe380;
  color: #1E1E1E;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__tab .nav-item-anchor.active ~ a.span-like i.my-icon {
  background-color: #1e1e1e !important;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify {
  padding: 12px 6px 12px 12px;
  overflow: hidden;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .no-content-wrap,
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .loading-wrap {
  display: flex;
  justify-content: center;
  padding-top: 13px;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .tab-pane {
  padding-right: 8px;
  max-height: 380px;
  overflow-y: scroll;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item:not(:last-child) {
  margin-bottom: 21px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .dot-wrap {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 18px;
  background: #FB7A02;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .date-wrap {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  margin-right: 14px;
  display: flex;
  align-items: center;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .date-wrap .date-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FB7A02;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .date-wrap .censored-date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  display: flex;
  align-items: center;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .date-wrap .censored-date .date-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FB7A02;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .date-wrap .date-year,
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .block-item .date-wrap .date-slash {
  color: #FB7A02;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .notification-item-wrap {
  display: block;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .notification-item-wrap:not(:last-child) {
  margin-bottom: 8px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .time_notify {
  color: #E35200;
  font-family: "Inter", sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 20px 0 16px;
  position: relative;
  display: inline-block;
  margin: 10px 0 10px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .time_notify:first-child {
  margin-top: 25px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .time_notify:before {
  content: "";
  background: #FFC701;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  top: 5px;
  position: absolute;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .time_notify:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 7.44px solid #E35200;
  right: 0;
  top: 4px;
  position: absolute;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .item_notify {
  border: 1px solid #DCE4F2;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  margin-bottom: 8px;
  cursor: pointer;
  color: initial;
  text-decoration: none;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .item_notify b {
  display: inline-block;
  margin-right: 4px;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .item_notify.hasBg {
  background: #E2E8F3;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .item_notify.hasIcon {
  padding-right: 48px;
  position: relative;
}
.ui.flowing.popup.dropdownNotification .dropdownNotification__notify .item_notify.hasIcon img {
  position: absolute;
  right: 12px;
  top: 12px;
}

.dropdownUser .signin {
  font-size: 14px !important;
  font-family: Roboto, sans-serif;
  padding: 6px 18px;
  border-radius: 50px;
  border: none;
  background-color: #f0f0f0;
  color: #777;
  height: 28px;
  line-height: 14px;
  margin-right: 8px;
}
.dropdownUser .signin:hover {
  color: #292929;
}
.dropdownUser .register {
  font-size: 14px !important;
  font-family: Roboto, sans-serif;
  padding: 6px 18px;
  border-radius: 50px;
  border: none;
  background-color: #FFC701;
  color: #161616;
  height: 28px;
  margin-right: 0;
}
.dropdownUser .register:hover {
  filter: brightness(1.05);
}
.dropdownUser::before {
  display: none;
}
.dropdownUser .userType__info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.dropdownUser .userType__info .round-avatar {
  margin-right: 15px;
  width: 60px;
  height: 60px;
  position: relative;
}
.dropdownUser .userType__info .round-avatar .edit-avatar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20px;
  background: rgba(30, 30, 30, 0.5);
  width: 100%;
  border-radius: 0 0 10px 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 4px;
  display: flex;
  align-items: center;
  color: #fff;
}
.dropdownUser .userType__info .round-avatar .photo {
  position: absolute;
  width: 32px;
  bottom: 0;
  cursor: pointer;
  right: 0;
  border-radius: 50%;
  height: 32px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALiSURBVHgBxZjPbxJBFMcfDVeanouJ9GCkemg1Qr1ZE+OVgmctHm1L9aa1h0JSfvRkpMC1VHu2ci2l4E3ApHpRb2DS7VXc/QPG94ZdsrtsZWeB+kkeQ2ZmZ759897boS4QgDG2iA3ZHNo8mk833FathlZyuVxfYZTg5lG0KhOjhbYMw0J/ubrYMLRUDzoSEGejJS6y/zgEaLz53wI04oMERNnl8EK/r0snwIdNFYxpZ4msKCDLSl//Fe802KSDdgvTuG0WsYdN1M4K9x88BEk67+sPBgNwsL8HNimiiKf0xa0K8NkVkM0VuIDok8cw67/e6z/Dvt18AfbfvYdlHLMBHX2CvOFWO55bzfr+4yfkcGG96xvNJkTCS/B642Xf/LNzCZLpHSgfnxj6M+ltPCqv1RZUzBL8OFBRC0yxQBuHIo94e2PW3+v3eDywufEKvHj+WmxosUDfV2PrRmHoIUWRoXp8xJ810UZPzPCjsArfz/UGu+a/yerYmvkjy+ztbp7dDtzlc8i2U2nLNDgqVy5cR+WqG2xkg5lkKgOHH0v8WBYCd6De/IKxcMBjpZDLGuZOTnoGLTdPIuZAgHqjyQVsYkxoARhGMX6/H1LpDB9fwCwRwDeBH1MiTzRwE8KcAZGlkGFcgKkJcIiiKDAqSERH5IGg6upsLm/oL2J9IASPguhQTPwSeYI2CYdDPBC76enlcUD1gwpYUFwEL1bC17CdVJJv/uGwxIOU8j+2tgKx1RVwwDc3lU3M1TYIpipt6HBTPW192S6ixfWjWnUrVyowbV1ybVH/d7bU6EMr25Smv80znq2tQ6VyAsMSwRjK4BFaMEOeGPgqp7yXJAmc4kUvXhCsvVe5+VJzCoLFyyGGS02vWKkdCbgc4poAS9AjW2y8bIEdxijE3pV/jELsecBCCF14Wmw4Wmj3YFhY9/dIi4lxymz+IHaBALgo/TuALg6L0C3zPt1wG7rvIbIaRv8nsMlfwjDpF1ffqt0AAAAASUVORK5CYII=) center no-repeat;
}
.dropdownUser .userType__info .round-avatar .avatar {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.dropdownUser .userType__info .round-avatar .avatar.no-avatar {
  padding: 10px;
}
.dropdownUser .userType__info--name .name {
  font-weight: 700;
  font-size: 17px;
  line-height: 140%;
  text-transform: uppercase;
  color: #1E1E1E;
}
.dropdownUser .userType__info--name .name.isPremium {
  padding-right: 32px;
  position: relative;
}
.dropdownUser .userType__info--name .name.isPremium:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJnSURBVHgBpVbNattAEP6kqKWBQEROhUKjQ6+trUKvtQ29J9B7qj5BnfZc4rTnEqe9FuL0CUpfoHIfoI4vhUKhyiEQMCQOGBJiG2dmJTnWWqtdkg8krbQ7883PzqwsGOBeB94QqFrAavqNxv0J0B35CHXylmrC7cAdAHUartFVLlAQ0SNcALYvfDE2I3E6wuo9stSDIRKy3aGPZs5cFnc6qJPyHdwcTQrhppKEPGjQYwu3BBnZGvt4nb7b6YCTa0KwtryuW8KWBxyROZIx8FMn7N318OnBDipLVd1S9mYrMTwmIdbAJMkbKwFWiej9faOIuiPgzZSECF7pJNiLjZV4GXti4g0hAJWCzTd60UqkXqQw9cahGnOcnELj5D5ZLAml5cWyeLoLbmYNe9J7fIrDywgRXd3zAxof4sfZd/TH/cxSh3MhFwsLfX24N6d4zkyad8mIEl1s2IfjhkzAO82z84TZqhf/anMCRWCCj8fbuXO2SoiJnv31RTh0eHtUVxIIEmI5UE1y2N4dbaIIn3tNfOntKucpHZE9jBubeVwkLGvyRiyhDV8QKL15vlQp1MG7T60f0egp2mlOlAEtzShpD0K8/L+Obyet6bfZ2pFBO6uVPGNQB+beVZUXci3wJuDd82vQnn73kvbCRfrojydqRPaC+mGNIhVdlwg1M4fvQCbIHK5Z5TKYjPPChkgkAbX7/YwniTdVGHRjAzTo4JqmIFMnyU9BbYL8s/omBIz8H4k4dHwE60+oBGyYNUHAu0mes4oEnd+oTCxq10RmSbmaQZgct/sqPYUkOYRMJMgozl1RyL6+kK8A6CHJMOUHhQQAAAAASUVORK5CYII=);
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  background-size: cover;
}
.dropdownUser .userType__info--name .premiumType {
  font-size: 15px;
  line-height: 150%;
  margin-bottom: 2px;
  display: flex;
}
.dropdownUser .userType__info--name .premiumType--value {
  margin-left: 4px;
  font-weight: 600;
  font-size: 10px;
  color: white;
  line-height: 10px;
}
.dropdownUser .userType__info--name .premiumType--value.free {
  color: #5B9BD5;
}
.dropdownUser .userType__info--name .premiumType--value.premium {
  color: #178F27;
}
.dropdownUser .userType__info--name .premiumType--value.gold {
  color: #FB7A02;
}
.dropdownUser .userType__info--name .premiumType--value.fund {
  color: #012469;
}
.dropdownUser .userType__info--name .endDate {
  font-size: 14px;
  line-height: 140%;
  color: #434d56;
}
.dropdownUser .userType__info--name .endDate__value {
  color: #434d56;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
.dropdownUser .userType__isUpgrade {
  padding: 10px 14px;
  background: #F1F2F3;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.dropdownUser .userType__isUpgrade span {
  display: inline-block;
  font-size: 15px;
  color: #1E1E1E;
}
.dropdownUser .userType__isUpgrade .btn {
  color: #fff;
  background: #CF304A;
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  padding: 8px 28px;
}
.dropdownUser .userType__module .settings {
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 2px 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.dropdownUser .userType__module .settings:hover {
  background: #ffe380;
}
.dropdownUser .userType__module .settings:hover i.my-icon {
  background: #1E1E1E !important;
}
.dropdownUser .userType__module .settings:hover span {
  color: #1E1E1E;
}
.dropdownUser .userType__module .settings span {
  font-size: 14px;
  line-height: 24px;
  color: #1E1E1E;
}
.dropdownUser .userType__module .settings i {
  background: #1E1E1E;
}
.dropdownUser .userType__module .settings.logout {
  cursor: pointer;
}
.dropdownUser .userType__module .settings.logout span:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAElSURBVHgB3ZXRUcMwDIYVxW855zxCRigbwCYwAhNQJoANgAkYAUboBozQXuK+YQuJNrm0SeM0Tl/6v0Q+6/LlP0kRwLUoaR+yLFsoxBcCuO1mJo9lWb7CBKk6MMYU3vtPIir6Esm5NUxUA3HOLdhWAUQrVOpuw4KZhHWQshl5spPVnIADyBQZrmGu9TrP8yVcCvKbJOLesP2nIVAUxFr7zZ348H8YAEVBRFVVvYdA0ZAxIBV6gRTXI37BvvtGaQfa1MMbdNIU90y1hzfoRIoLR7+fPmmt7znpTWJPtLTb7Ud9N0tNOgBrn9v30ZAQIBoiTRECREP2TTEIEAULP6SxTdF1gljAzGq+gpeW8c79wKmZiNiMjRPZIZimN7K0+hJjNuP16A8ozJF+BbU5SAAAAABJRU5ErkJggg==);
}
.dropdownUser p.title {
  font-size: 15px;
  font-weight: 600;
  color: grey;
  margin-top: 10px;
  margin-bottom: 2px;
}
.dropdownUser #captchaSub {
  border: none;
  height: 30px;
  border-radius: 6px !important;
  background: #ffc70138;
}
.dropdownUser input {
  color: #a0a3bd;
  height: 40px;
  border-radius: 10px 0 0 10px !important;
}
.dropdownUser .regis-input {
  display: flex;
  flex-wrap: wrap;
}
.dropdownUser .regis-input button {
  background: #ffc701;
  color: #0E0D0D;
  line-height: 100%;
  border-radius: 0 10px 10px 0 !important;
}
.dropdownUser .footer-description {
  color: darkgray;
  font-size: 13px;
  line-height: 150%;
}
.dropdownUser .address-wrap,
.dropdownUser .phone-wrap,
.dropdownUser .mail-wrap {
  position: relative;
  font-size: 13px;
  color: darkgray;
  padding-left: 30px;
}
.dropdownUser .address-wrap img,
.dropdownUser .phone-wrap img,
.dropdownUser .mail-wrap img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.dropdownUser .social a img {
  border-radius: 10px;
}
.dropdownUser .social a:not(:last-child) {
  margin-right: 15px;
}
.dropdownUser .contact,
.dropdownUser .agree {
  background-color: #f0f0f0;
  color: #777;
  margin-right: 0;
  padding: 4px 20px;
  border-radius: 50px;
}
.dropdownUser .contact a,
.dropdownUser .agree a {
  color: unset;
}
.dropdownUser .contact:hover,
.dropdownUser .agree:hover {
  filter: brightness(0.95);
}
.dropdownUser .app-download-wrap {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 5px;
}
.dropdownUser .app-download-wrap .mobile-platform-text {
  margin-bottom: -4px;
}
.dropdownUser .logout-btn {
  border-radius: 50px;
  height: 30px;
}
.dropdownUser .logout-btn:hover {
  filter: brightness(0.95);
}

@media (max-width: 480px) {
  body .navbar.header {
    padding: 0.5rem !important;
  }
  body .navbar.header .logo .pageTitle {
    display: none !important;
  }

  body .ui.flowing.popup.dropdownNotification,
body .ui.flowing.popup.dropdownUser {
    width: 290px;
  }
}
@media (min-width: 1200px) {
  .navbar.header .search-bar.search-bar-mobile {
    display: none;
  }
}
@media (max-width: 1200px) {
  .navbar.header {
    padding: 0 1rem !important;
  }
}
@media only screen and (max-width: 1900px) {
  .navbar.header .title {
    font-size: medium !important;
    width: 200px;
  }
  .navbar.header .navbar-brand {
    padding: 0 !important;
  }
  .navbar.header.navbar-right {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1365px) {
  body .navbar.header {
    padding: 0 12px !important;
  }
}
@media screen and (min-width: 1365px) and (max-width: 1650px) {
  body .navbar.header {
    padding: 0 20px !important;
  }
}
@media (max-width: 1200px) {
  body .navbar-dark .navbar-toggler {
    border: 0;
  }
  body .navbar .navbar-collapse {
    padding: 1rem 0;
  }
  body .navbar.header .navbar-nav .nav-item .nav-link.active:before,
body .navbar.header .navbar-nav .nav-item:before {
    height: 0;
  }
  body .navbar.header .navbar-nav .nav-item {
    margin-bottom: 10px !important;
  }
  body .navbar.header .signed .dropdown-menu {
    right: -15px;
  }
}
@media (max-width: 767px) {
  .navbar.header .logo img {
    height: 49px !important;
  }
  .navbar.header .logo .pageTitle {
    font-family: "Inter", sans-serif;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.2;
  }
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar {
  background: #212332;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .branding-text {
  color: #f4f4f4;
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .nav-item.profile-wrap .full-name {
  color: #f4f4f4;
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .nav-item.profile-wrap .anchor-tag {
  border: 0.5px solid #777;
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .nav-item.profile-wrap .anchor-tag:hover {
  border: 0.5px solid #f4f4f4;
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .navbar-right .search-item:hover i.my-icon, body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .navbar-right .notification-nav-item:hover i.my-icon {
  background-color: #F4F4F4 !important;
}
body:has(.pageClient.dark-theme .client--Dashboard) #headerBar .navbar-right .nav-item .signin {
  color: #d8d9dc !important;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__info .name, body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__info .premiumType, body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__info .endDate, body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__info .endDate__value {
  color: #d8d9dc;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__info .user-badge i.my-icon {
  background-color: #ffffff !important;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .settings:hover {
  background: #2a2d3e !important;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__isUpgrade {
  background: #2a2d3e;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__isUpgrade span {
  color: #d8d9dc !important;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__module i {
  background: #d8d9dc !important;
}
body:has(.pageClient.dark-theme .client--Dashboard) .dropdownUser .userType__module span {
  color: #d8d9dc !important;
}

.sidebar {
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px 15px;
}
.sidebar h5 {
  font-family: "Inter", sans-serif;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 1.2;
}
.sidebar-item {
  width: 100%;
  height: 184px;
  border-radius: 10px;
  overflow: hidden;
  display: table;
  margin-top: 25px;
}
.sidebar-item .title {
  display: table-cell;
  vertical-align: bottom;
  font-family: "Inter", sans-serif;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  padding: 0 20px 20px 20px;
}

.sidebarSettings {
  min-width: 360px;
  border-radius: 12px;
  margin-right: 24px;
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.sidebarSettings .user-info-wrap {
  display: flex;
  border: 1px solid #eee;
  border-radius: 27px;
  padding: 12px;
}
.sidebarSettings .user-info-wrap .avatar-wrap {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin-right: 20px;
}
.sidebarSettings .user-info-wrap .avatar-wrap .user-image {
  width: 80px;
  height: 80px;
}
.sidebarSettings .user-info-wrap .avatar-wrap .edit-avatar {
  position: absolute;
  bottom: 0;
  height: 20px;
  background: rgba(30, 30, 30, 0.5);
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 4px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 10px;
}
.sidebarSettings .user-info-wrap .user-name {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
}
.sidebarSettings .setting-items-wrap {
  flex: 1;
}
.sidebarSettings .setting-items-wrap .setting-item {
  cursor: pointer;
  border-radius: 50px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #1E1E1E;
}
.sidebarSettings .setting-items-wrap .setting-item:hover {
  background: #EEE;
}
.sidebarSettings .setting-items-wrap .setting-item:not(:last-child) {
  margin-bottom: 8px;
}
.sidebarSettings .setting-items-wrap .setting-item.active {
  background: #ffe380;
  color: #1E1E1E;
}
.sidebarSettings .setting-items-wrap .setting-item.active .MyIcon i.my-icon {
  background-color: #1E1E1E !important;
}
.sidebarSettings .signout-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 100%;
  color: #cf304a;
  background: white;
  border: 1px solid #eee;
  border-radius: 8px;
}
.sidebarSettings .signout-item:hover {
  color: #cf304a;
  text-decoration: none;
  background: #f8f8f8;
}
.sidebarSettings .upgrade-package-wrap {
  background: #fff2c6;
  border-radius: 8px;
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin-top: 70px;
}
.sidebarSettings .upgrade-package-wrap .ok-button {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  color: #fff;
  padding: 12px 16px;
  background: #CF304A;
  border-radius: 4px;
  margin-left: 12px;
}
.sidebarSettings .upgrade-package-wrap .ok-button:hover {
  filter: brightness(1.1);
}

@media screen and (max-width: 1449.99px) {
  .settingsPage.pageClient:has(.sidebarSettings) {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

.StatsCard {
  position: relative;
  height: 72px;
  border: 1px solid rgba(202, 202, 202, 0.6);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.StatsCard .icon-wrap {
  width: 20px;
  height: 20px;
}
.StatsCard .card-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(180deg, #6A69B7 0%, #504CA7 100%);
}
.StatsCard .card-title {
  color: #8083a3;
  font-weight: 600;
  font-size: 14px;
}
.StatsCard .card-number {
  font-size: 20px;
  font-weight: bold;
}
.StatsCard .percent-change-wrap {
  position: absolute;
  top: 39.65px;
  right: 24.58px;
}
.StatsCard .percent-change-wrap .chart-icon-wrap {
  width: 18px;
  height: 18px;
}
.StatsCard .percent-change-wrap .percent-wrap {
  font-size: 14px;
  font-weight: 600;
  margin-right: 4px;
}
.StatsCard .percent-change-wrap.up .percent-wrap {
  color: #1BD27A;
}
.StatsCard .percent-change-wrap.up .chart-icon {
  background-color: #1BD27A;
}
.StatsCard .percent-change-wrap.down .percent-wrap {
  color: #DC5F5F;
}
.StatsCard .percent-change-wrap.down .chart-icon {
  background-color: #DC5F5F;
}
.StatsCard.card-type-totalUser {
  background-color: #D1D5FB;
}
.StatsCard.card-type-totalUser .card-icon-wrap {
  background: linear-gradient(180deg, #6A69B7 0%, #504CA7 100%);
}
.StatsCard.card-type-monthlyViews {
  background-color: #FFE7E3;
}
.StatsCard.card-type-monthlyViews .card-icon-wrap {
  background: linear-gradient(180deg, #F3A573 0%, #F17D57 100%);
}
.StatsCard.card-type-monthlyRevenue {
  background-color: #D2F8FF;
}
.StatsCard.card-type-monthlyRevenue .card-icon-wrap {
  background: linear-gradient(180deg, #0EB2AF 0%, #24D3C8 100%);
}

.TopArticles .article-items-wrap {
  padding-top: 9px;
  padding-bottom: 28px;
  padding-left: 24px;
  padding-right: 12px;
}
.TopArticles .article-image {
  border-radius: 6px;
  object-fit: cover;
}
.TopArticles .article-item:not(:last-child) {
  margin-bottom: 21px;
}
.TopArticles .article-item--title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 2px;
}
.TopArticles .article-item--author {
  font-weight: 500;
  font-size: 12px;
  color: #8083a3;
}
.TopArticles .article-item--views-count {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 2px;
}
.TopArticles .article-item--views-count-unit {
  font-weight: 500;
  font-size: 12px;
  color: #8083a3;
}

.TopAuthors .author-items-wrap {
  padding: 18px 14px 16px 28px;
}
.TopAuthors .author-item:not(:last-child) {
  margin-bottom: 26px;
}
.TopAuthors .author-item--name {
  font-weight: 500;
  font-size: 12px;
  color: #8083a3;
}
.TopAuthors .author-item--royalties {
  font-weight: bold;
  font-size: 12px;
}

.ArticleViewsStatistic .info-card--header {
  z-index: 2;
}
.ArticleViewsStatistic .small-width-yearpicker-wrap {
  position: absolute;
  width: 107px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.ArticleViewsStatistic .chart-canvas-container {
  padding: 20px 24px 44px 24px;
  height: calc(100% - 61px);
}

.CustomersStatistic {
  border: 1px solid #cacaca;
  border-radius: 16px;
}
.CustomersStatistic .flex-left {
  border-right: 1px solid #cacaca;
  flex-basis: 31.5%;
  min-width: 295px;
}
.CustomersStatistic .flex-right {
  flex-grow: 1;
}
.CustomersStatistic .info-wrap {
  height: calc(100% - 57px);
}
.CustomersStatistic .info-wrap--right, .CustomersStatistic .info-wrap--left {
  flex-grow: 1;
  flex-basis: 50%;
}
.CustomersStatistic .info-wrap--left {
  border-right: 1px solid #cacaca;
}
.CustomersStatistic .info-wrap--cell.current-customers {
  border-bottom: 1px solid #cacaca;
}
.CustomersStatistic .info-wrap--cell.returned-customers {
  border-top: 1px solid #cacaca;
}
.CustomersStatistic .info-wrap--cell.current-customers, .CustomersStatistic .info-wrap--cell.new-customers {
  padding-left: 24px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.CustomersStatistic .info-wrap--cell.expired-customers, .CustomersStatistic .info-wrap--cell.returned-customers {
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 16px;
}
.CustomersStatistic .info-wrap--cell--number {
  color: #1BD27A;
  font-weight: bold;
  font-size: 24px;
}
.CustomersStatistic .info-wrap--cell--label {
  font-weight: 500;
  font-size: 14px;
  color: #8083a3;
}
.CustomersStatistic .expired-customers .info-wrap--cell--number {
  color: #EF6354;
}
.CustomersStatistic .chart-holder {
  padding: 26px 45px 26px 32px;
  height: calc(100% - 57px);
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1315.99px) {
  .CustomersStatistic .chart-holder {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.CustomersStatistic .chart-holder .label-item {
  display: flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 18px;
  border: 1px solid #E4E6E8;
}
@media only screen and (max-width: 1315.99px) {
  .CustomersStatistic .chart-holder .label-item {
    padding: 4px 8px;
  }
}
@media only screen and (max-width: 1259.99px) {
  .CustomersStatistic .chart-holder .label-item {
    zoom: 0.75;
  }
}
@media only screen and (max-width: 1209.99px) {
  .CustomersStatistic .chart-holder .label-item {
    zoom: 0.7;
  }
}
.CustomersStatistic .chart-holder .label-item:not(:last-child) {
  margin-bottom: 7px;
}
.CustomersStatistic .chart-holder .label-item--indicator {
  margin-right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.CustomersStatistic .chart-holder .label-item--indicator.premium {
  background-color: #3E7EFF;
}
.CustomersStatistic .chart-holder .label-item--indicator.gold {
  background-color: #FFC702;
}
.CustomersStatistic .chart-holder .label-item--indicator.fund {
  background-color: #5FDCB3;
}
.CustomersStatistic .chart-holder .label-item--presentation {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.CustomersStatistic .chart-holder .label-item--percentage {
  font-weight: bold;
}

.YearlyRevenueStatistic .custom-datepicker {
  z-index: 1;
}
.YearlyRevenueStatistic .custom-datepicker:has(.admin--DatePicker.-open) {
  z-index: 2;
}
.YearlyRevenueStatistic .chart-canvas-container {
  padding: 12px 28px 28px 24px;
  height: calc(100% - 61px);
  position: relative;
}

.MonthlyRevenueStatistic .flex-left, .MonthlyRevenueStatistic .flex-right {
  flex-grow: 1;
}
.MonthlyRevenueStatistic .chart-holder {
  padding: 45px 24px 54px 30px;
  height: calc(100% - 61px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1469.99px) {
  .MonthlyRevenueStatistic .chart-holder {
    padding: 50px 24px 60px 30px;
  }
}
.MonthlyRevenueStatistic .chart-holder .label-item {
  display: flex;
  align-items: center;
  padding: 8px 17px;
  border-radius: 18px;
  border: 1px solid #E4E6E8;
}
@media only screen and (max-width: 1470px) {
  .MonthlyRevenueStatistic .chart-holder .label-item {
    padding: 4px 8px;
    zoom: 0.9;
  }
}
@media only screen and (max-width: 1390px) {
  .MonthlyRevenueStatistic .chart-holder .label-item {
    zoom: 0.7;
  }
}
@media only screen and (max-width: 1300px) {
  .MonthlyRevenueStatistic .chart-holder .label-item {
    zoom: 0.6;
  }
}
@media only screen and (max-width: 1259.99px) {
  .MonthlyRevenueStatistic .chart-holder .label-item {
    zoom: 0.55;
  }
}
@media only screen and (max-width: 1238.99px) {
  .MonthlyRevenueStatistic .chart-holder .label-item {
    zoom: 0.5;
  }
}
@media only screen and (max-width: 1215.99px) {
  .MonthlyRevenueStatistic .chart-holder .label-item {
    zoom: 0.45;
  }
}
.MonthlyRevenueStatistic .chart-holder .label-item:not(:last-child) {
  margin-bottom: 8px;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator {
  margin-right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.premium {
  background-color: #3E7EFF;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.gold {
  background-color: #FFC702;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.fund {
  background-color: #5FDCB3;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.other-users {
  background-color: #8083A3;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.management {
  background-color: #7767F9;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.marketing {
  background-color: #6DC8EC;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.salary {
  background-color: #FA9846;
}
.MonthlyRevenueStatistic .chart-holder .label-item--indicator.other-cost {
  background-color: #F6C02D;
}
.MonthlyRevenueStatistic .chart-holder .label-item--presentation {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.MonthlyRevenueStatistic .chart-holder .label-item--percentage {
  font-weight: bold;
}

.DdcIndicator {
  border: 1px solid #cacaca;
  border-radius: 16px 16px 0 0;
}
.DdcIndicator .admin--DatePicker {
  z-index: initial;
}
.DdcIndicator .admin--DatePicker .DatePicker__calendarContainer {
  z-index: 1;
}
.DdcIndicator .ma5-gauge-wrap {
  margin-bottom: 6px;
}
.DdcIndicator .form-input {
  color: #8083a3;
  font-weight: bold;
  font-size: 12px;
  border-radius: 10px;
  border: 1px solid #D8D8D8;
  opacity: 0.6;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 9px;
}
.DdcIndicator .form-input ~ .calendar-icon-wrap {
  z-index: 1;
}
.DdcIndicator .rpi-point-input {
  flex-basis: 68.5%;
  margin-right: 10px;
}
.DdcIndicator .submit-btn {
  flex-grow: 1;
  min-width: 103px;
  padding: 12px 24px;
  background-color: #F5F5FA;
  border-radius: 10px;
  font-weight: bold;
  font-size: 12px;
  color: #8083a3;
}
.DdcIndicator .submit-btn[disabled] {
  cursor: not-allowed;
}

.TopStocks {
  border: 1px solid #cacaca;
  border-radius: 0 0 16px 16px;
}
.TopStocks .stocks-line {
  padding: 14px 12px 14px 12px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #e5e6e8;
  border-radius: 10px;
}
.TopStocks .stocks-line:not(:last-child) {
  margin-bottom: 8px;
}
.TopStocks .stock-item {
  background-color: #F5F5FA;
  color: #8083a3;
  padding: 8px;
  font-weight: bold;
  font-size: 10px;
  border-radius: 8px;
}
.TopStocks .stock-item:not(:last-child) {
  margin-right: 4px;
}
.TopStocks .stocks-score {
  font-weight: bold;
  font-size: 14px;
  color: #606060;
}

.TabNav .nav-tabs.customized-nav-tabs {
  border: none;
  margin-bottom: 8px;
}
.TabNav .nav-item.customized-nav-item:not(:last-child) {
  margin-right: 8px;
}
.TabNav .nav-link.customized-nav-link {
  cursor: pointer;
  border: none;
  color: #B3B3B3;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 8px;
  line-height: 16px;
}
.TabNav .nav-link.customized-nav-link.active {
  color: #8083a3;
  font-weight: bold;
  background-color: #F5F5FA;
  border-radius: 4px;
}

.TablePagination .pagination-menu {
  display: flex;
}
.TablePagination .pagination-item {
  font-weight: 500;
  font-size: 12px;
  color: #8083a3;
}
.TablePagination .pagination-item .item-content {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.TablePagination .pagination-item .item-content.disabled {
  cursor: not-allowed;
}
.TablePagination .pagination-item:not(:last-child) {
  margin-right: 16px;
}
.TablePagination .pagination-item.non-index {
  border-radius: 6px;
  opacity: 0.6;
  border: 1px solid #E4E6E8;
}
.TablePagination .pagination-item.active {
  font-weight: bold;
  color: #292C43;
  border-radius: 8px;
  background-color: #FFC702;
}
.TablePagination .pagination-dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  min-width: initial;
  width: 40px;
  border: 1px solid #C5C5C5;
  border-radius: 8px;
}
.TablePagination .dropdown-content-wrap {
  max-height: 324px;
  overflow: auto;
}
.TablePagination .pagination-dropdown-item {
  font-weight: 500;
  font-size: 12px;
  height: 32.5px;
  color: #8083a3;
  display: flex;
  align-items: center;
  justify-content: center;
}
body #root .TablePagination .dropdown-content-wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.Modal.client-modal ::-webkit-scrollbar {
  width: 6px !important;
  border-radius: 50px;
}
.Modal .customized-modal--header {
  padding-top: 25px;
  padding-bottom: 23px;
  position: relative;
  border-bottom: 1px solid rgba(228, 230, 232, 0.6);
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #171721;
  text-align: center;
}
.Modal .customized-modal--body {
  padding: 22px 24px 0 24px;
  overflow: auto;
}
.Modal .customized-modal--footer {
  padding: 24px;
}

body:has(.pageClient.dark-theme .client--Dashboard) .Modal.client-modal ::-webkit-scrollbar {
  background: #191b27;
  border-radius: 50px;
}
body:has(.pageClient.dark-theme .client--Dashboard) .Modal.client-modal ::-webkit-scrollbar-thumb {
  background: #343750;
}

.Select.client-select div[class*=-control] {
  background-color: #F1F2F3;
  min-height: unset;
  border-radius: 50px;
  border-color: transparent;
}
.Select.client-select div[class*=-menu] {
  margin-top: 2px;
  margin-bottom: 0;
  border-radius: 8px;
}
.Select.client-select div[class*=-Input] {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.Select.client-select div[class*=-indicatorContainer] {
  padding: 6.5px 5px;
}
.Select.client-select div[class*=-MenuList] {
  padding: 0;
  border: none;
}
.Select.client-select div[class*=-option] {
  font-size: 14px;
  line-height: 150%;
  color: #707A83;
  padding: 6px 20px;
  border-radius: 6px;
}
.Select.client-select div[class*=-option]:not(:last-child) {
  margin-bottom: 3px;
}
.Select.client-select div[class*=-option].-selected {
  font-weight: bold;
  color: #434D56;
  background-color: #F5F5F5;
  border-radius: 6px;
}
.Select.client-select div[class*=-option].-selected:hover {
  border-radius: initial;
}
.Select.client-select div[class*=-option].-selected:active {
  border-radius: initial;
}
.Select.client-select div[class*=-option].-selected:not(:last-child) {
  margin-bottom: 3px;
}

.client--Ma5Gauge {
  border-radius: 10px;
  padding: 14px;
  background-color: #fff;
}
.client--Ma5Gauge .top-part {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.client--Ma5Gauge .top-part .canvas-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}
.client--Ma5Gauge .top-part .canvas-holder .gauge-image {
  margin: auto;
  width: 132px;
}
.client--Ma5Gauge .top-part .canvas-holder .needle {
  width: 8px;
  position: absolute;
  bottom: 50px;
  transform-origin: bottom;
  transform: rotate(-100deg);
  transition: all 0.3s;
}
.client--Ma5Gauge .top-part .texts-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 35px;
}
.client--Ma5Gauge .top-part .rpi-point {
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  color: #1E1E1E;
}
.client--Ma5Gauge .top-part .risk-name {
  font-weight: 700;
  font-size: 24px;
  color: #1E1E1E;
  margin-bottom: 10px;
}
.client--Ma5Gauge .top-part .vn30-text {
  font-size: 12px;
  color: #434D56;
}

.last-updated-at {
  color: #434D56;
  font-style: italic;
  font-size: 13px;
}

.more-info-btn {
  border-radius: 50px;
  background-color: #ffe380;
  font-size: 12px;
  color: #1E1E1E;
  padding: 8px 26px;
}

.more-info-btn:hover {
  color: #1E1E1E;
  background-color: #ffeba5;
}

.section-header {
  font-weight: 700;
  font-size: 24px;
}

.client--BearBullPoll {
  padding: 15px 15px 9px 15px;
  border-radius: 10px;
  background-color: #fff;
}
.client--BearBullPoll .title-text {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.client--BearBullPoll .polling-text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
.client--BearBullPoll .vn-index-text {
  font-size: 12px;
  font-style: italic;
}
.client--BearBullPoll .images-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}
.client--BearBullPoll .images-wrap .bear-img-wrap {
  margin-right: 15px;
  background: #CF304A;
}
.client--BearBullPoll .images-wrap .bull-img-wrap {
  background: #178F27;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-basis: 50%;
  flex-direction: column;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  height: 90px;
  transition: all 0.3s ease;
  cursor: default;
  user-select: none;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap:not(.-voted) {
  cursor: pointer;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap .img-text {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
.client--BearBullPoll .images-wrap .vote-result-number {
  font-weight: bold;
  font-size: 30px;
  color: #fff;
}
.client--BearBullPoll .images-wrap .img-inner-wrap {
  width: 80px;
}
.client--BearBullPoll .images-wrap .bull-bear-img {
  height: 50px;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap:not(.-voted):hover {
  flex-basis: 55%;
  height: 100px;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap:not(.-voted):hover .img-inner-wrap {
  width: 100px;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap:not(.-voted):hover .img-text {
  font-weight: bold;
  font-size: 20px;
}
.client--BearBullPoll .images-wrap .bear-bull-image-wrap:not(.-voted):hover ~ .bear-bull-image-wrap {
  flex-basis: 45%;
}

.client--Community {
  height: calc(100% - 34px);
  overflow: auto;
}
.client--Community .chat-blocks-wrap {
  margin-right: 5px;
}
.client--Community .chat-block {
  padding: 12px;
  display: block;
  border: 1px solid #eee;
  border-radius: 10px;
}
.client--Community .chat-block:hover {
  border-radius: 10px;
  border: 1px solid #ccc;
}
.client--Community .chat-block:not(:last-child) {
  margin-bottom: 12px;
}
.client--Community .chat-block:last-child {
  padding-bottom: 0;
}
.client--Community .chat-block .block-header {
  margin-bottom: 6px;
}
.client--Community .chat-block .block-header .header-title {
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 12px;
  color: #1E1E1E;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Community .chat-block .comment-item {
  display: flex;
  align-items: flex-start;
}
.client--Community .chat-block .comment-item:not(:last-child) {
  margin-bottom: 12px;
}
.client--Community .chat-block .comment-item .avatar-wrap {
  position: relative;
  margin-right: 10px;
}
.client--Community .chat-block .comment-item .avatar-wrap .avatar-img {
  border-radius: 50px;
}
.client--Community .chat-block .comment-item .comment-content-wrap {
  flex-grow: 1;
  min-width: 0;
  background: #F6F6F7;
  border-radius: 8px;
  padding: 8px 12px;
}
.client--Community .chat-block .comment-item .comment-content-wrap .user-name {
  font-weight: 600;
  font-size: 15px;
  color: #1E1E1E;
}
.client--Community .chat-block .comment-item .comment-content-wrap .avatar-indicator {
  font-size: 10px;
  color: #fff;
  padding: 0px 6px;
  border-radius: 50px;
}
.client--Community .chat-block .comment-item .comment-content-wrap .comment-content {
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
  margin-bottom: 8px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Community .chat-block .comment-item .comment-content-wrap .comment-time {
  font-size: 14px;
  color: #707A83;
}
@media screen and (min-width: 1200px) and (max-width: 1449.99px) {
  .client--Community .client--StockInfoLine.version-1 {
    font-size: 14px;
  }
}

.client--SearchModal {
  align-items: start !important;
  padding-top: calc(55px + 8px);
}
.client--SearchModal .MuiBox-root {
  width: initial;
  min-width: 600px;
  max-width: 600px;
  border-radius: 10px;
  visibility: hidden;
  position: absolute !important;
}
.client--SearchModal .customized-modal--header {
  display: none;
}
.client--SearchModal.-loading .customized-modal--body, .client--SearchModal.-no-result .customized-modal--body, .client--SearchModal.-no-keyword .customized-modal--body {
  height: initial;
  min-height: 126px;
}
.client--SearchModal .customized-modal--body {
  padding: 0 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.client--SearchModal .customized-modal--body .modal-body-content {
  height: 100%;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav {
  height: 100%;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .loading-wrap,
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .no-result-wrap,
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .no-keyword-wrap {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  margin-left: -15px;
  margin-right: -9px;
  height: 81px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-tabs {
  padding-top: 10px;
  padding-bottom: 7px;
  margin-bottom: 0;
  position: relative;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-tabs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -10px;
  right: -10px;
  border-bottom: 1px solid #EEE;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-item:not(:last-child) {
  margin-right: 8px;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-item .customized-nav-link {
  background: #F1F2F3;
  border-radius: 50px;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-item .customized-nav-link.active {
  background: linear-gradient(180deg, rgba(255, 198, 1, 0.5) 0%, #FFC601 34.88%);
  font-weight: 500;
  color: #1E1E1E;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-item .customized-nav-link:hover:not(.active) {
  filter: brightness(0.9);
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-item .customized-nav-link.article {
  border-radius: 50px 0 0 50px;
  border-right: 0.5px solid #ccc;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .customized-nav-item .customized-nav-link.articleDDC {
  border-radius: 0 50px 50px 0;
}
.client--SearchModal .customized-modal--body .modal-body-content .TabNav .TabNav--Tab {
  max-height: 600px;
  overflow: auto;
  padding-right: 8px;
  padding-bottom: 10px;
  margin-top: 10px;
}
.client--SearchModal .customized-modal--footer {
  display: none;
}
.client--SearchModal .stocks-wrap {
  margin-bottom: 10px;
}
.client--SearchModal .stocks-wrap.-no-result {
  display: none;
}
.client--SearchModal .stocks-wrap .stock-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 16px;
  border-radius: 50px;
}
.client--SearchModal .stocks-wrap .stock-item:hover {
  background-color: #fff7d9;
}
.client--SearchModal .stocks-wrap .stock-item .stock-info-wrap {
  max-width: 94%;
}
.client--SearchModal .stocks-wrap .stock-item .stock-info {
  width: 170px;
  margin-right: 10px;
}
.client--SearchModal .stocks-wrap .stock-item .ranking-wrap {
  width: 150px;
}
.client--SearchModal .stocks-wrap .stock-item:not(:last-child) {
  margin-bottom: 10px;
}
.client--SearchModal .stocks-wrap .stock-item .stock-line-wrap {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
}
.client--SearchModal .stocks-wrap .stock-item .stock-line-inner {
  margin-top: 4px;
}
.client--SearchModal .stocks-wrap .stock-item .stock-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 4px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--SearchModal .stocks-wrap .stock-item .company-name {
  font-size: 12px;
  line-height: 16px;
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--SearchModal .stocks-wrap .stock-item .ranking-line {
  display: flex;
  align-items: center;
}
.client--SearchModal .stocks-wrap .stock-item .ranking-line.-cant-view .progress-bar-wrap {
  width: 136px;
}
.client--SearchModal .stocks-wrap .stock-item .no-rank-text {
  font-size: 13px;
  line-height: 16px;
  color: #707A83;
  width: max-content;
}
.client--SearchModal .stocks-wrap .stock-item .ranking-text {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px;
  color: #707A83;
  margin-right: 14px;
  width: max-content;
}
@media only screen and (min-width: 1280px) and (max-width: 1449.99px) {
  .client--SearchModal .stocks-wrap .stock-item .ranking-text {
    margin-right: 5px;
  }
}
.client--SearchModal .stocks-wrap .stock-item .ranking-point {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin-right: 15px;
}
@media only screen and (min-width: 1280px) and (max-width: 1449.99px) {
  .client--SearchModal .stocks-wrap .stock-item .ranking-point {
    margin-right: 6px;
  }
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine {
  font-size: 14px;
  line-height: 21px;
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine .stock-code {
  display: none;
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine .stock-price {
  min-width: 67px;
  text-align: right;
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine .stock-change {
  text-align: left;
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine .change-indicator {
  margin-right: 10px;
  margin-left: 15px;
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine .change-indicator .MyIcon {
  width: 14px !important;
  height: 14px !important;
}
.client--SearchModal .stocks-wrap .stock-item .client--StockInfoLine .percent-change {
  padding: 4px 6px;
  width: 49px;
  height: 18px;
  display: flex;
  align-items: center;
}
.client--SearchModal .stocks-wrap .stock-item .progress-bar-wrap {
  min-width: initial;
  width: 100px;
  height: 7px;
  background: #F1F2F3;
  border-radius: 20px;
}
.client--SearchModal .stocks-wrap .stock-item .progress-bar-wrap .colored {
  border-radius: 20px;
}
.client--SearchModal .stocks-wrap .stock-item .progress-bar-wrap.percent-100 .colored {
  border-radius: 20px;
}
@media only screen and (min-width: 1280px) and (max-width: 1449.99px) {
  .client--SearchModal .stocks-wrap .stock-item .progress-bar-wrap {
    width: 85px;
  }
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav-dropdown {
  user-select: none;
  padding-top: 0;
  padding-bottom: 0;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav {
  cursor: pointer;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav .star-icon-wrap {
  display: none;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav .star-icon-wrap .my-icon {
  background-color: #FFC107 !important;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav .star-plus-icon-wrap {
  display: inline-block;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav .star-plus-icon-wrap .my-icon {
  background-color: #707A83 !important;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav.-marked {
  cursor: initial;
  pointer-events: none;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav.-marked .star-icon-wrap {
  display: inline-block;
}
.client--SearchModal .stocks-wrap .stock-item .add-to-fav.-marked .star-plus-icon-wrap {
  display: none;
}
.client--SearchModal .notifications-wrap.-no-result {
  display: none;
}
.client--SearchModal .notifications-wrap .notification-item {
  display: flex;
  align-items: center;
}
.client--SearchModal .notifications-wrap .notification-item:not(:last-child) {
  margin-bottom: 5px;
}
.client--SearchModal .notifications-wrap .notification-item .dot-wrap {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 18px;
  background: #FB7A02;
}
.client--SearchModal .notifications-wrap .notification-item .date-wrap {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  margin-right: 14px;
}
.client--SearchModal .notifications-wrap .notification-item .date-wrap .censored-date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  display: flex;
  align-items: center;
}
.client--SearchModal .notifications-wrap .notification-item .date-wrap .censored-date .date-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FB7A02;
}
.client--SearchModal .notifications-wrap .notification-item .date-wrap .date-year,
.client--SearchModal .notifications-wrap .notification-item .date-wrap .date-slash {
  color: #FB7A02;
}
.client--SearchModal .notifications-wrap .notification-item .content-wrap {
  flex-grow: 1;
  min-width: 0;
}
.client--SearchModal .articles-wrap.-no-result {
  display: none;
}
.client--SearchModal .articles-wrap .post-card {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  height: 120px;
}
.client--SearchModal .articles-wrap .post-card:not(:last-child) {
  margin-bottom: 16px;
}
.client--SearchModal .articles-wrap .post-card:hover {
  background: #fff7d9;
}
.client--SearchModal .articles-wrap .post-card .post-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  margin-top: 8px;
  margin-bottom: 15px;
  min-height: 38px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--SearchModal .articles-wrap .post-card .post-description {
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 19px;
  min-height: 46px;
  text-align: justify;
}
.client--SearchModal .articles-wrap .post-card .post-image {
  flex-basis: 30%;
  height: 100%;
}
.client--SearchModal .articles-wrap .post-card .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.client--SearchModal .articles-wrap .post-card .post-content {
  min-width: 0;
  padding: 12px;
  flex-basis: 70%;
}
.client--SearchModal .articles-wrap .post-card .post-content .comments-count,
.client--SearchModal .articles-wrap .post-card .post-content .likes-count {
  color: #707a83;
}
.client--SearchModal .articles-wrap .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.client--SearchModal .articles-wrap .post-card .posted-at-wrap .posted-at {
  font-size: 13px;
  line-height: 16px;
  color: #C4C4C4;
}
.client--SearchModal .articles-wrap .post-card .posted-at-wrap .post-source {
  font-size: 12px;
  line-height: 16px;
  max-width: 110px;
  padding: 2px 10px;
  background: #F1F2F3;
  border-radius: 30px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--SearchModal .articles-wrap .post-card .posted-at-wrap .post-source.ddc-post {
  background: #FFC601;
}

.client--StockInfoLine.version-1 {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
}
.client--StockInfoLine.version-1 .stock-code {
  margin-right: 22px;
  color: #1e1e1e;
}
.client--StockInfoLine.version-1 .change-indicator {
  margin-right: 15px;
  margin-left: 10px;
}
.client--StockInfoLine.version-1 .stock-price.-unchanged, .client--StockInfoLine.version-1 .stock-change.-unchanged {
  color: #FFC601;
}
.client--StockInfoLine.version-1 .stock-price.-increased, .client--StockInfoLine.version-1 .stock-change.-increased {
  color: #178F27;
}
.client--StockInfoLine.version-1 .stock-price.-decreased, .client--StockInfoLine.version-1 .stock-change.-decreased {
  color: #DA2F58;
}
.client--StockInfoLine.version-1 .stock-price.-high, .client--StockInfoLine.version-1 .stock-change.-high {
  color: #9620A9;
}
.client--StockInfoLine.version-1 .stock-price.-low, .client--StockInfoLine.version-1 .stock-change.-low {
  color: #6CA4D7;
}
.client--StockInfoLine.version-1 .stock-change {
  margin-right: 6px;
}
.client--StockInfoLine.version-1 .percent-change {
  border-radius: 6px;
  padding: 0px 4px;
  line-height: 19px;
  color: #fff;
}
.client--StockInfoLine.version-1 .percent-change.-unchanged {
  background-color: #FFC601;
}
.client--StockInfoLine.version-1 .percent-change.-increased {
  background-color: #178F27;
}
.client--StockInfoLine.version-1 .percent-change.-decreased {
  background-color: #DA2F58;
}
.client--StockInfoLine.version-1 .percent-change.-high {
  background-color: #9620A9;
}
.client--StockInfoLine.version-1 .percent-change.-low {
  background-color: #6CA4D7;
}

.client--StockInfoLine.version-2 {
  display: flex;
}
.client--StockInfoLine.version-2:not(:last-child) {
  margin-bottom: 13px;
}
.client--StockInfoLine.version-2 .company-info {
  margin-right: 27px;
}
.client--StockInfoLine.version-2 .stock-code {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 2px;
}
.client--StockInfoLine.version-2 .company-name {
  font-size: 12px;
  line-height: 150%;
  color: #707A83;
  width: 184px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--StockInfoLine.version-2 .ranking-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 128px;
  margin-right: 30px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap {
  margin-bottom: 7px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ddc-point {
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
  margin-right: 4px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line {
  display: flex;
  align-items: center;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap {
  min-width: 107px;
  height: 4px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap .colored {
  border-radius: 20px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap.percent-100 .colored {
  border-radius: 20px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line.-cant-view .progress-bar-wrap {
  min-width: 127px;
}
.client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line .no-rank-text {
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--StockInfoLine.version-2 .ranking-wrap .div-text {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--StockInfoLine.version-2 .prices-wrap {
  display: flex;
}
.client--StockInfoLine.version-2 .prices-wrap .stock-price {
  font-weight: 550;
  font-size: 14px;
  line-height: 150%;
  padding-left: 26px;
  margin-right: 60px;
}
.client--StockInfoLine.version-2 .prices-wrap .price-change {
  font-weight: 550;
  font-size: 14px;
  line-height: 150%;
  margin-right: 4px;
}
.client--StockInfoLine.version-2 .prices-wrap .percent-change {
  font-weight: 550;
  font-size: 12px;
  line-height: 150%;
  color: #fff;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 4px;
  height: 12px;
  display: flex;
  align-items: center;
}
.client--StockInfoLine.version-2 .prices-wrap .percent-change.-increased {
  background: #30B587;
}
.client--StockInfoLine.version-2 .prices-wrap .percent-change.-decreased {
  background: #DA2F58;
}
.client--StockInfoLine.version-2 .prices-wrap .percent-change.-unchanged {
  background: #FFC601;
}
.client--StockInfoLine.version-2 .prices-wrap .flex-left {
  margin-right: 8px;
}
.client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__top {
  display: flex;
}
.client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}

.client--AddCategory-wrap {
  user-select: none;
}
.client--AddCategory {
  border-radius: 6px;
  background: #fff;
  width: 391px;
}
.client--AddCategory .component-header {
  height: 45px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  padding-left: 10px;
  border-bottom: 1px solid #D6DEE4;
}
.client--AddCategory .component-header .close-btn {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  background: #F1F2F3;
  border-radius: 3px;
}
.client--AddCategory .component-body {
  padding: 8px 10px 10px 10px;
}
.client--AddCategory .component-body .form-group.category .form-label {
  margin-bottom: 7px;
}
.client--AddCategory .component-body .form-label {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  margin-bottom: 3px;
}
.client--AddCategory .component-body .buttons-group {
  display: flex;
  justify-content: flex-end;
}
.client--AddCategory .component-body .buttons-group button {
  font-size: 12px;
  line-height: 14px;
  border-radius: 2px;
}

.client--CreateCategory {
  border-radius: 6px;
  background: #fff;
  width: 391px;
  user-select: none;
}
.client--CreateCategory .component-header {
  height: 45px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  padding-left: 10px;
  border-bottom: 1px solid #D6DEE4;
}
.client--CreateCategory .component-header .close-btn {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  background: #F1F2F3;
  border-radius: 3px;
}
.client--CreateCategory .component-body {
  padding: 8px 10px 10px 10px;
}
.client--CreateCategory .component-body .form-group.name {
  margin-bottom: 3px;
}
.client--CreateCategory .component-body .form-group.name .form-label {
  margin-bottom: 7px;
}
.client--CreateCategory .component-body .form-control {
  background: #F1F2F3 !important;
  border-radius: 4px !important;
  height: 30px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #434D56;
}
.client--CreateCategory .component-body .form-control::placeholder {
  color: #AAAEB2;
}
.client--CreateCategory .component-body .form-group.defaulted {
  margin-bottom: 0;
}
.client--CreateCategory .component-body .form-label {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  margin-bottom: 3px;
}
.client--CreateCategory .component-body .hint-wrap {
  font-size: 10px;
  line-height: 12px;
  color: #707A83;
  margin-bottom: 3px;
}
.client--CreateCategory .component-body .buttons-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client--CreateCategory .component-body .buttons-group button {
  font-size: 12px;
  line-height: 14px;
  border-radius: 2px;
}

.client--NotificationItem .content-wrap {
  padding: 6px 12px;
  position: relative;
  background: #F1F2F3;
  border-radius: 50px;
  display: flex;
}
.client--NotificationItem .content-wrap:has(.article-noti, .personal-noti, .no-permission-noti) {
  display: block;
}
.client--NotificationItem .content-wrap:hover {
  background-color: #fff7d9;
}
.client--NotificationItem .content-wrap .content-title {
  font-weight: 600;
  font-size: 14px;
  width: fit-content;
  white-space: nowrap;
  margin-right: 6px;
}
.client--NotificationItem .content-wrap .content-body {
  font-size: 14px;
  flex-basis: 80%;
  flex-grow: 1;
  color: #707A83;
}
.client--NotificationItem .content-wrap .content-body.article-noti {
  color: #1e1e1e;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--NotificationItem .content-wrap .content-body.personal-noti {
  color: #1e1e1e;
}
.client--NotificationItem .content-wrap:has(.user-badge) {
  padding-right: 36px;
}
.client--NotificationItem .content-wrap .user-badge {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}

.client--StockMarker {
  cursor: pointer;
}

.client--ImageZoomModal .customized-modal--header, .client--ImageZoomModal .customized-modal--footer {
  display: none;
}
.client--ImageZoomModal .MuiBox-root {
  position: initial;
}
.client--ImageZoomModal .customized-modal--body {
  padding: unset;
  max-height: unset;
  overflow: unset;
}
.client--ImageZoomModal .customized-modal--body .fixed-tool-bar {
  position: fixed;
  top: 65px;
  right: 25px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.client--ImageZoomModal .customized-modal--body .img-tag {
  position: absolute;
}
.client--ImageZoomModal .MuiBox-root {
  width: unset;
}

.client--StockPointProgress.version-2 {
  display: flex;
  align-items: center;
}
.client--StockPointProgress .no-ranking {
  min-width: 160px;
  font-size: 18px;
  line-height: 21px;
  color: #707A83;
}
.client--StockPointProgress .ddc-point {
  margin-right: 10px;
  font-weight: 550;
  font-size: 16px;
  line-height: 19px;
}
.client--StockPointProgress .progress-bar-wrap {
  height: 8px;
  background: #F1F2F3;
  border-radius: 20px;
  position: relative;
}
.client--StockPointProgress .progress-bar-wrap .lock-icon-wrap {
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 8px);
}
.client--StockPointProgress .progress-bar-wrap .colored {
  border-radius: 20px;
}
.client--StockPointProgress .progress-bar-wrap.percent-100 .colored {
  border-radius: 20px;
}

.client--UserFavourite--DdcFundContent {
  max-height: calc(100vh - 175px);
  overflow: auto;
  padding-right: 7px;
}
.client--UserFavourite--DdcFundContent .money-chart {
  padding: 12px 0;
}
.client--UserFavourite--DdcFundContent .money-chart .chart-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.client--UserFavourite--DdcFundContent .money-chart .label-text {
  font-size: 12px;
  line-height: 18px;
  color: #707A83;
}
.client--UserFavourite--DdcFundContent .money-chart .chart-wrap {
  flex-basis: 50%;
  min-width: 0;
}
.client--UserFavourite--DdcFundContent .money-chart .chart-holder {
  height: 120px;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item {
  border: 1px solid #E4E6E8;
  border-radius: 8px;
  display: flex;
  margin-bottom: 8px;
  flex-grow: 1;
  min-width: 0;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .text-part {
  padding-left: 6px;
  display: flex;
  align-items: center;
  border-right: 1px solid #E4E6E8;
  flex-basis: 50%;
  flex-grow: 1;
  min-width: 0;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .toggleable-input-wrap {
  flex-basis: 52%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 9px;
  min-width: 0;
  flex-grow: 1;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .toggleable-input-wrap.edit .inline-input {
  width: 100%;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .toggleable-input-wrap .number {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #8083a3;
  margin-right: 8px;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .toggleable-input-wrap .unit {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #C5C5C5;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .number-part {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 9px;
  min-width: 0;
  flex-grow: 1;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .number-part .number {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-right: 5px;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .number-part .unit {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #C5C5C5;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .label-indicator {
  border-radius: 4px;
  margin-right: 6px;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .label-indicator.investment {
  background-color: #FFBD2D;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .label-indicator.cash {
  background-color: #F8753A;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .label-indicator.cost {
  background-color: #3A84C5;
}
.client--UserFavourite--DdcFundContent .money-chart .label-item .label-indicator.debt {
  background-color: #65AC4B;
}
.client--UserFavourite--DdcFundContent .main-content-wrap {
  margin-bottom: 20px;
}
.client--UserFavourite--DdcFundContent .client-search-box-wrap {
  flex-basis: 24%;
  max-width: 338px;
}
.client--UserFavourite--DdcFundContent .flex-left {
  min-width: 0;
  margin-right: 10px;
  flex-grow: 1;
}
.client--UserFavourite--DdcFundContent .flex-right {
  flex-basis: 40%;
  min-width: 0;
}
.client--UserFavourite--DdcFundContent .flex-right .div-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.client--UserFavourite--DdcFundContent .stat-lines-wrap {
  border-radius: 16px;
  border: 1px solid #E4E6E8;
  padding: 12px 8px;
  font-size: 13px;
  line-height: 21px;
  color: #707A83;
}
.client--UserFavourite--DdcFundContent .stat-lines-wrap .stat-line {
  border-radius: 8px;
  border: 1px solid rgba(202, 202, 202, 0.6);
  padding: 12px 18px;
  display: flex;
  justify-content: space-between;
}
.client--UserFavourite--DdcFundContent .stat-lines-wrap .stat-line:not(:last-child) {
  margin-bottom: 4.5px;
}
.client--UserFavourite--DdcFundContent .stat-lines-wrap .stat-line.net-profit .value {
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  border-radius: 8px;
  padding: 6px 8px;
  background-color: #EBF9F4;
  color: #178F27;
}
.client--UserFavourite--DdcFundContent .stat-lines-wrap .stat-line.unpaid .value {
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  border-radius: 8px;
  padding: 6px 8px;
  background-color: #FFF7E8;
  color: #FFC601;
}
.client--UserFavourite--DdcFundContent .portfolio-table-wrap .div-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #171721;
}
.client--UserFavourite--DdcFundContent .history-table-wrap .div-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #171721;
}

.client--UserFavourite--PortfolioTable .table-aside-container {
  padding-bottom: 5px;
}
.client--UserFavourite--PortfolioTable .table-td:first-child {
  padding-top: 15px;
  padding-bottom: 15px;
}
.client--UserFavourite--PortfolioTable .table-header:not(:last-child) {
  border-right: 1px solid rgba(189, 194, 198, 0.5);
}
.client--UserFavourite--PortfolioTable .table-header {
  border-bottom: 1px solid rgba(189, 194, 198, 0.5);
  color: #434D56;
}
.client--UserFavourite--PortfolioTable .table-header .header-content--hint {
  color: #707A83;
  font-size: 10px;
}
.client--UserFavourite--PortfolioTable .table-header.header-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--PortfolioTable .table-header.header-stock {
  position: sticky;
  left: 130px;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--PortfolioTable .table-header.header-stock {
  padding-left: initial;
  text-align: center;
}
.client--UserFavourite--PortfolioTable .table-header.header-profit {
  padding-left: initial;
  padding-right: initial;
  padding-right: 16px;
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-header.header-buyDate {
  padding-left: 30px;
  text-align: left;
}
.client--UserFavourite--PortfolioTable .table-header.header-profitRatio {
  padding-right: 25px;
  padding-left: initial;
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-header.header-profitDM {
  padding-right: 25px;
  padding-left: initial;
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-row {
  border: none;
  color: #707A83;
  font-size: 12px;
  line-height: 14px;
}
.client--UserFavourite--PortfolioTable .table-row:last-child .table-td {
  border-bottom: 1px solid rgba(189, 194, 198, 0.5);
}
.client--UserFavourite--PortfolioTable .table-td {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.client--UserFavourite--PortfolioTable .table-td.td-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--PortfolioTable .table-td.td-stock {
  position: sticky;
  left: 130px;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--PortfolioTable .table-td.td-buyDate {
  padding-left: 18px;
}
.client--UserFavourite--PortfolioTable .table-td.td-stock {
  font-weight: bold;
  color: #707A83;
  padding-left: initial;
  text-align: center;
  font-size: 13px;
}
.client--UserFavourite--PortfolioTable .table-td.td-profitRatio {
  font-size: 13px;
  font-weight: 550;
  padding-left: initial;
  padding-right: 25px;
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-td.td-profitDM {
  font-size: 13px;
  font-weight: 550;
  padding-left: initial;
  padding-right: 25px;
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-td.td-profit {
  padding-left: initial;
  padding-right: initial;
  padding-right: 16px;
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-td.td-profit .inner-content-wrap.-decreased {
  font-weight: bold !important;
  font-family: "Public Sans", sans-serif !important;
  background: #FDF4F6 !important;
}
.client--UserFavourite--PortfolioTable .table-td.td-profit .inner-content-wrap.-increased {
  font-weight: bold !important;
  font-family: "Public Sans", sans-serif !important;
  background: rgba(23, 143, 39, 0.08) !important;
  color: #178F27 !important;
}
.client--UserFavourite--PortfolioTable .table-td:not(:last-child) {
  border-right: 1px solid rgba(189, 194, 198, 0.5);
}
.client--UserFavourite--PortfolioTable .datetime-cell-wrap {
  font-size: 12px;
}
.client--UserFavourite--PortfolioTable .datetime-cell-wrap .calendar-wrap {
  margin-right: 6px !important;
}
.client--UserFavourite--PortfolioTable .info-body-wrap {
  background-color: #fff;
}
.client--UserFavourite--PortfolioTable .table-header.header-buyPrice, .client--UserFavourite--PortfolioTable .table-header.header-currentPrice, .client--UserFavourite--PortfolioTable .table-header.header-changePrice, .client--UserFavourite--PortfolioTable .table-header.header-amount, .client--UserFavourite--PortfolioTable .table-header.header-totalCostPrice, .client--UserFavourite--PortfolioTable .table-header.header-totalCurrentPrice, .client--UserFavourite--PortfolioTable .table-header.header-ratio, .client--UserFavourite--PortfolioTable .table-header.header-dividend {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.client--UserFavourite--PortfolioTable .table-header.header-ddcPs {
  text-align: right;
  padding-left: initial;
  padding-right: 22px;
}
.client--UserFavourite--PortfolioTable .table-header.header-profit .header-content--hint {
  text-align: right;
}
.client--UserFavourite--PortfolioTable .table-row:first-child .td-buyDate {
  color: #178F27;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  padding-left: 30px;
}
.client--UserFavourite--PortfolioTable .table-row:first-child .td-ddcPs .cell-content {
  background: rgba(23, 143, 39, 0.08);
  color: #178F27;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
}
.client--UserFavourite--PortfolioTable .table-td.td-buyPrice, .client--UserFavourite--PortfolioTable .table-td.td-currentPrice, .client--UserFavourite--PortfolioTable .table-td.td-changePrice, .client--UserFavourite--PortfolioTable .table-td.td-amount, .client--UserFavourite--PortfolioTable .table-td.td-totalCostPrice, .client--UserFavourite--PortfolioTable .table-td.td-totalCurrentPrice, .client--UserFavourite--PortfolioTable .table-td.td-ratio, .client--UserFavourite--PortfolioTable .table-td.td-dividend, .client--UserFavourite--PortfolioTable .table-td.td-ddcPs {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.client--UserFavourite--PortfolioTable .table-td.td-ddcPs .cell-content {
  display: inline-block;
  border-radius: 4px;
  padding: 6px 8px;
}
.client--UserFavourite--PortfolioTable .table-td.td-stock .cell-content .inline-table-input {
  width: 68px;
}
.client--UserFavourite--PortfolioTable .admin--EditableCell .edit-input {
  width: 100px;
}

.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-aside-container {
  padding-bottom: 5px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .info-body-wrap {
  padding-left: initial;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td:first-child {
  padding-top: 15px;
  padding-bottom: 15px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header:not(:last-child) {
  border-right: 1px solid rgba(189, 194, 198, 0.5);
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header {
  border-bottom: 1px solid rgba(189, 194, 198, 0.5);
  color: #434D56;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header .header-content--hint {
  color: #707A83;
  font-size: 10px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header.header-stock {
  padding-left: initial;
  text-align: center;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header.header-profit {
  padding-left: initial;
  padding-right: initial;
  padding-right: 16px;
  text-align: right;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header.header-buyDate {
  padding-left: 24px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header.header-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header.header-sellDate {
  position: sticky;
  left: 130px;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-header.header-stock {
  position: sticky;
  left: 260px;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-row {
  border: none;
  color: #707A83;
  font-size: 12px;
  line-height: 14px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-row:last-child .table-td {
  border-bottom: 1px solid rgba(189, 194, 198, 0.5);
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-ddcPs, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-buyPrice, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-closePrice, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-amount, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-totalCostPrice, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-totalClosePrice, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-ratio, .client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-profitRatio {
  font-weight: 550;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-sellDate {
  position: sticky;
  left: 130px;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-stock {
  position: sticky;
  left: 260px;
  background-color: #fff;
  z-index: 1;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-buyDate {
  padding-left: 18px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-stock {
  font-weight: bold;
  color: #707A83;
  padding-left: initial;
  text-align: center;
  font-size: 13px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-profitRatio {
  font-size: 13px;
  font-weight: 550;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-profitDM {
  font-size: 13px;
  font-weight: 550;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-profit {
  padding-left: initial;
  padding-right: initial;
  padding-right: 16px;
  text-align: right;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-profit .inner-content-wrap.-decreased {
  font-weight: bold !important;
  font-family: "Public Sans", sans-serif !important;
  background: #FDF4F6 !important;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-profit .inner-content-wrap.-increased {
  font-weight: bold !important;
  font-family: "Public Sans", sans-serif !important;
  background: rgba(23, 143, 39, 0.08) !important;
  color: #178F27 !important;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-status .cell-content--inner {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 700;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-status .cell-content--inner.paid {
  background: rgba(23, 143, 39, 0.08);
  color: #178F27;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td.td-status .cell-content--inner.unpaid {
  background: #F2F4F8;
  color: #707A83;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-td:not(:last-child) {
  border-right: 1px solid rgba(189, 194, 198, 0.5);
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .datetime-cell-wrap {
  font-size: 12px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .datetime-cell-wrap .calendar-wrap {
  margin-right: 6px !important;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-row:first-child .td-buyDate {
  color: #178F27;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  padding-left: 24px;
}
.client--UserFavourite--HistoryTable.admin--GroupContainer--HistoryTable .table-row:first-child .td-ddcPs .cell-content {
  background: rgba(23, 143, 39, 0.08);
  color: #178F27;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
}

.client--NotificationsCenter--SearchNotiModal .MuiBox-root {
  border-radius: 10px;
  width: 500px !important;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body {
  overflow: initial;
  padding: 0 20px;
  margin-bottom: 10px;
  margin-top: -26px;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-control.custom-input.custom-text-input {
  height: 40px;
  font-weight: 500;
  font-size: 15px;
  line-height: 150%;
  color: #0E0D0D !important;
  font-family: "Inter", sans-serif;
  border: 1px solid #CECECE;
  border-radius: 4px;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-control.custom-input.custom-text-input::placeholder {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #CECECE;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group:not(:last-child) {
  margin-bottom: 20px;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group.filterType div[class*=-MenuList] {
  padding: 0;
  border-radius: 6px;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group.filterType div[class*=-option] {
  font-family: "Inter", sans-serif;
  padding: 4px 14px;
  font-size: 15px;
  line-height: 150%;
  color: #434D56;
  border-radius: 4px;
  font-weight: normal;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group.filterType div[class*=-option]:hover {
  background: #F5F5F5;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group.filterType div[class*=-control] {
  border-radius: 4px;
  height: 40px;
  flex-wrap: nowrap;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group.filterType div[class*=-singleValue] {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 150%;
  color: #0E0D0D;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group.filterType div[class*=-indicatorContainer] {
  padding: 19px 12px;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--body .form-group .form-label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #3C3C3D;
  margin-bottom: 20;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--header {
  padding: 20px;
  border-bottom: none;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--header .close-btn i.my-icon {
  background: #707A83 !important;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--footer {
  padding: 20px;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--footer .submit-search-btn {
  width: 100%;
  border-radius: 50px;
  padding: 10px;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #1e1e1e;
  background: #ffc601;
}
.client--NotificationsCenter--SearchNotiModal .MuiBox-root .customized-modal--footer .submit-search-btn:hover {
  filter: brightness(1.1);
}

.pageClient:has(.researchEngine) {
  height: 100vh;
  padding: 60px 8px 5px 8px !important;
  background: #F1F2F3;
}

.researchEngine {
  margin-left: -6px;
  margin-right: -2px;
  display: flex;
  padding-right: 36px;
  position: relative;
}
.researchEngine .company-info .tab-content--body .inner-wrap {
  margin-left: -20px;
  padding-left: 20px;
}
.researchEngine .company-info .tab-content--body .info-group:not(:last-child) {
  margin-bottom: 12px;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--div-text {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
  margin-bottom: 16px;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item {
  display: flex;
  justify-content: space-between;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item.company .item-value, .researchEngine .company-info .tab-content--body .info-group .info-group--item.address .item-value, .researchEngine .company-info .tab-content--body .info-group .info-group--item.website .item-value, .researchEngine .company-info .tab-content--body .info-group .info-group--item.industry .item-value {
  width: 50%;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item .item-label {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item .item-value {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item .item-value.website {
  text-decoration: underline;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item .item-value.website:hover {
  text-decoration: underline;
}
.researchEngine .company-info .tab-content--body .info-group .info-group--item:not(:last-child) {
  margin-bottom: 12px;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item:not(:last-child) {
  margin-bottom: 21px;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .dot-wrap {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 18px;
  background: #FB7A02;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .date-wrap {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  margin-right: 14px;
  display: flex;
  align-items: center;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .date-wrap .date-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FB7A02;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .date-wrap .censored-date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  display: flex;
  align-items: center;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .date-wrap .censored-date .date-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FB7A02;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .date-wrap .date-year, .researchEngine .recommend-wrap .tab-content--body .inner-wrap .block-item .date-wrap .date-slash {
  color: #FB7A02;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .notification-item-wrap {
  display: block;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .notification-item-wrap:not(:last-child) {
  margin-bottom: 8px;
}
.researchEngine .recommend-wrap .tab-content--body .inner-wrap .client--NotificationItem .content-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.researchEngine .related-articles-wrap .tab-content--body .inner-wrap {
  margin-left: -20px;
  padding-left: 20px;
}
.researchEngine .related-articles-wrap .post-card {
  display: flex;
  border-radius: 10px;
  height: 96px;
}
.researchEngine .related-articles-wrap .post-card:not(:last-child) {
  margin-bottom: 10px;
}
.researchEngine .related-articles-wrap .post-card:hover {
  background-color: #fffae7;
}
.researchEngine .related-articles-wrap .post-card .post-image {
  flex-basis: 35%;
}
.researchEngine .related-articles-wrap .post-card .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.researchEngine .related-articles-wrap .post-card .post-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
.researchEngine .related-articles-wrap .post-card .post-content {
  flex-basis: 65%;
  min-width: 0;
  padding: 10px;
}
.researchEngine .related-articles-wrap .post-card .post-source {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  max-width: 110px;
  padding: 2px 8px;
  background: #F1F2F3;
  border-radius: 30px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.researchEngine .related-articles-wrap .post-card .post-source.ddc-post {
  background: #FFC601;
  color: #1E1E1E;
}
.researchEngine .related-articles-wrap .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.researchEngine .related-articles-wrap .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.researchEngine .community-wrap .article-comment-item .main-comment {
  display: flex;
  align-items: flex-start;
}
.researchEngine .community-wrap .article-comment-item.-no-subs .comment-content-wrap::before {
  display: none;
}
.researchEngine .community-wrap .article-comment-item:not(:last-child) {
  margin-bottom: 12px;
}
.researchEngine .community-wrap .article-comment-item .avatar-wrap {
  position: relative;
  margin-right: 15px;
}
.researchEngine .community-wrap .article-comment-item .avatar-wrap .avatar-indicator {
  position: absolute;
  bottom: -6px;
  right: -5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.researchEngine .community-wrap .article-comment-item .avatar-wrap .avatar-img {
  border-radius: 50px;
  width: 45px;
  height: 45px;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap {
  flex-grow: 1;
  min-width: 0;
  background: #f8f8f9;
  border-radius: 10px;
  padding: 12px;
  position: relative;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap::before {
  content: " ";
  position: absolute;
  left: -48px;
  top: 65px;
  bottom: -15px;
  border-right: 1px solid #EAEBED;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap .deltButton {
  position: absolute;
  right: 8px;
  top: 6px;
  color: red;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap .user-name {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 6px;
  color: #1e1e1e;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap .comment-content {
  font-size: 17px;
  line-height: 21px;
  color: #434d56;
  margin-bottom: 10px;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap .comment-time {
  font-size: 15px;
  color: #707a83;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap {
  padding-left: 80px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item:not(:last-child) {
  margin-bottom: 15px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item:last-child .avatar-wrap::after {
  border-bottom: 1px solid #EAEBED;
  border-left: 1px solid #EAEBED;
  border-radius: 0 0 0 12px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item:last-child .comment-content-wrap::before {
  display: none;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item .comment-content-wrap::before {
  left: -113px;
  top: 0;
  bottom: -15px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap {
  position: relative;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap .avatar-img {
  width: 40px;
  height: 40px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap::after {
  content: " ";
  position: absolute;
  left: -48px;
  width: 48px;
  top: 0;
  bottom: 50%;
  border-bottom: 1px solid #EAEBED;
}
.researchEngine .community-wrap .article-comment-item .load-more-sub-comments {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 21px;
  padding-left: 160px;
}
.researchEngine .community-wrap .article-comment-item .avatar-wrap {
  margin-right: 10px;
}
.researchEngine .community-wrap .article-comment-item .avatar-wrap .avatar-indicator {
  width: 18px;
  height: 18px;
}
.researchEngine .community-wrap .article-comment-item .avatar-wrap .avatar-img {
  border-radius: 50px;
  width: 40px;
  height: 40px;
}
.researchEngine .community-wrap .article-comment-item .comment-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.researchEngine .community-wrap .article-comment-item .comment-time {
  font-size: 14px;
  color: #434D56;
}
.researchEngine .community-wrap .article-comment-item .comment-content-wrap::before {
  left: -32.5px;
  top: 45px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap {
  padding-left: 55px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item .comment-content-wrap::before {
  left: -92.5px;
}
.researchEngine .community-wrap .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap::after {
  left: -32.5px;
  width: 32.5px;
}
.researchEngine .community-wrap .tab-content--header {
  display: flex;
  padding-right: 20px;
  justify-content: space-between;
  align-items: flex-end;
}
.researchEngine .community-wrap .tab-content--header .comments-count {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
}
.researchEngine .community-wrap .tab-content--body .chat-box-wrap {
  margin-bottom: 17px;
  margin-right: 7px;
}
.researchEngine .community-wrap .tab-content--body .chat-box-wrap .chat-input {
  height: 115px;
  background: #F1F2F3;
  border-radius: 8px;
  margin-bottom: 7px;
}
.researchEngine .community-wrap .tab-content--body .chat-box-wrap .send-btn {
  background: #EEE;
  border-radius: 50px;
  font-weight: 550;
  font-size: 16px;
  line-height: 19px;
  color: #1E1E1E;
  padding: 0;
  height: 30px;
  width: 77px;
  justify-content: center;
}
.researchEngine .community-wrap .tab-content--body .chat-box-wrap .send-btn:hover {
  background: #ffe380 !important;
}
.researchEngine .community-wrap .tab-content--body .comments-wrap {
  height: calc(100% - 180px);
  overflow: auto;
  padding-right: 7px;
}
.researchEngine .left-section, .researchEngine .right-section {
  padding-left: 4px;
  padding-right: 2px;
}
.researchEngine .left-section {
  min-width: 0;
  flex-grow: 1;
  transition: all 0.3s ease;
}
.researchEngine .right-section {
  display: flex;
  flex-basis: 27%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1650px) {
  .researchEngine .right-section {
    flex-basis: 30%;
  }
  .researchEngine .right-section #actions-group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1450px) {
  .researchEngine .right-section {
    flex-basis: 32%;
  }
  .researchEngine .right-section #actions-group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1400px) {
  .researchEngine .right-section {
    flex-basis: 35%;
  }
  .researchEngine .right-section #actions-group {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.researchEngine.sidebar-collapsed .right-section {
  flex-basis: 0px;
}
.researchEngine .tab-content-wrap .tab-content {
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px 0 6px 6px;
  height: calc(100vh - 152px);
}
.researchEngine .tab-content-wrap .tab-content--header {
  padding: 12px;
  border-bottom: 1px solid #EEE;
}
.researchEngine .tab-content-wrap .tab-content--header .div-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
}
.researchEngine .tab-content-wrap .tab-content--body {
  padding: 12px 7px 12px 12px;
  height: calc(100% - 56px);
  overflow: hidden;
}
.researchEngine .tab-content-wrap .tab-content--body .inner-wrap {
  padding-right: 7px;
  height: 100%;
  overflow: auto;
}
.researchEngine .flex-left.collapse-content {
  flex-grow: 1;
  min-width: 0;
  transition: all 0.3s ease;
}
.researchEngine .flex-left.collapse-content.collapsed {
  transform: translateX(-100%);
  display: none;
}
.researchEngine .flex-left.collapse-content .actions-group {
  height: 78px;
  padding: 9px 20px;
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  margin-bottom: 6px;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn {
  padding: 6.5px 14px;
  background: #F1F2F3;
  border: 0.5px solid #D1D1D1;
  border-radius: 50px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #707A83;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav {
  position: relative;
  padding-left: 32px;
  flex-basis: 24.6%;
  max-width: 24.6%;
  min-width: 102px;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav:has(.client--StockMarker.marked) {
  background: linear-gradient(180deg, rgba(255, 198, 1, 0.5) 0%, #FFC601 34.88%);
  border: 0.5px solid #D1D1D1;
  font-weight: 550;
  color: #1E1E1E;
  white-space: nowrap;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav:has(.client--StockMarker.marked) .client--StockMarker .star-wrap i.my-icon {
  background-color: #1E1E1E !important;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav.filter-stock {
  flex-basis: 30%;
  max-width: 30%;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav.compare-stock {
  flex-basis: 34.4%;
  max-width: 34.4%;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav .client--StockMarker {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav .client--StockMarker .dropdown-wrap {
  height: 100%;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav .client--StockMarker .dropdown-trigger, .researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav .client--StockMarker .star-wrap {
  height: 100%;
}
.researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav .client--StockMarker .dropdown-trigger .MyIcon, .researchEngine .flex-left.collapse-content .actions-group .action-btn.add-to-fav .client--StockMarker .star-wrap .MyIcon {
  width: 16px !important;
  height: 16px !important;
  position: relative;
  top: 6.5px;
  left: 16px;
}
.researchEngine .flex-left.collapse-content .actions-group .top-part {
  justify-content: end;
}
.researchEngine .flex-left.collapse-content .actions-group .bottom-part .ranking-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  margin-right: 4px;
}
.researchEngine .flex-left.collapse-content .actions-group .bottom-part .client--StockPointProgress {
  flex-grow: 1;
}
.researchEngine .flex-left.collapse-content .actions-group .bottom-part .client--StockPointProgress .no-ranking {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.researchEngine .flex-left.collapse-content .actions-group .bottom-part .client--StockPointProgress .ddc-point {
  margin-right: 34px;
}
.researchEngine .flex-left.collapse-content .actions-group .bottom-part .client--StockPointProgress .progress-bar-wrap {
  flex-grow: 1;
}
.researchEngine .flex-collapser {
  display: flex;
  flex-direction: column;
  padding-top: 23px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.researchEngine .flex-collapser .align-icon-wrap {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  margin-bottom: 29px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.researchEngine .flex-collapser .tabs-container {
  height: calc(100% - 61px);
  display: flex;
  flex-direction: column;
}
.researchEngine .flex-collapser .tab-item {
  font-family: "Inter";
  writing-mode: vertical-lr;
  cursor: pointer;
  user-select: none;
  background: #E0E0E0;
  border-radius: 0px 8px 8px 0px;
  font-size: 14px;
  line-height: 21px;
  width: 34px;
  color: #707A83;
  padding: 14px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-height: 0;
}
.researchEngine .flex-collapser .tab-item:not(:last-child) {
  margin-bottom: 4px;
}
.researchEngine .flex-collapser .tab-item.active {
  background: linear-gradient(180deg, rgba(255, 198, 1, 0.5) 0%, #FFC601 34.88%);
  color: #1E1E1E;
  font-weight: 700;
}
@media screen and (max-height: 800px) {
  .researchEngine .flex-collapser .tab-item {
    font-size: 15px;
  }
}
.researchEngine .conpany-fin-report-wrap {
  border-radius: 10px;
  border: 1px solid #eee;
  padding: 10px;
}
.researchEngine .conpany-fin-report-wrap .report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.researchEngine .conpany-fin-report-wrap .report-header .div-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
}
.researchEngine .conpany-fin-report-wrap .report-header .widgets-wrap {
  display: flex;
  align-items: center;
}
.researchEngine .conpany-fin-report-wrap .report-header .widgets-wrap .period-select {
  display: flex;
}
.researchEngine .conpany-fin-report-wrap .report-header .widgets-wrap .period-select .period-select--item {
  background: #F1F2F3;
  border-radius: 50px;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  padding: 3px 21px;
  margin-right: 18px;
  cursor: pointer;
}
.researchEngine .conpany-fin-report-wrap .report-header .widgets-wrap .period-select .period-select--item:not(:last-child) {
  margin-right: 8px;
}
.researchEngine .conpany-fin-report-wrap .report-header .widgets-wrap .period-select .period-select--item.active {
  background: #ffe380;
  font-weight: 550;
  color: #1e1e1e;
}
.researchEngine .conpany-fin-report-wrap .report-header .widgets-wrap .zoom-out-button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.researchEngine .chartInfo {
  display: flex;
  justify-content: space-between;
  height: 78px;
  padding-left: 26px;
  padding-right: 38px;
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  margin-bottom: 6px;
}
.researchEngine .chartInfo .stock-info-wrap {
  display: flex;
  align-items: center;
  padding-top: 8px;
}
.researchEngine .chartInfo .stock-info-wrap .stock-code {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #1E1E1E;
  margin-right: 20px;
}
.researchEngine .chartInfo .stock-info-wrap .stock-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  margin-right: 15px;
}
.researchEngine .chartInfo .stock-info-wrap .stock-indicator {
  margin-right: 12px;
}
.researchEngine .chartInfo .stock-info-wrap .stock-change {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  margin-right: 10px;
}
.researchEngine .chartInfo .stock-info-wrap .stock-price.-unchanged, .researchEngine .chartInfo .stock-info-wrap .stock-change.-unchanged {
  color: #FFC601;
}
.researchEngine .chartInfo .stock-info-wrap .stock-price.-increased, .researchEngine .chartInfo .stock-info-wrap .stock-change.-increased {
  color: #178F27;
}
.researchEngine .chartInfo .stock-info-wrap .stock-price.-decreased, .researchEngine .chartInfo .stock-info-wrap .stock-change.-decreased {
  color: #DA2F58;
}
.researchEngine .chartInfo .stock-info-wrap .stock-price.-high, .researchEngine .chartInfo .stock-info-wrap .stock-change.-high {
  color: #9620A9;
}
.researchEngine .chartInfo .stock-info-wrap .stock-price.-low, .researchEngine .chartInfo .stock-info-wrap .stock-change.-low {
  color: #6CA4D7;
}
.researchEngine .chartInfo .stock-info-wrap .percent-change {
  font-size: 18px;
  border-radius: 6px;
  color: #fff;
  padding: 0px 4px;
  min-width: 48px;
  height: 22px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.researchEngine .chartInfo .stock-info-wrap .percent-change.-unchanged {
  background-color: #FFC601;
}
.researchEngine .chartInfo .stock-info-wrap .percent-change.-increased {
  background-color: #178F27;
}
.researchEngine .chartInfo .stock-info-wrap .percent-change.-decreased {
  background-color: #DA2F58;
}
.researchEngine .chartInfo .stock-info-wrap .percent-change.-high {
  background-color: #9620A9;
}
.researchEngine .chartInfo .stock-info-wrap .percent-change.-low {
  background-color: #6CA4D7;
}
.researchEngine .chartInfo .stock-info-wrap .stock-datetime {
  font-size: 14px;
  line-height: 150%;
  color: #707A83;
}
.researchEngine .chartInfo .bear-bull-vote {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  padding-bottom: 9px;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-1 {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  margin-bottom: 5px;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 {
  display: flex;
  align-items: center;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .div-text {
  font-weight: 550;
  font-size: 16px;
  line-height: 150%;
  color: #434D56;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btns {
  margin-left: 2px;
  margin-right: 2px;
  width: 315px;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn {
  width: 50%;
  height: 25px;
  border-radius: 4px;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn .img-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn .img-wrap .percent-text {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn img {
  height: 100%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.bear-btn {
  background: #C32F65;
  margin-right: 1px;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.bear-btn.-voted {
  padding-left: 6px;
  justify-content: start;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.bear-btn.-voted .img-wrap {
  padding-right: 5px;
  border-right: 1px solid #fff;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.bull-btn {
  background: #178F27;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.bull-btn.-voted {
  padding-right: 6px;
  justify-content: end;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.bull-btn.-voted .img-wrap {
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted {
  cursor: initial;
  pointer-events: none;
  min-width: 100px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-0 {
  display: none;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-1 {
  width: 1%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-2 {
  width: 2%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-3 {
  width: 3%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-4 {
  width: 4%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-5 {
  width: 5%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-6 {
  width: 6%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-7 {
  width: 7%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-8 {
  width: 8%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-9 {
  width: 9%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-10 {
  width: 10%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-11 {
  width: 11%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-12 {
  width: 12%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-13 {
  width: 13%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-14 {
  width: 14%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-15 {
  width: 15%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-16 {
  width: 16%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-17 {
  width: 17%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-18 {
  width: 18%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-19 {
  width: 19%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-20 {
  width: 20%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-21 {
  width: 21%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-22 {
  width: 22%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-23 {
  width: 23%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-24 {
  width: 24%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-25 {
  width: 25%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-26 {
  width: 26%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-27 {
  width: 27%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-28 {
  width: 28%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-29 {
  width: 29%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-30 {
  width: 30%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-31 {
  width: 31%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-32 {
  width: 32%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-33 {
  width: 33%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-34 {
  width: 34%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-35 {
  width: 35%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-36 {
  width: 36%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-37 {
  width: 37%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-38 {
  width: 38%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-39 {
  width: 39%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-40 {
  width: 40%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-41 {
  width: 41%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-42 {
  width: 42%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-43 {
  width: 43%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-44 {
  width: 44%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-45 {
  width: 45%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-46 {
  width: 46%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-47 {
  width: 47%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-48 {
  width: 48%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-49 {
  width: 49%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-50 {
  width: 50%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-51 {
  width: 51%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-52 {
  width: 52%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-53 {
  width: 53%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-54 {
  width: 54%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-55 {
  width: 55%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-56 {
  width: 56%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-57 {
  width: 57%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-58 {
  width: 58%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-59 {
  width: 59%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-60 {
  width: 60%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-61 {
  width: 61%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-62 {
  width: 62%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-63 {
  width: 63%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-64 {
  width: 64%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-65 {
  width: 65%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-66 {
  width: 66%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-67 {
  width: 67%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-68 {
  width: 68%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-69 {
  width: 69%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-70 {
  width: 70%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-71 {
  width: 71%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-72 {
  width: 72%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-73 {
  width: 73%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-74 {
  width: 74%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-75 {
  width: 75%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-76 {
  width: 76%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-77 {
  width: 77%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-78 {
  width: 78%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-79 {
  width: 79%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-80 {
  width: 80%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-81 {
  width: 81%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-82 {
  width: 82%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-83 {
  width: 83%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-84 {
  width: 84%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-85 {
  width: 85%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-86 {
  width: 86%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-87 {
  width: 87%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-88 {
  width: 88%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-89 {
  width: 89%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-90 {
  width: 90%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-91 {
  width: 91%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-92 {
  width: 92%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-93 {
  width: 93%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-94 {
  width: 94%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-95 {
  width: 95%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-96 {
  width: 96%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-97 {
  width: 97%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-98 {
  width: 98%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-99 {
  width: 99%;
}
.researchEngine .chartInfo .bear-bull-vote .flex-line-2 .vote-btn.-voted.percent-100 {
  width: 100%;
}
.researchEngine .trading-view-wrap {
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  height: calc(100vh - 152px);
  padding: 4px;
}
.researchEngine .trading-view-wrap .TVChartContainer {
  width: 100%;
  height: 100%;
  position: initial;
}
.researchEngine .all-comment {
  overflow-y: auto;
  height: 606px;
  max-height: 790px;
}

@media screen and (max-width: 1350px) {
  .researchEngine .chartInfo {
    padding-left: 10px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 425px) {
  .researchEngine .chartInfo {
    width: auto;
    justify-content: center;
  }
}
@media screen and (max-width: 375px) {
  .researchEngine .chartInfo {
    width: 351px;
    justify-content: center;
  }
}
@media screen and (max-width: 325px) {
  .researchEngine .chartInfo {
    width: 296px;
    justify-content: center;
  }
}
.client--TradingChart--CompanyFinReport .business-chart-canvas-container, .client--TradingChart--CompanyFinReport .finalized-chart-canvas-container {
  height: 210px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px 10px 0 10px;
}
.client--TradingChart--CompanyFinReport .business-report-wrap {
  margin-bottom: 18px;
}
.client--TradingChart--CompanyFinReport .chart-title {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  color: #1e1e1e;
  text-align: center;
  margin-bottom: 8px;
}

#company-info-chartjs-tooltip .tooltip-line--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#company-info-chartjs-tooltip .tooltip-line--item:not(:last-child) {
  margin-bottom: 6px;
}
#company-info-chartjs-tooltip .tooltip-line--item .flex-left {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
#company-info-chartjs-tooltip .tooltip-line--item .flex-left .label-text {
  width: max-content;
}
#company-info-chartjs-tooltip .tooltip-line--item .label-box {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  margin-right: 6px;
}
#company-info-chartjs-tooltip .tooltip-line--item .label-text, #company-info-chartjs-tooltip .tooltip-line--item .item-value {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
#company-info-chartjs-tooltip .tooltip-line--item .arrow {
  display: none;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 1px;
  box-shadow: 0px 8px 15px rgba(152, 169, 188, 0.267182);
  background: #fff;
}

.client--TradingChart--CompanyZoomModal {
  top: 55px !important;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-aside-container {
  border: 1px solid rgba(189, 194, 198, 0.5);
  border-radius: 8px;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-thead .table-header {
  border: none;
  border-radius: 0;
  padding-left: 0;
  text-align: center;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-thead .table-header:not(:last-child) {
  border-right: 1px solid rgba(189, 194, 198, 0.5);
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-thead .table-header .header-content .cell-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-thead .table-header:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #EFF7FF;
  padding-top: 6px;
  padding-bottom: 5px;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-tbody .table-row:first-child .table-td {
  border-top: 1px solid rgba(189, 194, 198, 0.5);
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-tbody .table-td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #EFF7FF;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-header {
  min-width: 120px;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-td {
  border: none;
  border-radius: 0;
  padding-left: 0;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 7px;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-td .cell-content {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #434D56;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-td:first-child {
  padding-left: 6px;
  text-align: left;
}
.client--TradingChart--CompanyZoomModal .table-data-section .table-td:not(:last-child) {
  border-right: 1px solid rgba(189, 194, 198, 0.5);
}
.client--TradingChart--CompanyZoomModal .table-data-section .revenue-table-wrap .table-tbody .table-row:last-child .table-td {
  vertical-align: baseline;
}
.client--TradingChart--CompanyZoomModal .table-data-section .revenue-table-wrap .table-tbody .table-row:last-child .table-td:first-child {
  padding-bottom: 43px;
}
.client--TradingChart--CompanyZoomModal .client--TradingChart--CompanyFinReport {
  display: flex;
}
.client--TradingChart--CompanyZoomModal .client--TradingChart--CompanyFinReport .business-chart-canvas-container, .client--TradingChart--CompanyZoomModal .client--TradingChart--CompanyFinReport .finalized-chart-canvas-container {
  height: 215px;
}
.client--TradingChart--CompanyZoomModal .client--TradingChart--CompanyFinReport .business-report-wrap {
  margin-right: 35px;
  flex-basis: 50%;
  min-width: 0;
}
.client--TradingChart--CompanyZoomModal .client--TradingChart--CompanyFinReport .finalized-report-wrap {
  flex-basis: 50%;
  min-width: 0;
}
.client--TradingChart--CompanyZoomModal .client--TradingChart--CompanyFinReport .chart-title {
  text-align: left;
  padding-left: 10px;
}
.client--TradingChart--CompanyZoomModal .zoom-out-button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F1F2F3;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.client--TradingChart--CompanyZoomModal .MuiBox-root {
  border-radius: 10px;
  width: 60%;
  min-width: 1143px;
}
.client--TradingChart--CompanyZoomModal .customized-modal--header, .client--TradingChart--CompanyZoomModal .customized-modal--footer {
  display: none;
}
.client--TradingChart--CompanyZoomModal .customized-modal--body {
  padding: 0;
  max-height: calc(100vh - 100px) !important;
}
.client--TradingChart--CompanyZoomModal .company-info--header {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D6DEE4;
}
.client--TradingChart--CompanyZoomModal .company-info--header .div-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
}
.client--TradingChart--CompanyZoomModal .company-info--body {
  padding: 12px;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap {
  padding: 20px 20px 0 20px;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header .div-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header .widgets-wrap {
  display: flex;
  align-items: center;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header .widgets-wrap .period-select {
  display: flex;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header .widgets-wrap .period-select .period-select--item {
  background: #F1F2F3;
  border-radius: 50px;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  padding: 4px 22px;
  margin-right: 18px;
  cursor: pointer;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header .widgets-wrap .period-select .period-select--item:not(:last-child) {
  margin-right: 8px;
}
.client--TradingChart--CompanyZoomModal .company-info--body .fin-report-wrap .report-header .widgets-wrap .period-select .period-select--item.active {
  background: #ffe380;
  font-weight: 550;
  color: #1e1e1e;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info {
  display: flex;
  padding: 12px 20px;
  border-bottom: 1px solid #D6DEE4;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .div-text {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .info-line {
  display: flex;
  justify-content: space-between;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .info-line:not(:last-child) {
  margin-bottom: 12px;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .info-line .line-label {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .info-line .line-value {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  width: 50%;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .info-line .line-value.website {
  text-decoration: underline;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--TradingChart--CompanyZoomModal .company-info--body .basic-info .info-line .line-value.website:hover {
  text-decoration: underline;
}
.client--TradingChart--CompanyZoomModal .company-info--body .table-data-section {
  padding: 0 36px 12px;
}

.client--FilterStockModal {
  align-items: start !important;
  padding-top: calc(55px + 14px);
}
.client--FilterStockModal.loading .TabNav .customized-nav-link {
  user-select: none;
  cursor: unset;
}
.client--FilterStockModal .RangeSlide {
  display: flex;
}
.client--FilterStockModal .RangeSlide input.slide-input {
  width: 37px;
  height: 28px;
  background: #F1F2F3;
  border: 0.5px solid #D1D1D1;
  border-radius: 4px;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #434D56;
}
.client--FilterStockModal .RangeSlide input.slide-input.left {
  margin-right: 12px;
}
.client--FilterStockModal .RangeSlide input.slide-input.right {
  margin-left: 12px;
}
.client--FilterStockModal .RangeSlide .range-wrap {
  flex-grow: 1;
}
.client--FilterStockModal .RangeSlide .range-wrap .range-label {
  font-size: 10px;
  line-height: 12px;
  color: #707A83;
  margin-bottom: 2px;
  text-align: center;
}
.client--FilterStockModal .select-wrap {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
.client--FilterStockModal .select-wrap .Select {
  width: 70%;
}
.client--FilterStockModal .select-wrap div[class*=-option]:hover {
  font-weight: bold;
  color: #434D56;
  background-color: #F5F5F5;
}
.client--FilterStockModal .filter-actions {
  display: flex;
  justify-content: end;
}
.client--FilterStockModal .filter-actions .action-btn {
  padding: 0;
  border-radius: 4px;
  width: 60px;
  height: 33px;
  justify-content: center;
}
.client--FilterStockModal .MuiBox-root {
  width: 52%;
  min-width: 1015px;
  border-radius: 10px;
  position: absolute !important;
}
.client--FilterStockModal .customized-modal--header, .client--FilterStockModal .customized-modal--footer {
  display: none;
}
.client--FilterStockModal .customized-modal--body {
  height: 780px;
  padding: 0;
  overflow: hidden;
}
.client--FilterStockModal .customized-modal--body .modal-body-content {
  height: calc(100% - 45px);
}
.client--FilterStockModal .modal-body-header {
  position: relative;
  padding-top: 14px;
  padding-bottom: 11px;
  padding-left: 20px;
  border-bottom: 1px solid #D6DEE4;
}
.client--FilterStockModal .modal-body-header .close-btn {
  background: #F1F2F3;
  border-radius: 3px;
}
.client--FilterStockModal .modal-body-header .div-text {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
}
.client--FilterStockModal .TabNav .customized-nav-tabs {
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 11px;
}
.client--FilterStockModal .TabNav .customized-nav-item {
  flex: 1 1 0;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link {
  background: #F1F2F3;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #707A83;
  display: flex;
  justify-content: center;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link .label-content {
  display: flex;
  align-items: center;
  color: #707a83;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link .label-content .active-flower-wrap {
  display: none;
  margin-left: 5px;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link .label-content .flower-wrap {
  margin-left: 5px;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link.active {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
  font-weight: bold;
  color: #171721;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link.active .flower-wrap {
  display: none;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link.active .label-content {
  color: #171721;
}
.client--FilterStockModal .TabNav .customized-nav-item .customized-nav-link.active .active-flower-wrap {
  display: block;
}
.client--FilterStockModal .tab-content {
  padding-left: 20px;
  padding-right: 7px;
  padding-bottom: 33px;
}
.client--FilterStockModal .tab-content:has(.no-priviledged) {
  height: 639px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--FilterStockModal .tab-content.loading {
  height: 639px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.client--FilterStockModal .tab-content.loading .Spinner {
  position: initial;
}
.client--FilterStockModal .tab-content .no-priviledged .text-1, .client--FilterStockModal .tab-content .no-priviledged .text-2 {
  font-size: 18px;
  line-height: 21px;
  color: #707A83;
}
.client--FilterStockModal .tab-content .no-priviledged .text-2 {
  text-align: center;
}
.client--FilterStockModal .tab-content .no-priviledged .upgrade-link {
  color: #FFC601;
  text-decoration: underline;
}
.client--FilterStockModal .tab-content .no-priviledged .upgrade-link:hover {
  color: #FFC601;
  text-decoration: underline !important;
}
.client--FilterStockModal .tab-content .filter-tools {
  margin-top: 20px;
  margin-bottom: 8px;
  display: flex;
}
.client--FilterStockModal .tab-content .filter-tools .rc-slider .rc-slider-rail {
  height: 6px;
  top: 3px;
  background: #e5e5e5;
  border-radius: 19px;
}
.client--FilterStockModal .tab-content .filter-tools .rc-slider .rc-slider-track {
  height: 6px;
  top: 3px;
  background: #FFC601;
}
.client--FilterStockModal .tab-content .filter-tools .rc-slider .rc-slider-handle {
  width: 14px;
  height: 14px;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin-top: initial;
  top: -1px;
}
.client--FilterStockModal .tab-content .filter-tools .rc-slider .rc-slider-handle::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: url(/fonts/slider-handle.svg) no-repeat center center;
}
.client--FilterStockModal .tab-content .filter-tools .flex-left {
  flex-basis: 62%;
}
.client--FilterStockModal .tab-content .filter-tools .flex-right {
  flex-basis: 38%;
}
.client--FilterStockModal .tab-content.customize .table-wrap {
  height: 570px;
}
.client--FilterStockModal .table-wrap {
  height: 639px;
  overflow: hidden;
}
.client--FilterStockModal .table-wrap .table-aside-container {
  height: 100%;
  padding-right: 7px;
}
.client--FilterStockModal .table-wrap .table-aside .header-cell, .client--FilterStockModal .table-wrap .table-aside .sub-header-cell {
  font-size: 16px;
  line-height: 110%;
  color: #707A83;
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: center;
  vertical-align: middle;
}
.client--FilterStockModal .table-wrap .table-aside .sub-header-cell {
  border-right: 0.3px solid #AAAEB2;
  border-bottom: 0.3px solid #AAAEB2;
}
.client--FilterStockModal .table-wrap .table-aside .header-cell {
  border-top: 0.3px solid #AAAEB2;
  border-bottom: 0.3px solid #AAAEB2;
  border-right: 0.3px solid #AAAEB2;
}
.client--FilterStockModal .table-wrap .table-aside .header-cell:nth-child(1) {
  width: 150px;
  border-left: 0.3px solid #AAAEB2;
  border-radius: 10px 0px 0px 0px;
}
.client--FilterStockModal .table-wrap .table-aside .header-cell:nth-child(2) {
  width: 180px;
}
.client--FilterStockModal .table-wrap .table-aside .header-cell:nth-child(2) .cell-content span {
  font-size: 16px;
  line-height: 110%;
  color: #707A83;
}
.client--FilterStockModal .table-wrap .table-aside .header-cell:nth-child(3) {
  border-radius: 0px 10px 0px 0px;
}
.client--FilterStockModal .table-wrap .body-table-row .table-body-cell {
  padding-top: 10px;
  padding-bottom: 11px;
  border-right: 0.3px solid #AAA;
  border-bottom: 0.3px solid #AAA;
  font-size: 16px;
  line-height: 19px;
  color: #434D56;
  text-align: center;
  vertical-align: middle;
}
.client--FilterStockModal .table-wrap .body-table-row .table-body-cell.stock-code {
  font-weight: bold;
}
.client--FilterStockModal .table-wrap .body-table-row .table-body-cell.stock-code .cell-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
.client--FilterStockModal .table-wrap .body-table-row .table-body-cell.ddc-ranking .cell-content {
  padding-left: 20px;
  padding-right: 20px;
}
.client--FilterStockModal .table-wrap .body-table-row .table-body-cell.ddc-ranking .client--StockPointProgress .no-ranking {
  font-size: 12px;
  line-height: 12px;
  color: #707A83;
}
.client--FilterStockModal .table-wrap .body-table-row .table-body-cell:first-child {
  border-left: 0.3px solid #AAA;
}
.client--FilterStockModal .table-wrap .body-table-row:last-child .table-body-cell:first-child {
  border-radius: 0px 0px 0px 10px;
}
.client--FilterStockModal .table-wrap .body-table-row:last-child .table-body-cell:last-child {
  border-radius: 0px 0px 10px 0px;
}

.filter-stock-modal-tooltip .tooltip-line:not(:last-child) {
  margin-bottom: 24px;
}

.client--CompareStockModal {
  align-items: start !important;
  padding-top: calc(55px + 14px);
}
.client--CompareStockModal .MuiBox-root {
  width: 52%;
  min-width: 1015px;
  border-radius: 10px;
  position: absolute !important;
}
.client--CompareStockModal .customized-modal--header, .client--CompareStockModal .customized-modal--footer {
  display: none;
}
.client--CompareStockModal .customized-modal--body {
  padding: 0;
  overflow: hidden;
}
.client--CompareStockModal .customized-modal--body .modal-body-content {
  padding: 16px 20px;
}
.client--CompareStockModal .spinner-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none;
}
.client--CompareStockModal .modal-body-header {
  z-index: 2;
  position: relative;
  padding-top: 14px;
  padding-bottom: 11px;
  padding-left: 20px;
  border-bottom: 1px solid #D6DEE4;
}
.client--CompareStockModal .modal-body-header .close-btn {
  background: #F1F2F3;
  border-radius: 3px;
}
.client--CompareStockModal .modal-body-header .div-text {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
}
.client--CompareStockModal input.stock-input {
  text-transform: uppercase;
  background: #F1F2F3;
  border: 0.2px solid #707A83;
  border-radius: 4px;
  text-align: center;
  height: 23px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.client--CompareStockModal input.stock-input:focus {
  box-shadow: none;
}
.client--CompareStockModal .table-wrap .table-header {
  border-top: 0.3px solid #AAAEB2;
  border-bottom: 0.3px solid #AAAEB2;
  border-right: 0.3px solid #AAAEB2;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.client--CompareStockModal .table-wrap .table-header:first-child {
  width: 368px;
  min-width: 368px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 10px 0px 0px 0px;
  background: #EFF7FF;
  border-left: 0.3px solid #AAAEB2;
}
.client--CompareStockModal .table-wrap .table-header:last-child {
  border-radius: 0px 10px 0px 0px;
}
.client--CompareStockModal .table-wrap .table-td {
  border-top: none;
  border-bottom: 0.3px solid #AAAEB2;
  border-right: 0.3px solid #AAAEB2;
  border-left: none;
  border-radius: 0;
  font-weight: 550;
  font-size: 16px;
  line-height: 19px;
  color: #434D56;
}
.client--CompareStockModal .table-wrap .table-td:first-child {
  width: 368px;
  min-width: 368px;
  padding-top: 10px;
  padding-bottom: 12px;
  background: #EFF7FF;
  border-left: 0.3px solid #AAAEB2;
}
.client--CompareStockModal .table-wrap .table-td:not(:first-child) {
  padding-right: 10px;
  padding-left: initial;
  text-align: right;
}
.client--CompareStockModal .table-wrap .table-td.ranking-cell {
  padding-left: 5px;
  padding-right: 5px;
}
.client--CompareStockModal .table-wrap .table-row:last-child .table-td:first-child {
  border-radius: 0px 0px 0px 10px;
}
.client--CompareStockModal .client--StockPointProgress {
  display: inline-flex;
  width: 100%;
}
.client--CompareStockModal .client--StockPointProgress .ddc-point {
  margin-right: 5px;
  width: max-content;
}
.client--CompareStockModal .client--StockPointProgress .progress-bar-wrap {
  min-width: 104px;
  flex-grow: 1;
}
.client--CompareStockModal .client--StockPointProgress:has(.no-ranking) {
  justify-content: center;
}
.client--CompareStockModal .client--StockPointProgress .no-ranking {
  font-weight: 550;
  font-size: 10px;
  line-height: 12px;
  color: #707A83;
  text-align: center;
  min-width: initial;
}

.client--Warrant--MainIndexTable .table-aside-container {
  border-radius: 8px;
  border: 1px solid #CECECE;
  height: 100%;
}
.client--Warrant--MainIndexTable .table-wrap {
  height: 100%;
}
.client--Warrant--MainIndexTable .table-header.header-high, .client--Warrant--MainIndexTable .table-header.header-low {
  padding-right: 8px;
  text-align: right;
  padding-left: initial !important;
}
.client--Warrant--MainIndexTable .table-header.header-close, .client--Warrant--MainIndexTable .table-header.header-changedValue, .client--Warrant--MainIndexTable .table-header.header-changedRatio {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.client--Warrant--MainIndexTable .table-td {
  font-size: 13px;
}
.client--Warrant--MainIndexTable .table-td.td-high, .client--Warrant--MainIndexTable .table-td.td-low {
  padding-right: 8px;
  text-align: right;
  padding-left: initial !important;
}
.client--Warrant--MainIndexTable .table-td.td-close, .client--Warrant--MainIndexTable .table-td.td-changedValue, .client--Warrant--MainIndexTable .table-td.td-changedRatio {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.client--Warrant--MainIndexTable .table-td.td-changedValue, .client--Warrant--MainIndexTable .table-td.td-changedRatio {
  font-family: "Inter", sans-serif;
  font-weight: 550;
  font-size: 13px;
  line-height: 150%;
}
.client--Warrant--MainIndexTable .table-td.td-changedValue .-increased, .client--Warrant--MainIndexTable .table-td.td-changedRatio .-increased {
  color: #178F27;
}
.client--Warrant--MainIndexTable .table-td.td-changedValue .-decreased, .client--Warrant--MainIndexTable .table-td.td-changedRatio .-decreased {
  color: #FF0000;
}
.client--Warrant--MainIndexTable .table-td.td-ticker .cell-content {
  display: flex;
  align-items: center;
}
.client--Warrant--MainIndexTable .table-td.td-ticker .index-name {
  font-family: "Inter", sans-serif;
  font-weight: 550;
  font-size: 14px;
  line-height: 150%;
  color: #007EC6;
}

.client--Warrant--WarrantTable {
  height: 100%;
}
.client--Warrant--WarrantTable .table-wrap {
  height: calc(100% - 58px);
  margin-bottom: 20px;
}
.client--Warrant--WarrantTable .table-aside-container {
  border-radius: 8px;
  border: 1px solid #CECECE;
  height: 100%;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-header:first-child {
  padding-left: 9px;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-header.header-transferRate, .client--Warrant--WarrantTable .table-aside-container .table-aside .table-header.header-executePrice, .client--Warrant--WarrantTable .table-aside-container .table-aside .table-header.header-baseStockPrice {
  padding-right: 16px;
  padding-right: initial;
  text-align: right;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-header.header-status {
  padding-left: 24px;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td {
  font-size: 14px;
  line-height: 150%;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td:first-child {
  padding-left: 9px;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-cw .cw-text {
  font-weight: 550;
  font-family: "Inter", sans-serif;
  color: #007EC6;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-company {
  font-family: "Inter", sans-serif;
  color: #707A83;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-transferRate, .client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-executePrice, .client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-baseStockPrice {
  padding-right: 16px;
  padding-right: initial;
  text-align: right;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-status {
  font-weight: 550;
  padding-left: 24px;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-status .-increased {
  color: #30B587;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-status .-decreased {
  color: #CF304A;
}
.client--Warrant--WarrantTable .table-aside-container .table-aside .table-td.td-status .-unchanged {
  color: #ECBE21;
}

.client--Warrant--TopStocksTable {
  flex-grow: 1;
  min-height: 0;
}
.client--Warrant--TopStocksTable .table-wrap {
  height: 100%;
}
.client--Warrant--TopStocksTable .table-aside-container {
  border-radius: 8px;
  border: 1px solid #CECECE;
  height: 100%;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-header:first-child {
  padding-left: 11px;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-header.header-rowIndex .header-content {
  visibility: hidden;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-header.header-price, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-header.header-changedValue, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-header.header-changedRatio {
  padding-right: 8px;
  padding-left: initial !important;
  text-align: right;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-header.header-volumes {
  padding-right: 24px;
  padding-left: initial !important;
  text-align: right;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td {
  font-size: 14px;
  line-height: 150%;
  color: #3C3C3D;
  font-family: "Inter", sans-serif;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-price {
  padding-right: 8px;
  padding-left: initial !important;
  text-align: right;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-volumes {
  padding-right: 24px;
  padding-left: initial !important;
  text-align: right;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-ticker a {
  font-weight: 550;
  color: #007EC6;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-company .cell-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-rowIndex {
  font-weight: 550;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedValue, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedRatio {
  font-weight: 550;
  padding-right: 8px;
  padding-left: initial !important;
  text-align: right;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedValue .-high, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedRatio .-high {
  color: #A545B4;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedValue .-low, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedRatio .-low {
  color: #6CA4D7;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedValue .-increased, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedRatio .-increased {
  color: #178F27;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedValue .-decreased, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedRatio .-decreased {
  color: #FF0000;
}
.client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedValue .-unchanged, .client--Warrant--TopStocksTable .table-aside-container .table-aside .table-td.td-changedRatio .-unchanged {
  color: #FFC601;
}

.client--Dashboard--PageRight {
  height: 100%;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageRight .tabs-wrap {
  border-bottom: 1px solid #EEE;
  padding: 10px;
  display: flex;
}
.client--Dashboard--PageRight .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  border-radius: 50px;
  padding: 4px 8px;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.client--Dashboard--PageRight .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--PageRight .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--PageRight .tab-item:not(:last-child) {
  margin-right: 4px;
}
.client--Dashboard--PageRight .client--Community .chat-block .block-header .header-title {
  font-size: 15px;
}
.client--Dashboard--PageRight .tab-item:hover:not(.active) {
  background-color: #f1f2f3;
}
.client--Dashboard--PageRight .tab-content {
  flex-grow: 1;
  padding: 10px;
  overflow: hidden;
}
.client--Dashboard--PageRight .tab-content .tab-content--inner {
  height: 100%;
  position: relative;
  overflow: auto;
}
.client--Dashboard--PageRight .tab-content .tab-content--inner .articles-wrap {
  height: 100%;
  padding-right: 7px;
  padding-bottom: 12px;
  overflow: auto;
}
.client--Dashboard--PageRight .tab-content .tab-content--inner .client--Community {
  height: 100%;
}
.client--Dashboard--PageRight .tab-content .tab-content--inner .scroll-to-top {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(67, 77, 86, 0.3) 100%);
  position: absolute;
  bottom: 0;
  left: calc(50% - 12px);
  border-radius: 50px;
  backdrop-filter: blur(14px);
}
.client--Dashboard--PageRight .tab-content .tab-content--inner .scroll-to-top:hover {
  filter: brightness(1.1);
}
.client--Dashboard--PageRight .post-card {
  display: flex;
  border-radius: 10px;
  height: 96px;
}
.client--Dashboard--PageRight .post-card:not(:last-child) {
  margin-bottom: 10px;
}
.client--Dashboard--PageRight .post-card:hover {
  background-color: #fffae7;
}
.client--Dashboard--PageRight .post-card .post-image {
  flex-basis: 35%;
}
.client--Dashboard--PageRight .post-card .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.client--Dashboard--PageRight .post-card .post-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  height: 32px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
}
.client--Dashboard--PageRight .post-card .post-content {
  flex-basis: 65%;
  min-width: 0;
  padding: 4px 10px 0 10px;
}
.client--Dashboard--PageRight .post-card .post-source {
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  max-width: 110px;
  padding: 4px 8px;
  background: #F1F2F3;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 50px;
  width: max-content;
}
.client--Dashboard--PageRight .post-card .post-source.ddc-post {
  background: #FFC601;
  color: #1E1E1E;
}
.client--Dashboard--PageRight .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.client--Dashboard--PageRight .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}

.pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .post-card {
  border-radius: 10px;
}
.pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .post-card:hover {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .post-title {
  color: #d8d9dc;
}
.pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .post-source {
  background: #343750;
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .post-source.ddc-post {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
  color: #1e1e1e;
}
.pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .likes-count, .pageClient.dark-theme .client--Dashboard--PageRight .tab-content--inner .comments-count {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .chat-block {
  border: 1px solid #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .chat-block .block-header .header-title {
  color: #a7adb2;
  font-size: 15px;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .chat-block:hover {
  border: 1px solid #555;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .user-name {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .comment-content-wrap {
  background: #343750 !important;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .comment-content-wrap .comment-content {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .likes-count, .pageClient.dark-theme .client--Dashboard--PageRight .client--Community .comments-count, .pageClient.dark-theme .client--Dashboard--PageRight .client--Community .stock-code {
  color: #a7adb2 !important;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .reactions-wrap i.my-icon {
  background: #a7adb2 !important;
}
.pageClient.dark-theme .client--Dashboard--PageRight .client--Community .percent-change {
  color: #161C23 !important;
}

.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner input.noti-search-input {
  background: #131523;
  color: #AAAEB3;
  border: none !important;
  box-shadow: none;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner .client--NotificationItem .content-wrap {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner .client--NotificationItem .content-wrap:hover {
  background-color: #343750 !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner .client--NotificationItem .content-title {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner .client--NotificationItem .content-body.article-noti {
  color: #707A83;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-control] {
  background: #131523;
  border: 1px solid #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-placeholder] {
  color: #707A83;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-MenuList] {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-option] {
  background: #212332;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-option]:hover {
  background: #343750;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-option].-selected {
  background: #343750;
  color: #fff;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap div[class*=-menu] {
  background: #131523;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .select-wrap .dropdown-icon-wrap i.my-icon {
  background: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .stock-item:hover {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .stock-item .stock-code, .pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner .stock-item .stock-price {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.recommend .header-item {
  color: #EEE;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.recommend .tab-content--inner .recommend-item {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageLeftBottom .tab-content.recommend .tab-content--inner .recommend-item:hover {
  background: #2a2d3e;
}

.client--Dashboard--PageLeftBottom {
  flex-basis: 48.5%;
  flex-grow: 1;
  min-height: 0;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .tab-content--inner {
  overflow: hidden;
  padding-right: 0;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .tab-content--inner:has(.required-login, .forbidden-recommend) .content-header {
  display: none;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .content-header {
  display: flex;
  margin-bottom: 9px;
  padding-right: 21px;
  padding-left: 14px;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .content-header .header-item {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  text-align: right;
  flex-basis: 20%;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .content-header .header-item.header-stockCode, .client--Dashboard--PageLeftBottom .tab-content.recommend .content-header .header-item.header-createdAt {
  text-align: left;
  padding-right: initial;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommends-wrap {
  flex-grow: 1;
  overflow: auto;
  height: calc(100% - 24px);
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item {
  display: flex;
  padding: 6px 12px;
  margin-bottom: 3px;
  margin-right: 4px;
  cursor: pointer;
  user-select: none;
  color: #434d56;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item:hover {
  background: #fff7d9;
  border-radius: 50px;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item {
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  flex-basis: 20%;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item.-increased {
  color: #30b587;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item.-decreased {
  color: #CF304A;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item.cell-stockCode, .client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item.cell-createdAt {
  text-align: left;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item.cell-stockCode, .client--Dashboard--PageLeftBottom .tab-content.recommend .recommend-item .cell-item.-increased {
  font-weight: 550;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .forbidden-recommend .div-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  width: max-content;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .forbidden-recommend .link-text {
  color: #FFC601;
  text-decoration: none;
  font-weight: 600;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .forbidden-recommend .link-text:hover {
  filter: brightness(1.05);
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .forbidden-recommend .div-text-3 {
  color: #5B9BD5;
  text-decoration: none;
  display: block;
}
.client--Dashboard--PageLeftBottom .tab-content.recommend .forbidden-recommend .div-text-3:hover {
  filter: brightness(0.9);
}
@media screen and (min-width: 1280px) and (max-width: 1499.99px) {
  .client--Dashboard--PageLeftBottom .tab-content.recommend .forbidden-recommend .div-text {
    font-size: 12px;
    line-height: 14px;
  }
}
.client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner {
  overflow: initial;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .tab-content--inner:has(.required-login, .forbidden-categories) .content-header {
  display: none !important;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .select-wrap {
  width: 210px;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .select-wrap .Select.client-select div[class*=-control] {
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid #eee;
  height: 30px;
  align-content: center;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .select-wrap .Select.client-select div[class*=-menu] {
  border-radius: 10px;
  padding: 3px;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .select-wrap div[class*=-option] {
  border-radius: 50px;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .select-wrap div[class*=-option]:hover {
  cursor: pointer;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .select-wrap div[class*=-option]:not(:last-child) {
  margin-bottom: 5px;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .stocks-wrap {
  height: calc(100% - 31px);
  overflow: auto;
  padding-right: 7px;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .ddc-fund-content-wrap {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .ddc-fund-content-wrap .stars-img-wrap img {
  width: 200px;
  height: auto;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .ddc-fund-content-wrap .div-text {
  font-size: 14px;
  line-height: 21px;
  color: #707A83;
  width: max-content;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .ddc-fund-content-wrap .highlighted {
  color: #FFC601;
  text-decoration: underline;
}
.client--Dashboard--PageLeftBottom .tab-content.categories .ddc-fund-content-wrap .highlighted:hover {
  text-decoration: underline !important;
}
.client--Dashboard--PageLeftBottom .tabs-wrap {
  border-bottom: 1px solid #EEE;
  padding: 10px;
  display: flex;
}
.client--Dashboard--PageLeftBottom .notifications-tabs-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
  padding-top: 2px;
}
.client--Dashboard--PageLeftBottom .notifications-tabs-wrap .tabs {
  min-width: 0;
  margin-right: 12px;
  padding: 2px 0;
}
.client--Dashboard--PageLeftBottom .notifications-tabs-wrap .noti-search-wrap {
  min-width: 100px;
  flex: 1;
  margin-right: 5px;
}
.client--Dashboard--PageLeftBottom .notifications-tabs-wrap .noti-search-input {
  width: 100%;
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  height: 26px;
}
.client--Dashboard--PageLeftBottom .notifications-tabs-wrap .noti-search-input::placeholder {
  color: #AAAEB3;
}
.client--Dashboard--PageLeftBottom .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  border-radius: 50px;
  padding: 4px 8px;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.client--Dashboard--PageLeftBottom .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--PageLeftBottom .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--PageLeftBottom .tab-item:not(:last-child) {
  margin-right: 4px;
}
.client--Dashboard--PageLeftBottom .tab-content {
  flex-grow: 1;
  overflow: hidden;
  padding: 10px !important;
}
.client--Dashboard--PageLeftBottom .tab-content.notifications {
  padding-right: initial;
}
.client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.client--Dashboard--PageLeftBottom .tab-content.notifications .tab-content--inner .notification-blocks-wrap {
  overflow: auto;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner {
  height: 100%;
  position: relative;
  overflow: auto;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .no-data-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  text-align: center;
  width: max-content;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item:not(:last-child) {
  margin-bottom: 21px;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .dot-wrap {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 18px;
  background: #FB7A02;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .date-wrap {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  margin-right: 14px;
  display: flex;
  align-items: center;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .date-wrap .date-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FB7A02;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .date-wrap .censored-date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  display: flex;
  align-items: center;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .date-wrap .censored-date .date-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FB7A02;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .date-wrap .date-year, .client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .block-item .date-wrap .date-slash {
  color: #FB7A02;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .notification-item-wrap {
  display: block;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .notification-item-wrap:not(:last-child) {
  margin-bottom: 8px;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .client--NotificationItem .content-wrap {
  padding: 8px 12px;
  background-color: #f1f2f3;
  border-radius: 50px;
  padding-right: 30px;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .client--NotificationItem .content-wrap:hover {
  background-color: rgba(255, 227, 128, 0.3);
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .client--NotificationItem .content-title {
  font-size: 13px;
}
.client--Dashboard--PageLeftBottom .tab-content .tab-content--inner .client--NotificationItem .content-body {
  font-size: 13px;
  font-weight: 400;
}
.client--Dashboard--PageLeftBottom .tab-content .go-to-categories {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
  color: #FB7A02;
}
.client--Dashboard--PageLeftBottom .tab-content .go-to-categories:hover {
  text-decoration: underline !important;
  color: #FB7A02 !important;
}
.client--Dashboard--PageLeftBottom .tab-item:hover:not(.active) {
  background-color: #f1f2f3;
}
.client--Dashboard--PageLeftBottom .stock-item {
  font-size: 14px;
  line-height: 16px;
  border-radius: 6px;
  padding: 10px;
  padding-bottom: 8px;
}
.client--Dashboard--PageLeftBottom .stock-item:hover {
  background: #F1F2F3;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-code {
  font-weight: 600;
  color: #434D56;
  margin-bottom: 5px;
}
.client--Dashboard--PageLeftBottom .stock-item .company {
  font-weight: 600;
  color: #707A83;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-price {
  font-weight: 600;
  color: #434D56;
  text-align: right;
  margin-bottom: 5px;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-change {
  text-align: right;
  font-weight: 600;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-change.-unchanged {
  color: #FFC601;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-change.-increased {
  color: #178F27;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-change.-decreased {
  color: #DA2F58;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-change.-high {
  color: #9620A9;
}
.client--Dashboard--PageLeftBottom .stock-item .stock-change.-low {
  color: #6CA4D7;
}
.client--Dashboard--PageLeftBottom .required-login .div-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  width: max-content;
}
.client--Dashboard--PageLeftBottom .required-login .login-div {
  color: #FFC601;
  cursor: pointer;
  text-decoration: underline;
}

.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-text {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-point,
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-text,
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-updated-at,
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-hint {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap {
  border: 1px solid #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-line {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .link-wrap {
  background: #2a2d3e;
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .link-wrap:hover {
  filter: brightness(1.2);
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .label-block .black {
  background: #556075;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .input-date-history .datepicker-input {
  background: #131523;
  border: none;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .input-date-history .calendar-icon-wrap i.my-icon {
  background: #707A83 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history #line-chart-tooltip {
  background: #313A41 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history #line-chart-tooltip .tooltip-date, .pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history #line-chart-tooltip .tooltip-content {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.history #line-chart-tooltip .tooltip-arrow {
  border-top: 13px solid #313A41;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 .widgets-wrap .label-block .black {
  background: #556075;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 .tab-content--inner .datepicker-input {
  background: #131523;
  border: none;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 .tab-content--inner .calendar-icon-wrap i.my-icon {
  background: #707A83 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip {
  background: #313a40 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-code, .pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-content__text, .pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-content__value {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-arrow {
  border-top: 13px solid #313a40;
}

.client--Dashboard--PageMiddleTop {
  flex-basis: 37.5%;
  min-height: 290px;
  height: 290px;
  max-height: 290px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-text {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #1E1E1E;
  margin: 12px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-content {
  width: 80%;
  margin: auto;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .gauge-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .gauge-wrap .needle {
  position: absolute;
  top: 43%;
  height: 30px;
  transform-origin: bottom;
  transform: rotate(-100deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .gauge-wrap img {
  max-width: 130px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-point {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 7px;
  color: #1E1E1E;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #1E1E1E;
  text-transform: uppercase;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-updated-at {
  font-size: 13px;
  line-height: 16px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-hint {
  font-size: 13px;
  line-height: 16px;
  margin-left: -10px;
  margin-right: -10px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap {
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #eee;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 19px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-line:not(:last-child) {
  margin-bottom: 8px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-div.red {
  background: #E20D0D;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-div.yellow {
  background: #FFC601;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .points-wrap .point-div.green {
  background: #178F27;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .link-wrap {
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #1E1E1E;
  background-color: #E5E5E5;
  border-radius: 50px;
  padding: 8px 8px;
  margin: 0 40px;
}
.client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .link-wrap:hover {
  background-color: #fff7d9;
}
@media screen and (min-width: 1280px) and (max-width: 1499.99px) {
  .client--Dashboard--PageMiddleTop .tab-content.rpi {
    padding-bottom: 10px;
  }
  .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-text {
    font-size: 12px;
    line-height: 14px;
    margin-top: 9px;
    margin-bottom: 12px;
  }
  .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-content {
    width: initial;
    margin: auto;
  }
  .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-hint {
    font-size: 12px;
    line-height: 14px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1699.99px) {
  .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-text {
    font-size: 12px;
    line-height: 14px;
    margin-top: 9px;
    margin-bottom: 12px;
  }
  .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .div-content {
    width: 85%;
    margin: auto;
  }
  .client--Dashboard--PageMiddleTop .tab-content.rpi .tab-content--inner .rpi-hint {
    font-size: 12px;
    line-height: 14px;
  }
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner {
  padding: 9px 15px;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .widgets-wrap {
  display: flex;
  align-items: center;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .widgets-wrap .calendar-icon-wrap .MyIcon {
  width: 14px !important;
  height: 14px !important;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .label-block {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  display: flex;
  align-items: center;
  margin-right: 12px;
  display: flex;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .label-block .black {
  height: 14px;
  width: 14px;
  border-radius: 2px;
  background: #1E1E1E;
  margin-right: 6px;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .label-block .orange {
  height: 14px;
  width: 14px;
  border-radius: 2px;
  background: #FFC601;
  margin-right: 6px;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .input-date-history {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner .input-date-history .datepicker-input {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner #line-chart-tooltip {
  border-radius: 4px;
  position: absolute;
  display: none;
  transform: translate(-50%, -100%);
  text-align: center;
  background: #fff;
  padding: 5px 16px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner #line-chart-tooltip .tooltip-date {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  margin-bottom: 4px;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner #line-chart-tooltip .tooltip-content {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.client--Dashboard--PageMiddleTop .tab-content.history .tab-content--inner #line-chart-tooltip .tooltip-arrow {
  position: absolute;
  height: 0px;
  width: 0px;
  border-top: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  left: calc(50% - 13px);
  bottom: -6.5px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .tab-content--inner {
  padding: 9px 15px;
  padding-bottom: 0;
  height: 100%;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .required-login .div-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  width: max-content;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .required-login .login-div {
  color: #FFC601;
  cursor: pointer;
  text-decoration: underline;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .forbidden-vn30 .div-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  width: max-content;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .forbidden-vn30 .link-text {
  color: #FFC601;
  text-decoration: underline;
  font-weight: 600;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .forbidden-vn30 .link-text:hover {
  color: #FFC601 !important;
  text-decoration: underline !important;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .widgets-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .widgets-wrap .calendar-icon-wrap .MyIcon {
  width: 14px !important;
  height: 14px !important;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .widgets-wrap .label-block {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  display: flex;
  align-items: center;
  margin-right: 10px;
  display: flex;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .widgets-wrap .label-block .black {
  height: 14px;
  width: 14px;
  border-radius: 2px;
  background: #1E1E1E;
  margin-right: 6px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .widgets-wrap .label-block .orange {
  height: 14px;
  width: 14px;
  border-radius: 2px;
  background: #FFC601;
  margin-right: 6px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .datepicker-input {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
  width: 197px;
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip {
  border-radius: 4px;
  position: absolute;
  display: block;
  opacity: 0;
  transform: translate(-50%, -100%);
  background: #fff;
  padding: 5px 10px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  z-index: 1;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-code {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-content {
  font-size: 12px;
  line-height: 14px;
  display: flex;
  position: relative;
  width: max-content;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-content .tooltip-content__text {
  color: #707A83;
  margin-right: 2px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-content .tooltip-content__value {
  font-weight: bold;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 #vn30-chart-tooltip .tooltip-arrow {
  position: absolute;
  height: 0px;
  width: 0px;
  border-top: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  left: calc(50% - 13px);
  bottom: -6.5px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .chart-container {
  height: calc(100% - 40px);
  margin-right: -8px;
  margin-left: -8px;
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .no-data-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 36px;
  padding-right: 36px;
  height: 45%;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.client--Dashboard--PageMiddleTop .tab-content.vn30 .no-data-wrap .no-data-text {
  font-weight: 550;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  width: max-content;
}
@media screen and (min-width: 1280px) and (max-width: 1499.99px) {
  .client--Dashboard--PageMiddleTop .tab-content.vn30 .datepicker-input {
    width: 130px;
  }
}
.client--Dashboard--PageMiddleTop .tabs-wrap {
  border-bottom: 1px solid #EEE;
  padding: 10px;
  display: flex;
  position: relative;
}
.client--Dashboard--PageMiddleTop .tabs-wrap .open-link {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #F1F2F3;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--PageMiddleTop .tab-content {
  flex-grow: 1;
  min-height: 0;
}
.client--Dashboard--PageMiddleTop .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  border-radius: 50px;
  padding: 4px 8px;
}
.client--Dashboard--PageMiddleTop .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--PageMiddleTop .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--PageMiddleTop .tab-item:not(:last-child) {
  margin-right: 4px;
}
.client--Dashboard--PageMiddleTop .tab-item:nth-child(3) {
  position: relative;
}
.client--Dashboard--PageMiddleTop .tab-item .circled-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -26px;
}
.client--Dashboard--PageMiddleTop .tab-item:hover:not(.active) {
  background-color: #f1f2f3;
}

.pageClient.dark-theme .client--Dashboard--PageMiddleTop .open-link {
  background: #2a2d3e !important;
}

.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tabs-wrap {
  border-bottom: none !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .zoom-out-wrap {
  background: #2a2d3e !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .sect-header .div-text {
  color: #a7adb2 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .sect-header i.my-icon-circled-question-mark {
  background-color: #a7adb2 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content .price-bar-item.-positive {
  background: #236955 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content .price-bar-item.-negative {
  background: #732637 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .count-wrap .increase, .pageClient.dark-theme .client--Dashboard--PageMiddleBottom .count-wrap .decrease, .pageClient.dark-theme .client--Dashboard--PageMiddleBottom .count-wrap .sideway {
  border: 1px solid #343750;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .count-wrap .increase i, .pageClient.dark-theme .client--Dashboard--PageMiddleBottom .count-wrap .decrease i, .pageClient.dark-theme .client--Dashboard--PageMiddleBottom .count-wrap .sideway i {
  background-color: #343750;
}

.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .datepicker-wrap .datepicker-input {
  background: #131523 !important;
  border: none !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .datepicker-wrap i.my-icon {
  background-color: #707A83 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .chart-label {
  color: #a7adb2 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .industry-item:hover {
  background: #2a2d3e !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .industry-item .name {
  color: #a7adb2 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .industry-item .bar-item.-negative {
  background: #556075 !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner .price-bars .change-price {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .bar-item-tooltip .name, .pageClient.dark-theme .client--Dashboard--PageMiddleBottom .bar-item-tooltip .value {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageMiddleBottom .sect-header {
  border-bottom: 1px solid #2a2d3e;
}

.client--Dashboard--PageMiddleBottom {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .tab-content--inner {
  overflow: initial;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap {
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 52px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .industry-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  cursor: default;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .industry-item:hover {
  background: #fff7d9;
  border-radius: 50px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .industry-item .name {
  width: 104px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 18px;
  margin-right: 38px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .industry-item .left-flex {
  flex-basis: 65%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels {
  width: 100%;
  height: 10px;
  display: flex;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-left {
  flex-basis: 65%;
  display: flex;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-right {
  flex-basis: 35%;
  flex-grow: 1;
  padding-left: 36px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-right .chart-label-wrap {
  position: relative;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-right .chart-label {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  width: max-content;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks {
  position: relative;
  flex-grow: 1;
  font-size: 14px;
  line-height: 16px;
  margin: 0 6px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .chart-label {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item0 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item1 {
  left: 0;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item2 {
  left: 16.666%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item3 {
  left: 33.333%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item4 {
  left: 66.666%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item5 {
  left: 83.333%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item6 {
  left: 100%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bars-outer {
  flex-basis: 35%;
  flex-grow: 1;
  padding-left: 60px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bars {
  height: 16px;
  position: relative;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bars .v-center {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
  border-left: 1px solid #BDC2C6;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap {
  height: 16px;
  position: relative;
  flex-grow: 1;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 0;
  border-left: 1px dashed rgba(189, 194, 198, 0.5);
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line1 {
  left: 0;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line2 {
  left: 16.666%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line3 {
  left: 33.333%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line4 {
  left: 66.666%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line5 {
  left: 83.333%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line6 {
  left: 100%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-center {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
  border-left: 1px solid #BDC2C6;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bar-item {
  height: 16px;
  position: absolute;
  left: 50%;
  border-radius: 0 50px 50px 0;
  padding-left: 5px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bar-item .change-price {
  font-weight: 550;
  font-size: 11px;
  line-height: 17px;
  color: #fff;
  color: #161C23;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bar-item.-negative {
  transform: rotate(180deg);
  transform-origin: left;
  background: #e797a4;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bar-item.-negative .change-price {
  transform: rotate(180deg);
  transform-origin: center;
  padding-left: 4px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-bar-item.-positive {
  background: #97dac3;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .bar-item {
  height: 16px;
  position: absolute;
  left: 50%;
  border-radius: 0 50px 50px 0;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .bar-item.-negative {
  transform: rotate(180deg);
  transform-origin: left;
  background: #CCCCCC;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .bar-item.-positive {
  background: #FFC601;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .charts-inner-wrap {
  height: 100%;
  overflow: auto;
  padding-right: 8px;
  margin-bottom: 12px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .money-flow-legend, .client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .price-change-legend {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .charts-container {
  display: flex;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .charts-container .money-flow-chart {
  height: 100%;
  position: relative;
  flex-basis: 65%;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .horizontal-bar-chart-wrap .charts-container .price-change-chart {
  flex-basis: 35%;
  margin-left: -2px;
}
.client--Dashboard--PageMiddleBottom .bar-item-tooltip {
  padding: 5px 10px !important;
  border-radius: 4px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.12);
  opacity: 1 !important;
}
.client--Dashboard--PageMiddleBottom .bar-item-tooltip .name {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--PageMiddleBottom .bar-item-tooltip .value {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #434D56;
  text-align: center;
}
.client--Dashboard--PageMiddleBottom .tab-content:not(.day) .datepicker-wrap {
  display: none;
}
.client--Dashboard--PageMiddleBottom .tab-content:not(.day) .tab-content--inner {
  padding: 10px;
}
.client--Dashboard--PageMiddleBottom .tab-content.day .dataDate {
  display: none;
}
.client--Dashboard--PageMiddleBottom .widgets-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.client--Dashboard--PageMiddleBottom .widgets-wrap .dataDate {
  font-size: 12px;
  line-height: 16px;
  color: #707a83;
}
.client--Dashboard--PageMiddleBottom .datepicker-input {
  width: 200px;
  padding: 6px 8px;
  height: 26px;
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--PageMiddleBottom .datepicker-wrap .DatePicker .calendar-icon-wrap {
  right: 8px;
}
.client--Dashboard--PageMiddleBottom .tab-content {
  flex-grow: 1;
  min-height: 0;
}
.client--Dashboard--PageMiddleBottom .tab-content--inner {
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.client--Dashboard--PageMiddleBottom .sect-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #EEE;
  position: relative;
}
.client--Dashboard--PageMiddleBottom .sect-header .div-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
}
.client--Dashboard--PageMiddleBottom .sect-header .circled-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -19px;
}
.client--Dashboard--PageMiddleBottom .sect-header .zoom-out-wrap {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F1F2F3;
  border-radius: 3px;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  right: 12px;
}
.client--Dashboard--PageMiddleBottom .charts-wrap {
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  padding-top: 4px;
}
@media screen and (max-height: 899.99px) {
  .client--Dashboard--PageMiddleBottom .charts-wrap {
    overflow: auto;
  }
}
.client--Dashboard--PageMiddleBottom .tabs-wrap {
  display: flex;
  position: relative;
  margin-right: 26px;
}
.client--Dashboard--PageMiddleBottom .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  border-radius: 50px;
  padding: 4px 8px;
}
.client--Dashboard--PageMiddleBottom .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--PageMiddleBottom .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--PageMiddleBottom .tab-item:not(:last-child) {
  margin-right: 4px;
}
.client--Dashboard--PageMiddleBottom .tab-item:hover:not(.active) {
  background-color: #f1f2f3;
}
.client--Dashboard--PageMiddleBottom .count-wrap {
  font-size: 12px;
  line-height: 16px;
  color: #707A83;
  display: flex;
  flex-basis: 32%;
  justify-content: space-between;
  align-items: center;
}
.client--Dashboard--PageMiddleBottom .count-wrap .div-text {
  margin-right: 6px;
  white-space: nowrap;
}
.client--Dashboard--PageMiddleBottom .count-wrap .increase {
  font-weight: bold;
  color: #30B587;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 2px 4px;
  padding-right: 12px;
  overflow: hidden;
  max-height: 18px;
  max-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--PageMiddleBottom .count-wrap .increase i {
  background-color: #eee;
  padding: 2px 8px;
  margin-right: 4px;
}
.client--Dashboard--PageMiddleBottom .count-wrap .fa-arrow-trend-up:before, .client--Dashboard--PageMiddleBottom .count-wrap .fa-arrow-trend-down:before, .client--Dashboard--PageMiddleBottom .count-wrap .fa-minus:before {
  font-family: "Font Awesome 6 free";
}
.client--Dashboard--PageMiddleBottom .count-wrap .decrease {
  font-weight: bold;
  color: #DA2F58;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 2px 4px;
  padding-right: 12px;
  overflow: hidden;
  max-height: 18px;
  max-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--PageMiddleBottom .count-wrap .decrease i {
  background-color: #eee;
  padding: 2px 8px;
  margin-right: 4px;
}
.client--Dashboard--PageMiddleBottom .count-wrap .sideway {
  font-weight: bold;
  color: #FFC601;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 2px 4px;
  padding-right: 12px;
  overflow: hidden;
  max-height: 18px;
  max-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--PageMiddleBottom .count-wrap .sideway i {
  background-color: #eee;
  padding: 2px 8px;
  margin-right: 4px;
}
.client--Dashboard--PageMiddleBottom .chart-item {
  margin-bottom: 5px;
  height: calc(33.333% - 5px);
}
@media screen and (max-height: 899.99px) {
  .client--Dashboard--PageMiddleBottom .chart-item {
    height: initial;
  }
}
.client--Dashboard--PageMiddleBottom .chart-item .client--Dashboard--IndustryChart {
  height: 100%;
}

.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .time-stage-selector, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .time-stage-selector {
  border: 1px solid #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .time-stage-item, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .time-stage-item {
  background: #2a2d3e;
  color: #707A83;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .time-stage-item.active, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .time-stage-item.active {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
  color: #1e1e1e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner #chart-container #market-chart-tooltip, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner #chart-container #market-chart-tooltip {
  background: rgba(49, 58, 65, 0.8);
  backdrop-filter: blur(4px);
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner #chart-container #market-chart-tooltip .tooltip-code, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner #chart-container #market-chart-tooltip .tooltip-content, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner #chart-container #market-chart-tooltip .source, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner #chart-container #market-chart-tooltip .tooltip-code, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner #chart-container #market-chart-tooltip .tooltip-content, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner #chart-container #market-chart-tooltip .source {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner #chart-container .vertical-dash, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner #chart-container .vertical-dash {
  border-right: 1.2px dashed #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner #chart-container .horizontal-dash, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner #chart-container .horizontal-dash {
  border-top: 1.2px dashed #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .indicator-item .span-like, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .indicator-item .price, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .indicator-item .span-like, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .indicator-item .price {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .indicator-item .span-like:hover, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .indicator-item .span-like:hover {
  color: #007bff;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .indicator-item.-active, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner .indicator-item:hover, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .indicator-item.-active, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner .indicator-item:hover {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner:not(.-loading, :has(.required-login))::after {
  background: #707A83;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .cex-selector-wrap {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .cex-selector-wrap .option-item.active {
  background: #131523;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-control] {
  background: #131523;
  border: 1px solid #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-placeholder] {
  color: #707A83;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-MenuList] {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-option] {
  background: #212332;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-option]:hover {
  background: #343750;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-option].-selected {
  background: #343750;
  color: #fff;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap div[class*=-menu] {
  background: #131523;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .top-type-select-wrap .dropdown-icon-wrap i.my-icon {
  background: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .stock-item .stock-code, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .stock-item .stock-price {
  color: #fff !important;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .stock-item .progress-bar-wrap {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .stock-item:hover {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner .stock-item:hover .progress-bar-wrap {
  background: #131523;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.warrant .tab-content--inner .cwDetail {
  color: #a7adb2;
  border: 1px solid #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.warrant .tab-content--inner .cwDetail:hover {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.warrant .tab-content--inner input.form-control {
  background: #131523;
  color: #AAAEB3;
  border: none;
}
.pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.warrant .tab-content--inner .row-item, .pageClient.dark-theme .client--Dashboard--PageLeftTop .tab-content.warrant .tab-content--inner .header-item {
  color: #fff !important;
}

.client--Dashboard--PageLeftTop {
  flex-basis: 58.6%;
  min-height: 0;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageLeftTop .tab-content.indicator, .client--Dashboard--PageLeftTop .tab-content.goods {
  height: calc(100% - 45px);
}
.client--Dashboard--PageLeftTop .tab-content.indicator .tab-content--inner, .client--Dashboard--PageLeftTop .tab-content.goods .tab-content--inner {
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container {
  margin-bottom: 15px;
  padding-right: 3px;
  position: relative;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip {
  position: absolute;
  display: block;
  visibility: hidden;
  z-index: 1;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-inner, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-inner {
  position: relative;
  border-radius: 2px;
  padding: 5px 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
  backdrop-filter: blur(4px);
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-inner.flip, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-inner.flip {
  left: calc(-100% - 24px);
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip.show, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip.show {
  visibility: visible;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-code, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-code {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-content, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-content {
  font-size: 14px;
  line-height: 16px;
  position: relative;
  width: max-content;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-content .source, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-content .source {
  color: #707A83;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-content .value, .client--Dashboard--PageLeftTop .tab-content.indicator #chart-container #market-chart-tooltip .tooltip-content .date, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-content .value, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container #market-chart-tooltip .tooltip-content .date {
  font-weight: 550;
  color: #434D56;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container:has(#market-chart-tooltip.show) .vertical-dash, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container:has(#market-chart-tooltip.show) .vertical-dash {
  opacity: 1;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container:has(#market-chart-tooltip.show) .horizontal-dash, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container:has(#market-chart-tooltip.show) .horizontal-dash {
  opacity: 1;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container .vertical-dash, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container .vertical-dash {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1.2px dashed #434D56;
}
.client--Dashboard--PageLeftTop .tab-content.indicator #chart-container .horizontal-dash, .client--Dashboard--PageLeftTop .tab-content.goods #chart-container .horizontal-dash {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1.2px dashed #434D56;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap {
  height: 30px;
  opacity: 0.5;
  margin-bottom: 15px;
  padding-right: 3px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner._1W, .client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner._1M, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner._1W, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner._1M {
  display: flex;
  align-items: flex-end;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner._1W .volume-bar-item, .client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner._1M .volume-bar-item, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner._1W .volume-bar-item, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner._1M .volume-bar-item {
  position: initial;
  max-width: initial;
  flex-grow: 1;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner._1W .volume-bar-item:not(:last-child), .client--Dashboard--PageLeftTop .tab-content.indicator .volume-bars-wrap .volume-bars-wrap--inner._1M .volume-bar-item:not(:last-child), .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner._1W .volume-bar-item:not(:last-child), .client--Dashboard--PageLeftTop .tab-content.goods .volume-bars-wrap .volume-bars-wrap--inner._1M .volume-bar-item:not(:last-child) {
  margin-right: 0.5px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bar-item, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bar-item {
  min-width: 1%;
  max-width: 6px;
  position: absolute;
  bottom: 0;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bar-item.-increased, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bar-item.-increased {
  background: #30B587;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .volume-bar-item.-decreased, .client--Dashboard--PageLeftTop .tab-content.goods .volume-bar-item.-decreased {
  background: #CF304A;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .time-stage-selector, .client--Dashboard--PageLeftTop .tab-content.goods .time-stage-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  max-width: fit-content;
  border-radius: 50px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 25px;
  max-height: 25px;
  margin-bottom: 15px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .time-stage-selector .time-stage-item, .client--Dashboard--PageLeftTop .tab-content.goods .time-stage-selector .time-stage-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  padding: 6px 14px;
  font-size: 10px;
  line-height: 12px;
  border-radius: 0;
  margin-right: 0 !important;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .time-stage-selector .time-stage-item:not(:last-child), .client--Dashboard--PageLeftTop .tab-content.goods .time-stage-selector .time-stage-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .time-stage-selector .time-stage-item.active, .client--Dashboard--PageLeftTop .tab-content.goods .time-stage-selector .time-stage-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicators-wrap, .client--Dashboard--PageLeftTop .tab-content.goods .indicators-wrap {
  flex-grow: 1;
  overflow: auto;
  padding-right: 6px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 10px;
  cursor: pointer;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item:not(:last-child), .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item:not(:last-child) {
  margin-bottom: 2px;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item.-active, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item.-active {
  border-radius: 50px;
  background: rgba(255, 227, 128, 0.3);
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item:hover:not(.-active), .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item:hover:not(.-active) {
  border-radius: 50px;
  background: #f1f2f3;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .name-wrap, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .name-wrap {
  flex-basis: 50%;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .name-wrap .span-like:hover, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .name-wrap .span-like:hover {
  color: #007bff;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .price, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .price {
  text-align: right;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .price-wrap, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .price-wrap {
  flex-basis: 20%;
  display: flex;
  justify-content: end;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .change, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .change {
  flex-basis: 35%;
  text-align: right;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .change.-increased, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .change.-increased {
  color: #30B587;
}
.client--Dashboard--PageLeftTop .tab-content.indicator .indicator-item .change.-decreased, .client--Dashboard--PageLeftTop .tab-content.goods .indicator-item .change.-decreased {
  color: #CF304A;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks {
  height: calc(100% - 45px);
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .required-login .div-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  width: max-content;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .required-login .login-div {
  color: #FFC601;
  cursor: pointer;
  text-decoration: underline;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .widgets-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner {
  padding: 10px;
  height: 100%;
  position: relative;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .tab-content--inner:not(.-loading, :has(.required-login))::after {
  content: " ";
  position: absolute;
  top: 48px;
  bottom: 9px;
  right: calc(50% + 5px);
  width: 0.5px;
  background: #BDC2C6;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .cex-selector-wrap {
  padding: 4px 4px;
  display: flex;
  background: #F1F2F3;
  border-radius: 50px;
  flex-basis: 40%;
  max-width: 175px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .cex-selector-wrap .option-item {
  padding: 0 12px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .cex-selector-wrap .option-item:not(:last-child) {
  margin-right: 3px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .cex-selector-wrap .option-item.active {
  background: #FFFFFF;
  font-weight: 550;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .content-wrap {
  height: calc(100% - 42px);
  overflow: auto;
  padding-right: 13px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .content-wrap .div-text {
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap {
  flex-basis: 40%;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap div[class*=-indicatorContainer] {
  margin-right: 6px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap .Select.client-select div[class*=-control] {
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid #eee;
  height: 30px;
  align-content: center;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap .Select.client-select div[class*=-menu] {
  border-radius: 10px;
  padding: 3px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap div[class*=-option] {
  border-radius: 50px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap div[class*=-option]:hover {
  cursor: pointer;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .top-type-select-wrap div[class*=-option]:not(:last-child) {
  margin-bottom: 5px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item {
  padding: 4.5px 11px 3.5px 10.5px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 14px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item:not(:last-child) {
  margin-bottom: 5.5px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item.left .stock-code {
  text-align: right;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item.left .progress-bar-wrap {
  transform: scale(-1);
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item.left .info-right {
  text-align: right;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item.right {
  flex-direction: row-reverse;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item.right .stock-price {
  text-align: right;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .info-left {
  display: flex;
  flex-direction: column;
  flex-basis: 63%;
  min-width: 63%;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .info-right {
  flex-basis: 37%;
  max-width: 37%;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap {
  background: #F1F2F3;
  min-width: 100%;
  height: 4px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap .colored {
  border-radius: 20px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap .colored.-unchanged {
  background: #FFC601;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap .colored.-increased {
  background: #178F27;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap .colored.-decreased {
  background: #DA2F58;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap .colored.-high {
  background: #9620A9;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap .colored.-low {
  background: #6CA4D7;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .progress-bar-wrap.percent-100 .colored {
  border-radius: 20px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-price {
  margin-bottom: 5px;
  font-weight: 600;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-code {
  font-weight: 600;
  width: 100%;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-percent {
  font-weight: 600;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-percent.-unchanged {
  color: #FFC601;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-percent.-increased {
  color: #178F27;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-percent.-decreased {
  color: #DA2F58;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-percent.-high {
  color: #9620A9;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item .stock-percent.-low {
  color: #6CA4D7;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item:hover {
  background: #F1F2F3;
  border-radius: 6px;
}
.client--Dashboard--PageLeftTop .tab-content.top_stocks .stock-item:hover .progress-bar-wrap {
  background: #fff;
}
@media screen and (min-width: 1280px) and (max-width: 1499.99px) {
  .client--Dashboard--PageLeftTop .tab-content.top_stocks .widgets-wrap {
    padding-right: 0;
  }
  .client--Dashboard--PageLeftTop .tab-content.top_stocks .cex-selector-wrap .option-item {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 10px;
  }
}
.client--Dashboard--PageLeftTop .tab-content.warrant {
  height: calc(100% - 45px);
}
.client--Dashboard--PageLeftTop .tab-content.warrant .tab-content--inner {
  padding: 10px;
  height: 100%;
  position: relative;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap {
  padding-left: 0 !important;
  font-size: 12px;
  line-height: 14px;
  height: calc(100% - 40px);
  overflow: auto;
  position: relative;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item {
  color: #707A83;
  text-align: center;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-cw {
  flex-basis: 16%;
  padding-left: 2px;
  text-align: left;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-company {
  flex-basis: 13%;
  text-align: center;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-expiredDate {
  flex-basis: 11%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-transferRate {
  flex-basis: 12.5%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-executePrice {
  flex-basis: 14%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-baseStockPrice {
  flex-basis: 12%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-status {
  flex-basis: 15%;
  text-align: left;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .header-item.header-status.-long {
  flex-basis: 19%;
  padding-left: 2px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .row-item {
  display: flex;
  justify-content: space-between;
  padding: 4px 1px;
  cursor: pointer;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .row-item:hover {
  border-radius: 2px;
  background: #F1F2F3;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .row-item:not(:last-child) {
  margin-bottom: 2px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cwDetail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: inherit;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 4px 12px;
  margin-bottom: 8px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cwDetail:hover {
  background-color: rgba(255, 227, 128, 0.3);
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .col-cwName {
  width: 90px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .col-cwStatus {
  flex-basis: 15%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .col-cwPrice {
  width: 94px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item {
  font-weight: 550;
  text-align: center;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-cw {
  flex-basis: 16%;
  padding-left: 2px;
  text-align: left;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-company {
  flex-basis: 13%;
  text-align: center;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-expiredDate {
  flex-basis: 11%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-transferRate {
  flex-basis: 12.5%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-executePrice {
  flex-basis: 14%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-baseStockPrice {
  flex-basis: 12%;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-status {
  flex-basis: 15%;
  text-align: left;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-status.-long {
  flex-basis: 19%;
  padding-left: 2px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-status.-increased {
  color: #30B587;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-status.-decreased {
  color: #CF304A;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .content-wrap .cell-item.cell-status.-unchanged {
  color: #ECBE21;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .search-box-wrap {
  position: relative;
  height: 30px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .search-box-wrap input {
  width: 100%;
  height: 100%;
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  padding-left: 11px;
  font-size: 12px;
  line-height: 14px;
}
.client--Dashboard--PageLeftTop .tab-content.warrant .search-box-wrap input::placeholder {
  color: #AAAEB3;
}
.client--Dashboard--PageLeftTop .tabs-wrap {
  border-bottom: 1px solid #EEE;
  padding: 10px;
  position: relative;
  display: flex;
}
.client--Dashboard--PageLeftTop .tabs-wrap .go-to-full-page {
  width: 18px;
  height: 18px;
  background: #F1F2F3;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.client--Dashboard--PageLeftTop .tab-content {
  flex-grow: 1;
  overflow: hidden;
}
.client--Dashboard--PageLeftTop .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  border-radius: 50px;
  padding: 4px 8px;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.client--Dashboard--PageLeftTop .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--PageLeftTop .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--PageLeftTop .tab-item:not(:last-child) {
  margin-right: 4px;
}
.client--Dashboard--PageLeftTop .tab-item:nth-child(4) {
  position: relative;
  padding-right: 24px;
}
.client--Dashboard--PageLeftTop .tab-item:nth-child(4) .circled-icon-wrap {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
.client--Dashboard--PageLeftTop .tab-item:hover:not(.active) {
  background-color: #f1f2f3;
}

@media screen and (min-width: 1280px) and (max-width: 1344.99px) {
  .client--Dashboard .page-content .client--Dashboard--PageLeftTop .tab-item:nth-child(3) {
    width: 63px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1499.99px) {
  .client--Dashboard .page-content .client--Dashboard--PageLeftTop .tab-content--inner {
    padding-left: 9px;
  }
}

.pageClient.dark-theme .client--Dashboard--PageLeftTop .go-to-full-page {
  background: #2a2d3e !important;
}

.client--Dashboard--IndustryChart {
  padding-right: 12px;
  padding-bottom: 7px;
  display: flex;
  flex-direction: column;
}
.client--Dashboard--IndustryChart .locked-message {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 56px;
  transform: translateX(-50%);
  position: absolute;
}
.client--Dashboard--IndustryChart .locked-message .icon-wrap {
  margin-bottom: 1.5px;
}
.client--Dashboard--IndustryChart .locked-message .upgrade-text {
  font-size: 10px;
  line-height: 12px;
  color: #707A83;
}
.client--Dashboard--IndustryChart .canvas-chart-wrap {
  min-height: 0;
  flex-grow: 1;
}
.client--Dashboard--IndustryChart:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.client--Dashboard--IndustryChart .price-change-wrap {
  margin-top: 5px;
}
.client--Dashboard--IndustryChart .price-change-wrap .div-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  margin-bottom: 3.5px;
  padding-left: 9px;
}
.client--Dashboard--IndustryChart .price-change-wrap .values {
  display: flex;
  position: relative;
}
.client--Dashboard--IndustryChart .price-change-wrap .values .value-item {
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
  padding-left: 2px;
  padding-right: 2px;
  color: #434D56;
  background: rgba(241, 242, 243, 0.6);
  flex-basis: 16.666%;
  flex-grow: 1;
  text-align: center;
  border-top: 0.2px solid rgba(112, 122, 131, 0.5);
  border-bottom: 0.2px solid rgba(112, 122, 131, 0.5);
  border-right: 0.2px solid rgba(112, 122, 131, 0.5);
}
.client--Dashboard--IndustryChart .price-change-wrap .values .value-item:first-child {
  border-left: 0.2px solid rgba(112, 122, 131, 0.5);
  border-radius: 2px 0px 0px 2px;
}
.client--Dashboard--IndustryChart .price-change-wrap .values .value-item:last-child {
  border-radius: 0px 2px 2px 0px;
}
.client--Dashboard--IndustryChart .industry-chart-tooltip {
  border-radius: 4px;
  position: absolute;
  display: block;
  opacity: 0;
  transform: translate(-50%, -100%);
  background: #fff;
  padding: 3px 6px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  z-index: 1;
}
.client--Dashboard--IndustryChart .industry-chart-tooltip .tooltip-content {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  position: relative;
  width: max-content;
  z-index: 1;
}
.client--Dashboard--IndustryChart .industry-chart-tooltip .tooltip-arrow {
  position: absolute;
  height: 0px;
  width: 0px;
  border-top: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  left: calc(50% - 13px);
  bottom: -4.5px;
}

body:has(.pageClient.dark-theme) .client--Dashboard--IndustryChart .industry-chart-tooltip {
  background: #313a41 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustryChart .industry-chart-tooltip .tooltip-content {
  color: #fff !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustryChart .industry-chart-tooltip .tooltip-arrow {
  border-top: 13px solid #313a41 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustryChart .price-change-wrap .value-item {
  color: #fff !important;
  background: #2a2d3e !important;
  border: 0.2px solid #464E56 !important;
}

.client--Dashboard--IndustriesModal {
  align-items: start !important;
  padding-top: calc(55px + 14px);
}
.client--Dashboard--IndustriesModal > div:first-child {
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(6px) !important;
}
.client--Dashboard--IndustriesModal .MuiBox-root {
  width: 75.5%;
  min-width: 983px;
  border-radius: 10px;
  position: absolute !important;
}
.client--Dashboard--IndustriesModal .customized-modal--header,
.client--Dashboard--IndustriesModal .customized-modal--footer {
  display: none;
}
.client--Dashboard--IndustriesModal .customized-modal--body {
  height: calc(100vh - 90px);
  max-height: initial;
  padding: 0;
  overflow: hidden;
}
.client--Dashboard--IndustriesModal .modal-body-header {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #EEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.client--Dashboard--IndustriesModal .modal-body-header .close-btn {
  background: #F1F2F3;
  border-radius: 3px;
}
.client--Dashboard--IndustriesModal .modal-body-header .div-text {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #1E434D;
}
.client--Dashboard--IndustriesModal .tab-content.day .tab-content--inner {
  overflow: initial;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap {
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 52px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .industry-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  cursor: default;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .industry-item:hover {
  background: #fff7d9;
  border-radius: 50px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .industry-item .name {
  width: 104px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 18px;
  margin-right: 38px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .industry-item .left-flex {
  flex-basis: 65%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels {
  width: 100%;
  height: 10px;
  display: flex;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-left {
  flex-basis: 65%;
  display: flex;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-right {
  flex-basis: 35%;
  flex-grow: 1;
  padding-left: 36px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-right .chart-label-wrap {
  position: relative;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flex-right .chart-label {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  width: max-content;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks {
  position: relative;
  flex-grow: 1;
  font-size: 14px;
  line-height: 16px;
  margin: 0 6px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .chart-label {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item0 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item1 {
  left: 0;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item2 {
  left: 16.666%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item3 {
  left: 33.333%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item4 {
  left: 66.666%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item5 {
  left: 83.333%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .fixed-labels .flow-ticks .tick-item6 {
  left: 100%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bars-outer {
  flex-basis: 35%;
  flex-grow: 1;
  padding-left: 60px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bars {
  height: 16px;
  position: relative;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bars .v-center {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
  border-left: 1px solid #BDC2C6;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap {
  height: 16px;
  position: relative;
  flex-grow: 1;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 0;
  border-left: 1px dashed rgba(189, 194, 198, 0.5);
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line1 {
  left: 0;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line2 {
  left: 16.666%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line3 {
  left: 33.333%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line4 {
  left: 66.666%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line5 {
  left: 83.333%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-line6 {
  left: 100%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .flow-bars-wrap .v-center {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
  border-left: 1px solid #BDC2C6;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bar-item {
  height: 16px;
  position: absolute;
  left: 50%;
  border-radius: 0 50px 50px 0;
  padding-left: 5px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bar-item .change-price {
  font-weight: 550;
  font-size: 11px;
  line-height: 17px;
  color: #fff;
  color: #161C23;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bar-item.-negative {
  transform: rotate(180deg);
  transform-origin: left;
  background: #e797a4;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bar-item.-negative .change-price {
  transform: rotate(180deg);
  transform-origin: center;
  padding-left: 4px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-bar-item.-positive {
  background: #97dac3;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .bar-item {
  height: 16px;
  position: absolute;
  left: 50%;
  border-radius: 0 50px 50px 0;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .bar-item.-negative {
  transform: rotate(180deg);
  transform-origin: left;
  background: #CCCCCC;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .bar-item.-positive {
  background: #FFC601;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .charts-inner-wrap {
  height: 100%;
  overflow: auto;
  padding-right: 8px;
  margin-bottom: 12px;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .money-flow-legend, .client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .price-change-legend {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .charts-container {
  display: flex;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .charts-container .money-flow-chart {
  height: 100%;
  position: relative;
  flex-basis: 65%;
}
.client--Dashboard--IndustriesModal .tab-content.day .horizontal-bar-chart-wrap .charts-container .price-change-chart {
  flex-basis: 35%;
  margin-left: -2px;
}
.client--Dashboard--IndustriesModal .bar-item-tooltip {
  padding: 5px 10px !important;
  border-radius: 4px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.12);
  opacity: 1 !important;
}
.client--Dashboard--IndustriesModal .bar-item-tooltip .name {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--IndustriesModal .bar-item-tooltip .value {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #434D56;
  text-align: center;
}
.client--Dashboard--IndustriesModal .tabs-wrap {
  display: flex;
  position: relative;
}
.client--Dashboard--IndustriesModal .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border-radius: 50px;
  padding: 6px 16px;
}
.client--Dashboard--IndustriesModal .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Dashboard--IndustriesModal .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Dashboard--IndustriesModal .tab-item:not(:last-child) {
  margin-right: 8px;
}
.client--Dashboard--IndustriesModal .tab-item:hover:not(.active) {
  background-color: #eee;
}
.client--Dashboard--IndustriesModal .count-wrap {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  display: flex;
  align-items: center;
}
.client--Dashboard--IndustriesModal .count-wrap .count-div-text {
  margin-right: 6px;
}
.client--Dashboard--IndustriesModal .count-wrap .increase {
  font-weight: bold;
  color: #30B587;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 2px 4px;
  padding-right: 12px;
  overflow: hidden;
  max-height: 18px;
  max-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--IndustriesModal .count-wrap .increase i {
  background-color: #eee;
  color: #30b587;
  padding: 2px 8px;
  margin-right: 4px;
}
.client--Dashboard--IndustriesModal .count-wrap .fa-arrow-trend-up:before,
.client--Dashboard--IndustriesModal .count-wrap .fa-arrow-trend-down:before,
.client--Dashboard--IndustriesModal .count-wrap .fa-minus:before {
  font-family: "Font Awesome 6 free";
}
.client--Dashboard--IndustriesModal .count-wrap .decrease {
  font-weight: bold;
  color: #DA2F58;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 2px 4px;
  padding-right: 12px;
  overflow: hidden;
  max-height: 18px;
  max-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--IndustriesModal .count-wrap .decrease i {
  background-color: #eee;
  color: #DA2F58;
  padding: 2px 8px;
  margin-right: 4px;
}
.client--Dashboard--IndustriesModal .count-wrap .sideway {
  font-weight: bold;
  color: #FFC601;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 2px 4px;
  padding-right: 12px;
  overflow: hidden;
  max-height: 18px;
  max-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Dashboard--IndustriesModal .count-wrap .sideway i {
  background-color: #eee;
  color: #FFC601;
  padding: 2px 8px;
  margin-right: 4px;
}
.client--Dashboard--IndustriesModal .tab-content .tab-content--inner .dataDate {
  position: absolute;
  right: 10px;
  font-size: 13px;
  line-height: 16px;
  color: #707a83;
}
.client--Dashboard--IndustriesModal .tab-content .tab-content--inner .datepicker-wrap {
  position: absolute;
  right: 10px;
}
.client--Dashboard--IndustriesModal .tab-content .tab-content--inner .count-wrap {
  justify-content: space-between;
  width: 260px;
  margin: 0 auto;
}
.client--Dashboard--IndustriesModal .tab-content:not(.day) .datepicker-wrap {
  display: none;
}
.client--Dashboard--IndustriesModal .tab-content.day .dataDate {
  display: none;
}
.client--Dashboard--IndustriesModal .datepicker-input {
  width: 200px;
  padding: 6px 8px;
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Dashboard--IndustriesModal .datepicker-wrap .DatePicker .client--DatePicker {
  width: unset;
  position: absolute;
  left: 10px;
}
.client--Dashboard--IndustriesModal .datepicker-wrap .DatePicker .calendar-icon-wrap {
  right: 8px;
}
.client--Dashboard--IndustriesModal .tab-content {
  flex-grow: 1;
  height: calc(100% - 47px);
}
.client--Dashboard--IndustriesModal .tab-content:not(.day) {
  padding-right: 8px;
  padding-bottom: 12px;
}
.client--Dashboard--IndustriesModal .tab-content:not(.day) .tab-content--inner {
  padding-left: 24px;
  overflow-y: auto;
}
.client--Dashboard--IndustriesModal .tab-content--inner {
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.client--Dashboard--IndustriesModal .default-charts-wrap {
  position: relative;
  padding: 25px 13px 20px 13px;
}
.client--Dashboard--IndustriesModal .default-charts-wrap .div-text-1,
.client--Dashboard--IndustriesModal .default-charts-wrap .div-text-2 {
  position: absolute;
  padding-left: 19px;
  padding-right: 19px;
  background: #fff;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
.client--Dashboard--IndustriesModal .default-charts-wrap .div-text-1 {
  top: 0;
  left: 51px;
  transform: translateY(-50%);
}
.client--Dashboard--IndustriesModal .default-charts-wrap .div-text-2 {
  position: absolute;
  bottom: -3px;
  left: calc(50% - 70px);
  width: max-content;
}
.client--Dashboard--IndustriesModal .chart-item .price-change-wrap .div-text {
  font-size: 14px !important;
  line-height: 16px !important;
}
.client--Dashboard--IndustriesModal .col-md-4:not(:nth-child(3)) .chart-item, .client--Dashboard--IndustriesModal .col-md-4:not(:nth-child(4)) .chart-item, .client--Dashboard--IndustriesModal .col-md-4:not(:nth-child(5)) .chart-item {
  margin-bottom: 30px;
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(4), .client--Dashboard--IndustriesModal .col-md-4:nth-child(5), .client--Dashboard--IndustriesModal .col-md-4:nth-child(6) {
  margin-bottom: 30px;
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(1):before, .client--Dashboard--IndustriesModal .col-md-4:nth-child(2):before, .client--Dashboard--IndustriesModal .col-md-4:nth-child(3):before, .client--Dashboard--IndustriesModal .col-md-4:nth-child(4):before, .client--Dashboard--IndustriesModal .col-md-4:nth-child(5):before, .client--Dashboard--IndustriesModal .col-md-4:nth-child(6):before {
  position: absolute;
  content: " ";
  width: calc(100% + 13px);
  height: calc(100% + 25px);
  top: -25px;
  left: -13px;
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(1)::before {
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-radius: 12px 0 0 0;
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(2)::before {
  border-top: 1px solid #D9D9D9;
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(3)::before {
  border-top: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-radius: 0 12px 0 0;
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(4)::before {
  border-bottom: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-radius: 0 0 0 12px;
  bottom: -25px;
  height: calc(100% + 20px);
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(5)::before {
  border-bottom: 1px solid #D9D9D9;
  bottom: -25px;
  height: calc(100% + 20px);
}
.client--Dashboard--IndustriesModal .col-md-4:nth-child(6)::before {
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-radius: 0 0 12px 0;
  bottom: -25px;
  height: calc(100% + 20px);
}

body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .modal-body-header {
  border-bottom: 1px solid #434D56;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .modal-body-header .div-text {
  color: #707A83;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .modal-body-header .div-text i.my-icon {
  background: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .modal-body-header .close-btn {
  background: #2a2d3e;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .modal-body-header .count-div-text {
  color: #707A83;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .datepicker-wrap .datepicker-input {
  background: #131523 !important;
  border: none !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .datepicker-wrap i.my-icon {
  background-color: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .chart-label {
  color: #a7adb2 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .industry-item:hover {
  background: #2a2d3e !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .industry-item .name {
  color: #a7adb2 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .industry-item .bar-item.-negative {
  background: #556075 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-content.day .tab-content--inner .price-bars .change-price {
  color: #fff !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .bar-item-tooltip .name, body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .bar-item-tooltip .value {
  color: #fff !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-item {
  color: #707A83;
  background: #2a2d3e;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .tab-item.active {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
  color: #1e1e1e;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .datepicker-wrap .datepicker-input {
  background: #131523;
  border: none;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .datepicker-wrap .calendar-icon-wrap i.my-icon {
  background: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .count-div-text {
  color: #707A83;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .increase, body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .decrease, body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .sideway {
  border: 1px solid #343750;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .increase i, body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .decrease i, body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .count-wrap .sideway i {
  background-color: #343750;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .horizontal-bar-chart-wrap .price-bar-item.-positive {
  background: #236955 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .customized-modal--body .horizontal-bar-chart-wrap .price-bar-item.-negative {
  background: #732637 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .MuiBox-root {
  background: #161C23 !important;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .default-charts-wrap .div-text-1 {
  background: #161C23;
  color: #707A83;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .default-charts-wrap .div-text-2 {
  background: #161C23;
  color: #707A83;
}
body:has(.pageClient.dark-theme) .client--Dashboard--IndustriesModal .default-charts-wrap .div-text-2 i.my-icon {
  background: #707A83 !important;
}

.client--ArticleModal {
  top: 55px !important;
}
.client--ArticleModal > div:first-child {
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(6px) !important;
}
.client--ArticleModal .MuiBox-root {
  width: 75.5%;
  max-width: 930px;
  border-radius: 15px;
  position: absolute !important;
}
.client--ArticleModal .customized-modal--header, .client--ArticleModal .customized-modal--footer {
  display: none;
}
.client--ArticleModal .stocks-wrap {
  width: 100%;
}
.client--ArticleModal .stocks-wrap .stock-item-wrapper {
  display: flex !important;
}
.client--ArticleModal .stocks-wrap .stock-item-rcm {
  font-weight: 550;
  font-size: 18px;
  line-height: 21px;
  color: #1E434D;
}
.client--ArticleModal .stocks-wrap .stock-item {
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.client--ArticleModal .stocks-wrap .stock-item.-unchanged {
  background: rgba(255, 198, 1, 0.08);
}
.client--ArticleModal .stocks-wrap .stock-item.-decreased {
  background: rgba(207, 48, 74, 0.08);
}
.client--ArticleModal .stocks-wrap .stock-item.-increased {
  background: rgba(23, 143, 39, 0.08);
}
.client--ArticleModal .stocks-wrap .stock-item .stock-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-code {
  color: #434d56;
  margin-right: 8px;
  font-size: 24px;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-code:hover {
  filter: brightness(0.2);
}
.client--ArticleModal .stocks-wrap .stock-item .change-indicator {
  margin: 0 12px;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-change {
  font-size: 16px;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-change.-unchanged {
  color: #FFC601;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-change.-increased {
  color: #178F27;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-change.-decreased {
  color: #DA2F58;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-change .stock-percentage {
  color: white;
  padding: 0px 6px;
  border-radius: 6px;
  margin-left: 8px;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-evaluation {
  font-size: 16px;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-evaluation.-unchanged {
  color: #FFC601;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-evaluation.-increased {
  color: #178F27;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-evaluation.-decreased {
  color: #DA2F58;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-rank {
  display: flex;
  align-items: center;
  position: relative;
}
.client--ArticleModal .stocks-wrap .stock-item .rank-text {
  color: #707A83;
  margin-right: 5px;
}
.client--ArticleModal .stocks-wrap .stock-item .rank-point {
  font-weight: 600;
}
.client--ArticleModal .stocks-wrap .stock-item .stock-rcm-name {
  color: #707a83;
  font-weight: normal;
}
.client--ArticleModal .stocks-wrap .stock-item .client--StockMarker:hover {
  filter: brightness(0.2);
}
.client--ArticleModal .tags-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -5px;
  width: 100%;
}
.client--ArticleModal .tags-wrap .div-text {
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
  margin-top: 5px;
}
.client--ArticleModal .tags-wrap .tag-item {
  background: #F1F2F3;
  border-radius: 20px;
  padding: 2px 11px;
  margin-top: 5px;
}
.client--ArticleModal .tags-wrap .tag-item:not(:last-child) {
  margin-right: 8px;
}
.client--ArticleModal .tags-wrap .tag-item:hover {
  background: #ffe380;
  color: #434D56;
}
.client--ArticleModal .article-comment-item .main-comment {
  display: flex;
  align-items: flex-start;
}
.client--ArticleModal .article-comment-item.-no-subs .comment-content-wrap::before {
  display: none;
}
.client--ArticleModal .article-comment-item:not(:last-child) {
  margin-bottom: 12px;
}
.client--ArticleModal .article-comment-item .avatar-wrap {
  position: relative;
  margin-right: 15px;
}
.client--ArticleModal .article-comment-item .avatar-wrap .avatar-indicator {
  position: absolute;
  bottom: -6px;
  right: -5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--ArticleModal .article-comment-item .avatar-wrap .avatar-img {
  border-radius: 50px;
  width: 45px;
  height: 45px;
}
.client--ArticleModal .article-comment-item .comment-content-wrap {
  flex-grow: 1;
  min-width: 0;
  background: #f8f8f9;
  border-radius: 10px;
  padding: 12px;
  position: relative;
}
.client--ArticleModal .article-comment-item .comment-content-wrap::before {
  content: " ";
  position: absolute;
  left: -48px;
  top: 65px;
  bottom: -15px;
  border-right: 1px solid #EAEBED;
}
.client--ArticleModal .article-comment-item .comment-content-wrap .deltButton {
  position: absolute;
  right: 8px;
  top: 6px;
  color: red;
}
.client--ArticleModal .article-comment-item .comment-content-wrap .user-name {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 6px;
  color: #1e1e1e;
}
.client--ArticleModal .article-comment-item .comment-content-wrap .comment-content {
  font-size: 17px;
  line-height: 21px;
  color: #434d56;
  margin-bottom: 10px;
}
.client--ArticleModal .article-comment-item .comment-content-wrap .comment-time {
  font-size: 15px;
  color: #707a83;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap {
  padding-left: 80px;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item:not(:last-child) {
  margin-bottom: 15px;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item:last-child .avatar-wrap::after {
  border-bottom: 1px solid #EAEBED;
  border-left: 1px solid #EAEBED;
  border-radius: 0 0 0 12px;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item:last-child .comment-content-wrap::before {
  display: none;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item .comment-content-wrap::before {
  left: -113px;
  top: 0;
  bottom: -15px;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap {
  position: relative;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap .avatar-img {
  width: 40px;
  height: 40px;
}
.client--ArticleModal .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap::after {
  content: " ";
  position: absolute;
  left: -48px;
  width: 48px;
  top: 0;
  bottom: 50%;
  border-bottom: 1px solid #EAEBED;
}
.client--ArticleModal .article-comment-item .load-more-sub-comments {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 21px;
  padding-left: 160px;
}
.client--ArticleModal .post-card .post-title {
  font-weight: bold;
}
.client--ArticleModal .post-card .post-description {
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--ArticleModal .post-card .post-content {
  flex-basis: 55%;
  min-width: 0;
  padding: 14px;
}
.client--ArticleModal .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client--ArticleModal .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  color: #707A83;
}
.client--ArticleModal .post-card .posted-at-wrap .post-source {
  font-size: 12px;
  color: #1E1E1E;
  max-width: 110px;
  padding: 0 10px;
  background: #F1F2F3;
  border-radius: 50px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--ArticleModal .post-card .posted-at-wrap .post-source.ddc-post {
  background: #FFC601;
}
.client--ArticleModal .post-card.other-post {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}
.client--ArticleModal .post-card.other-post .post-image {
  width: 100%;
  height: 170px;
}
.client--ArticleModal .post-card.other-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.client--ArticleModal .post-card.other-post .posted-at-wrap {
  margin-bottom: 8px;
}
.client--ArticleModal .post-card.other-post .post-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 8px;
  min-height: 78px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--ArticleModal .post-card.other-post .post-description {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 19px;
}
.client--ArticleModal .customized-modal--body {
  min-height: 450px;
  max-height: calc(100vh - 100px) !important;
  padding: 0;
  padding-bottom: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
}
.client--ArticleModal .customized-modal--body .modal-body-content {
  padding: 24px;
}
.client--ArticleModal .spinner-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none;
}
.client--ArticleModal .modal-body-header {
  z-index: 2;
  position: relative;
  padding-top: 14px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 50px;
  border-bottom: 1px solid #D6DEE4;
}
.client--ArticleModal .modal-body-header .close-btn .my-icon {
  background-color: #666;
}
.client--ArticleModal .modal-body-header .close-btn:hover .my-icon {
  background-color: #1E1E1E;
}
.client--ArticleModal .modal-body-header .div-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.client--ArticleModal .modal-body-content {
  padding: 15px 18px 16px 22px;
  background: #FFFFFF;
  flex-grow: 1;
  overflow: auto;
}
.client--ArticleModal .modal-body-content .float-left-buttons-group {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: -47px;
  padding: 4px;
  border-radius: 50px;
  background: #fff;
}
.client--ArticleModal .modal-body-content .float-left-buttons-group .button {
  padding: 0;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background-color: #fff;
}
.client--ArticleModal .modal-body-content .float-left-buttons-group .button:hover {
  background-color: #eee !important;
}
.client--ArticleModal .modal-body-content .float-left-buttons-group .button.btn-like .liked {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
}
.client--ArticleModal .modal-body-content .float-left-buttons-group .button.btn-like .liked i.my-icon {
  background: #1E1E1E !important;
}
.client--ArticleModal .modal-body-content .block-timeline {
  margin-bottom: 29px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
}
.client--ArticleModal .modal-body-content .block-timeline * {
  color: #707A83;
}
.client--ArticleModal .modal-body-content .block-timeline .avatar-wrap img {
  border-radius: 50px;
}
.client--ArticleModal .modal-body-content .block-timeline .vertical-divider {
  height: 26px;
  width: 1px;
  background: #D6DEE4;
}
.client--ArticleModal .modal-body-content .block-timeline span {
  color: #6C6C6C;
  font-family: "Inter", sans-serif;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.2;
}
.client--ArticleModal .modal-body-content .block-timeline span:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #C4C4C4;
}
.client--ArticleModal .modal-body-content .article-content-wrap {
  line-height: 120%;
  position: relative;
  overflow: hidden;
}
.client--ArticleModal .modal-body-content .article-content-wrap p, .client--ArticleModal .modal-body-content .article-content-wrap span {
  font-size: 18px !important;
}
.client--ArticleModal .modal-body-content .article-content-wrap * {
  max-width: 100% !important;
  font-family: "Inter" !important;
  line-height: 30px;
  font-size: 18px;
  margin: 15px auto;
}
.client--ArticleModal .modal-body-content .article-content-wrap *:has(> img):hover {
  cursor: pointer;
}
.client--ArticleModal .modal-body-content .article-content-wrap img {
  border-radius: 10px;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 20px !important;
  display: table !important;
}
.client--ArticleModal .modal-body-content .article-content-wrap .zoom-out-button-wrap {
  position: absolute;
  right: 10px;
  transform: translateY(10px);
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-color: #F1F2F3;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  display: none;
}
.client--ArticleModal .modal-body-content .article-content-wrap .zoom-out-button-wrap:hover {
  display: flex;
}
.client--ArticleModal .modal-body-content .article-content-wrap figure#attachment_594895 {
  width: initial !important;
}
.client--ArticleModal .modal-body-content .bottom-img {
  margin-top: 40px;
}
.client--ArticleModal .modal-body-content .bottom-img img {
  border-radius: 10px;
}
.client--ArticleModal .modal-body-content .block-comment .loginRequire {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.2;
  font-weight: bold;
  cursor: pointer;
}
.client--ArticleModal .modal-body-content .block-comment .comment-counts {
  font-weight: 550;
  font-size: 18px;
  line-height: 21px;
  color: #1E434D;
}
.client--ArticleModal .modal-body-content .block-comment__input {
  position: relative;
}
.client--ArticleModal .modal-body-content .block-comment__input img {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 22px;
  height: 20px;
  cursor: pointer;
}
.client--ArticleModal .modal-body-content .block-comment__input textarea.form-control {
  height: 96px;
  background: rgba(241, 242, 243, 0.5);
  border-radius: 2px;
  font-size: 16px;
  line-height: 19px;
  color: #707A83;
  border: none;
  border-radius: 10px;
}
.client--ArticleModal .modal-body-content .block-comment__input textarea.form-control::placeholder {
  color: #AAAEB2;
}
.client--ArticleModal .modal-body-content .block-comment__input .post-chat-btn {
  display: flex;
  justify-content: end;
}
.client--ArticleModal .modal-body-content .block-comment__input .post-chat-btn button {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 15px;
  color: #1E1E1E;
}
.client--ArticleModal .modal-body-content .block-comment__item {
  background: #FFFFFF;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 20px 30px 20px;
  margin-bottom: 20px;
}
.client--ArticleModal .modal-body-content .block-comment__item:first-child {
  margin-top: 34px;
}
.client--ArticleModal .modal-body-content .block-comment__item:last-child {
  margin-bottom: 30px;
}
.client--ArticleModal .modal-body-content .block-comment__item .avatar {
  width: 83px;
  height: 83px;
  border-radius: 50px;
  float: left;
  margin-right: 8px;
  overflow: hidden;
}
.client--ArticleModal .modal-body-content .block-comment__item .avatar div {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.client--ArticleModal .modal-body-content .block-comment__item .content {
  border-radius: 9px;
  float: right;
  width: calc(100% - 91px);
}
.client--ArticleModal .modal-body-content .block-comment__item .content-parent {
  padding: 20px 30px;
  background: #F5F5F5;
}
.client--ArticleModal .modal-body-content .block-comment__item .content p {
  font-family: "Inter", sans-serif;
  font-size: 22px !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  color: #EC8322;
}
.client--ArticleModal .modal-body-content .block-comment__item .content .contentCmt {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
}
.client--ArticleModal .modal-body-content .block-comment__item .content .interactive {
  margin-top: 25px;
}
.client--ArticleModal .modal-body-content .block-comment__item .content .interactive span {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
}
.client--ArticleModal .modal-body-content .block-comment__item .content .interactive span img {
  cursor: pointer;
}
.client--ArticleModal .modal-body-content .block-comment__item .content .interactive span:first-child {
  padding-right: 30px;
  border-right: 1px solid #C4C4C4;
  margin-right: 35px;
}
.client--ArticleModal .modal-body-content .block-comment .load-more-comments {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.client--ArticleModal .modal-body-content .block-comment .load-more-comments button.button {
  background: #F1F2F3;
  border-radius: 4px;
  padding: 9px 13.5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #1E1E1E;
}

body:has(.pageClient.dark-theme) .client--ArticleModal .customized-modal--body .modal-body-header .div-text {
  color: #fff;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .MuiBox-root {
  background: #212332;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-header {
  border-bottom: none;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-header .close-btn {
  background: #2a2d3e;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-header .close-btn i.my-icon {
  background: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content {
  background: none;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group {
  background: #212332;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group .button {
  background: #212332;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group .button.btn-like.button-orange {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%) !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group .button.btn-like.button-orange i.my-icon {
  background: #1E1E1E !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group .button.btn-like.button-orange[disabled] * {
  filter: brightness(1.1);
  cursor: no-drop;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group .button.btn-like.button-orange:hover:not([disabled]) {
  background-color: #ffe380;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group .button:hover {
  background-color: #2a2d3e !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .float-left-buttons-group p {
  color: #d8d9dc;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap {
  position: relative;
  overflow: hidden;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap * {
  max-width: 100% !important;
  font-family: "Inter" !important;
  line-height: 30px;
  font-size: 18px;
  margin: 15px 0;
  color: #d8d9dc;
  color: #d8d9dc !important;
  background: none !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap p, body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap span {
  font-size: 18px !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap h2 {
  line-height: 22px !important;
  font-size: 22px !important;
  font-weight: 700;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap h2 * {
  font-size: 22px !important;
  font-weight: 700;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap h1 {
  line-height: 25px !important;
  font-size: 25px !important;
  font-weight: 700;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap h1 * {
  font-size: 25px !important;
  font-weight: 700;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap *:has(> img) {
  border-radius: 10px;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .article-content-wrap *:has(> img):hover {
  cursor: pointer;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .tags-wrap .div-text {
  color: #fff;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .tags-wrap .tag-item {
  background: #2a2d3e;
  color: #707A83;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .tags-wrap .tag-item:hover {
  background: #FFC601;
  color: #434D56;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .comment-counts span {
  color: #fff;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content textarea.form-control {
  background: #131522 !important;
  color: #d8d9dc !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .block-comment__input .post-chat-btn button {
  background: #5b618f !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .block-comment__input .post-chat-btn button[disabled] {
  filter: brightness(0.6);
  cursor: no-drop;
  color: #333;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .block-comment__input .post-chat-btn button[disabled] .MyIcon {
  filter: brightness(2);
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .block-comment__input .post-chat-btn button:hover:not([disabled]) {
  background-color: #ffe380 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .user-name {
  color: #fff !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .comment-content-wrap {
  background: #2a2d3e !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .comment-content-wrap .comment-content {
  color: #d8d9dc;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .reactions-wrap .likes-wrap i.my-icon {
  background: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .reactions-wrap .likes-wrap .likes-count {
  color: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .reactions-wrap .reply-wrap i.my-icon {
  background: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .reactions-wrap .reply-wrap .comments-count {
  color: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .blockComment .comments-wrap .reactions-wrap .comment-time {
  color: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .load-more-sub-comments {
  color: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .load-more-sub-comments i.my-icon {
  background: #707A83 !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .load-more-comments button.button {
  background: linear-gradient(180deg, #C9C9C9 0%, #FFE68F 0%, #FFC601 34.88%);
  color: #1E1E1E;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .load-more-comments i.my-icon {
  background: #1E1E1E !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .loginRequire {
  color: #fff !important;
}
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .stock-item-wrap .stock-code,
body:has(.pageClient.dark-theme) .client--ArticleModal .modal-body-content .stock-item-wrap .rank-point {
  color: #707A83;
}

.client--WebPopupModal {
  align-items: start !important;
  padding-top: 20vh;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px);
}
.client--WebPopupModal .MuiBox-root {
  border-radius: 0 10px 10px 10px;
  position: absolute !important;
  width: initial;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
}
.client--WebPopupModal .customized-modal--header, .client--WebPopupModal .customized-modal--footer {
  display: none;
}
.client--WebPopupModal .customized-modal--body {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.client--WebPopupModal .customized-modal--body .modal-body-content {
  position: relative;
}
.client--WebPopupModal .customized-modal--body .modal-body-content img {
  width: 822px;
  height: 463px;
  object-fit: cover;
  border-radius: 20px;
}
.client--WebPopupModal .customized-modal--body .view-more-btn {
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translate(-50%);
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  padding: 6px 24px;
  border-radius: 3px;
  color: #1E1E1E;
  background: #FFC601;
}
.client--WebPopupModal .customized-modal--body .view-more-btn:hover {
  background: #ffd134;
}

.client--ManualNotiModal {
  align-items: start !important;
  padding-top: calc(55px + 14px);
}
.client--ManualNotiModal > div:first-child {
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(6px) !important;
}
.client--ManualNotiModal .MuiBox-root {
  width: 75.5%;
  max-width: 980px;
  position: absolute !important;
}
.client--ManualNotiModal .customized-modal--header, .client--ManualNotiModal .customized-modal--footer {
  display: none;
}
.client--ManualNotiModal .customized-modal--body {
  height: 90vh;
  max-height: initial;
  min-height: 800px;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.client--ManualNotiModal .spinner-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none;
}
.client--ManualNotiModal .modal-body-header {
  z-index: 2;
  position: relative;
  padding-top: 14px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 50px;
  background-color: #fff;
}
.client--ManualNotiModal .modal-body-header .close-btn {
  background: #F1F2F3;
  border-radius: 3px;
}
.client--ManualNotiModal .modal-body-header .div-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.client--ManualNotiModal .modal-body-content {
  padding: 15px 18px 8px 22px;
  background: #FFFFFF;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  flex-grow: 1;
  overflow: hidden;
}
.client--ManualNotiModal .modal-body-content .inner-wrap {
  padding-right: 14px;
  height: 100%;
  overflow: auto;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap {
  font-size: 18px;
  line-height: 30px;
  position: relative;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap * {
  font-size: 18px !important;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap *:has(> img):hover {
  cursor: pointer;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap .zoom-out-button-wrap {
  position: absolute;
  right: 10px;
  transform: translateY(10px);
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-color: #F1F2F3;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  display: none;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap .zoom-out-button-wrap:hover {
  display: flex;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap img {
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  display: table !important;
}
.client--ManualNotiModal .modal-body-content .article-content-wrap figure#attachment_594895 {
  width: initial !important;
}

.client--ContactMobileModal .MuiBox-root {
  margin: 0 auto !important;
  width: 90%;
  max-width: 375px;
  background: #F9F8F9;
}
.client--ContactMobileModal .customized-modal--header, .client--ContactMobileModal .customized-modal--footer {
  display: none;
}
.client--ContactMobileModal .customized-modal--body {
  padding: 0;
  overflow: hidden;
  max-height: initial;
}
.client--ContactMobileModal .customized-modal--body .modal-body-content {
  padding: 9px 20px 32px 20px;
}
.client--ContactMobileModal .customized-modal--body .modal-body-content .form-group .form-label {
  display: none;
}
.client--ContactMobileModal .customized-modal--body .modal-body-content .form-group.content textarea {
  max-height: 191px;
}
.client--ContactMobileModal .customized-modal--body .modal-body-content .submit-btn {
  width: 100%;
  justify-content: center;
  padding-top: 9px;
  padding-bottom: 9px;
  background: #00B09B;
  border-radius: 6px;
  color: #fff;
  margin-top: 64px;
}
.client--ContactMobileModal .modal-body-header {
  position: relative;
  padding-top: 14px;
  padding-bottom: 11px;
  padding-left: 20px;
}
.client--ContactMobileModal .modal-body-header .div-text {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
}

.admin--FloatFooter {
  height: 64px;
  margin-left: -24px;
  margin-right: -24px;
  background-color: #fff;
  box-shadow: 0px -4px 20px -8px rgba(0, 0, 0, 0.15);
  position: sticky;
  bottom: 0;
}

.admin-page-container .admin--FloatFooter {
  z-index: 1;
}

.admin--ArticlesContainer--ArticleViewsCell .views-count {
  margin-right: 40px;
  text-align: right;
}
.admin--ArticlesContainer--ArticleViewsCell .views-count.with-icon {
  margin-right: 25px;
}

.admin--CommissionStatusCell .status-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  border-radius: 16px;
  padding: 7px 23px 7px 16px;
  display: inline-block;
}
.admin--CommissionStatusCell .status-dropdown.paid {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--CommissionStatusCell .status-dropdown.unpaid {
  background-color: #FFF7E6;
  color: #FFAE00;
}
.admin--CommissionStatusCell .status-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--CommissionStatusCell .status-dropdown-menu.paid {
  min-width: 119px;
}
.admin--CommissionStatusCell .status-dropdown-menu.unpaid {
  min-width: 128px;
}
.admin--CommissionStatusCell .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
}
.admin--CommissionStatusCell .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--CommissionStatusCell .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--CommissionStatusCell .list-item.active {
  background-color: #F2F4F8;
}

.admin--Ma5Gauge .top-part {
  height: 219px;
}
.admin--Ma5Gauge .top-part .canvas-holder {
  display: flex;
  justify-content: center;
  position: relative;
}
.admin--Ma5Gauge .top-part .canvas-holder .gauge-image {
  width: 50.8%;
  margin: auto;
  max-width: 189px;
}
.admin--Ma5Gauge .top-part .canvas-holder .needle {
  width: 11.4px;
  position: absolute;
  bottom: 20px;
  transform-origin: bottom;
  transform: rotate(-100deg);
  transition: all 0.3s;
}
.admin--Ma5Gauge .top-part .texts-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.admin--Ma5Gauge .top-part .rpi-point {
  font-weight: bold;
  font-size: 13px;
  color: #292C43;
  line-height: 24px;
}
.admin--Ma5Gauge .top-part .risk-name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  color: #292C43;
}
.admin--Ma5Gauge .top-part .last-updated-at {
  font-weight: 500;
  font-size: 10px;
  color: #292C43;
}

.admin--ModalManager .modal-message {
  font-weight: 500;
  font-size: 16px;
  color: #8083a3;
}
.admin--ModalManager .close-btn {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 24px;
}
.admin--ModalManager.preview, .admin--ModalManager.preview_article {
  top: 55px !important;
}
.admin--ModalManager.preview .MuiBox-root, .admin--ModalManager.preview_article .MuiBox-root {
  width: 962px;
}
.admin--ModalManager.preview .preview-wrap, .admin--ModalManager.preview_article .preview-wrap {
  overflow: auto;
  margin-top: 24px;
  margin-bottom: 21px;
  padding: 15px 3.5rem;
  width: 100%;
  max-height: calc(100vh - 130px);
  min-height: 650px;
}
.admin--ModalManager.preview .preview-wrap .title-wrap, .admin--ModalManager.preview_article .preview-wrap .title-wrap {
  font-family: "Inter", sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
.admin--ModalManager.preview .preview-wrap .content-wrap img[alt="Loading Image..."], .admin--ModalManager.preview_article .preview-wrap .content-wrap img[alt="Loading Image..."] {
  max-width: 100%;
}
.admin--ModalManager.preview_article .author-wrap {
  display: flex;
  margin-bottom: 32px;
  color: #6C6C6C;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
.admin--ModalManager.preview_article .author-wrap .vertical-br {
  margin-left: 30px;
  margin-right: 30px;
  border-left: 1px solid #C4C4C4;
}
.admin--ModalManager.preview_article .content-wrap .tags-wrap .tag-item {
  font-size: 15px;
  font-weight: bold;
}
.admin--ModalManager.preview_article .content-wrap .tags-wrap .tag-item:not(:last-child) {
  margin-bottom: 8px;
}

.admin--AdminBanner .title-group {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
}
.admin--AdminBanner .title-group .title {
  font-weight: bold;
  font-size: 18px;
  padding: 3px 5px 4px 8px;
  margin-right: 4px;
  background: #fff;
  opacity: 0.5;
  border-radius: 6px;
}
.admin--AdminBanner .title-group .upload-btn {
  padding: 5px;
  background: #fff;
  opacity: 0.5;
  border-radius: 6px;
  border: none;
}

.admin--PerformanceContainer--EditorPerformance .info-body-wrap {
  padding: 10px 4px 17px 8px;
  height: calc(100% - 57px);
}
.admin--PerformanceContainer--EditorPerformance .month-picker-wrap {
  position: absolute;
  width: 107px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.admin--PerformanceContainer--EditorPerformance .month-picker-wrap input.year-input {
  border: 1px solid #E4E6E8;
  border-radius: 10px;
}
.admin--PerformanceContainer--EditorPerformance .month-picker-wrap .icon-wrap {
  position: absolute;
  top: 50%;
  right: 12.5px;
  transform: translateY(-50%);
}
.admin--PerformanceContainer--EditorPerformance .table-aside-container {
  height: 100%;
}
.admin--PerformanceContainer--EditorPerformance .editor-name-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.admin--PerformanceContainer--EditorPerformance .editor-name {
  font-weight: 500;
  font-size: 12px;
  color: #8083a3;
}
.admin--PerformanceContainer--EditorPerformance .table-header {
  font-size: 12px;
  font-weight: 600;
  color: #787878;
  padding-left: 5px;
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 14px;
}
.admin--PerformanceContainer--EditorPerformance .table-header .header-content {
  position: relative;
  display: inline;
  user-select: none;
}
.admin--PerformanceContainer--EditorPerformance .table-header .header-content .icon-wrap {
  position: absolute;
  right: 0;
  transform: translateX(100%);
  top: 0;
}
.admin--PerformanceContainer--EditorPerformance #viewsPerArticle {
  z-index: 1;
}
.admin--PerformanceContainer--EditorPerformance #articlesCount {
  z-index: 2;
}
.admin--PerformanceContainer--EditorPerformance #articlesCount, .admin--PerformanceContainer--EditorPerformance #viewsPerArticle, .admin--PerformanceContainer--EditorPerformance #royalties {
  text-align: right;
}
.admin--PerformanceContainer--EditorPerformance #royalties {
  padding-right: 24px;
}
.admin--PerformanceContainer--EditorPerformance .td-royalties {
  padding-right: 8px;
}
.admin--PerformanceContainer--EditorPerformance .td-articlesCount, .admin--PerformanceContainer--EditorPerformance .td-viewsPerArticle, .admin--PerformanceContainer--EditorPerformance .td-royalties {
  text-align: right;
}
.admin--PerformanceContainer--EditorPerformance .td-author {
  padding-left: 8px;
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}
.admin--PerformanceContainer--EditorPerformance .td-articlesCount, .admin--PerformanceContainer--EditorPerformance .td-viewsPerArticle {
  font-weight: 600;
  font-size: 12px;
  color: #8083a3;
}
.admin--PerformanceContainer--EditorPerformance .td-royalties {
  padding-right: 16px;
  font-weight: 600;
  font-size: 12px;
  position: relative;
  border: none;
}
.admin--PerformanceContainer--EditorPerformance .td-royalties:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  right: 8px;
  border-top: 1px solid #E4E6E8;
  border-bottom: 1px solid #E4E6E8;
  border-right: 1px solid #E4E6E8;
  border-radius: 0 8px 8px 0;
}
.admin--PerformanceContainer--EditorPerformance tr.spacer td {
  height: 4px;
}

.admin--PerformanceContainer--PerformanceDetailStats .info-body-wrap {
  padding: 0 4px 8px 9px;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-aside-container {
  max-height: calc(100vh - 135px);
}
.admin--PerformanceContainer--PerformanceDetailStats .table-thead {
  z-index: 2;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-row {
  color: #8083a3;
  font-weight: bold;
  text-align: right;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-row .header-month {
  text-align: initial;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-row .header-bestWriterOfMonth {
  text-align: left;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-row .header-newUsers {
  text-align: right;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-row .td-month {
  font-weight: 400;
  text-align: center;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: initial;
  padding-top: initial;
  padding-right: 16px;
  padding-bottom: initial;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header.header-month {
  padding-left: 12px;
  padding-top: 20px;
  padding-bottom: 18px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header.header-newUsers {
  padding-left: 75px;
  padding-right: initial;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header.header-bestWriterOfMonth {
  padding-left: 40px;
  padding-right: initial;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header.header-growthPercentTiktok {
  padding-right: 23px;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header .header-content {
  position: relative;
  display: inline;
  user-select: none;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-header .header-content .icon-wrap {
  position: absolute;
  right: 0;
  transform: translateX(100%);
  top: 0;
}
.admin--PerformanceContainer--PerformanceDetailStats .table-td {
  padding-right: 16px;
}
.admin--PerformanceContainer--PerformanceDetailStats .td-month {
  padding-top: 18px;
  padding-bottom: 19px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--PerformanceContainer--PerformanceDetailStats .td-bestWriterOfMonth {
  padding-left: 40px;
  padding-right: initial;
  text-align: left;
}
.admin--PerformanceContainer--PerformanceDetailStats .td-newUsers {
  padding-left: 73px;
  padding-right: initial;
  text-align: right;
}
.admin--PerformanceContainer--PerformanceDetailStats .td-growthPercentTiktok {
  padding-right: 23px;
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #E4E6E8;
}

.admin--PerformanceContainer--ActivityPerformance .TabNav .nav-tabs.customized-nav-tabs {
  position: absolute;
  padding-top: 4px;
  padding-left: 12px;
  border: none;
  z-index: 1;
}
.admin--PerformanceContainer--ActivityPerformance .TabNav .nav-item.customized-nav-item {
  margin-right: 4px;
}
.admin--PerformanceContainer--ActivityPerformance .TabNav .nav-link.customized-nav-link {
  cursor: pointer;
  border: none;
  color: #B3B3B3;
  font-weight: 500;
  font-size: 10px;
  padding: 6px 8px;
}
.admin--PerformanceContainer--ActivityPerformance .TabNav .nav-link.customized-nav-link.active {
  color: #8083a3;
  font-weight: bold;
  background-color: #F5F5FA;
  border-radius: 4px;
}

.admin--PerformanceContainer--ActivityPerformance--ViewsStats .info-card--body {
  height: calc(100% - 57px);
}
.admin--PerformanceContainer--ActivityPerformance--ViewsStats .chart-canvas-container {
  padding: 15px;
  position: relative;
}

.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip.hide {
  opacity: 0;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip {
  background: #FFFFFF;
  box-shadow: 0px 8px 15px rgba(152, 169, 188, 0.267182);
  border-radius: 2px;
  position: absolute;
  opacity: -10;
  padding: 7px 15px 4px;
  width: max-content;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip.show {
  opacity: 1;
  z-index: 10;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip .month {
  font-size: 14px;
  line-height: 21px;
  color: #8083A3;
  margin-bottom: 1px;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip .content-label {
  font-weight: 700;
  font-size: 10px;
  line-height: 21px;
  color: #949494;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip .time {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #171721;
}
.admin--PerformanceContainer--ActivityPerformance--AverageViewsStats #chart-tooltip .tooltip-arrow {
  position: absolute;
  height: 0px;
  width: 0px;
  border-top: 13px solid transparent;
  border-right: 13px solid #fff;
  border-bottom: 13px solid transparent;
  top: 9px;
  left: -6.5px;
}

.admin--NoteCell {
  position: relative;
  padding-right: 18px;
}
.admin--NoteCell .note-content {
  margin-right: 2px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin--EditableCell input.inline-input {
  width: 40px;
  margin-right: 21px;
}
.admin--EditableCell .input-value {
  margin-right: 21px;
}
.admin--EditableCell .inner-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
}

.admin--ArticlesContainer--ArticlesTable {
  background-color: #fff;
  border-radius: 16px;
}
.admin--ArticlesContainer--ArticlesTable .info-body-wrap {
  padding-left: 7px;
  margin-bottom: 26px;
}
.admin--ArticlesContainer--ArticlesTable .info-body-wrap .no-data-text {
  padding-bottom: 27px;
}
.admin--ArticlesContainer--ArticlesTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--ArticlesContainer--ArticlesTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--ArticlesContainer--ArticlesTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--ArticlesContainer--ArticlesTable .table-td {
  padding-left: 16px;
}
.admin--ArticlesContainer--ArticlesTable .table-aside-container {
  max-height: calc(100vh - 395px);
}
@media (max-height: 800px) {
  .admin--ArticlesContainer--ArticlesTable .table-aside-container {
    max-height: calc(100vh - 245px);
  }
}
.admin--ArticlesContainer--ArticlesTable .table-row .header-royalties {
  text-align: right;
}
.admin--ArticlesContainer--ArticlesTable .table-header.header-royalties {
  padding-right: 16px;
  padding-left: initial;
}
.admin--ArticlesContainer--ArticlesTable .table-td.td-title {
  cursor: pointer;
}
.admin--ArticlesContainer--ArticlesTable .table-td .hour-str {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
}
.admin--ArticlesContainer--ArticlesTable .table-td .date-str {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.admin--ArticlesContainer--ArticlesTable .td-postedAt {
  padding-top: 14px;
  padding-bottom: 13px;
  padding-left: 8px;
}
.admin--ArticlesContainer--ArticlesTable .td-royalties {
  text-align: right;
  padding-right: 16px;
  padding-left: initial;
}
.admin--ArticlesContainer--ArticlesTable .td-views .cell-content {
  max-width: 110px;
}
.admin--ArticlesContainer--ArticlesTable .td-views .views-edit-input {
  width: 40px;
  font-weight: bold;
  color: #292C43;
  background-color: #F2F2FF;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 13px;
  border: none;
  text-align: center;
}
.admin--ArticlesContainer--ArticlesTable .td-views .views-edit-input:focus {
  outline: none;
}
.admin--ArticlesContainer--ArticlesTable .td-views .my-articles.views-count {
  margin-right: 40px;
  text-align: right;
}
.admin--ArticlesContainer--ArticlesTable .td-title .cell-content {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.admin--ArticlesContainer--ArticlesTable .td-status {
  padding-left: 10px;
}
.admin--ArticlesContainer--ArticlesTable .td-status .article-status {
  display: inline-block;
  font-weight: 700;
  font-size: 12;
  line-height: 14px;
  border-radius: 16px;
  height: 26px;
  padding: 6px 16px;
}
.admin--ArticlesContainer--ArticlesTable .td-status .article-status.draft {
  background-color: #F2F4F8;
  color: #003171;
}
.admin--ArticlesContainer--ArticlesTable .td-status .article-status.scheduled {
  background-color: #FFF7E6;
  color: #FFAE00;
}
.admin--ArticlesContainer--ArticlesTable .td-status .article-status.posted {
  background-color: #EBF9F4;
  color: #2FB182;
}

.admin--ArticlesContainer--AccountsTable {
  background-color: #fff;
  border-radius: 16px;
}
.admin--ArticlesContainer--AccountsTable .info-body-wrap {
  padding-left: 7px;
}
.admin--ArticlesContainer--AccountsTable .info-body-wrap .no-data-text {
  padding-bottom: 26px;
}
.admin--ArticlesContainer--AccountsTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--ArticlesContainer--AccountsTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--ArticlesContainer--AccountsTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--ArticlesContainer--AccountsTable .table-td {
  padding-left: 16px;
}
.admin--ArticlesContainer--AccountsTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19.5px;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-packages {
  width: 250px;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-fullName {
  padding-left: 9px;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-packages {
  padding-left: 2px;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-receivedEmail {
  padding-left: 13px;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-fullName {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-email {
  position: sticky;
  left: 200px;
  background-color: #fff;
  z-index: 1;
}
.admin--ArticlesContainer--AccountsTable .table-header.header-phoneNumber {
  position: sticky;
  left: 450px;
  background-color: #fff;
  z-index: 1;
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-fullName {
  padding-left: 9px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-email {
  position: sticky;
  left: 200px;
  background-color: #fff;
  z-index: 1;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-phoneNumber {
  position: sticky;
  left: 450px;
  background-color: #fff;
  z-index: 1;
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-packages {
  padding-left: 2px;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-receivedEmail {
  padding-left: 13px;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-receivedEmail .cell-content .checkmark-wrap {
  display: flex;
  justify-content: center;
}
.admin--ArticlesContainer--AccountsTable .table-td.td-activated .cell-content {
  display: flex;
  justify-content: center;
}
.admin--ArticlesContainer--AccountsTable .package-label:not(:last-child) {
  margin-right: 4px;
}
.admin--ArticlesContainer--AccountsTable .td-platform .platform-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}

.admin--Accounts--RolesManagementModal .roles-outer-wrap {
  max-height: 270px;
  overflow-y: auto;
}
.admin--Accounts--RolesManagementModal .role-item {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(228, 230, 232, 0.6);
  position: relative;
}
.admin--Accounts--RolesManagementModal .role-item .role-name {
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  color: #171721;
  margin-bottom: 1px;
}
.admin--Accounts--RolesManagementModal .role-item .role-note {
  font-size: 14px;
  line-height: 21px;
  color: #8083a3;
  margin-bottom: 4px;
}
.admin--Accounts--RolesManagementModal .role-item .more-options-wrap {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  color: #8083a3;
  position: absolute;
  right: 0;
  top: 6px;
  background-color: #F5F5FA;
}
.admin--Accounts--RolesManagementModal .role-item .list-item {
  background: #F2F4F8;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.admin--Accounts--RolesManagementModal .role-item .more-options-dropdown.show {
  padding: 8px;
}

.admin--AccountsContainer--NewAccountModal.Modal .customized-modal--body {
  overflow: initial;
}

.admin--AccountDetailContainer--AccountInfo .info-card--header {
  border-bottom: 1px solid rgba(228, 230, 232, 0.6);
}
.admin--AccountDetailContainer--AccountInfo .user-info-wrap {
  flex-basis: 34%;
  border-right: 1px solid rgba(228, 230, 232, 0.6);
  padding-top: 9px;
  padding-left: 24px;
}
.admin--AccountDetailContainer--AccountInfo .user-permissions-wrap {
  padding-top: 9px;
  padding-left: 24px;
  flex-basis: 66%;
}
.admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap {
  position: relative;
  flex-basis: 83%;
}
.admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap.birthday {
  text-align: right;
}
.admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap.password-confirmation, .admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap.password {
  flex-basis: initial;
}
.admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap.password-confirmation .admin-error-message, .admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap.password .admin-error-message {
  right: 0;
  width: max-content;
}
.admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap .custom-datepicker.small-width-yearpicker-wrap {
  position: initial;
  transform: initial;
  display: inline-block;
}
.admin--AccountDetailContainer--AccountInfo .toggleable-input-wrap .custom-datepicker.small-width-yearpicker-wrap .year-input {
  color: #949494;
  padding: 4px;
  height: 30px;
}
.admin--AccountDetailContainer--AccountInfo .basis-info-wrap {
  padding-left: 16px;
  padding-right: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(228, 230, 232, 0.6);
}
.admin--AccountDetailContainer--AccountInfo .password-wrap {
  padding: 8px 4px 28px 16px;
}
.admin--AccountDetailContainer--AccountInfo .field-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 21px;
}
.admin--AccountDetailContainer--AccountInfo .field-item .field-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  flex-basis: 50%;
}
.admin--AccountDetailContainer--AccountInfo .field-item .field-value {
  text-align: right;
  font-size: 12px;
  line-height: 14px;
  min-width: 117px;
}
.admin--AccountDetailContainer--AccountInfo .field-item:not(:last-child) {
  margin-bottom: 18px;
}
.admin--AccountDetailContainer--AccountInfo .field-item.password-item {
  margin-bottom: 10px;
}
.admin--AccountDetailContainer--AccountInfo .field-item.password-item .field-label {
  flex-basis: 60%;
}
.admin--AccountDetailContainer--AccountInfo .field-item.password-confirmation-item {
  padding-left: 24px;
}
.admin--AccountDetailContainer--AccountInfo .field-item.password-confirmation-item .field-label {
  flex-basis: 60%;
}
.admin--AccountDetailContainer--AccountInfo .dropdown-btn {
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  opacity: 0.54;
  width: 16px;
  height: 16px;
}
.admin--AccountDetailContainer--AccountInfo .custom-dropdown-menu {
  border: 1px solid #e4e6e8;
  border-radius: 6px;
  padding: 8px;
}
.admin--AccountDetailContainer--AccountInfo .custom-dropdown-menu.show {
  left: 16px !important;
}
.admin--AccountDetailContainer--AccountInfo .list-item {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 4px;
  width: 98px;
}
.admin--AccountDetailContainer--AccountInfo .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--AccountDetailContainer--AccountInfo .inline-input.custom-inline-input {
  font-weight: 600;
  line-height: 15px;
  text-align: left;
  width: 100%;
}
.admin--AccountDetailContainer--AccountInfo .permission-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #8083a3;
}
.admin--AccountDetailContainer--AccountInfo .permission-label.custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
}
.admin--AccountDetailContainer--AccountInfo .permission-label.checked {
  font-weight: bold;
  color: #171721;
}

.admin--AccountDetailContainer--PerformanceStats .info-card--header {
  padding: 10px 8px 11px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin--AccountDetailContainer--PerformanceStats .chart-canvas-container {
  padding: 20px 24px 28px 24px;
  height: calc(100% - 56px);
}
.admin--AccountDetailContainer--PerformanceStats .chart-canvas-container .phantom-alerts-wrap {
  position: absolute;
  height: 20px;
  bottom: 8px;
  right: 32px;
  left: 24px;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
}
.admin--AccountDetailContainer--PerformanceStats .chart-canvas-container .js-alert-wrap {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin--AccountDetailContainer--EditorRoyalties .info-card--body {
  padding: 16px 16px 20px 16px;
}
.admin--AccountDetailContainer--EditorRoyalties .info-card--body .TabNav .nav-tabs.customized-nav-tabs {
  border: none;
  margin-bottom: 24px;
}
.admin--AccountDetailContainer--EditorRoyalties .info-card--body .TabNav .nav-item.customized-nav-item:not(:last-child) {
  margin-right: 14px;
}
.admin--AccountDetailContainer--EditorRoyalties .info-card--body .TabNav .nav-link.customized-nav-link {
  font-weight: 500;
  font-size: 10px;
  padding: 6px 7px;
  line-height: 12px;
}
.admin--AccountDetailContainer--EditorRoyalties .headers-wrap {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  padding-right: 39px;
}
.admin--AccountDetailContainer--EditorRoyalties .headers-wrap .header {
  font-weight: 600;
  font-size: 14px;
  line-height: 16.5px;
  color: #787878;
}
.admin--AccountDetailContainer--EditorRoyalties .table-rows {
  max-height: 196px;
  overflow: auto;
}
.admin--AccountDetailContainer--EditorRoyalties .table-rows::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.admin--AccountDetailContainer--EditorRoyalties .row-item {
  padding: 12px 9px 11px 9px;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid rgba(202, 202, 202, 0.6);
}
.admin--AccountDetailContainer--EditorRoyalties .row-item:not(:last-child) {
  margin-bottom: 4px;
}
.admin--AccountDetailContainer--EditorRoyalties .row-item .views {
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  color: #8083a3;
}
.admin--AccountDetailContainer--EditorRoyalties .row-item .royalties {
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #8083a3;
}
.admin--AccountDetailContainer--EditorRoyalties .row-item .flex-right {
  display: flex;
}

.admin--AccountDetailContainer--PurchasedTable .info-body-wrap {
  margin-bottom: 26px;
}
.admin--AccountDetailContainer--PurchasedTable .info-body-wrap.no-data {
  margin-bottom: 0;
}
.admin--AccountDetailContainer--PurchasedTable .info-body-wrap .no-data-text {
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  margin-top: 21px;
  margin-bottom: 27px;
}
.admin--AccountDetailContainer--PurchasedTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--AccountDetailContainer--PurchasedTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--AccountDetailContainer--PurchasedTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--AccountDetailContainer--PurchasedTable .table-td {
  padding-left: 16px;
}
.admin--AccountDetailContainer--PurchasedTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19.5px;
}
.admin--AccountDetailContainer--PurchasedTable .table-header.header-fullName {
  padding-left: 9px;
}
.admin--AccountDetailContainer--PurchasedTable .table-header.header-totalPayment {
  padding-left: initial;
  padding-right: 32px;
  text-align: right;
}
.admin--AccountDetailContainer--PurchasedTable .table-header.header-packages {
  width: 250px;
}
.admin--AccountDetailContainer--PurchasedTable .table-td.td-fullName {
  padding-left: 9px;
}
.admin--AccountDetailContainer--PurchasedTable .table-td.td-totalPayment {
  padding-left: initial;
  padding-right: 32px;
  text-align: right;
}
.admin--AccountDetailContainer--PurchasedTable .table-td.td-packages {
  padding-left: 4px;
}
.admin--AccountDetailContainer--PurchasedTable .package-label:not(:last-child) {
  margin-right: 4px;
}

.admin--AccountDetailContainer--ReferenceTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--AccountDetailContainer--ReferenceTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--AccountDetailContainer--ReferenceTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--AccountDetailContainer--ReferenceTable .table-header.header-moreOptions {
  padding-left: initial;
}
.admin--AccountDetailContainer--ReferenceTable .table-td {
  padding-left: 16px;
}
.admin--AccountDetailContainer--ReferenceTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19.5px;
}
.admin--AccountDetailContainer--ReferenceTable .table-header.header-fullName {
  padding-left: 9px;
}
.admin--AccountDetailContainer--ReferenceTable .table-header.header-totalPayment {
  padding-left: initial;
  padding-right: 12px;
  text-align: right;
}
.admin--AccountDetailContainer--ReferenceTable .table-header.header-commission {
  padding-left: initial;
  padding-right: 22px;
  text-align: right;
}
.admin--AccountDetailContainer--ReferenceTable .table-td.td-fullName {
  padding-left: 9px;
}
.admin--AccountDetailContainer--ReferenceTable .table-td.td-totalPayment {
  padding-left: initial;
  padding-right: 12px;
  text-align: right;
}
.admin--AccountDetailContainer--ReferenceTable .table-td.td-commission {
  padding-left: initial;
  padding-right: 12px;
  text-align: right;
}

.admin--AccountDetailContainer--NotiFormModal.Modal .customized-modal--body {
  overflow: initial;
}

.admin--CustomersContainer--PerformanceStats .info-card--header {
  z-index: 1;
}
.admin--CustomersContainer--PerformanceStats .info-card--body {
  padding-top: 16px;
  padding-bottom: 24px;
  height: calc(100% - 57px);
}
.admin--CustomersContainer--PerformanceStats .TabNav .nav-link.customized-nav-link {
  font-size: 10px;
  line-height: 12px;
}
.admin--CustomersContainer--PerformanceStats .TabNav .nav-tabs.customized-nav-tabs {
  padding-left: 16px;
  margin-bottom: 26px;
}

@media screen and (max-width: 1240px) {
  .admin--CustomersContainer--MonthlyStats .first-header {
    font-size: 15px;
  }
}
.admin--CustomersContainer--MonthlyStats .sub-body-1 {
  display: flex;
  padding-top: 16px;
  padding-left: 24px;
  padding-bottom: 38px;
  height: 115px;
  border-bottom: 1px solid #cacaca;
}
.admin--CustomersContainer--MonthlyStats .stats-group .users-count {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #1BD27A;
}
.admin--CustomersContainer--MonthlyStats .stats-group .users-count.expired {
  color: #DC5F5F;
}
.admin--CustomersContainer--MonthlyStats .stats-group .description {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #8083a3;
}
.admin--CustomersContainer--MonthlyStats .flex-left {
  flex-basis: 31.5%;
  min-width: 295px;
}
.admin--CustomersContainer--MonthlyStats .flex-right {
  flex-grow: 1;
}
.admin--CustomersContainer--MonthlyStats .info-wrap {
  height: calc(100% - 57px);
}
.admin--CustomersContainer--MonthlyStats .info-wrap--right, .admin--CustomersContainer--MonthlyStats .info-wrap--left {
  flex-grow: 1;
  flex-basis: 50%;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--left {
  border-right: 1px solid #cacaca;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--cell.current-customers {
  border-bottom: 1px solid #cacaca;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--cell.returned-customers {
  border-top: 1px solid #cacaca;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--cell.current-customers, .admin--CustomersContainer--MonthlyStats .info-wrap--cell.new-customers {
  padding-left: 24px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--cell.expired-customers, .admin--CustomersContainer--MonthlyStats .info-wrap--cell.returned-customers {
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 16px;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--cell--number {
  color: #1BD27A;
  font-weight: bold;
  font-size: 24px;
}
.admin--CustomersContainer--MonthlyStats .info-wrap--cell--label {
  font-weight: 500;
  font-size: 14px;
  color: #8083a3;
}
.admin--CustomersContainer--MonthlyStats .expired-customers .info-wrap--cell--number {
  color: #EF6354;
}
.admin--CustomersContainer--MonthlyStats .chart-holder {
  padding: 26px 45px 26px 32px;
  height: calc(100% - 57px);
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1315.99px) {
  .admin--CustomersContainer--MonthlyStats .chart-holder {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.admin--CustomersContainer--MonthlyStats .chart-holder .label-item {
  display: flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 18px;
  border: 1px solid #E4E6E8;
}
@media only screen and (max-width: 1315.99px) {
  .admin--CustomersContainer--MonthlyStats .chart-holder .label-item {
    padding: 4px 8px;
  }
}
@media only screen and (max-width: 1259.99px) {
  .admin--CustomersContainer--MonthlyStats .chart-holder .label-item {
    zoom: 0.75;
  }
}
@media only screen and (max-width: 1209.99px) {
  .admin--CustomersContainer--MonthlyStats .chart-holder .label-item {
    zoom: 0.7;
  }
}
.admin--CustomersContainer--MonthlyStats .chart-holder .label-item:not(:last-child) {
  margin-bottom: 7px;
}
.admin--CustomersContainer--MonthlyStats .chart-holder .label-item--indicator {
  margin-right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.admin--CustomersContainer--MonthlyStats .chart-holder .label-item--presentation {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.admin--CustomersContainer--MonthlyStats .chart-holder .label-item--percentage {
  font-weight: bold;
}

.admin--CustomersContainer--CustomersStats .tabs-wrap-outer {
  overflow: auto;
}
.admin--CustomersContainer--CustomersStats .tabs-wrap {
  display: flex;
  border-bottom: 1px solid #E4E6E8;
}
.admin--CustomersContainer--CustomersStats .tab-item {
  margin-right: 24px;
  padding-top: 21px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #8083a3;
  line-height: 21px;
  flex-shrink: 0;
}
.admin--CustomersContainer--CustomersStats .tab-item.active {
  font-weight: bold;
  color: #292C43;
  border-bottom: 2px solid #292C43;
}

.admin--CustomersContainer--CustomersTable .table-header.header-markedStar {
  padding-left: initial;
}
.admin--CustomersContainer--CustomersTable .table-header.header-markedStar .header-content {
  display: inline-block !important;
  top: 4px;
  width: 100%;
  text-align: center;
}
.admin--CustomersContainer--CustomersTable .table-header.header-markedStar .icon-wrap {
  right: -1px !important;
  top: 3px !important;
  transform: initial !important;
}
.admin--CustomersContainer--CustomersTable .table-header.header-markedStar .star-wrap {
  display: inline-block;
}
.admin--CustomersContainer--CustomersTable .table-header.header-markedStar.-sorted .star-wrap i.my-icon {
  background: #ffc702 !important;
}
.admin--CustomersContainer--CustomersTable .table-header.header-score {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--CustomersContainer--CustomersTable .table-header.header-proactive, .admin--CustomersContainer--CustomersTable .table-header.header-hadAccount, .admin--CustomersContainer--CustomersTable .table-header.header-months, .admin--CustomersContainer--CustomersTable .table-header.header-endDate, .admin--CustomersContainer--CustomersTable .table-header.header-count {
  padding-left: initial;
  text-align: center;
}
.admin--CustomersContainer--CustomersTable .table-header.header-months {
  border-left: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
}
.admin--CustomersContainer--CustomersTable .table-header.header-endDate {
  border-top: 1px solid #E6E6E6;
}
.admin--CustomersContainer--CustomersTable .table-header.header-count {
  border-top: 1px solid #E6E6E6;
}
.admin--CustomersContainer--CustomersTable .table-header.header-count:nth-last-child(3) {
  border-right: 1px solid #E6E6E6;
}
.admin--CustomersContainer--CustomersTable .table-header.header-markedStar, .admin--CustomersContainer--CustomersTable .table-header.header-fullName, .admin--CustomersContainer--CustomersTable .table-header.header-email, .admin--CustomersContainer--CustomersTable .table-header.header-phoneNumber {
  position: sticky;
  background-color: #fff;
  z-index: 2;
}
.admin--CustomersContainer--CustomersTable .table-header.header-markedStar {
  left: 0;
}
.admin--CustomersContainer--CustomersTable .table-header.header-fullName {
  left: 40px;
}
.admin--CustomersContainer--CustomersTable .table-header.header-email {
  left: 240px;
}
.admin--CustomersContainer--CustomersTable .table-header.header-phoneNumber {
  left: 440px;
}
.admin--CustomersContainer--CustomersTable .table-td.td-months {
  position: relative;
}
.admin--CustomersContainer--CustomersTable .table-td.td-months:before {
  content: " ";
  position: absolute;
  top: -4px;
  left: 0;
  bottom: -4px;
  border-left: 1px solid #E6E6E6;
}
.admin--CustomersContainer--CustomersTable .table-td.td-count:nth-last-child(2) {
  position: relative;
}
.admin--CustomersContainer--CustomersTable .table-td.td-count:nth-last-child(2):before {
  content: " ";
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  border-right: 1px solid #E6E6E6;
}
.admin--CustomersContainer--CustomersTable .table-td.td-markedStar, .admin--CustomersContainer--CustomersTable .table-td.td-fullName, .admin--CustomersContainer--CustomersTable .table-td.td-email, .admin--CustomersContainer--CustomersTable .table-td.td-phoneNumber {
  position: sticky;
  background-color: #fff;
  z-index: 2;
}
.admin--CustomersContainer--CustomersTable .table-td.td-markedStar {
  left: 0;
}
.admin--CustomersContainer--CustomersTable .table-td.td-fullName {
  left: 40px;
}
.admin--CustomersContainer--CustomersTable .table-td.td-email {
  left: 240px;
}
.admin--CustomersContainer--CustomersTable .table-td.td-phoneNumber {
  left: 440px;
}
.admin--CustomersContainer--CustomersTable .table-td.td-markedStar {
  padding-left: initial;
}
.admin--CustomersContainer--CustomersTable .table-td.td-gender {
  padding-left: 0;
}
.admin--CustomersContainer--CustomersTable .table-td.td-score {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
  color: #08B863;
  font-weight: bold;
  font-size: 13px;
  line-height: 21px;
}
.admin--CustomersContainer--CustomersTable .table-td.td-proactive .cell-content {
  display: flex;
  justify-content: center;
}
.admin--CustomersContainer--CustomersTable .table-td.td-hadAccount .cell-content {
  display: flex;
  justify-content: center;
}
.admin--CustomersContainer--CustomersTable .table-td.td-socialPlatform {
  padding-left: 6px;
}
.admin--CustomersContainer--CustomersTable .table-td.td-proactive, .admin--CustomersContainer--CustomersTable .table-td.td-hadAccount, .admin--CustomersContainer--CustomersTable .table-td.td-months, .admin--CustomersContainer--CustomersTable .table-td.td-endDate, .admin--CustomersContainer--CustomersTable .table-td.td-count {
  padding-left: initial;
  text-align: center;
}
.admin--CustomersContainer--CustomersTable .table-td.td-endDate .expire {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #DA2F58;
  padding: 6px 10px;
  border-radius: 16px;
  background-color: #FDF4F6;
}

.admin--customersContainer--TableWrap .TabNav .nav-tabs.customized-nav-tabs {
  padding-left: 8px;
}
.admin--customersContainer--TableWrap .TabNav .nav-item.customized-nav-item:not(:last-child) {
  margin-right: 20px;
}
.admin--customersContainer--TableWrap .group-label {
  position: absolute;
  top: 0;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.admin--customersContainer--TableWrap .group-label .label-text {
  font-weight: bold;
  font-size: 14px;
  line-height: 16.5px;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}
.admin--customersContainer--TableWrap .group-label.premium .label-text {
  color: #5050A5;
  background-color: #E7E9FD;
}
.admin--customersContainer--TableWrap .group-label.gold .label-text {
  color: #FFAE00;
  background-color: #FFF7E6;
}
.admin--customersContainer--TableWrap .group-label.fund .label-text {
  color: #8083A3;
  background-color: #F5F5FA;
}

.admin--PurchasesContainer--PackagesInfo {
  position: relative;
  padding-top: 12px;
  padding-bottom: 15px;
}
.admin--PurchasesContainer--PackagesInfo .content-wrap {
  padding-left: 10px;
  padding-right: 16px;
  border-right: 1px solid rgba(202, 202, 202, 0.6);
}
.admin--PurchasesContainer--PackagesInfo .TabNav .nav-tabs.customized-nav-tabs {
  padding-top: 4px;
  padding-bottom: 16px;
  padding-left: 5px;
  margin-bottom: initial;
}
.admin--PurchasesContainer--PackagesInfo .headers-wrap {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin--PurchasesContainer--PackagesInfo .headers-wrap .header-name, .admin--PurchasesContainer--PackagesInfo .headers-wrap .header-price {
  font-weight: 600;
  font-size: 14px;
  line-height: 16.45px;
  color: #787878;
}
.admin--PurchasesContainer--PackagesInfo .rows-wrap {
  max-height: 194px;
  overflow: auto;
}
.admin--PurchasesContainer--PackagesInfo .row-item {
  position: relative;
  padding-left: 16px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  border-radius: 8px;
  border: 1px solid rgba(202, 202, 202, 0.6);
}
.admin--PurchasesContainer--PackagesInfo .row-item:not(:last-child) {
  margin-bottom: 4px;
}
.admin--PurchasesContainer--PackagesInfo .row-item.active {
  border: 1px solid rgba(242, 190, 5, 0.6);
  background-color: #FFF9E6;
}
.admin--PurchasesContainer--PackagesInfo .row-item .col-name, .admin--PurchasesContainer--PackagesInfo .row-item .col-price {
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #8083a3;
}
.admin--PurchasesContainer--PackagesInfo .row-item .more-opts-wrap {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  color: #8083a3;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin--PurchasesContainer--PackagesInfo .row-item .list-item {
  background: #F2F4F8;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.admin--PurchasesContainer--PackagesInfo .row-item .list-item:hover {
  background: #d9dbdf;
}
.admin--PurchasesContainer--PackagesInfo .row-item .list-item:not(:last-child) {
  margin-bottom: 4px;
}
.admin--PurchasesContainer--PackagesInfo .row-item .more-options-dropdown.show {
  padding: 8px;
}

.admin--PurchasesContainer--ManagePackage {
  padding: 16px;
  height: 100%;
  display: flex;
  position: relative;
}
.admin--PurchasesContainer--ManagePackage .toggleable-input-wrap {
  position: relative;
}
.admin--PurchasesContainer--ManagePackage .field-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 21px;
}
.admin--PurchasesContainer--ManagePackage .field-item .field-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  flex-basis: 50%;
}
.admin--PurchasesContainer--ManagePackage .field-item .field-value {
  text-align: right;
  font-size: 12px;
  line-height: 14px;
  min-width: 100px;
}
.admin--PurchasesContainer--ManagePackage .field-item:not(:last-child) {
  margin-bottom: 21px;
}
.admin--PurchasesContainer--ManagePackage .packages-select {
  display: flex;
}
.admin--PurchasesContainer--ManagePackage .packages-select .custom-radio {
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
}
.admin--PurchasesContainer--ManagePackage .packages-select .custom-radio.checked {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  color: #171721;
}
.admin--PurchasesContainer--ManagePackage .packages-select .custom-radio:not(:last-child) {
  margin-right: 20px;
}
.admin--PurchasesContainer--ManagePackage .image-wrap {
  height: 153px;
  border-radius: 8px;
  border: 1px solid rgba(228, 230, 232, 0.6);
  background: #f9f9fc;
}
.admin--PurchasesContainer--ManagePackage .image-wrap .centered-camera {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 1px dashed #E4E6E8;
  background: #F5F5FA;
}
.admin--PurchasesContainer--ManagePackage .submit-group {
  position: absolute;
  top: 12px;
  right: 16px;
}
.admin--PurchasesContainer--ManagePackage .minus-plus-widget {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  width: 73px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin--PurchasesContainer--ManagePackage .inline-input.custom-inline-input {
  font-weight: 600;
  line-height: 15px;
  text-align: left;
  width: 100%;
}

.admin--PurchasesContainer--OrdersTable {
  background-color: #fff;
  border-radius: 16px;
}
.admin--PurchasesContainer--OrdersTable .info-body-wrap {
  padding-left: 7px;
}
.admin--PurchasesContainer--OrdersTable .no-data-text {
  padding-bottom: 27px;
}
.admin--PurchasesContainer--OrdersTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--PurchasesContainer--OrdersTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--PurchasesContainer--OrdersTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--PurchasesContainer--OrdersTable .table-td {
  padding-left: 16px;
}
.admin--PurchasesContainer--OrdersTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19.5px;
}
.admin--PurchasesContainer--OrdersTable .table-row .header-royalties {
  text-align: right;
}
.admin--PurchasesContainer--OrdersTable .table-header.header-royalties {
  padding-right: 16px;
  padding-left: initial;
}
.admin--PurchasesContainer--OrdersTable .table-td .hour-str {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
}
.admin--PurchasesContainer--OrdersTable .table-td .date-str {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.admin--PurchasesContainer--NewOrderModal.Modal .customized-modal--body {
  overflow: initial;
}
.admin--PurchasesContainer--NewOrderModal .selects-wrap .custom-radio:not(:last-child) {
  margin-right: 148px;
}
.admin--PurchasesContainer--NewOrderModal .form-group .Select {
  z-index: 101;
}
.admin--PurchasesContainer--NewOrderModal #new-order-submit-btn[disabled] {
  background: #cccccc;
}

.admin--PurchasesContainer--QuestionsTable .info-body-wrap {
  padding-left: 7px;
}
.admin--PurchasesContainer--QuestionsTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--PurchasesContainer--QuestionsTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--PurchasesContainer--QuestionsTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--PurchasesContainer--QuestionsTable .table-td {
  padding-left: 16px;
}
.admin--PurchasesContainer--QuestionsTable .table-td .cell-content {
  line-height: 15px;
}
.admin--PurchasesContainer--QuestionsTable .table-td:first-child {
  padding-top: 30px;
  padding-bottom: 30px;
}
.admin--PurchasesContainer--QuestionsTable .table-td.td-answer .cell-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin--PurchasesContainer--NewQuestionModal textarea#question {
  height: 72px;
}

.admin--FinReportContainer--FinStats {
  height: 100%;
}
.admin--FinReportContainer--FinStats .chart-holder {
  padding-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  height: calc(100% - 57px);
}
.admin--FinReportContainer--FinStats #FinStats-chart-tooltip {
  z-index: 11 !important;
}
.admin--FinReportContainer--FinStats #FinStats-chart-tooltip.hidden {
  z-index: 1 !important;
}

.admin--FinReportContainer--FinStructure .chart-wrap {
  padding-top: 24px;
  padding-bottom: 16px;
  padding-left: 42px;
  padding-right: 61px;
}
.admin--FinReportContainer--FinStructure .chart-wrap:not(:last-child) {
  border-bottom: 1px solid rgba(202, 202, 202, 0.6);
}
.admin--FinReportContainer--FinStructure .chart-holder {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1315.99px) {
  .admin--FinReportContainer--FinStructure .chart-holder {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.admin--FinReportContainer--FinStructure .chart-holder .labels-wrap {
  padding-top: 20px;
}
.admin--FinReportContainer--FinStructure .chart-holder .label-item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1315.99px) {
  .admin--FinReportContainer--FinStructure .chart-holder .label-item {
    padding: 4px 8px;
  }
}
@media only screen and (max-width: 1259.99px) {
  .admin--FinReportContainer--FinStructure .chart-holder .label-item {
    zoom: 0.75;
  }
}
@media only screen and (max-width: 1209.99px) {
  .admin--FinReportContainer--FinStructure .chart-holder .label-item {
    zoom: 0.7;
  }
}
.admin--FinReportContainer--FinStructure .chart-holder .label-item:not(:last-child) {
  margin-bottom: 12px;
}
.admin--FinReportContainer--FinStructure .chart-holder .label-item--indicator {
  margin-right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.admin--FinReportContainer--FinStructure .chart-holder .label-item--presentation {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.admin--FinReportContainer--FinStructure .chart-holder .label-item--percentage {
  font-weight: bold;
}

.admin--FinReportContainer--RevenueTable .info-body-wrap {
  padding-left: 7px;
}
.admin--FinReportContainer--RevenueTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--FinReportContainer--RevenueTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--FinReportContainer--RevenueTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--FinReportContainer--RevenueTable .table-td {
  padding-left: 16px;
}
.admin--FinReportContainer--RevenueTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19.5px;
}
.admin--FinReportContainer--RevenueTable .table-header.header-totalPayment {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--FinReportContainer--RevenueTable .table-td.td-packages {
  padding-left: 2px;
}
.admin--FinReportContainer--RevenueTable .table-td.td-receivedEmail {
  padding-left: 13px;
}
.admin--FinReportContainer--RevenueTable .table-td.td-totalPayment {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--FinReportContainer--RevenueTable .package-label:not(:last-child) {
  margin-right: 4px;
}
.admin--FinReportContainer--RevenueTable .td-platform .platform-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}

.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-label.premium {
  width: 75px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-label.gold {
  width: 55px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-label.fund {
  width: 55px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-dropdown-menu.paid {
  min-width: 119px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .package-dropdown-menu.unpaid {
  min-width: 128px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--FinReportContainer--RevenueTable--PackageTypeDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--FinReportContainer--RevenueTable--PaymentStatusDropdown .payment-status-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  min-width: 140px;
}
.admin--FinReportContainer--RevenueTable--PaymentStatusDropdown .payment-status-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--FinReportContainer--RevenueTable--PaymentStatusDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
}
.admin--FinReportContainer--RevenueTable--PaymentStatusDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--FinReportContainer--RevenueTable--PaymentStatusDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--FinReportContainer--RevenueTable--PaymentStatusDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--FinReportContainer--RevenueTable--PaymentMonthDropdown .months-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  min-width: 50px;
}
.admin--FinReportContainer--RevenueTable--PaymentMonthDropdown .months-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--FinReportContainer--RevenueTable--PaymentMonthDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
}
.admin--FinReportContainer--RevenueTable--PaymentMonthDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--FinReportContainer--RevenueTable--PaymentMonthDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--FinReportContainer--RevenueTable--PaymentMonthDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--FinReportContainer--CostTable .table-aside-container:has(.admin--DatePicker) {
  min-height: 500px;
}
.admin--FinReportContainer--CostTable .table-aside {
  position: initial;
}
.admin--FinReportContainer--CostTable .table-thead {
  position: initial;
}
.admin--FinReportContainer--CostTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--FinReportContainer--CostTable .table-row .table-header {
  z-index: 1;
}
.admin--FinReportContainer--CostTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--FinReportContainer--CostTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--FinReportContainer--CostTable .table-td {
  padding-left: 16px;
}
.admin--FinReportContainer--CostTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19px;
}
.admin--FinReportContainer--CostTable .table-td:first-child.new {
  padding-top: 10px;
  padding-bottom: 10px;
}
.admin--FinReportContainer--CostTable .table-td:last-child {
  padding-right: 16px;
}
.admin--FinReportContainer--CostTable .table-td.td-date .DatePicker__calendarContainer {
  left: 0;
  right: initial;
}
.admin--FinReportContainer--CostTable .table-header.header-value {
  padding-left: initial;
  padding-right: 8px;
  text-align: right;
}
.admin--FinReportContainer--CostTable .table-header.header-note {
  min-width: 600px;
}
.admin--FinReportContainer--CostTable .table-td.td-value {
  padding-left: initial;
  padding-right: 8px;
  text-align: right;
}

.admin--FinReportContainer--CostTable--CostTypeDropdown .cost-type-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  min-width: 35px;
}
.admin--FinReportContainer--CostTable--CostTypeDropdown .cost-type-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--FinReportContainer--CostTable--CostTypeDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
}
.admin--FinReportContainer--CostTable--CostTypeDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--FinReportContainer--CostTable--CostTypeDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--FinReportContainer--CostTable--CostTypeDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--FinReportContainer--IncomeTable .table-aside {
  padding-right: 8px;
}
.admin--FinReportContainer--IncomeTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--FinReportContainer--IncomeTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 34px;
  padding-top: 3px;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--FinReportContainer--IncomeTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content {
  display: inline-block !important;
  width: 140px;
  text-align: right;
  padding-right: 18px;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container {
  position: absolute;
  top: 0;
  right: 0;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container .more-options-wrap {
  width: 16px;
  height: 25px;
  border-radius: 6px;
  color: #8083a3;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container .more-options-wrap:hover {
  background-color: #F5F5FA;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container .list-item {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 8px;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container .list-item:hover {
  background: #F2F4F8;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container .list-item:not(:last-child) {
  margin-bottom: 4px;
}
.admin--FinReportContainer--IncomeTable .table-header:not(:first-child) .header-content .more-options-container .more-options-dropdown.show {
  min-width: 122px;
  padding: 8px;
}
.admin--FinReportContainer--IncomeTable .table-row:first-child .table-td {
  border-top: 1px solid #E4E6E8;
}
.admin--FinReportContainer--IncomeTable .table-row:first-child .table-td:first-child {
  border-radius: 8px 0 0 0;
}
.admin--FinReportContainer--IncomeTable .table-row:nth-last-child(2) .table-td:first-child {
  border-radius: 0 0 0 8px;
}
.admin--FinReportContainer--IncomeTable .table-row:last-child .table-td {
  border: none;
}
.admin--FinReportContainer--IncomeTable .table-row:last-child .table-td:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
}
.admin--FinReportContainer--IncomeTable .table-row:last-child .table-td:not(:first-child) .cell-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin--FinReportContainer--IncomeTable .table-row:nth-last-child(2) .table-td, .admin--FinReportContainer--IncomeTable .table-row:nth-last-child(6) .table-td, .admin--FinReportContainer--IncomeTable .table-row:nth-last-child(8) .table-td {
  font-weight: bold;
}
.admin--FinReportContainer--IncomeTable .table-td {
  border-top: none;
  padding-left: 16px;
  font-weight: normal;
}
.admin--FinReportContainer--IncomeTable .table-td:not(:first-child) {
  padding-left: 34px;
}
.admin--FinReportContainer--IncomeTable .table-td:not(:first-child) .cell-content {
  width: 140px;
  display: inline-block;
  text-align: right;
  padding-right: 18px;
}
.admin--FinReportContainer--IncomeTable .table-td:first-child {
  border-radius: 0;
  border-right: 1px solid #E4E6E8;
  line-height: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--FinReportContainer--IncomeTable .table-td .cell-content input.inline-table-input {
  width: calc(100% + 18px);
}

.admin--FinReportContainer--BalanceTable .table-aside {
  padding-right: 8px;
}
.admin--FinReportContainer--BalanceTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--FinReportContainer--BalanceTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 34px;
  padding-top: 3px;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--FinReportContainer--BalanceTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content {
  display: inline-block !important;
  width: 140px;
  text-align: right;
  padding-right: 18px;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container {
  position: absolute;
  top: 0;
  right: 0;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container .more-options-wrap {
  width: 16px;
  height: 25px;
  border-radius: 6px;
  color: #8083a3;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container .more-options-wrap:hover {
  background-color: #F5F5FA;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container .list-item {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 8px;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container .list-item:hover {
  background: #F2F4F8;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container .list-item:not(:last-child) {
  margin-bottom: 4px;
}
.admin--FinReportContainer--BalanceTable .table-header:not(:first-child) .header-content .more-options-container .more-options-dropdown.show {
  min-width: 122px;
  padding: 8px;
}
.admin--FinReportContainer--BalanceTable .table-row:first-child .table-td {
  border-top: 1px solid #E4E6E8;
}
.admin--FinReportContainer--BalanceTable .table-row:first-child .table-td:first-child {
  border-radius: 8px 0 0 0;
}
.admin--FinReportContainer--BalanceTable .table-row:nth-last-child(2) .table-td:first-child {
  border-radius: 0 0 0 8px;
}
.admin--FinReportContainer--BalanceTable .table-row:last-child .table-td {
  border: none;
}
.admin--FinReportContainer--BalanceTable .table-row:last-child .table-td:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
}
.admin--FinReportContainer--BalanceTable .table-row:last-child .table-td:not(:first-child) .cell-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin--FinReportContainer--BalanceTable .table-row:nth-last-child(2) .table-td {
  font-weight: bold;
}
.admin--FinReportContainer--BalanceTable .table-row.is-parent .table-td {
  font-weight: bold;
}
.admin--FinReportContainer--BalanceTable .table-row.is-parent:not(.not-expandable) .table-td:nth-child(1) {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.admin--FinReportContainer--BalanceTable .table-row.is-parent:not(.not-expandable) .table-td:nth-child(1) .cell-content {
  position: relative;
  height: 40px;
  padding-left: 12px;
}
.admin--FinReportContainer--BalanceTable .table-td {
  border-top: none;
  padding-left: 16px;
  font-weight: normal;
}
.admin--FinReportContainer--BalanceTable .table-td:not(:first-child) {
  padding-left: 34px;
}
.admin--FinReportContainer--BalanceTable .table-td:not(:first-child) .cell-content {
  width: 140px;
  display: inline-block;
  text-align: right;
  padding-right: 18px;
}
.admin--FinReportContainer--BalanceTable .table-td:first-child {
  border-radius: 0;
  border-right: 1px solid #E4E6E8;
  line-height: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--FinReportContainer--BalanceTable .table-td .cell-content input.inline-table-input {
  width: calc(100% + 18px);
}

.admin--GroupsContainer--GroupsTable .table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--GroupsContainer--GroupsTable .table-aside-container {
  border-radius: 0 16px 0 0;
}
.admin--GroupsContainer--GroupsTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--GroupsContainer--GroupsTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
  border-radius: 16px 0 0 0;
}
.admin--GroupsContainer--GroupsTable .table-td {
  padding-left: 24px;
}
.admin--GroupsContainer--GroupsTable .table-td:first-child {
  padding-top: 19px;
  padding-bottom: 19.5px;
}
.admin--GroupsContainer--GroupsTable .table-header.header-manager {
  padding-left: initial;
  text-align: center;
}
.admin--GroupsContainer--GroupsTable .table-header.header-totalMember {
  padding-left: initial;
  padding-right: 10px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-header.header-portfolioValue {
  padding-left: initial;
  padding-right: 23px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-header.header-growthValue {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-header.header-profitValue {
  padding-left: initial;
  padding-right: 22px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-header.header-ddcPsRatio {
  padding-left: initial;
  padding-right: 14px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-header.header-note {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-td:first-child {
  position: relative;
  padding-left: 34px;
}
.admin--GroupsContainer--GroupsTable .table-td .collapser {
  position: absolute;
  left: 6.5px;
  top: 37%;
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td .line-drawer1 {
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 14px;
  width: 17px;
  border-radius: 0 0 0 10px;
  border-left: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
}
.admin--GroupsContainer--GroupsTable .table-td .line-drawer2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  border-left: 1px solid #C5C5C5;
}
.admin--GroupsContainer--GroupsTable .table-td.is-last-user .line-drawer2 {
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group .collapser {
  display: initial;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group .line-drawer1 {
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group .line-drawer2 {
  top: 55%;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group.no-member .collapser {
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group.no-member .line-drawer2 {
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group .collapsed .line-drawer1 {
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group .collapsed .line-drawer2 {
  display: none;
}
.admin--GroupsContainer--GroupsTable .table-td.is-group {
  font-weight: bold;
}
.admin--GroupsContainer--GroupsTable .table-td.td-manager {
  padding-left: initial;
  text-align: center;
}
.admin--GroupsContainer--GroupsTable .table-td.td-totalMember {
  padding-left: initial;
  padding-right: 10px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-td.td-portfolioValue {
  padding-left: initial;
  padding-right: 23px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-td.td-growthValue {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-td.td-profitValue {
  padding-left: initial;
  padding-right: 22px;
  text-align: right;
}
.admin--GroupsContainer--GroupsTable .table-td.td-ddcPsRatio {
  padding-left: initial;
  padding-right: 14px;
  text-align: right;
}

.admin--GroupContainer--MembersInfo .info-card--body {
  padding-top: 16px;
}
.admin--GroupContainer--MembersInfo .tabs-nav-wrap {
  padding-left: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(202, 202, 202, 0.6);
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap {
  padding: 16px;
  border-bottom: 1px solid rgba(202, 202, 202, 0.6);
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap .stats-line {
  display: flex;
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap .stats-item {
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #E4E6E8;
  flex-grow: 1;
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap .stats-item:not(:last-child) {
  margin-right: 8px;
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap .stats-item .stats-number {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #DC5F5F;
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap .stats-item .number-unit {
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  color: #C5C5C5;
}
.admin--GroupContainer--MembersInfo .basic-stats-wrap .stats-item .stats-label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #8083a3;
}
.admin--GroupContainer--MembersInfo .money-chart {
  padding: 11px 16px 23px 16px;
}
.admin--GroupContainer--MembersInfo .money-chart .chart-wrap {
  flex-basis: 50%;
  min-width: 0;
}
.admin--GroupContainer--MembersInfo .money-chart .chart-holder {
  height: 158px;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item {
  border: 1px solid #E4E6E8;
  border-radius: 8px;
  display: flex;
  margin-bottom: 8px;
  flex-grow: 1;
  min-width: 0;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .text-part {
  padding-left: 8px;
  display: flex;
  align-items: center;
  border-right: 1px solid #E4E6E8;
  flex-basis: 48%;
  flex-grow: 1;
  min-width: 0;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .toggleable-input-wrap {
  flex-basis: 52%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 9px;
  min-width: 0;
  flex-grow: 1;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .toggleable-input-wrap.edit .inline-input {
  width: 100%;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .toggleable-input-wrap .number {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #8083a3;
  margin-right: 8px;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .toggleable-input-wrap .unit {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #C5C5C5;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .number-part {
  flex-basis: 52%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 9px;
  min-width: 0;
  flex-grow: 1;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .number-part .number {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #8083a3;
  margin-right: 8px;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .number-part .unit {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #C5C5C5;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .label-indicator {
  border-radius: 4px;
  margin-right: 11px;
  width: 20px;
  height: 20px;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .label-indicator.investment {
  background-color: #FFBD2D;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .label-indicator.cash {
  background-color: #F8753A;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .label-indicator.cost {
  background-color: #3A84C5;
}
.admin--GroupContainer--MembersInfo .money-chart .label-item .label-indicator.debt {
  background-color: #65AC4B;
}
.admin--GroupContainer--MembersInfo .stat-lines-wrap {
  border-radius: 16px;
  border: 1px solid #E4E6E8;
  padding: 8px;
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  color: #8083a3;
}
.admin--GroupContainer--MembersInfo .stat-lines-wrap .stat-line {
  border-radius: 8px;
  border: 1px solid rgba(202, 202, 202, 0.6);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
}
.admin--GroupContainer--MembersInfo .stat-lines-wrap .stat-line:not(:last-child) {
  margin-bottom: 4px;
}
.admin--GroupContainer--MembersInfo .stat-lines-wrap .stat-line.net-profit .value {
  font-weight: bold;
  line-height: 15px;
  border-radius: 4px;
  padding: 6px 8px;
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--GroupContainer--MembersInfo .stat-lines-wrap .stat-line.unpaid .value {
  font-weight: bold;
  line-height: 15px;
  border-radius: 4px;
  padding: 6px 8px;
  background-color: #FFF7E8;
  color: #FEAA00;
}

.admin--GroupContainer--PortfolioTable .table-aside-container:has(.admin--DatePicker) {
  min-height: 500px;
}
.admin--GroupContainer--PortfolioTable .table-aside-container .DatePicker__calendarContainer {
  left: 0 !important;
  right: initial !important;
}
.admin--GroupContainer--PortfolioTable .info-body-wrap {
  padding-left: 7px;
  background-color: #fff;
}
.admin--GroupContainer--PortfolioTable .table-header.header-buyPrice, .admin--GroupContainer--PortfolioTable .table-header.header-currentPrice, .admin--GroupContainer--PortfolioTable .table-header.header-changePrice, .admin--GroupContainer--PortfolioTable .table-header.header-amount, .admin--GroupContainer--PortfolioTable .table-header.header-totalCostPrice, .admin--GroupContainer--PortfolioTable .table-header.header-totalCurrentPrice, .admin--GroupContainer--PortfolioTable .table-header.header-ratio, .admin--GroupContainer--PortfolioTable .table-header.header-dividend, .admin--GroupContainer--PortfolioTable .table-header.header-profit, .admin--GroupContainer--PortfolioTable .table-header.header-profitRatio, .admin--GroupContainer--PortfolioTable .table-header.header-profitDM {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--GroupContainer--PortfolioTable .table-header.header-ddcPs {
  text-align: right;
  padding-left: initial;
  padding-right: 22px;
}
.admin--GroupContainer--PortfolioTable .table-header.header-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--PortfolioTable .table-header.header-sellDate {
  position: sticky;
  left: 137px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--PortfolioTable .table-header.header-stock {
  position: sticky;
  left: 287px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--PortfolioTable .table-row:first-child .td-buyDate {
  color: #04C769;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
}
.admin--GroupContainer--PortfolioTable .table-row:first-child .td-ddcPs .cell-content {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--GroupContainer--PortfolioTable .table-td.td-buyPrice, .admin--GroupContainer--PortfolioTable .table-td.td-currentPrice, .admin--GroupContainer--PortfolioTable .table-td.td-changePrice, .admin--GroupContainer--PortfolioTable .table-td.td-amount, .admin--GroupContainer--PortfolioTable .table-td.td-totalCostPrice, .admin--GroupContainer--PortfolioTable .table-td.td-totalCurrentPrice, .admin--GroupContainer--PortfolioTable .table-td.td-ratio, .admin--GroupContainer--PortfolioTable .table-td.td-dividend, .admin--GroupContainer--PortfolioTable .table-td.td-profit, .admin--GroupContainer--PortfolioTable .table-td.td-profitRatio, .admin--GroupContainer--PortfolioTable .table-td.td-profitDM, .admin--GroupContainer--PortfolioTable .table-td.td-ddcPs {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--GroupContainer--PortfolioTable .table-td.td-ddcPs .cell-content {
  display: inline-block;
  border-radius: 4px;
  padding: 6px 8px;
}
.admin--GroupContainer--PortfolioTable .table-td.td-stock .cell-content .inline-table-input {
  width: 68px;
  text-transform: uppercase;
}
.admin--GroupContainer--PortfolioTable .table-td.td-stock .cell-content .actions-dropdown {
  text-align: initial;
}
.admin--GroupContainer--PortfolioTable .table-td.td-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--PortfolioTable .table-td.td-buyDate:has(.admin--DatePicker) {
  z-index: 3;
}
.admin--GroupContainer--PortfolioTable .table-td.td-sellDate {
  position: sticky;
  left: 137px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--PortfolioTable .table-td.td-sellDate:has(.admin--DatePicker) {
  z-index: 2;
}
.admin--GroupContainer--PortfolioTable .table-td.td-stock {
  position: sticky;
  left: 287px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--PortfolioTable .table-td.td-stock:has(.dropdown-menu.show) {
  z-index: 2;
}
.admin--GroupContainer--PortfolioTable .admin--EditableCell .edit-input {
  width: 100px;
}

.admin--GroupContainer--PortfolioTable--StockCell .actions-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 68px;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  border-radius: 4px;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 8px;
}
.admin--GroupContainer--PortfolioTable--StockCell .actions-dropdown.none {
  background-color: #F2F4F8;
  color: #8083a3;
}
.admin--GroupContainer--PortfolioTable--StockCell .actions-dropdown.buy {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--GroupContainer--PortfolioTable--StockCell .actions-dropdown.sale {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--GroupContainer--PortfolioTable--StockCell .actions-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  min-width: 143px;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item .indicator {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-radius: 50%;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item .indicator.none {
  background-color: #F2F4F8;
  border: 1px solid #8083A3;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item .indicator.buy {
  background-color: #EBF9F4;
  border: 1px solid #2FB182;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item .indicator.sale {
  background-color: #FDF4F6;
  border: 1px solid #DA2F58;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--GroupContainer--PortfolioTable--StockCell .list-item.active {
  background-color: #F2F4F8;
}

.admin--GroupContainer--PortfolioTable--StockActionDropdown .actions-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  border-radius: 4px;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 8px;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .actions-dropdown.none {
  background-color: #F2F4F8;
  color: #8083a3;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .actions-dropdown.buy {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .actions-dropdown.sale {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .actions-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  min-width: 143px;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item .indicator {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-radius: 50%;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item .indicator.none {
  background-color: #F2F4F8;
  border: 1px solid #8083A3;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item .indicator.buy {
  background-color: #EBF9F4;
  border: 1px solid #2FB182;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item .indicator.sale {
  background-color: #FDF4F6;
  border: 1px solid #DA2F58;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--GroupContainer--PortfolioTable--StockActionDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--GroupContainer--HistoryTable .table-aside-container:has(.admin--DatePicker) {
  min-height: 500px;
}
.admin--GroupContainer--HistoryTable .table-aside-container .DatePicker__calendarContainer {
  left: 0 !important;
  right: initial !important;
}
.admin--GroupContainer--HistoryTable .info-body-wrap {
  padding-left: 7px;
  background-color: #fff;
}
.admin--GroupContainer--HistoryTable .table-row:first-child .td-buyDate {
  color: #04C769;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
}
.admin--GroupContainer--HistoryTable .table-row:first-child .td-ddcPs .cell-content {
  display: inline-block;
  padding: 6px 8px;
  background-color: #EBF9F4;
  border-radius: 4px;
  color: #2FB182;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
}
.admin--GroupContainer--HistoryTable .table-row:not(:first-child) .td-stock .cell-content .admin--EditableCell .input-value {
  display: inline-block;
  background-color: #F2F4F8;
  border-radius: 4px;
  padding: 6px 8px;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
}
.admin--GroupContainer--HistoryTable .table-header.header-buyPrice, .admin--GroupContainer--HistoryTable .table-header.header-closePrice, .admin--GroupContainer--HistoryTable .table-header.header-amount, .admin--GroupContainer--HistoryTable .table-header.header-totalCostPrice, .admin--GroupContainer--HistoryTable .table-header.header-totalClosePrice, .admin--GroupContainer--HistoryTable .table-header.header-ratio, .admin--GroupContainer--HistoryTable .table-header.header-profit, .admin--GroupContainer--HistoryTable .table-header.header-profitRatio, .admin--GroupContainer--HistoryTable .table-header.header-ddcPs {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--GroupContainer--HistoryTable .table-header.header-ddcP {
  padding-right: 24px;
}
.admin--GroupContainer--HistoryTable .table-header.header-stock {
  text-align: center;
}
.admin--GroupContainer--HistoryTable .table-header.header-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--HistoryTable .table-header.header-sellDate {
  position: sticky;
  left: 137px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--HistoryTable .table-header.header-stock {
  position: sticky;
  left: 287px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--HistoryTable .table-td.td-buyPrice, .admin--GroupContainer--HistoryTable .table-td.td-closePrice, .admin--GroupContainer--HistoryTable .table-td.td-amount, .admin--GroupContainer--HistoryTable .table-td.td-totalCostPrice, .admin--GroupContainer--HistoryTable .table-td.td-totalClosePrice, .admin--GroupContainer--HistoryTable .table-td.td-ratio, .admin--GroupContainer--HistoryTable .table-td.td-profit, .admin--GroupContainer--HistoryTable .table-td.td-profitRatio, .admin--GroupContainer--HistoryTable .table-td.td-ddcPs {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--GroupContainer--HistoryTable .table-td.td-stock .cell-content .inline-table-input {
  width: 68px;
  text-transform: uppercase;
}
.admin--GroupContainer--HistoryTable .table-td.td-buyDate {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--HistoryTable .table-td.td-buyDate:has(.admin--DatePicker) {
  z-index: 3;
}
.admin--GroupContainer--HistoryTable .table-td.td-sellDate {
  position: sticky;
  left: 137px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--HistoryTable .table-td.td-sellDate:has(.admin--DatePicker) {
  z-index: 2;
}
.admin--GroupContainer--HistoryTable .table-td.td-stock {
  position: sticky;
  left: 287px;
  background-color: #fff;
  z-index: 1;
}
.admin--GroupContainer--HistoryTable .admin--EditableCell .edit-input {
  width: 100px;
}

.admin--GroupContainer--GroupTransferModal .customized-modal--body {
  overflow: initial;
}

.admin--GroupContainer--HistoryTable--PaymentDropdown .actions-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  border-radius: 4px;
  padding-top: 6px;
  padding-right: 26px;
  padding-bottom: 7px;
  padding-left: 8px;
  background-color: #F2F4F8;
  border-radius: 4px;
}
.admin--GroupContainer--HistoryTable--PaymentDropdown .actions-dropdown.paid {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--GroupContainer--HistoryTable--PaymentDropdown .actions-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--GroupContainer--HistoryTable--PaymentDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  min-width: 143px;
}
.admin--GroupContainer--HistoryTable--PaymentDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--GroupContainer--HistoryTable--PaymentDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--GroupContainer--HistoryTable--PaymentDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--GroupContainer--StatementTable .table-aside-container:has(.admin--DatePicker) {
  min-height: 500px;
}
.admin--GroupContainer--StatementTable .table-aside-container .DatePicker__calendarContainer {
  left: 0 !important;
  right: initial !important;
}
.admin--GroupContainer--StatementTable .no-data-text {
  padding-bottom: 27px;
}
.admin--GroupContainer--StatementTable .table-header.header-value .header-content {
  display: inline-flex !important;
  justify-content: center;
  flex-direction: column;
  width: 150px;
  text-align: right;
}
.admin--GroupContainer--StatementTable .table-header.header-value .header-content .icon-wrap {
  top: 4px !important;
}
.admin--GroupContainer--StatementTable .table-td.td-value .cell-content {
  display: inline-block;
  width: 150px;
  text-align: right;
}
.admin--GroupContainer--StatementTable .table-td.td-value .cell-content .admin--EditableCell input.inline-input {
  width: 68px;
}

.admin--GroupContainer--StatementTable--StatementActionsDropdown .statement-actions-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  padding: 6px 28px 7px 8px;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .statement-actions-dropdown.deposit {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .statement-actions-dropdown.withdraw {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .statement-actions-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--GroupContainer--StatementTable--StatementActionsDropdown .list-item.active {
  background-color: #F2F4F8;
}

.admin--InvestmentsContainer--RecommendTable .table-header.header-markedStar {
  position: sticky;
  background-color: #fff;
  z-index: 3;
  left: 0;
  padding-left: initial;
}
.admin--InvestmentsContainer--RecommendTable .table-header.header-markedStar .header-content {
  display: inline-block !important;
  top: 4px;
  width: 100%;
  text-align: center;
}
.admin--InvestmentsContainer--RecommendTable .table-header.header-markedStar .icon-wrap {
  right: -1px !important;
  top: 3px !important;
  transform: initial !important;
}
.admin--InvestmentsContainer--RecommendTable .table-header.header-markedStar .star-wrap {
  display: inline-block;
}
.admin--InvestmentsContainer--RecommendTable .table-header.header-minPrice, .admin--InvestmentsContainer--RecommendTable .table-header.header-currentPrice {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--InvestmentsContainer--RecommendTable .table-header.header-stockRanking {
  padding-left: initial;
  padding-right: 37px;
  text-align: right;
}
.admin--InvestmentsContainer--RecommendTable .table-header.header-profit {
  padding-left: initial;
  padding-right: 30px;
  text-align: right;
}
.admin--InvestmentsContainer--RecommendTable .table-td.td-markedStar {
  position: sticky;
  background-color: #fff;
  z-index: 2;
  left: 0;
  padding-left: initial;
}
.admin--InvestmentsContainer--RecommendTable .table-td.td-minPrice, .admin--InvestmentsContainer--RecommendTable .table-td.td-currentPrice {
  padding-left: initial;
  padding-right: 16px;
  text-align: right;
}
.admin--InvestmentsContainer--RecommendTable .table-td.td-stockRanking {
  padding-left: initial;
  padding-right: 37px;
  text-align: right;
}
.admin--InvestmentsContainer--RecommendTable .table-td.td-profit {
  padding-left: initial;
  padding-right: 30px;
  text-align: right;
}

.admin--InvestmentsContainer--IndustryGrowthTable {
  border-right: 1px solid rgba(228, 230, 232, 0.6);
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-aside {
  padding-right: 11px;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-header:first-child {
  padding-left: 17px;
  padding-bottom: 49px;
}
.admin--InvestmentsContainer--IndustryGrowthTable .td-growthPrice {
  border-radius: 0 10px 10px 0;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td:first-child {
  padding-top: 19.5px;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td :first-child {
  border-radius: 10px 0 0 10px;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td.td-growthPrice .cell-content {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  border-radius: 16px;
  padding: 6px 16px;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td.td-growthPrice.increase .cell-content {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td.td-growthPrice.decrease .cell-content {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td:first-child {
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  border-left: 1px solid #C5C5C5;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td.td-growthPrice {
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  border-right: 1px solid #C5C5C5;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td.selected:first-child {
  border-top: 1px solid #FFC702;
  border-bottom: 1px solid #FFC702;
  border-left: 1px solid #FFC702;
  background: rgba(255, 249, 230, 0.6);
  font-weight: bold;
}
.admin--InvestmentsContainer--IndustryGrowthTable .table-td.selected.td-growthPrice {
  border-top: 1px solid #FFC702;
  border-bottom: 1px solid #FFC702;
  border-right: 1px solid #FFC702;
  background: rgba(255, 249, 230, 0.6);
  font-weight: bold;
}
.admin--InvestmentsContainer--IndustryGrowthTable .numbers-stats {
  color: #787878;
  display: flex;
  position: absolute;
  top: 48px;
  left: 17px;
  z-index: 2;
  font-size: 12px;
  line-height: 21px;
}
.admin--InvestmentsContainer--IndustryGrowthTable .fake-hr {
  border-bottom: 1px solid rgba(228, 230, 232, 0.6);
  position: absolute;
  top: 73px;
  left: 0;
  right: 0;
  z-index: 2;
  margin-left: -17px;
}

.admin--InvestmentsContainer--StockGrowthTable {
  border-right: 1px solid rgba(228, 230, 232, 0.6);
}
.admin--InvestmentsContainer--StockGrowthTable .info-body-wrap {
  padding-left: 22px;
}
.admin--InvestmentsContainer--StockGrowthTable .table-aside {
  padding-right: 11px;
}
.admin--InvestmentsContainer--StockGrowthTable .table-header:first-child {
  padding-left: 17px;
  padding-bottom: 53px;
}
.admin--InvestmentsContainer--StockGrowthTable .table-header.header-markedStar .header-content {
  top: 4px;
}
.admin--InvestmentsContainer--StockGrowthTable .td-growthPrice {
  border-radius: 0 10px 10px 0;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td :first-child {
  border-radius: 10px 0 0 10px;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.td-stockCode {
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.td-growthPrice .cell-content {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  border-radius: 16px;
  padding: 6px 16px;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.td-growthPrice.increase .cell-content {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.td-growthPrice.decrease .cell-content {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.td-growthPrice.unchanged .cell-content {
  background-color: #F1F2F3;
  color: #171721;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td:first-child {
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  border-left: 1px solid #C5C5C5;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.td-growthPrice {
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  border-right: 1px solid #C5C5C5;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.selected:first-child {
  border-top: 1px solid #FFC702;
  border-bottom: 1px solid #FFC702;
  border-left: 1px solid #FFC702;
  background: rgba(255, 249, 230, 0.6);
  font-weight: bold;
}
.admin--InvestmentsContainer--StockGrowthTable .table-td.selected.td-growthPrice {
  border-top: 1px solid #FFC702;
  border-bottom: 1px solid #FFC702;
  border-right: 1px solid #FFC702;
  background: rgba(255, 249, 230, 0.6);
  font-weight: bold;
}
.admin--InvestmentsContainer--StockGrowthTable .numbers-stats {
  color: #787878;
  display: flex;
  position: absolute;
  top: 48px;
  left: 78px;
  z-index: 2;
  font-size: 12px;
  line-height: 21px;
}
.admin--InvestmentsContainer--StockGrowthTable .fake-hr {
  border-bottom: 1px solid rgba(228, 230, 232, 0.6);
  position: absolute;
  top: 73px;
  left: 0;
  right: 0;
  z-index: 2;
  margin-left: -17px;
}

.admin--WarningContainer--WarningTable {
  padding-left: 9px;
}
.admin--WarningContainer--WarningTable .table-header.header-date, .admin--WarningContainer--WarningTable .table-header.header-stockCode, .admin--WarningContainer--WarningTable .table-header.header-type, .admin--WarningContainer--WarningTable .table-header.header-dontSend, .admin--WarningContainer--WarningTable .table-header.header-status, .admin--WarningContainer--WarningTable .table-header.header-grades {
  text-align: center;
  padding-left: initial;
}
.admin--WarningContainer--WarningTable .table-td.td-stockCode, .admin--WarningContainer--WarningTable .table-td.td-type, .admin--WarningContainer--WarningTable .table-td.td-dontSend, .admin--WarningContainer--WarningTable .table-td.td-grades {
  text-align: center;
  padding-left: initial;
}
.admin--WarningContainer--WarningTable .table-td.td-content .cell-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin--WarningContainer--WarningTable .table-td.td-status {
  padding-left: 30px;
}
.admin--WarningContainer--WarningTable .table-td.td-status .cell-content {
  border-radius: 16px;
  padding: 6px 16px;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}
.admin--WarningContainer--WarningTable .table-td.td-status.sent .cell-content {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--WarningContainer--WarningTable .table-td.td-status.pending .cell-content {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--WarningContainer--WarningTable .table-td.td-status.scheduled .cell-content {
  background-color: #FFF7E6;
  color: #FFAE00;
}

.admin--StockRankingContainer--RankingTable .table-aside-container {
  border-radius: 16px;
}
.admin--StockRankingContainer--RankingTable .table-header.header-stockCode {
  padding-left: 31px;
}
.admin--StockRankingContainer--RankingTable .table-header.header-basePoint, .admin--StockRankingContainer--RankingTable .table-header.header-potential, .admin--StockRankingContainer--RankingTable .table-header.header-technical, .admin--StockRankingContainer--RankingTable .table-header.header-totalPoint {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--StockRankingContainer--RankingTable .table-td.td-stockCode {
  padding-left: 31px;
}
.admin--StockRankingContainer--RankingTable .table-td.td-basePoint, .admin--StockRankingContainer--RankingTable .table-td.td-potential, .admin--StockRankingContainer--RankingTable .table-td.td-technical, .admin--StockRankingContainer--RankingTable .table-td.td-totalPoint {
  text-align: right;
  padding-left: initial;
  padding-right: 16px;
}
.admin--StockRankingContainer--RankingTable .table-td.td-potential .cell-content, .admin--StockRankingContainer--RankingTable .table-td.td-technical .cell-content {
  display: flex;
  justify-content: end;
}
.admin--StockRankingContainer--RankingTable .table-td.td-potential .cell-content {
  padding-right: 20px;
}
.admin--StockRankingContainer--RankingTable .table-td.td-technical .cell-content {
  padding-right: 12px;
}
.admin--StockRankingContainer--RankingTable .custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
}

.admin--MarketContainer--MarketTable {
  padding-left: 7px;
  background-color: #fff;
}
.admin--MarketContainer--MarketTable .table-aside-container {
  border-radius: 16px;
}
.admin--MarketContainer--MarketTable .table-td.td-name .cell-content {
  display: inline-block;
  padding: 6px 8px;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  color: #8083a3;
  background-color: #F2F4F8;
  border-radius: 4px;
}
.admin--MarketContainer--MarketTable .table-td.td-contents .change-item {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  border-radius: 4px;
}
.admin--MarketContainer--MarketTable .table-td.td-contents .change-item:not(last-child) {
  margin-right: 8px;
}
.admin--MarketContainer--MarketTable .table-td.td-contents .change-item.up {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--MarketContainer--MarketTable .table-td.td-contents .change-item.down {
  background-color: #FDF4F6;
  color: #DA2F58;
}

.admin--InvestingAssistantContainer--TablesWrap .widgets-wrap, .StockTrendChart .widgets-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin--InvestingAssistantContainer--TablesWrap .widgets-wrap .text-title, .StockTrendChart .widgets-wrap .text-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  color: #171721;
}
.admin--InvestingAssistantContainer--TablesWrap .widgets-wrap .stock-watching, .StockTrendChart .widgets-wrap .stock-watching {
  padding: 8px 50px;
  background: #ffc702;
  border-radius: 6px;
  color: #292c43;
  margin-left: 10px;
}
.admin--InvestingAssistantContainer--TablesWrap .stock-searching-area, .StockTrendChart .stock-searching-area {
  position: sticky;
  top: 55px;
  background: #f1f0f5;
  padding: 10px 0;
  z-index: 1;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card, .StockTrendChart .info-card {
  height: 100%;
  background: white;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--header, .StockTrendChart .info-card--header {
  z-index: 1;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body, .StockTrendChart .info-card--body {
  height: calc(100% - 57px);
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap, .StockTrendChart .info-card--body .inner-wrap {
  padding: 10px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .item-title, .StockTrendChart .info-card--body .inner-wrap .item-title {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #707A83 !important;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group, .StockTrendChart .info-card--body .inner-wrap .info-group {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .title-item-value, .StockTrendChart .info-card--body .inner-wrap .info-group .title-item-value {
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--div-text, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--div-text {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
  margin-bottom: 16px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item {
  display: flex;
  justify-content: space-between;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item.company .item-value, .admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item.address .item-value, .admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item.website .item-value, .admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item.industry .item-value, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item.company .item-value, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item.address .item-value, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item.website .item-value, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item.industry .item-value {
  width: 50%;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item .item-label, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item .item-label {
  font-size: 13px !important;
  line-height: 16px;
  color: #707A83 !important;
  width: 200px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item .item-value, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item .item-value {
  font-size: 13px !important;
  line-height: 16px !important;
  color: #707a83 !important;
  width: 80px;
  justify-items: end;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item .item-value.nhom-nganh, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item .item-value.nhom-nganh {
  width: 180px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item .item-value .trendforecast, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item .item-value .trendforecast {
  text-decoration: underline;
  cursor: pointer;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item .item-time-stage, .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item .item-time-stage {
  font-size: 12px;
  line-height: 16px;
  color: lightskyblue;
  width: 50px;
  white-space: nowrap;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .info-group .info-group--item:not(:last-child), .StockTrendChart .info-card--body .inner-wrap .info-group .info-group--item:not(:last-child) {
  margin-bottom: 8px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .EditorReview .editorReviewTextarea, .StockTrendChart .info-card--body .inner-wrap .EditorReview .editorReviewTextarea {
  width: 100%;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .EditorReview .info-group .info-group--item, .StockTrendChart .info-card--body .inner-wrap .EditorReview .info-group .info-group--item {
  display: flex;
  justify-content: space-between;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .EditorReview .info-group .info-group--item .item-label, .StockTrendChart .info-card--body .inner-wrap .EditorReview .info-group .info-group--item .item-label {
  width: 70%;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .EditorReview .info-group .info-group--item .item-value, .StockTrendChart .info-card--body .inner-wrap .EditorReview .info-group .info-group--item .item-value {
  width: 30%;
}
.admin--InvestingAssistantContainer--TablesWrap .info-card--body .inner-wrap .EditorReview .info-group .info-group--item .view-article, .StockTrendChart .info-card--body .inner-wrap .EditorReview .info-group .info-group--item .view-article {
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  text-decoration: underline;
}
.admin--InvestingAssistantContainer--TablesWrap a.span-like.to-detail, .StockTrendChart a.span-like.to-detail {
  display: none !important;
}
.admin--InvestingAssistantContainer--TablesWrap .CompanyInfoCard, .StockTrendChart .CompanyInfoCard {
  width: 450px;
}
.admin--InvestingAssistantContainer--TablesWrap .increaseText, .StockTrendChart .increaseText {
  padding: 2px 8px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  background-color: #ebf9f4;
  color: #2fb182;
}
.admin--InvestingAssistantContainer--TablesWrap .decreaseText, .StockTrendChart .decreaseText {
  padding: 2px 8px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  background-color: #fdf4f6;
  color: #da2f58;
}
.admin--InvestingAssistantContainer--TablesWrap .unchangedText, .StockTrendChart .unchangedText {
  padding: 2px 8px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  background-color: #fff7dd;
  color: #dbaa00;
}
.admin--InvestingAssistantContainer--TablesWrap .greyText, .StockTrendChart .greyText {
  padding: 2px 8px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  background-color: #ddd;
  color: #787878;
}
.admin--InvestingAssistantContainer--TablesWrap .firstColumnText, .StockTrendChart .firstColumnText {
  margin: auto;
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  font-size: 13px;
  font-weight: 600;
  color: #787878;
}
.admin--InvestingAssistantContainer--TablesWrap .ant-table-row, .StockTrendChart .ant-table-row {
  color: #8083a3;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.admin--InvestingAssistantContainer--TablesWrap .header_table_row, .StockTrendChart .header_table_row {
  background: transparent;
  border: none;
}
.admin--InvestingAssistantContainer--TablesWrap .header_table_row .ant-table-cell, .StockTrendChart .header_table_row .ant-table-cell {
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #787878;
}
.admin--InvestingAssistantContainer--TablesWrap .header_table_row .ant-table-cell:first-child, .StockTrendChart .header_table_row .ant-table-cell:first-child {
  border: none;
}
.admin--InvestingAssistantContainer--TablesWrap .header_table_row .ant-table-cell:last-child, .StockTrendChart .header_table_row .ant-table-cell:last-child {
  border: none;
}
.admin--InvestingAssistantContainer--TablesWrap .ant-table-cell, .StockTrendChart .ant-table-cell {
  border-left: 1px solid #e4e6e8;
  border-top: 1px solid #e4e6e8;
  border-bottom: 1px solid #e4e6e8;
}
.admin--InvestingAssistantContainer--TablesWrap .ant-table-cell:first-child, .StockTrendChart .ant-table-cell:first-child {
  border-left: 1px solid #e4e6e8;
}
.admin--InvestingAssistantContainer--TablesWrap .ant-table-cell:last-child, .StockTrendChart .ant-table-cell:last-child {
  border-left: 1px solid #e4e6e8;
  border-right: 1px solid #e4e6e8;
}

.period-select {
  display: flex;
}
.period-select .period-select--item {
  background: #F1F2F3;
  border-radius: 50px;
  font-size: 14px;
  color: #707A83;
  padding: 4px 22px;
  cursor: pointer;
}
.period-select .period-select--item:not(:last-child) {
  margin-right: 8px;
}
.period-select .period-select--item.active {
  background: #ffe380;
  font-weight: 550;
  color: #1e1e1e;
}

.priceForecastModal input {
  text-align: right !important;
}

.stockTrendModal .ant-picker {
  height: 40px;
  border-radius: 10px;
}
.stockTrendModal .ant-picker input {
  font-size: 12px;
  font-weight: 700;
  color: #8083a3;
}

.CompanyReview .companyReviewText {
  height: 280px;
  background: #f1f2f3;
  overflow: auto;
}
.CompanyReview .companyReviewText .view-recommend {
  width: fit-content;
  background: #C1C1C1;
  border-radius: 50px;
  color: #707A83;
  padding: 2px 12px;
  cursor: pointer;
}

.admin--NotificationContainer--NotificationTable .table-td.td-content .cell-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin--NotificationContainer--NotificationTable .table-td.td-status .status-wrap {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 16px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}
.admin--NotificationContainer--NotificationTable .table-td.td-status .status-wrap.sent {
  color: #2FB182;
  background-color: #EBF9F4;
}
.admin--NotificationContainer--NotificationTable .table-td.td-status .status-wrap.scheduled {
  color: #FFAE00;
  background-color: #FFF7E6;
}
.admin--NotificationContainer--NotificationTable .table-td.td-status .status-wrap.draft {
  color: #003171;
  background-color: #F2F4F8;
}
.admin--NotificationContainer--NotificationTable .table-td.td-title, .admin--NotificationContainer--NotificationTable .table-td.td-content {
  cursor: pointer;
}

.admin--RealtimeNotiContainer--RealtimeNotiTable {
  padding-left: 9px;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-header.header-date, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-header.header-stockCode, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-header.header-type, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-header.header-dontSend, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-header.header-status, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-header.header-grades {
  text-align: center;
  padding-left: initial;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-stockCode, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-type, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-dontSend, .admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-grades {
  text-align: center;
  padding-left: initial;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-content .cell-content {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-status {
  padding-left: 30px;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-status .cell-content {
  border-radius: 16px;
  padding: 6px 16px;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-status.sent .cell-content {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-status.pending .cell-content {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--RealtimeNotiContainer--RealtimeNotiTable .table-td.td-status.scheduled .cell-content {
  background-color: #FFF7E6;
  color: #FFAE00;
}

.admin--MenuContainer--CategorySection {
  height: 100%;
}
.admin--MenuContainer--CategorySection .table-wrap {
  height: calc(100% - 72px);
}

.admin--MenuContainer--CategoryTable {
  height: 100%;
}
.admin--MenuContainer--CategoryTable .info-body-wrap {
  height: 100%;
}
.admin--MenuContainer--CategoryTable .table-td:last-child {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #EBEBEB;
  width: 50px;
}
.admin--MenuContainer--CategoryTable .table-td.td-drag {
  width: 50px;
}
.admin--MenuContainer--CategoryTable .table-td.td-name {
  padding-top: 14px;
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
}

.admin--MenuContainer--LinkSection {
  height: 100%;
}
.admin--MenuContainer--LinkSection .table-wrap {
  height: calc(100% - 72px);
}

.admin--MenuContainer--LinkTable {
  height: 100%;
}
.admin--MenuContainer--LinkTable .info-body-wrap {
  height: 100%;
}
.admin--MenuContainer--LinkTable .table-td:last-child {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #EBEBEB;
  width: 50px;
}
.admin--MenuContainer--LinkTable .table-td.td-drag {
  width: 50px;
}
.admin--MenuContainer--LinkTable .table-td.td-name {
  padding-top: 14px;
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
}

.admin--MenuContainer--MenuSection {
  height: 100%;
}
.admin--MenuContainer--MenuSection .table-wrap {
  height: calc(100% - 72px);
}

.admin--MenuContainer--MenuTable {
  height: 100%;
}
.admin--MenuContainer--MenuTable .info-body-wrap {
  height: 100%;
}
.admin--MenuContainer--MenuTable .table-td:first-child {
  position: relative;
  padding-left: 34px;
}
.admin--MenuContainer--MenuTable .table-td.td-drag {
  width: 50px;
}
.admin--MenuContainer--MenuTable .table-td:last-child {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #EBEBEB;
  width: 50px;
}
.admin--MenuContainer--MenuTable .table-td .collapser {
  position: absolute;
  left: 7px;
  top: 32%;
  display: none;
}
.admin--MenuContainer--MenuTable .table-td .line-drawer1 {
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 14px;
  width: 17px;
  border-radius: 0 0 0 10px;
  border-left: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
}
.admin--MenuContainer--MenuTable .table-td .line-drawer2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  border-left: 1px solid #C5C5C5;
}
.admin--MenuContainer--MenuTable .table-td.is-last-child .line-drawer2 {
  display: none;
}
.admin--MenuContainer--MenuTable .table-td.is-parent .collapser {
  display: initial;
}
.admin--MenuContainer--MenuTable .table-td.is-parent .line-drawer1 {
  display: none;
}
.admin--MenuContainer--MenuTable .table-td.is-parent .line-drawer2 {
  top: 50%;
}
.admin--MenuContainer--MenuTable .table-td.is-parent.no-children .collapser {
  display: none;
}
.admin--MenuContainer--MenuTable .table-td.is-parent.no-children .line-drawer2 {
  display: none;
}
.admin--MenuContainer--MenuTable .table-td.is-parent {
  font-weight: bold;
}
.admin--MenuContainer--MenuTable .table-td.td-name {
  padding-top: 14px;
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
}

.admin--BannerContainer--BannerTable {
  background-color: #fff;
  border-radius: 16px;
}
.admin--BannerContainer--BannerTable .info-body-wrap {
  padding-left: 7px;
}
.admin--BannerContainer--BannerTable .table-header {
  font-size: 14px;
  font-weight: 600;
  color: #787878;
  padding-left: 16px;
  padding-top: initial;
  padding-right: initial;
  padding-bottom: initial;
}
.admin--BannerContainer--BannerTable .table-header:first-child {
  padding-left: 8px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.admin--BannerContainer--BannerTable .table-td.td-priority {
  width: 50px;
}
.admin--BannerContainer--BannerTable .table-td.td-imageUrl {
  padding-top: 9px;
  padding-bottom: 9px;
}
.admin--BannerContainer--BannerTable .table-td.td-imageUrl .image-wrap {
  width: 197px;
  height: 102px;
  border: 1px solid #8083a3;
  border-radius: 4px;
}
.admin--BannerContainer--BannerTable .table-td.td-type .super-type {
  font-weight: 700;
  font-size: 13px;
  line-height: 21px;
  color: #8083a3;
  margin-bottom: 3px;
}
.admin--BannerContainer--BannerTable .table-td.td-type .size {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #949494;
}

.admin--BannerContainer--BannerFormModal .customized-modal--body {
  overflow: initial;
}
.admin--BannerContainer--BannerFormModal .form-group.imageUrl {
  height: 100%;
}
.admin--BannerContainer--BannerFormModal .form-group.imageUrl .click-area {
  cursor: pointer;
  height: calc(100% - 29px);
  border: 1px solid #E4E6E8;
  border-radius: 8px;
  background: rgba(245, 245, 250, 0.6);
}
.admin--BannerContainer--BannerFormModal .form-group.imageUrl .upload-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background: #F5F5FA;
  border: 1px dashed #E4E6E8;
  border-radius: 50%;
}
.admin--BannerContainer--BannerFormModal .form-group.priority .Select:has(.select-menuList) {
  z-index: 101;
}

.admin--MyPayslipContainer--PayslipTable .table-header.header-salary .header-content {
  display: inline-block !important;
  width: 120px;
  text-align: right;
}
.admin--MyPayslipContainer--PayslipTable .table-td.td-salary .cell-content {
  display: inline-block;
  width: 120px;
  text-align: right;
}
.admin--MyPayslipContainer--PayslipTable .info-body-wrap {
  padding-left: 7px;
}
.admin--MyPayslipContainer--PayslipTable .table-td.td-note .cell-content {
  padding-right: 16px;
}

.admin--MyArticlesContainer--MonthlyViews .info-card--header {
  padding: 8px 8px 8px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin--MyArticlesContainer--MonthlyViews .custom-datepicker {
  z-index: 1;
}
.admin--MyArticlesContainer--MonthlyViews .custom-datepicker:has(.admin--DatePicker.-open) {
  z-index: 2;
}
.admin--MyArticlesContainer--MonthlyViews .chart-canvas-container {
  padding: 20px 24px 28px 24px;
  height: calc(100% - 56px);
}
.admin--MyArticlesContainer--MonthlyViews .chart-canvas-container .phantom-alerts-wrap {
  position: absolute;
  height: 20px;
  bottom: 10.5px;
  right: 32px;
  left: 24px;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
}
.admin--MyArticlesContainer--MonthlyViews .chart-canvas-container .js-alert-wrap {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin--MyArticlesContainer--RoyaltiesStats .info-card--body {
  padding: 16px;
}
.admin--MyArticlesContainer--RoyaltiesStats .info-card--body .data-line {
  padding: 19px 12px;
  border: 1px solid #E4E6E8;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
}
.admin--MyArticlesContainer--RoyaltiesStats .info-card--body .data-line:not(:last-child) {
  margin-bottom: 16px;
}
.admin--MyArticlesContainer--RoyaltiesStats .info-card--body .data-line .label-wrap {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #8083a3;
}
.admin--MyArticlesContainer--RoyaltiesStats .info-card--body .data-line .value-wrap {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #171721;
}

.admin--MyArticlesContainer--MonthlyStats .info-card--body {
  padding: 14px 24px 16px 24px;
}
.admin--MyArticlesContainer--MonthlyStats .info-card--body .data-line:not(:last-child) {
  border-bottom: 1px solid rgba(202, 202, 202, 0.6);
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.admin--MyArticlesContainer--MonthlyStats .info-card--body .data-line .label-wrap {
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
  margin-bottom: 8px;
}
.admin--MyArticlesContainer--MonthlyStats .info-card--body .data-line .value-wrap {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  color: #1BD27A;
}
.admin--MyArticlesContainer--MonthlyStats .info-card--body .data-line .value-wrap .money-unit {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #8083a3;
}

.admin--NewArticlesContainer--StockTable .info-body-wrap {
  padding-left: 8px;
  padding-right: 8px;
}
.admin--NewArticlesContainer--StockTable .info-body-wrap .table-aside-container {
  overflow: auto;
  margin: auto;
  max-height: 240px;
}
.admin--NewArticlesContainer--StockTable .table-header {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #787878;
}
.admin--NewArticlesContainer--StockTable .table-header:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.admin--NewArticlesContainer--StockTable .table-row {
  display: inline-table;
  width: 100%;
  position: relative;
  border: unset;
}
.admin--NewArticlesContainer--StockTable .table-td:first-child {
  padding-top: 12px;
  padding-bottom: 12px;
}
.admin--NewArticlesContainer--StockTable .table-td:last-child {
  border-right: 1px solid #ebebeb;
  border-radius: 0 8px 8px 0;
}
.admin--NewArticlesContainer--StockTable .table-td.td-name {
  text-transform: uppercase;
}
.admin--NewArticlesContainer--StockTable .inline-table-input {
  width: 45px;
}
.admin--NewArticlesContainer--StockTable .custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
}

.admin--NewArticlesContainer--RecommendTable .info-body-wrap {
  padding-left: 8px;
  padding-right: 8px;
}
.admin--NewArticlesContainer--RecommendTable .table-aside-container {
  min-height: 200px;
  overflow: initial;
}
.admin--NewArticlesContainer--RecommendTable .table-aside-container .table-aside {
  position: initial;
}
.admin--NewArticlesContainer--RecommendTable .table-row {
  border-radius: 8px;
}
.admin--NewArticlesContainer--RecommendTable .table-td:last-child {
  border-right: 1px solid #ebebeb;
  border-radius: 0 8px 8px 0;
}
.admin--NewArticlesContainer--RecommendTable .table-td.td-name {
  text-transform: uppercase;
}
.admin--NewArticlesContainer--RecommendTable .inline-table-input {
  width: 45px;
}
.admin--NewArticlesContainer--RecommendTable .td-moreOptions .cell-content {
  display: flex;
  justify-content: flex-end;
}

.admin--NewArticlesContainer--RecommendStock .info-body-wrap {
  padding-left: 8px;
  padding-right: 8px;
}
.admin--NewArticlesContainer--RecommendStock .table-thead {
  display: flex;
}
.admin--NewArticlesContainer--RecommendStock .table-thead .table-row {
  align-items: self-start;
}
.admin--NewArticlesContainer--RecommendStock .table-header {
  flex: 1;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
}
.admin--NewArticlesContainer--RecommendStock .table-header:first-child {
  justify-content: start;
  padding: 0 0 0 8px;
  max-width: 80px;
}
.admin--NewArticlesContainer--RecommendStock .table-header:last-child {
  max-width: 80px;
}
.admin--NewArticlesContainer--RecommendStock .table-aside-container {
  min-height: 325px;
  overflow: initial;
}
.admin--NewArticlesContainer--RecommendStock .table-aside-container .table-aside {
  position: initial;
}
.admin--NewArticlesContainer--RecommendStock .table-row {
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: none;
}
.admin--NewArticlesContainer--RecommendStock .table-td {
  padding-top: 19px;
  padding-bottom: 19px;
  flex: 1;
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 0;
  justify-content: center;
}
.admin--NewArticlesContainer--RecommendStock .table-td:first-child {
  padding-left: 16px;
  justify-content: start;
  max-width: 80px;
}
.admin--NewArticlesContainer--RecommendStock .table-td:last-child {
  border-right: 1px solid #ebebeb;
  border-radius: 0 8px 8px 0;
  justify-content: end;
  max-width: 60px;
}
.admin--NewArticlesContainer--RecommendStock .table-td.td-name {
  text-transform: uppercase;
}
.admin--NewArticlesContainer--RecommendStock .inline-table-input {
  width: 60px;
  padding: 8px;
}
.admin--NewArticlesContainer--RecommendStock .inline-input-disable {
  background-color: white;
}
.admin--NewArticlesContainer--RecommendStock .td-moreOptions .cell-content {
  display: flex;
  justify-content: flex-end;
}
.admin--NewArticlesContainer--RecommendStock .evaluation-wrapper {
  padding: 4px 10px;
  border-radius: 8px;
}
.admin--NewArticlesContainer--RecommendStock .evaluation-wrapper.positive {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--NewArticlesContainer--RecommendStock .evaluation-wrapper.neutral {
  background-color: #fff7dc;
  color: #ffc601;
}
.admin--NewArticlesContainer--RecommendStock .evaluation-wrapper.risk {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--NewArticlesContainer--RecommendStock .select-evaluation {
  padding: 4px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  height: 38px;
  align-items: center;
}
.admin--NewArticlesContainer--RecommendStock .actions-dropdown {
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 100%;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  border-radius: 4px;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 8px;
}
.admin--NewArticlesContainer--RecommendStock .actions-dropdown.positive {
  background-color: #EBF9F4;
  color: #2FB182;
}
.admin--NewArticlesContainer--RecommendStock .actions-dropdown.neutral {
  background-color: #fff7dc;
  color: #ffc601;
}
.admin--NewArticlesContainer--RecommendStock .actions-dropdown.risk {
  background-color: #FDF4F6;
  color: #DA2F58;
}
.admin--NewArticlesContainer--RecommendStock .actions-dropdown-menu {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #E4E6E8;
  top: 15px !important;
  left: 13px !important;
}
.admin--NewArticlesContainer--RecommendStock .list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  min-width: 143px;
}
.admin--NewArticlesContainer--RecommendStock .list-item .indicator {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-radius: 50%;
}
.admin--NewArticlesContainer--RecommendStock .list-item .indicator.positive {
  background-color: #EBF9F4;
  border: 1px solid #2FB182;
}
.admin--NewArticlesContainer--RecommendStock .list-item .indicator.neutral {
  background-color: #fff7dc;
  border: 1px solid #ffc601;
}
.admin--NewArticlesContainer--RecommendStock .list-item .indicator.risk {
  background-color: #FDF4F6;
  border: 1px solid #DA2F58;
}
.admin--NewArticlesContainer--RecommendStock .list-item:not(:last-child) {
  margin-bottom: 2px;
}
.admin--NewArticlesContainer--RecommendStock .list-item:not(.active):hover {
  background-color: #d9dbdf;
}
.admin--NewArticlesContainer--RecommendStock .list-item.active {
  background-color: #F2F4F8;
}
.admin--NewArticlesContainer--RecommendStock .custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
}

.admin--GeneralDataContainer table thead {
  vertical-align: top;
}
.admin--GeneralDataContainer .ant-radio-button-wrapper {
  padding: 0 30px !important;
  height: 38px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 38px !important;
  color: #8083a3;
  border: 1px solid #e4e6e8 !important;
}
.admin--GeneralDataContainer .ant-radio-button-wrapper:hover {
  color: #1e1e1e !important;
}
.admin--GeneralDataContainer .ant-radio-button-wrapper-checked {
  background: #ffc601 !important;
  border-color: #ffc601 !important;
  color: #1e1e1e !important;
}
.admin--GeneralDataContainer .ant-radio-button-wrapper:first-child {
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
  border-right: none !important;
}
.admin--GeneralDataContainer .ant-radio-button-wrapper:last-child {
  border-start-end-radius: 10px;
  border-end-end-radius: 10px;
  border-left: none !important;
}
.admin--GeneralDataContainer .ant-select-selector {
  border-radius: 10px !important;
  border-color: #ccc !important;
  box-shadow: unset !important;
  color: #8083a3 !important;
  font-size: 12px !important;
  line-height: 38px !important;
  height: 38px !important;
  font-weight: 700 !important;
}
.admin--GeneralDataContainer .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #fff7d9 !important;
}

.general-data-searchbar {
  position: sticky;
  top: 55px;
  z-index: 6;
  background: #f1f0f5;
  padding: 10px 0;
}

.admin--GeneralDataContainer--stocklist table thead {
  vertical-align: top;
}

.admin--IndustriesScoreContainer .ant-radio-button-wrapper {
  padding: 0 30px !important;
  height: 38px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 38px !important;
  color: #8083a3;
  border: 1px solid #e4e6e8 !important;
}
.admin--IndustriesScoreContainer .ant-radio-button-wrapper:hover {
  color: #1e1e1e !important;
}
.admin--IndustriesScoreContainer .ant-radio-button-wrapper-checked {
  background: #ffc601 !important;
  border-color: #ffc601 !important;
  color: #1e1e1e !important;
}
.admin--IndustriesScoreContainer .ant-radio-button-wrapper:first-child {
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
  border-right: none !important;
}
.admin--IndustriesScoreContainer .ant-radio-button-wrapper:last-child {
  border-start-end-radius: 10px;
  border-end-end-radius: 10px;
  border-left: none !important;
}
.admin--IndustriesScoreContainer .ant-select-selector {
  border-radius: 10px !important;
  border-color: #ccc !important;
  box-shadow: unset !important;
  color: #8083a3 !important;
  font-size: 12px !important;
  line-height: 38px !important;
  height: 38px !important;
  font-weight: 700 !important;
}
.admin--IndustriesScoreContainer .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #fff7d9 !important;
}
.admin--IndustriesScoreContainer .industry-score-searchbar {
  position: sticky;
  top: 55px;
  z-index: 6;
  background: #f1f0f5;
  padding: 10px 0;
}

.HomeContainer .post-card {
  display: block;
  background-color: #fff;
}
.HomeContainer .post-card .post-title {
  font-weight: bold;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .post-card .post-description {
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .post-card .post-content {
  flex-basis: 55%;
  min-width: 0;
  padding: 15px;
}
.HomeContainer .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.HomeContainer .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  color: #C4C4C4;
}
.HomeContainer .post-card .posted-at-wrap .post-source {
  font-weight: 500;
  font-size: 12px;
  max-width: 120px;
  padding: 0 8px;
  background: #F1F2F3;
  border-radius: 30px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .post-card .posted-at-wrap .post-source.ddc-post {
  background: #FFC601;
}
.HomeContainer .post-card.main-post {
  display: flex;
  border-radius: 10px;
  margin-bottom: 16px;
  height: 242px;
}
.HomeContainer .post-card.main-post .post-image {
  flex-basis: 45%;
}
.HomeContainer .post-card.main-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.HomeContainer .post-card.main-post .post-content {
  flex-basis: 65%;
}
.HomeContainer .post-card.main-post .posted-at-wrap {
  margin-bottom: 10px;
}
.HomeContainer .post-card.main-post .post-title {
  font-size: 28px;
  line-height: 32px;
  padding-top: 2px;
  margin-bottom: 8px;
  height: 97px;
  color: #1E1E1E;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .post-card.main-post .post-description {
  font-size: 15px;
  margin-bottom: 15px;
}
.HomeContainer .post-card.other-post {
  border-radius: 10px;
  height: 100%;
}
.HomeContainer .post-card.other-post .post-source {
  max-width: 100px;
}
.HomeContainer .post-card.other-post .post-image {
  width: 100%;
  height: 140px;
}
.HomeContainer .post-card.other-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.HomeContainer .post-card.other-post .posted-at-wrap .posted-at {
  flex-shrink: 0;
  margin-right: 6px;
}
.HomeContainer .post-card.other-post .post-title {
  font-size: 18px;
  line-height: 24px;
  height: 47px;
  margin: 8px 0;
  color: #1E1E1E;
}
.HomeContainer .post-card.other-post .post-description {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 10px;
}
.HomeContainer .post-card.other-post .post-content {
  padding: 12px;
}
.HomeContainer .post-card.highlight-post {
  border-radius: 10px;
  background: #151514;
  margin-bottom: 28px;
}
.HomeContainer .post-card.highlight-post .post-image {
  width: 100%;
  height: 165px;
}
.HomeContainer .post-card.highlight-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.HomeContainer .post-card.highlight-post .post-source {
  display: none !important;
}
.HomeContainer .post-card.highlight-post .posted-at-wrap {
  margin-bottom: 8px;
}
.HomeContainer .post-card.highlight-post .posted-at-wrap .posted-at {
  color: #C4C4C4;
  font-size: 13px;
  line-height: 16px;
}
.HomeContainer .post-card.highlight-post .post-title {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  min-height: 74px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .post-card.highlight-post .post-description {
  display: none !important;
}
.HomeContainer .post-card.highlight-post .reactions-wrap {
  color: white;
}
.HomeContainer .post-card.load-more-post {
  display: flex;
  border-radius: 10px;
  margin-bottom: 18px;
  height: 190px;
}
.HomeContainer .post-card.load-more-post .post-content {
  padding: 16px;
  flex-basis: 65%;
}
.HomeContainer .post-card.load-more-post .post-image {
  flex-basis: 35%;
  height: 100%;
}
.HomeContainer .post-card.load-more-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.HomeContainer .post-card.load-more-post .posted-at-wrap {
  margin-bottom: 6px;
}
.HomeContainer .post-card.load-more-post .posted-at-wrap .posted-at {
  font-size: 13px;
  line-height: 15px;
  color: #C4C4C4;
}
.HomeContainer .post-card.load-more-post .post-title {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 6px;
  min-height: 50px;
  color: #1E1E1E;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .post-card.load-more-post .post-description {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 6px;
  min-height: 60px;
  text-align: justify;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HomeContainer .slick-arrow {
  position: absolute;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(172, 191, 209, 0.3) 100%);
  width: 35px;
  height: 35px;
  top: 50%;
  z-index: 999;
  margin-top: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  left: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.HomeContainer .slick-arrow:hover {
  background-color: #fff;
}
.HomeContainer .slick-arrow:before {
  content: "";
  width: 512px;
  height: 512px;
  position: absolute;
  left: 100px;
  zoom: 5%;
  background: url(/fonts/arrow-scroll-left.svg) no-repeat;
}
.HomeContainer .slick-next {
  right: 9px;
  left: initial;
}
.HomeContainer .slick-next:before {
  content: "";
  transform: rotate(90deg);
  transform: rotate(180deg);
}
.HomeContainer .slick-prev {
  left: 9px;
}
.HomeContainer .slick-active {
  z-index: 99 !important;
}
.HomeContainer .slick-dots {
  position: absolute;
  height: 14px;
  bottom: 20px;
  z-index: 99;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.HomeContainer .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #C3CBD1;
  display: inline-block;
}
.HomeContainer .slick-dots li button {
  opacity: 0;
}
.HomeContainer .slick-dots li:not(:last-child) {
  margin-right: 6px;
}
.HomeContainer .slick-dots li.slick-active {
  width: 26px;
  height: 10px;
  background-color: #FFC601;
  border-radius: 10px;
}
.HomeContainer .top-banner {
  width: 100%;
  height: 164px;
  position: relative;
}
.HomeContainer .top-banner div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}
@media (max-width: 480px) {
  .HomeContainer body .homepage .top-banner {
    height: 125px;
  }
}
@media (max-width: 992px) {
  .HomeContainer body .homepage .top-banner {
    height: 170px;
  }
}
@media (max-width: 767px) {
  .HomeContainer body .homepage .top-banner {
    height: 165px;
  }
}
.HomeContainer .row.page-row {
  margin-left: -12.5px;
  margin-right: -12.5px;
  flex-wrap: nowrap;
}
.HomeContainer .page-left-section {
  flex-basis: 67%;
  min-width: 67%;
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.HomeContainer .page-right-section {
  min-width: 0;
  flex-basis: 33%;
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.HomeContainer .titleConmon {
  padding-bottom: 12px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.HomeContainer .titleConmon:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #CECECE;
}
.HomeContainer .titleConmon h3 {
  font-family: "Inter", sans-serif;
  font-size: 36px !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
.HomeContainer .titleConmon a {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
  color: #757575;
}
.HomeContainer .titleConmon a:hover {
  text-decoration: none;
}
.HomeContainer .blockCategory {
  margin-bottom: 30px;
}
.HomeContainer .blockCategory .noPost {
  font-family: "Inter", sans-serif;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 1.2;
  color: #757575;
}
.HomeContainer .highlight-posts-wrap {
  border-radius: 15px;
  background: url(/f71effe1366ab9eab1be715888550e79.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.HomeContainer .highlight-posts-wrap .section-caption {
  display: flex;
  align-items: center;
  margin-left: -5px;
}
.HomeContainer .highlight-posts-wrap .section-caption .caption-text {
  color: #FFC601;
  line-height: 28px;
  font-weight: bold;
  font-size: 24px;
}
.HomeContainer .highlight-posts-wrap .section-caption .caption-label {
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  padding: 4px 12px;
  border-radius: 50px;
  background: #FFC601;
  color: #1E1E1E;
}
.HomeContainer .show-more-wrap {
  display: flex;
  justify-content: center;
}
.HomeContainer .show-more-wrap .show-more-btn {
  background: #FFF;
  border-radius: 50px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  color: #1E1E1E;
}
.HomeContainer .show-more-wrap .show-more-btn:hover {
  background: #fff7d9;
}
.HomeContainer .footer-wrap {
  width: 100vw;
}
.HomeContainer .tooltip:has(.tooltip-inner) {
  border: 1px solid red;
}
.HomeContainer .tooltip-inner {
  border: 1px solid red;
}
.HomeContainer .fixed-scroll-top {
  position: fixed;
  bottom: 25px;
  right: 13px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: #ffe380;
  border-radius: 50%;
  z-index: 999;
}
.HomeContainer .fixed-scroll-top:hover {
  background-color: #ffeba5;
}
.HomeContainer .zalo-group {
  position: fixed;
  bottom: 90px;
  right: 13px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  z-index: 999;
  animation: tilt-shaking 0.3s infinite;
}
@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0eg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.HomeContainer .community-wrap {
  border-radius: 10px;
  padding: 14px 10px 14px 14px;
  height: calc(100vh - 55px - 15px - 15px);
  position: sticky;
  top: calc(55px + 15px);
  background-color: #fff;
}
.HomeContainer .community-wrap .section-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 4px;
}
.HomeContainer .community-wrap .client--Community {
  height: calc(100% - 38px);
}
.HomeContainer .community-wrap .scroll-to-top {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(67, 77, 86, 0.3) 100%);
  position: absolute;
  bottom: 12px;
  left: calc(50% - 12px);
  border-radius: 50px;
  backdrop-filter: blur(14px);
}
.HomeContainer .community-wrap .scroll-to-top:hover {
  filter: brightness(1.1);
}

@media (max-width: 767px) {
  .homepage .titleConmon h3 {
    font-size: 20px;
  }
  .homepage .titleConmon a {
    font-size: 13px;
  }
  .homepage .isNews .isNews--top .isNews--top__content {
    width: 100%;
  }
}
.pageClient.HomeContainer-wrap {
  padding-top: 55px !important;
  padding-bottom: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.fixed-scroll-top-tooltip.tooltip {
  padding-top: 0;
}
.fixed-scroll-top-tooltip.tooltip .arrow {
  display: none;
}
.fixed-scroll-top-tooltip.tooltip .tooltip-inner {
  position: relative;
  right: 15px;
  font-size: 10px;
  line-height: 12px;
  color: #434D56;
  padding: 6px 4px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.zalo-group-tooltip.tooltip {
  padding-top: 0;
}
.zalo-group-tooltip.tooltip .tooltip-inner {
  position: relative;
  right: 15px;
  top: -80px;
  font-size: 10px;
  line-height: 12px;
  color: #434D56;
  padding: 6px 4px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

@media screen and (min-width: 1200px) {
  .pageClient.container:has(.HomeContainer) {
    width: 1200px;
  }
}

.likes-count {
  color: #707a83;
  font-size: "15px";
  line-height: "15px";
}

.comments-count {
  color: #707a83;
  font-size: "15px";
  line-height: "15px";
}

.carousel-wrap {
  position: relative;
}

.carousel-wrap-inner {
  position: relative;
  width: 100%;
}

.carousel-open:checked + .carousel-highlight-post {
  position: static;
  opacity: 100;
}

.carousel-highlight-post {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.carousel-highlight-post div {
  display: block;
  height: auto;
  max-width: 100%;
}

.carousel-post-control {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 40px;
  height: 40px;
  line-height: 35px;
  position: absolute;
  top: -5%;
  -webkit-transform: translate(0, -50%);
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 40px;
  z-index: 10;
}
.carousel-post-control img {
  filter: invert(1);
  width: 25px;
  height: 25px;
}

.carousel-post-control.prev {
  right: 10%;
}

.carousel-post-control.next {
  right: 2%;
}
.carousel-post-control.next img {
  rotate: 180deg;
}

.carousel-post-control:hover {
  background: rgba(169, 169, 169, 0.2);
  color: #aaaaaa;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
  display: block;
}

.carousel-post-indicators {
  position: absolute;
  height: 14px;
  bottom: -7px;
  z-index: 99;
  width: 100%;
  padding: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.carousel-post-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #C3CBD1;
  display: inline-block;
  margin: 0 5px;
}
.carousel-post-indicators li label {
  opacity: 0;
}
.carousel-post-indicators li:not(:last-child) {
  margin-right: 6px;
}

#carousel-1:checked ~ .control-1 ~ .carousel-post-indicators li:nth-child(1),
#carousel-2:checked ~ .control-2 ~ .carousel-post-indicators li:nth-child(2),
#carousel-3:checked ~ .control-3 ~ .carousel-post-indicators li:nth-child(3) {
  width: 26px;
  height: 10px;
  background-color: #FFC601;
  border-radius: 10px;
}

.settingsPage.pageClient {
  display: flex;
  height: 100vh;
  padding-top: 65px !important;
  padding-left: 35px !important;
  padding-right: 31px !important;
  padding-bottom: 20px !important;
  background: #F1F2F3;
  min-width: 1000px;
}

.client--UserInfo {
  flex-grow: 1;
  min-width: 0;
  border-radius: 15px;
  background: #fff;
  padding: 32px;
  overflow: scroll;
}
.client--UserInfo .form-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #1E1E1E;
}
.client--UserInfo .form-group.gender {
  display: flex;
}
.client--UserInfo .form-group.gender .options-wrap {
  display: flex;
}
.client--UserInfo .form-group.gender .custom-radio:first-child {
  margin-right: 28px;
}
.client--UserInfo .form-group.gender .custom-radio .checkmark {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 18px;
  height: 18px;
}
.client--UserInfo .form-group.gender .custom-radio input:checked ~ .checkmark {
  border: none;
  background: #FFC601;
  position: relative;
}
.client--UserInfo .form-group.gender .custom-radio input:checked ~ .checkmark::before {
  content: " ";
  background: url(/fonts/checkmark-black.svg) no-repeat center center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.client--UserInfo .form-group.gender .custom-radio input:checked ~ .checkmark::after {
  display: none;
}
.client--UserInfo .form-group.gender .label-text {
  font-size: 16px;
  line-height: 150%;
  color: #373F41;
}
.client--UserInfo .form-group.-error input {
  color: #CF304A !important;
  border: 1px solid #CF304A;
}
.client--UserInfo .form-group {
  flex-grow: 1;
  position: relative;
}
.client--UserInfo .form-group input {
  font-size: 15px;
  line-height: 150%;
  color: #434D56 !important;
}
.client--UserInfo .form-group input::placeholder {
  font-size: 15px;
  line-height: 18px;
  color: #CECECE;
}
.client--UserInfo .form-group .error-message {
  position: absolute;
  padding-left: 16px;
  font-size: 12px;
  line-height: 140%;
  color: #CF304A;
  font-style: normal;
}
.client--UserInfo .form-group .form-label {
  display: none;
}
.client--UserInfo .form-line {
  display: flex;
  margin-bottom: 15px;
}
.client--UserInfo .form-line-label {
  font-size: 14px;
  line-height: 150%;
  color: #707A83;
}
.client--UserInfo .buttons-group {
  margin-top: 30px;
  display: flex;
  justify-content: end;
}
.client--UserInfo .buttons-group button {
  border-radius: 50px;
  height: 36px;
  width: 160px;
  justify-content: center;
}
.client--UserInfo .buttons-group .reset-btn {
  font-size: 16px;
  line-height: 22px;
  color: #707A83;
}
.client--UserInfo .buttons-group .submit-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #201F1F;
}
.client--UserInfo .card-info-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.client--UserInfo .user-card {
  display: flex;
  justify-content: center;
}
.client--UserInfo .user-card .image-wrap {
  position: relative;
}
.client--UserInfo .user-card .image-wrap .card-image {
  width: 260px;
}
.client--UserInfo .user-card .image-wrap .card-info {
  position: absolute;
  top: 105px;
  left: 105px;
}
.client--UserInfo .user-card .image-wrap .card-holder {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  margin-bottom: 4px;
}
.client--UserInfo .user-card .image-wrap .card-package {
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  font-family: "Inter", sans-serif;
}
.client--UserInfo .member-text {
  display: flex;
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
  margin-top: 12px;
}
.client--UserInfo .member-text .member-text--package {
  font-weight: 600;
}
.client--UserInfo .member-text .member-text--package.free {
  color: #5B9BD5;
}
.client--UserInfo .member-text .member-text--package.premium {
  color: #178F27;
}
.client--UserInfo .member-text .member-text--package.gold {
  color: #FB7A02;
}
.client--UserInfo .member-text .member-text--package.fund {
  color: #834c9b;
}
.client--UserInfo .package-expire {
  display: flex;
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
}
.client--UserInfo .package-expire .package-expire--date {
  font-weight: 600;
  color: #434D56;
}

.client--Settings--UserFavourite {
  flex-grow: 1;
  min-width: 0;
  border-radius: 0px 15px 15px 15px;
  background: #fff;
  margin-top: 30px;
  position: relative;
  padding: 20px 7px 15px 15px;
}
.client--Settings--UserFavourite .stock-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}
.client--Settings--UserFavourite .stock-line:not(:last-child) {
  border-bottom: 1px solid #D6DEE4;
}
.client--Settings--UserFavourite .stock-line .company-info {
  min-width: 0;
  flex-basis: 38%;
  margin-right: 4px;
}
.client--Settings--UserFavourite .stock-line .company-info .stock-code {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
}
.client--Settings--UserFavourite .stock-line .company-info .company-name {
  font-size: 14px;
  line-height: 21px;
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Settings--UserFavourite .stock-line .ranking-wrap {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.client--Settings--UserFavourite .stock-line .ranking-wrap .div-text {
  font-size: 14px;
  line-height: 21px;
  color: #707A83;
  width: max-content;
}
.client--Settings--UserFavourite .stock-line .ranking-wrap .ddc-point {
  font-weight: 700;
  font-size: 16px;
}
.client--Settings--UserFavourite .stock-line .prices-wrap {
  width: 170px;
  margin-right: 16px;
  text-align: right;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .stock-price {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .changes-wrap {
  font-weight: 700;
  font-size: 15px;
  line-height: 21px;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .changes-wrap.-unchanged {
  color: #FFC601;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .changes-wrap.-increased {
  color: #178F27;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .changes-wrap.-decreased {
  color: #DA2F58;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .changes-wrap.-high {
  color: #9620A9;
}
.client--Settings--UserFavourite .stock-line .prices-wrap .changes-wrap.-low {
  color: #6CA4D7;
}
.client--Settings--UserFavourite .stock-line .dot-wrap {
  cursor: move;
}
.client--Settings--UserFavourite .search-box-wrap {
  position: relative;
}
.client--Settings--UserFavourite .search-box-wrap .client--CreateCategory .custom-checkbox input {
  height: 20px;
  width: 84px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result {
  padding: 7.5px 6px 8px 14px;
  position: absolute;
  top: 45px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 1;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .inner-wrap {
  min-height: 91px;
  max-height: 171px;
  overflow: auto;
  padding-right: 11px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .inner-wrap .no-search-term, .client--Settings--UserFavourite .search-box-wrap .stock-search-result .inner-wrap .no-result-text, .client--Settings--UserFavourite .search-box-wrap .stock-search-result .inner-wrap .loading-text {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  margin-top: 21.5px;
  text-align: center;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item {
  display: flex;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item:not(:last-child) {
  margin-bottom: 13px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .stock-code {
  font-weight: 550;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 2px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .company-name {
  font-size: 12px;
  line-height: 150%;
  color: #707A83;
  max-width: 120px;
  min-width: 100px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 128px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap {
  margin-bottom: 7px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ddc-point {
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
  margin-right: 4px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ranking-line {
  display: flex;
  align-items: center;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap {
  min-width: 90px;
  height: 6px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap .colored {
  border-radius: 20px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap.percent-100 .colored {
  border-radius: 20px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ranking-line.-cant-view .progress-bar-wrap {
  min-width: 100px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .ddc-point-wrap .ranking-line .no-rank-text {
  font-weight: 550;
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .ranking-wrap .div-text {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap {
  display: flex;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .stock-price {
  font-weight: 550;
  font-size: 14px;
  line-height: 150%;
  padding-left: 26px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .price-change {
  font-weight: 550;
  font-size: 14px;
  line-height: 150%;
  margin-right: 4px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .percent-change {
  font-weight: 550;
  font-size: 12px;
  line-height: 150%;
  color: #fff;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 4px;
  height: 12px;
  display: flex;
  align-items: center;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .percent-change.-increased {
  background: #30B587;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .percent-change.-decreased {
  background: #DA2F58;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .percent-change.-unchanged {
  background: #FFC601;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .flex-left {
  margin-right: 8px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .flex-left .flex-left__top {
  display: flex;
  justify-content: flex-end;
  width: 125px;
}
.client--Settings--UserFavourite .search-box-wrap .stock-search-result .stock-search-item .prices-wrap .flex-left .flex-left__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Settings--UserFavourite .ddc-fund-content-wrap.-cant-access {
  position: absolute;
  top: 28%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.client--Settings--UserFavourite .ddc-fund-content-wrap .highlighted {
  color: #FFC601;
  text-decoration: underline;
}
.client--Settings--UserFavourite .ddc-fund-content-wrap .highlighted:hover {
  text-decoration: underline !important;
}
.client--Settings--UserFavourite .customized-nav-tabs {
  position: absolute;
  top: -29px;
  left: 0;
  width: 100%;
  flex-wrap: nowrap;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-item:first-child .customized-nav-link {
  background: #30B587 !important;
  color: #fff !important;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-item:last-child .customized-nav-link {
  background: none;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-item:not(:last-child) {
  min-width: 0;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-item:not(:last-child) .customized-nav-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-link {
  font-family: "Inter";
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
  padding: 4px 14px;
  background: #ddd;
  border-radius: 8px 8px 0px 0px;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-link:has(.add-category-dropdown) {
  padding: 0;
}
.client--Settings--UserFavourite .customized-nav-tabs .customized-nav-link.active {
  background: #fff;
  font-weight: 700;
  color: #1E1E1E;
  border-radius: 8px 8px 0 0;
  border-bottom: 3px solid #ffe380;
  height: 94%;
}
.client--Settings--UserFavourite .customized-nav-tabs .add-category-dropdown .dropdown-trigger {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Settings--UserFavourite .widgets-line {
  display: flex;
  justify-content: flex-end;
  padding-right: 13px;
}
.client--Settings--UserFavourite .widgets-line .search-box-wrap input.search-input {
  background: rgba(241, 242, 243, 0.8);
  border-radius: 50px;
  width: 400px;
  height: 35px;
  text-transform: uppercase;
}
.client--Settings--UserFavourite .widgets-line .search-box-wrap input.search-input::placeholder {
  text-transform: none;
}
.client--Settings--UserFavourite .widgets-line .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F1F2F3;
  border-radius: 504px;
  width: 35px;
  height: 35px;
}
.client--Settings--UserFavourite .actions-wrap {
  display: flex;
  align-items: center;
}
.client--Settings--UserFavourite .dropdown-wrap.manage-category .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}
.client--Settings--UserFavourite .dropdown-wrap.manage-category .list-item {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
  display: flex;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  user-select: none;
}
.client--Settings--UserFavourite .dropdown-wrap.manage-category .list-item:not(.category-form-item) {
  width: 198px;
}
.client--Settings--UserFavourite .dropdown-wrap.manage-category .list-item:not(.category-form-item):hover {
  background: #F1F2F3;
}
.client--Settings--UserFavourite .stock-list-wrap .inner-wrap {
  max-height: calc(100vh - 225px);
  overflow: auto;
  padding-right: 20px;
  padding-left: 10px;
}

.client--Settings--NotificationsCenter {
  flex-grow: 1;
  min-width: 0;
  border-radius: 0px 15px 15px 15px;
  background: #fff;
  margin-top: 30px;
  position: relative;
  padding: 50px 7px 15px 15px;
}
.client--Settings--NotificationsCenter .customized-nav-tabs {
  position: absolute;
  top: -30px;
  left: 0;
  border-radius: 8px 8px 0px 0px;
}
.client--Settings--NotificationsCenter .customized-nav-tabs .nav-item.customized-nav-item:not(:last-child) {
  margin-right: 8px;
}
@media screen and (max-width: 1449.99px) {
  .client--Settings--NotificationsCenter .customized-nav-tabs .nav-item.customized-nav-item:not(:last-child) {
    margin-right: 4px;
  }
}
.client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link {
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
  background: #ddd;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 8px 8px 0 0;
}
.client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link .noti-count {
  display: flex;
  align-items: center;
}
.client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link .noti-count .noti-count--label {
  margin-right: 10px;
}
.client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link .noti-count .noti-count--value {
  background: #C4C4C4;
  color: #434D56;
  border-radius: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding: 2px 8px;
}
.client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link.active {
  background-color: #fff;
  border-radius: 8px 8px 0px 0px;
  color: #1E1E1E;
  border-bottom: 3px solid #ffe380;
}
.client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link.active .noti-count .noti-count--value {
  background: #DA2F58;
  color: #fff;
}
@media screen and (max-width: 1449.99px) {
  .client--Settings--NotificationsCenter .customized-nav-tabs .customized-nav-link {
    font-size: 14px;
    line-height: 16px;
  }
}
.client--Settings--NotificationsCenter .customized-nav-tabs .add-category-dropdown .dropdown-trigger {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Settings--NotificationsCenter .noti-setting .setting-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  user-select: none;
}
.client--Settings--NotificationsCenter .noti-setting .setting-item.-disabled {
  cursor: default;
}
.client--Settings--NotificationsCenter .noti-setting .setting-item.-disabled .setting-item--label {
  color: #ABABAB;
}
.client--Settings--NotificationsCenter .noti-setting .setting-item.-disabled .setting-item--widget * {
  cursor: default;
}
.client--Settings--NotificationsCenter .noti-setting .setting-item:hover {
  background: #F1F2F3;
}
.client--Settings--NotificationsCenter .noti-setting .setting-item .setting-item--label {
  font-size: 14px;
  color: #434D56;
}
.client--Settings--NotificationsCenter .noti-setting .dropdown-menu {
  width: 367px;
  border-radius: 6px;
  margin-top: 3px;
  margin-bottom: 0;
}
.client--Settings--NotificationsCenter .noti-setting label.switch {
  width: 30px;
  border-radius: 12px;
  height: 16.5px;
}
.client--Settings--NotificationsCenter .noti-setting .slider::before {
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2.25px;
}
.client--Settings--NotificationsCenter .noti-setting input:checked + .slider:before {
  transform: translateX(12px);
}
.client--Settings--NotificationsCenter .customized-nav-link {
  font-size: 15px;
  line-height: 21px;
  color: #707A83;
  background: #ddd;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 8px 8px 0 0;
}
.client--Settings--NotificationsCenter .customized-nav-link .noti-count {
  display: flex;
  align-items: center;
}
.client--Settings--NotificationsCenter .customized-nav-link .noti-count .noti-count--label {
  margin-right: 10px;
}
.client--Settings--NotificationsCenter .customized-nav-link .noti-count .noti-count--value {
  background: #C4C4C4;
  color: #434D56;
  border-radius: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding: 2px 8px;
}
.client--Settings--NotificationsCenter .customized-nav-link.active {
  background: #fff;
  color: #1E1E1E;
  border-radius: 8px 8px 0 0;
  font-weight: 700;
}
.client--Settings--NotificationsCenter .customized-nav-link.active .noti-count .noti-count--value {
  background: #DA2F58;
  color: #fff;
}
@media screen and (max-width: 1449.99px) {
  .client--Settings--NotificationsCenter .customized-nav-link {
    font-size: 14px;
    line-height: 16px;
  }
}
.client--Settings--NotificationsCenter .actions-group {
  position: absolute;
  top: 8px;
  right: 14px;
  display: flex;
}
.client--Settings--NotificationsCenter .actions-group .action-item {
  font-size: 14px;
  line-height: 16px;
}
.client--Settings--NotificationsCenter .actions-group .action-item:not(:last-child) {
  margin-right: 12px;
}
@media screen and (max-width: 1449.99px) {
  .client--Settings--NotificationsCenter .actions-group .action-item {
    font-size: 12px;
    line-height: 14px;
  }
  .client--Settings--NotificationsCenter .actions-group .action-item:not(:last-child) {
    margin-right: 4px;
  }
}
.client--Settings--NotificationsCenter .actions-group .noti-setting, .client--Settings--NotificationsCenter .actions-group .mark-read-wrap, .client--Settings--NotificationsCenter .actions-group .search-noti {
  padding: 4px 10px;
  border-radius: 50px;
  background: #eee;
  cursor: pointer;
  user-select: none;
  height: 32px;
}
.client--Settings--NotificationsCenter .actions-group .noti-setting .mark-notification-read, .client--Settings--NotificationsCenter .actions-group .mark-read-wrap .mark-notification-read, .client--Settings--NotificationsCenter .actions-group .search-noti .mark-notification-read {
  display: flex;
  align-items: center;
}
.client--Settings--NotificationsCenter .actions-group .noti-setting .MyIcon, .client--Settings--NotificationsCenter .actions-group .mark-read-wrap .MyIcon, .client--Settings--NotificationsCenter .actions-group .search-noti .MyIcon {
  width: 18px !important;
  height: 18px !important;
}
.client--Settings--NotificationsCenter .notifications-list-wrap {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 165px);
}
.client--Settings--NotificationsCenter .notifications-list-wrap .inner-wrap.-no-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Settings--NotificationsCenter .notifications-list-wrap .inner-wrap {
  padding-right: 12px;
  overflow: scroll;
  height: calc(100% - 10px);
}
.client--Settings--NotificationsCenter .notifications-list-wrap .notice-line {
  position: absolute;
  bottom: 0;
  margin-right: 13px;
  padding: 10px 14px;
}
.client--Settings--NotificationsCenter .noti-line {
  display: flex;
  align-items: center;
}
.client--Settings--NotificationsCenter .noti-line:not(:last-child) {
  margin-bottom: 10px;
}
.client--Settings--NotificationsCenter .noti-line .notification-item-wrap {
  flex-grow: 1;
  min-width: 0;
  display: block;
}
.client--Settings--NotificationsCenter .noti-line .notification-item-wrap .content-wrap {
  background: #F7F8F9;
}
.client--Settings--NotificationsCenter .noti-line .notification-item-wrap .user-badge {
  right: 18px;
}
.client--Settings--NotificationsCenter .noti-line .noti-line--date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  display: flex;
  align-items: center;
  min-width: 96px;
}
.client--Settings--NotificationsCenter .noti-line .noti-line--date .dot-wrap {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 18px;
  background: #FB7A02;
}
.client--Settings--NotificationsCenter .noti-line .noti-line--date .censored-date {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FB7A02;
  display: flex;
  align-items: center;
}
.client--Settings--NotificationsCenter .noti-line .noti-line--date .censored-date .date-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FB7A02;
}
.client--Settings--NotificationsCenter .noti-line .noti-line--date .date-year, .client--Settings--NotificationsCenter .noti-line .noti-line--date .date-slash {
  color: #FB7A02;
}

.client--PaymentSuccess {
  border: 1px solid #CECECE;
  border-radius: 10px;
  padding: 21px 49px 18px 52px;
  background-color: #fff;
}
.client--PaymentSuccess.-onMobile {
  padding: 26px 10px;
  border-radius: initial;
  border: initial;
}
.client--PaymentSuccess.-onMobile .row.payment-detail {
  margin-left: -10px;
  margin-right: -10px;
}
.client--PaymentSuccess.-onMobile .row.payment-detail .detail-col {
  padding-left: 10px;
  padding-right: 10px;
}
.client--PaymentSuccess.-onMobile .page-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #171721;
}
.client--PaymentSuccess.-onMobile .div-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #434D56;
  text-align: center;
  text-transform: uppercase;
}
.client--PaymentSuccess.-onMobile .thankyou-text {
  display: none;
}
.client--PaymentSuccess.-onMobile .thankyou-text-mobile {
  display: block;
}
.client--PaymentSuccess.-onMobile .block-detail .detail-line:not(:last-child) {
  margin-bottom: 10px;
}
.client--PaymentSuccess.-onMobile .block-detail .detail-line .line-label {
  font-size: 14px;
  line-height: 24px;
  color: #7E7E7E;
}
.client--PaymentSuccess.-onMobile .block-detail .detail-line .line-value {
  font-size: 14px;
  line-height: 24px;
  color: #0C1014;
}
.client--PaymentSuccess.-onMobile .block-detail .detail-line .line-value.package-info, .client--PaymentSuccess.-onMobile .block-detail .detail-line .line-value.price {
  font-weight: bold;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap {
  position: relative;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap::after {
  content: " ";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: -1px;
  height: 2px;
  background: #ebebeb;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap .transfer-info__line {
  font-size: 14px;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap .transfer-info__line:not(:last-child) {
  margin-bottom: 10px;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap .transfer-info {
  padding: 16px 10px 10px 16px;
  border-bottom: none;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap .transfer-info:first-child {
  border-right: none;
  position: relative;
}
.client--PaymentSuccess.-onMobile .transfer-info-wrap .transfer-info:first-child:after {
  content: " ";
  position: absolute;
  top: 16px;
  bottom: 10px;
  right: -1px;
  width: 2px;
  background: #ebebeb;
}
.client--PaymentSuccess.-onMobile .btn-confirm {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #00B09B;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
}
.client--PaymentSuccess.-onMobile .block-content {
  box-shadow: none;
  border: 1px solid #D3D3D3;
  border-radius: 12px;
}
.client--PaymentSuccess.-onMobile .block-content.-one-order .order-detail .inner-wrap {
  padding-bottom: 14px;
}
.client--PaymentSuccess.-onMobile .banking-payment-info .transfer-content-wrap {
  flex-direction: column;
}
.client--PaymentSuccess.-onMobile .banking-payment-info .transfer-content-wrap .content-label {
  margin-bottom: 4px;
  font-size: 14px;
}
.client--PaymentSuccess.-onMobile .banking-payment-info .transfer-content-wrap .content-value {
  font-size: 14px;
}
.client--PaymentSuccess.-onMobile .banking-payment-info .transfer-content-wrap .copy-wrap {
  bottom: 16px;
}
.client--PaymentSuccess.-onMobile .momo-payment-info {
  padding: 10px 16px;
}
.client--PaymentSuccess.-onMobile .momo-payment-info .transfer-info-wrap {
  padding-bottom: 7px;
}
.client--PaymentSuccess.-onMobile .momo-payment-info .transfer-info-wrap::after {
  left: 0;
  right: 0;
}
.client--PaymentSuccess.-onMobile .momo-payment-info .transfer-content-wrap {
  padding-top: 16px;
}
.client--PaymentSuccess.-onMobile .momo-payment-info .transfer-content-wrap .content-label {
  font-size: 14px;
  margin-bottom: 2px;
}
.client--PaymentSuccess.-onMobile .momo-payment-info .transfer-content-wrap .content-value {
  font-size: 14px;
}
.client--PaymentSuccess.-onMobile .momo-qr-wrap .momo-account-name {
  font-weight: 550;
  font-size: 14px;
  line-height: 140%;
  color: #434D56;
  margin-bottom: 10px;
}
.client--PaymentSuccess.-onMobile .momo-qr-wrap .momo-phone {
  font-weight: 550;
  font-size: 14px;
  line-height: 140%;
  color: #434D56;
  margin-bottom: 5px;
}
.client--PaymentSuccess.-onMobile .momo-qr-wrap img {
  width: 100%;
  max-width: 171px;
}
.client--PaymentSuccess .thankyou-text-mobile {
  font-weight: 550;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.408px;
  color: #434D56;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
.client--PaymentSuccess .div-text {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  color: #1E1E1E;
}
.client--PaymentSuccess .thankyou-text {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  color: #1E1E1E;
  text-align: center;
}
.client--PaymentSuccess .block-content {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.client--PaymentSuccess .block-content.-one-order .order-detail .inner-wrap {
  padding-bottom: 250.5px;
}
.client--PaymentSuccess .block-detail {
  padding: 14px 18px 0 16px;
}
.client--PaymentSuccess .block-detail.total-detail {
  padding-top: 20px;
}
.client--PaymentSuccess .block-detail.total-detail .inner-wrap {
  padding-bottom: 11px;
}
.client--PaymentSuccess .block-detail .inner-wrap {
  padding-bottom: 17px;
}
.client--PaymentSuccess .block-detail .detail-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.client--PaymentSuccess .block-detail .detail-line .line-label {
  font-size: 16px;
  line-height: 24px;
  color: #7E7E7E;
}
.client--PaymentSuccess .block-detail .detail-line .line-value {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #0C1014;
}
.client--PaymentSuccess .block-detail .detail-line:not(:last-child) {
  margin-bottom: 20px;
}
.client--PaymentSuccess .block-detail .detail-line.package-info .line-value, .client--PaymentSuccess .block-detail .detail-line.price .line-value {
  font-weight: bold;
}
.client--PaymentSuccess .block-detail.user-info-block .detail-line:not(:last-child) {
  margin-bottom: 16px;
}
.client--PaymentSuccess .block-detail.user-info-block .user-info-note {
  font-size: 14px;
  line-height: 20px;
  color: #919191;
  text-align: justify;
}
.client--PaymentSuccess .transfer-info-wrap .sub-div-text {
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #949494;
  margin-bottom: 11px;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info {
  padding: 18px 16px 16px 20px;
  border-bottom: 2px solid #EBEBEB;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info:first-child {
  border-right: 2px solid #EBEBEB;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info__line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 24px;
  color: #7E7E7E;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info__line.account-name {
  display: inline-block;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info__line.account-name, .client--PaymentSuccess .transfer-info-wrap .transfer-info__line.bank-name, .client--PaymentSuccess .transfer-info-wrap .transfer-info__line.qr-code {
  padding-left: 13px;
  position: relative;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info__line.account-name::before, .client--PaymentSuccess .transfer-info-wrap .transfer-info__line.bank-name::before, .client--PaymentSuccess .transfer-info-wrap .transfer-info__line.qr-code::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #7E7E7E;
  position: absolute;
  top: 9.5px;
  left: 0;
}
.client--PaymentSuccess .transfer-info-wrap .transfer-info__line:not(:last-child) {
  margin-bottom: 16px;
}
.client--PaymentSuccess .transfer-info-wrap .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #7E7E7E;
  margin-right: 7px;
}
.client--PaymentSuccess .banking-payment-info .transfer-content-wrap {
  padding: 16px;
  display: flex;
}
.client--PaymentSuccess .transfer-content-wrap .content-label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #949494;
}
.client--PaymentSuccess .transfer-content-wrap .content-value {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0C1014;
}
.client--PaymentSuccess button.btn-confirm {
  display: inline-block;
  padding: 14px 65px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #201F1F;
}

#root:has(.client--PaymentSuccess) ~ .customized-modal .MuiBox-root {
  width: 444px !important;
}
#root:has(.client--PaymentSuccess) ~ .customized-modal .close-btn {
  display: none !important;
}
#root:has(.client--PaymentSuccess) ~ .customized-modal .image-wrap {
  margin-top: 47px !important;
}
#root:has(.client--PaymentSuccess) ~ .customized-modal .image-wrap img {
  visibility: hidden;
  height: 123px;
}
#root:has(.client--PaymentSuccess) ~ .customized-modal .image-wrap::before {
  content: "DDC xin trân trọng cám ơn!";
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  top: 47px;
  position: absolute;
  width: 100%;
  left: 0;
}
#root:has(.client--PaymentSuccess) ~ .customized-modal .image-wrap::after {
  content: "Tài khoản sẽ được kích hoạt chậm nhất sau 24h, sau khi DDC nhận được chuyển khoản thanh toán thành công.";
  font-size: 16px;
  line-height: 19px;
  text-align: justify;
  padding-left: 43px;
  padding-right: 43px;
  position: absolute;
  left: 0;
  top: 85px;
}
#root:has(.client--PaymentSuccess) ~ .customized-modal .modal-message:not(:has(.mobile-modal-text)) {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 198, 1, 0.5) 0%, #FFC601 34.88%);
  border-radius: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #1E1E1E;
  margin-left: 29px;
  margin-right: 29px;
  margin-bottom: 40px;
  cursor: pointer;
}

#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .MuiBox-root {
  width: 274px !important;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .image-wrap {
  margin-top: 18px !important;
  margin-bottom: 30px !important;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .image-wrap img {
  height: 94px;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .image-wrap::before {
  top: 18px;
  font-size: 14px;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .image-wrap::after {
  top: 56px;
  font-size: 14px;
  padding-left: 16px;
  padding-right: 16px;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .modal-message {
  margin-bottom: 19px !important;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .mobile-modal-text {
  padding-left: 16px;
  padding-right: 16px;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .home-btn-wrap {
  width: 100%;
  margin-bottom: 38px;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal button.home-btn {
  width: 100%;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  background: #00B09B;
  border-radius: 6px;
  font-weight: 550;
  font-size: 14px;
  line-height: 15px;
  color: #fff;
}
#root:has(.client--PaymentSuccess.-onMobile) ~ .customized-modal .hint {
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000;
  margin-bottom: 11px;
}
.client--Payment--Mobile {
  padding-top: 26px;
  padding-left: 16px;
  padding-right: 16px;
}
.client--Payment--Mobile .page-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #171721;
  margin-left: -4px;
}
.client--Payment--Mobile .package-hint {
  font-size: 10px;
  line-height: 12px;
  color: #178F27;
  margin-top: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.client--Payment--Mobile form .form-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.client--Payment--Mobile form .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client--Payment--Mobile form .form-group .form-label {
  margin-bottom: 0;
}
.client--Payment--Mobile form .form-group:not(:last-child) {
  margin-bottom: 10px;
}
.client--Payment--Mobile form .form-group input.form-control {
  width: 68%;
}
.client--Payment--Mobile form .form-part {
  padding-left: 8px;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-container].Select {
  width: 55%;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-singleValue] .inner-wrap {
  display: flex;
  justify-content: space-between;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-singleValue] .inner-wrap .price {
  font-weight: 550;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-singleValue] .inner-wrap .name, .client--Payment--Mobile form .form-part.select-group div[class*=-singleValue] .inner-wrap .price {
  font-size: 10px;
  line-height: 150%;
  color: #434D56;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-indicatorContainer] {
  padding: initial;
  padding-right: 6px;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-control] {
  border: 1px solid #F2F2F3;
  border-radius: 6px;
  min-height: 30px;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-MenuList] {
  border-radius: 4px;
  max-height: 260px;
  padding: 0;
  border: none;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-MenuList] div[class*=-option] {
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 9px;
  padding-right: 15px;
  border-radius: 0;
  font-weight: 550;
  font-size: 16px;
  line-height: 150%;
  color: #757575;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-MenuList] div[class*=-option].-selected {
  background: #F5F5F5;
  color: #434D56;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-MenuList] div[class*=-option] .name, .client--Payment--Mobile form .form-part.select-group div[class*=-MenuList] div[class*=-option] .price {
  font-size: 10px;
  line-height: 150%;
  color: #434D56;
}
.client--Payment--Mobile form .form-part.select-group div[class*=-MenuList] div[class*=-option] .price {
  font-weight: 550;
}
.client--Payment--Mobile form .form-group.total input.form-control {
  width: 55%;
}
.client--Payment--Mobile form .form-label {
  font-weight: 550;
  font-size: 12px;
  line-height: 18px;
  color: #434D56;
}
.client--Payment--Mobile form .payment-select-wrap {
  margin-bottom: 39px;
  padding-left: 8px;
  padding-right: 8px;
}
.client--Payment--Mobile form .payment-select-wrap .method-item {
  padding: 6px 9px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
}
.client--Payment--Mobile form .payment-select-wrap .method-item .check-icon {
  width: 20px;
  height: 20px;
  display: none;
  align-items: center;
  justify-content: center;
}
.client--Payment--Mobile form .payment-select-wrap .method-item.-selected {
  background: #F1F2F3;
  border-radius: 8px;
  font-weight: 550;
}
.client--Payment--Mobile form .payment-select-wrap .method-item.-selected .check-icon {
  display: flex;
}
.client--Payment--Mobile form .payment-select-wrap .method-item:not(:last-child) {
  margin-bottom: 10px;
}
.client--Payment--Mobile .payment-note {
  font-size: 12px;
  line-height: 14px;
  color: #434D56;
  text-align: justify;
  padding-left: 8px;
  padding-right: 8px;
}
.client--Payment--Mobile .submit-btn {
  height: 30px;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00B09B;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
}

.client--MobileHome {
  padding-top: 26px;
  padding-left: 16px;
  padding-right: 16px;
}
.client--MobileHome .products .div-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #1e1e1e;
  text-align: center;
}
.client--MobileHome .products .customized-nav-tabs {
  margin-bottom: 10px;
  background: #F2F2F3;
  border-radius: 100px;
  margin-left: 15.5px;
  margin-right: 15.5px;
  padding: 2px;
}
.client--MobileHome .products .customized-nav-tabs .customized-nav-item {
  flex-basis: 33.33333%;
  padding-left: 4.5px;
  padding-right: 4.5px;
}
.client--MobileHome .products .customized-nav-tabs .customized-nav-item:first-child {
  padding-left: 2px;
}
.client--MobileHome .products .customized-nav-tabs .customized-nav-item:last-child {
  padding-right: 2px;
}
.client--MobileHome .products .customized-nav-tabs .customized-nav-item:not(:last-child) {
  margin-right: initial;
}
.client--MobileHome .products .customized-nav-tabs .customized-nav-item .customized-nav-link {
  background: #FFFFFF;
  border-radius: 100px;
  width: 94px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 10px;
  line-height: 150%;
  color: #171721;
  width: 100%;
}
.client--MobileHome .products .customized-nav-tabs .customized-nav-item .customized-nav-link.active {
  background: #171721;
  color: #fff;
}
.client--MobileHome .products .tab-content {
  padding: 20px 15px 20px 25px;
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
  border-radius: 16px;
}
.client--MobileHome .products .tab-content .div-text {
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #434D56;
  margin-bottom: 6px;
}
.client--MobileHome .products .tab-content .product-desc--wrap {
  margin-bottom: 14px;
}
.client--MobileHome .products .tab-content.tab-content--premium .product-desc--wrap {
  margin-bottom: 40px;
}
.client--MobileHome .products .tab-content .product-desc {
  display: flex;
  align-items: center;
}
.client--MobileHome .products .tab-content .product-desc:not(:last-child) {
  margin-bottom: 5px;
}
.client--MobileHome .products .tab-content .product-desc .product-desc--text {
  font-size: 12px;
  line-height: 150%;
  color: #707A83;
}
.client--MobileHome .products .tab-content .product-hint {
  font-size: 10px;
  line-height: 150%;
  color: #707A83;
  position: relative;
}
.client--MobileHome .products .tab-content .product-hint .product-hint--line {
  padding-left: 13px;
  position: relative;
}
.client--MobileHome .products .tab-content .product-hint .product-hint--line:before {
  content: " ";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #707A83;
  position: absolute;
  top: calc(50% - 1px);
  left: 6px;
}
.client--MobileHome .products .tab-content .product-hint .contact-btn {
  min-width: 88px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00B09B;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 7px;
  padding-right: 7px;
}
.client--MobileHome .products .tab-content .product-select-wrap {
  flex-grow: 1;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-Input] {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-control] {
  border: 1px solid #F2F2F3;
  border-radius: 6px;
  min-height: 30px;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-menu]:not(.select-menuList) {
  right: 0;
  filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.15));
  border-radius: 4px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-indicatorContainer] {
  padding: initial;
  padding-right: 6px;
}
.client--MobileHome .products .tab-content .product-select-wrap .select-menuList {
  border-radius: 4px;
  max-height: 260px;
  padding: 0;
  border: none;
}
.client--MobileHome .products .tab-content .product-select-wrap .select-menuList .select-option {
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 9px;
  padding-right: 15px;
  border-radius: 0;
  font-weight: 550;
  font-size: 16px;
  line-height: 150%;
  color: #757575;
}
.client--MobileHome .products .tab-content .product-select-wrap .select-menuList .select-option.-selected {
  background: #F5F5F5;
  color: #434D56;
}
.client--MobileHome .products .tab-content .product-select-wrap .select-menuList .select-option .name, .client--MobileHome .products .tab-content .product-select-wrap .select-menuList .select-option .price {
  font-size: 10px;
  line-height: 150%;
  color: #434D56;
}
.client--MobileHome .products .tab-content .product-select-wrap .select-menuList .select-option .price {
  font-weight: 550;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-ValueContainer] {
  padding: 0 10px;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-singleValue] .inner-wrap {
  display: flex;
  justify-content: space-between;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-singleValue] .inner-wrap .price {
  font-weight: 550;
}
.client--MobileHome .products .tab-content .product-select-wrap div[class*=-singleValue] .inner-wrap .name, .client--MobileHome .products .tab-content .product-select-wrap div[class*=-singleValue] .inner-wrap .price {
  font-size: 10px;
  line-height: 150%;
  color: #434D56;
}
.client--MobileHome .products .tab-content .upgrade-action .upgrade-btn {
  min-width: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00B09B;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  padding: 1px 6px;
}
.client--MobileHome .page-title {
  margin-bottom: 85px;
}
.client--MobileHome .header-div {
  margin-bottom: 54px;
}
.client--MobileHome .header-div .background {
  background: #00B09B;
  border-radius: 12px;
  height: 216px;
  padding-top: 16px;
  padding-left: 27px;
}
.client--MobileHome .header-div .background .brand-message {
  color: #fff;
  font-size: 20px;
  line-height: 23px;
  width: 111px;
}
.client--MobileHome .header-div .img-header-mobile1 {
  position: absolute;
  top: 7.5px;
  right: 65px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 6px;
  transform: rotate(-6deg);
}
.client--MobileHome .header-div .img-header-mobile2 {
  position: absolute;
  top: -34px;
  right: 11px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 6px;
  transform: rotate(5.52deg);
}
.client--MobileHome .page-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
}
.client--MobileHome .mobiles-wrap {
  padding-left: 34px;
  padding-right: 32px;
}
.client--MobileHome .mobile-img {
  border-radius: 16px;
  background: #fff;
  filter: drop-shadow(0px -2px 30px rgba(0, 0, 0, 0.15));
  box-shadow: 153px 128px 153px rgba(4, 59, 85, 0.05);
}
.client--MobileHome .packages-compare-wrap {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}
.client--MobileHome .packages-compare-wrap table {
  width: 100%;
  table-layout: fixed;
}
.client--MobileHome .packages-compare-wrap table tr td {
  vertical-align: middle;
}
.client--MobileHome .packages-compare-wrap table tr td:has(img) {
  text-align: center;
}
.client--MobileHome .packages-compare-wrap table tr th {
  border: 0.3px solid #AAAEB2;
  font-size: 10px;
  line-height: 110%;
  color: #707A83;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  vertical-align: middle;
}
.client--MobileHome .packages-compare-wrap table tr th:not(:first-child) {
  border-left: none;
}
.client--MobileHome .packages-compare-wrap table tr:first-child th {
  font-weight: 550;
  color: #434D56;
}
.client--MobileHome .packages-compare-wrap table tr:first-child th:not(:first-child) {
  padding: initial !important;
}
.client--MobileHome .packages-compare-wrap table tr:not(:first-child) th {
  border-top: none;
}
.client--MobileHome .packages-compare-wrap table tr:not(:first-child) td {
  border-top: none;
}
.client--MobileHome .packages-compare-wrap table tr:last-child th:first-child {
  border-radius: 0px 0px 0px 10px;
}
.client--MobileHome .packages-compare-wrap table tr:last-child td:last-child {
  border-radius: 0px 0px 10px 0px;
}
.client--MobileHome .feature-demo-wrap {
  height: 168px;
  position: relative;
}
.client--MobileHome .feature-demo-wrap .background-wrap {
  position: absolute;
  background: #00B09B;
  border-radius: 12px;
  transform: rotate(-1.42deg);
  height: 100%;
  width: 100%;
}
.client--MobileHome .feature-demo-wrap img {
  width: 95%;
  position: relative;
  left: 20px;
  bottom: 4px;
  transform: rotate(1.92deg);
}
.client--MobileHome .introduce-text-wrap {
  margin-top: 56px;
  margin-bottom: 7px;
  display: flex;
  justify-content: flex-end;
  padding-right: 29px;
}
.client--MobileHome .introduce-text-wrap .introduce-text {
  width: 208px;
  font-size: 20px;
  line-height: 23px;
  text-align: right;
  color: #000000;
}
.client--MobileHome .faq-wrap {
  padding: 13px 10px 10px 10px;
  background: #F9F8F9;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.client--MobileHome .faq-wrap .div-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.client--MobileHome .faq-wrap .question-item {
  padding: 10px 10px 10px 8px;
  font-size: 10px;
  line-height: 150%;
  cursor: pointer;
  background: #FFFFFF;
  border: 0.3px solid #AAAEB2;
  border-radius: 8px;
}
.client--MobileHome .faq-wrap .question-item .minus-icon {
  display: none;
}
.client--MobileHome .faq-wrap .question-item[aria-expanded=true] .plus-icon {
  display: none;
}
.client--MobileHome .faq-wrap .question-item[aria-expanded=true] .minus-icon {
  display: block;
}
.client--MobileHome .faq-wrap .question-item .question-item--content {
  font-weight: 550;
  padding-right: 12px;
}
.client--MobileHome .faq-wrap .question-item .question-item--answer {
  transition: 0.1s !important;
}
.client--MobileHome .faq-wrap .question-item:not(:last-child) {
  margin-bottom: 8px;
}
.client--MobileHome .mobile-footer {
  background: #171721;
  padding: 26px 25px 21px 25px;
  margin-left: -16px;
  margin-right: -16px;
}
.client--MobileHome .mobile-footer .contact-info-line {
  font-size: 15px;
  line-height: 18px;
  color: #B1B1B1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.client--MobileHome .mobile-footer .contact-info-line:not(:last-child) {
  margin-bottom: 20px;
}
.client--MobileHome .mobile-footer .contact-info-line .line-value {
  color: #B1B1B1;
}
.client--MobileHome .mobile-footer .footer-message {
  padding-left: 50px;
  padding-right: 50px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #fff;
}

body:has(.client--MobileHome):has(#modalResgister.show) {
  overflow: hidden;
}
body:has(.client--MobileHome):has(#modalResgister.show) .client--MobileHome {
  display: none;
}

body:has(.client--MobileHome) #modalResgister {
  width: 100vw !important;
  height: 100vh !important;
}

.categoryItem-page.-on-Mobile {
  margin-top: initial;
  display: block;
  margin: 0;
}
.categoryItem-page.-on-Mobile .article-image {
  overflow: hidden;
}
.categoryItem-page.-on-Mobile .article-image img {
  width: 100%;
}
.categoryItem-page.-on-Mobile .main-content {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 18px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  margin-top: -15px;
}
.categoryItem-page.-on-Mobile .main-content .article-category {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #0F72CC;
  margin-bottom: 9px;
}
.categoryItem-page.-on-Mobile .main-content .article-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #434D56;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-bottom: 13px;
  border-bottom: 0.5px solid #AAAEB2;
  white-space: nowrap;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .avatar-wrap {
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 6px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #ebebeb;
  border-radius: 50px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .avatar-wrap img.-has-default {
  object-fit: contain;
  object-fit: scale-down;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .flex-right {
  min-width: 0;
  padding: 0 12.5px;
  flex: 1;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .author-name {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 2px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .reactions-wrap {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  display: flex;
  align-items: center;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .article-label {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 6px;
  font-size: 10px;
  line-height: 12px;
  width: fit-content;
  background: #F1F2F3;
  border-radius: 50px;
  height: 14px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .article-label.ddc-post {
  background: #FFC601;
  color: #1E1E1E;
}
.categoryItem-page.-on-Mobile .main-content .article-content-wrap {
  margin-top: 12px;
}
.categoryItem-page.-on-Mobile .main-content .article-content-wrap img {
  max-width: 100vw;
  object-fit: contain;
  height: 100% !important;
}
.categoryItem-page.-on-Mobile .main-content .mobile-stocks-wrap {
  margin-top: 18px;
}
.categoryItem-page.-on-Mobile .main-content .tags-wrap .div-text {
  font-size: 14px;
}
.categoryItem-page.-on-Mobile .main-content .tags-wrap .tag-item {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.categoryItem-page.-on-Mobile .main-content .comments-count {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #434D56;
  margin-top: 21px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap {
  padding: 8px 12px 27px 13px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer {
  background: #FFC601;
  border-radius: 12px;
  padding-top: 12px;
  padding-bottom: 37px;
  padding-left: 15px;
  padding-right: 15px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer .div-text {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #171721;
  margin-bottom: 32px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer .div-sub-text {
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 15px;
  padding-right: 27px;
  padding-left: 24px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer .app-links {
  display: flex;
  padding-right: 20px;
  padding-left: 23px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 {
  justify-content: space-between;
  border-radius: 8px;
  padding: 4px 6px 6px 11px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2:not(:last-child) {
  margin-bottom: 13px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2.-increased {
  background: #EEF9F5;
  border: 0.5px solid #31b587;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2.-decreased {
  background: #FCEEF2;
  border: 0.5px solid #da2f58;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2.-unchanged {
  background: #fffbeb;
  border: 0.5px solid #FFC601;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .company-info {
  margin-right: 6px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .stock-code {
  color: #434D56;
  font-weight: 550;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .company-name {
  font-size: 10px;
  width: 125px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .ranking-wrap {
  margin-right: 0;
  min-width: initial;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .ranking-wrap .div-text {
  font-size: 10px;
  line-height: 12px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap {
  min-width: 65px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap {
  display: block;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .stock-price {
  padding-left: initial;
  margin-right: 20px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left {
  margin-right: 0;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__top {
  justify-content: end;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__bottom {
  justify-content: end;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__bottom .percent-change {
  color: #EEF9F5;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-right {
  right: 0;
}
.categoryItem-page.-on-Mobile .client--AddCategory,
.categoryItem-page.-on-Mobile .client--CreateCategory {
  width: 250px;
}

.categoryItem-page {
  margin: 0 -12.5px;
  margin-top: 18px;
  display: flex;
}
.categoryItem-page .flex-left {
  flex-basis: 67%;
  min-width: 0px;
  padding: 0 12.5px;
}
.categoryItem-page .flex-right {
  flex-basis: 33%;
  min-width: 0px;
  padding: 0 12.5px;
}
.categoryItem-page .stocks-wrap {
  width: 100%;
}
.categoryItem-page .stocks-wrap .stock-item-wrapper {
  display: flex !important;
}
.categoryItem-page .stocks-wrap .stock-item-rcm {
  font-weight: 550;
  font-size: 18px;
  line-height: 21px;
  color: #1E434D;
}
.categoryItem-page .stocks-wrap .stock-item {
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.categoryItem-page .stocks-wrap .stock-item.-unchanged {
  background: rgba(255, 198, 1, 0.08);
}
.categoryItem-page .stocks-wrap .stock-item.-decreased {
  background: rgba(207, 48, 74, 0.08);
}
.categoryItem-page .stocks-wrap .stock-item.-increased {
  background: rgba(23, 143, 39, 0.08);
}
.categoryItem-page .stocks-wrap .stock-item .stock-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categoryItem-page .stocks-wrap .stock-item .stock-code {
  color: #434d56;
  margin-right: 8px;
  font-size: 24px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-code:hover {
  filter: brightness(0.2);
}
.categoryItem-page .stocks-wrap .stock-item .change-indicator {
  margin: 0 12px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change {
  font-size: 16px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change.-unchanged {
  color: #FFC601;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change.-increased {
  color: #178F27;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change.-decreased {
  color: #DA2F58;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change .stock-percentage {
  color: white;
  padding: 0px 6px;
  border-radius: 6px;
  margin-left: 8px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation {
  font-size: 16px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation.-unchanged {
  color: #FFC601;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation.-increased {
  color: #178F27;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation.-decreased {
  color: #DA2F58;
}
.categoryItem-page .stocks-wrap .stock-item .stock-rank {
  display: flex;
  align-items: center;
  position: relative;
}
.categoryItem-page .stocks-wrap .stock-item .rank-text {
  color: #707A83;
  margin-right: 5px;
}
.categoryItem-page .stocks-wrap .stock-item .rank-point {
  font-weight: 600;
}
.categoryItem-page .stocks-wrap .stock-item .stock-rcm-name {
  color: #707a83;
  font-weight: normal;
}
.categoryItem-page .stocks-wrap .stock-item .client--StockMarker:hover {
  filter: brightness(0.2);
}
.categoryItem-page .stocks-wrap .stock-item-wrap {
  width: 100%;
}
.categoryItem-page .tags-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -5px;
  width: 100%;
}
.categoryItem-page .tags-wrap .div-text {
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
  margin-top: 5px;
}
.categoryItem-page .tags-wrap .tag-item {
  background: #F1F2F3;
  border-radius: 20px;
  padding: 2px 11px;
  margin-top: 5px;
}
.categoryItem-page .tags-wrap .tag-item:not(:last-child) {
  margin-right: 8px;
}
.categoryItem-page .tags-wrap .tag-item:hover {
  background: #ffe380;
  color: #434D56;
}
.categoryItem-page .article-comment-item .main-comment {
  display: flex;
  align-items: flex-start;
}
.categoryItem-page .article-comment-item.-no-subs .comment-content-wrap::before {
  display: none;
}
.categoryItem-page .article-comment-item:not(:last-child) {
  margin-bottom: 12px;
}
.categoryItem-page .article-comment-item .avatar-wrap {
  position: relative;
  margin-right: 15px;
}
.categoryItem-page .article-comment-item .avatar-wrap .avatar-indicator {
  position: absolute;
  bottom: -6px;
  right: -5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.categoryItem-page .article-comment-item .avatar-wrap .avatar-img {
  border-radius: 50px;
  width: 45px;
  height: 45px;
}
.categoryItem-page .article-comment-item .comment-content-wrap {
  flex-grow: 1;
  min-width: 0;
  background: #f8f8f9;
  border-radius: 10px;
  padding: 12px;
  position: relative;
}
.categoryItem-page .article-comment-item .comment-content-wrap::before {
  content: " ";
  position: absolute;
  left: -48px;
  top: 65px;
  bottom: -15px;
  border-right: 1px solid #EAEBED;
}
.categoryItem-page .article-comment-item .comment-content-wrap .deltButton {
  position: absolute;
  right: 8px;
  top: 6px;
  color: red;
}
.categoryItem-page .article-comment-item .comment-content-wrap .user-name {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 6px;
  color: #1e1e1e;
}
.categoryItem-page .article-comment-item .comment-content-wrap .comment-content {
  font-size: 17px;
  line-height: 21px;
  color: #434d56;
  margin-bottom: 10px;
}
.categoryItem-page .article-comment-item .comment-content-wrap .comment-time {
  font-size: 15px;
  color: #707a83;
}
.categoryItem-page .article-comment-item .sub-comments-wrap {
  padding-left: 80px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item:not(:last-child) {
  margin-bottom: 15px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item:last-child .avatar-wrap::after {
  border-bottom: 1px solid #EAEBED;
  border-left: 1px solid #EAEBED;
  border-radius: 0 0 0 12px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item:last-child .comment-content-wrap::before {
  display: none;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .comment-content-wrap::before {
  left: -113px;
  top: 0;
  bottom: -15px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap {
  position: relative;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap .avatar-img {
  width: 40px;
  height: 40px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap::after {
  content: " ";
  position: absolute;
  left: -48px;
  width: 48px;
  top: 0;
  bottom: 50%;
  border-bottom: 1px solid #EAEBED;
}
.categoryItem-page .article-comment-item .load-more-sub-comments {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 21px;
  padding-left: 160px;
}
.categoryItem-page .post-card .post-title {
  font-weight: bold;
}
.categoryItem-page .post-card .post-description {
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page .post-card .post-content {
  flex-basis: 55%;
  min-width: 0;
  padding: 14px;
}
.categoryItem-page .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categoryItem-page .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  color: #707A83;
}
.categoryItem-page .post-card .posted-at-wrap .post-source {
  font-size: 12px;
  color: #1E1E1E;
  max-width: 110px;
  padding: 0 10px;
  background: #F1F2F3;
  border-radius: 50px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page .post-card .posted-at-wrap .post-source.ddc-post {
  background: #FFC601;
}
.categoryItem-page .post-card.other-post {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}
.categoryItem-page .post-card.other-post .post-image {
  width: 100%;
  height: 170px;
}
.categoryItem-page .post-card.other-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.categoryItem-page .post-card.other-post .posted-at-wrap {
  margin-bottom: 8px;
}
.categoryItem-page .post-card.other-post .post-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 8px;
  min-height: 78px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page .post-card.other-post .post-description {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 19px;
}
.categoryItem-page .community-wrap {
  border-radius: 10px;
  padding: 14px 10px 14px 14px;
  height: calc(100vh - 55px - 15px - 15px);
  position: sticky;
  top: calc(55px + 15px);
  background-color: #fff;
}
.categoryItem-page .community-wrap .section-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 6px;
  padding-left: 14px;
  margin-bottom: 4px;
}
.categoryItem-page .community-wrap .client--Community {
  height: calc(100% - 38px);
}
.categoryItem-page .community-wrap .scroll-to-top {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(67, 77, 86, 0.3) 100%);
  position: absolute;
  bottom: 12px;
  left: calc(50% - 12px);
  border-radius: 50px;
  backdrop-filter: blur(14px);
}
.categoryItem-page .community-wrap .scroll-to-top:hover {
  filter: brightness(1.1);
}
.categoryItem-page .footer-wrap {
  width: 100vw;
}
.categoryItem-page .likePosts {
  cursor: pointer;
}
.categoryItem-page.loadCate {
  min-height: 700px;
}
.categoryItem-page--title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 15px;
}
.categoryItem-page--title span {
  color: #0069C9;
}
.categoryItem-page--inner {
  padding: 30px;
  background: #FFFFFF;
  border-radius: 16px;
  position: relative;
}
.categoryItem-page--inner .float-left-buttons-group {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  left: -47px;
  padding: 4px;
  border-radius: 50px;
  background: #fff;
}
.categoryItem-page--inner .float-left-buttons-group .button {
  padding: 0;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background-color: #fff;
}
.categoryItem-page--inner .float-left-buttons-group .button:hover {
  background-color: #eee !important;
}
.categoryItem-page--inner .article-title {
  font-weight: 700;
  font-size: 42px;
  color: #1E1E1E;
  line-height: 50px;
  margin-bottom: 40px;
}
.categoryItem-page--inner #tableofcontents {
  background: #fff9e5;
  height: auto;
  padding: 20px 28px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.categoryItem-page--inner #tableofcontents .h1 {
  font-size: 15px;
  line-height: 16px;
  margin: 8px 0;
}
.categoryItem-page--inner #tableofcontents .h1::marker {
  font-size: 15px;
  content: "# ";
}
.categoryItem-page--inner #tableofcontents .h1 a {
  color: #1E1E1E;
}
.categoryItem-page--inner #tableofcontents .h1 a:hover {
  color: #007bff;
}
.categoryItem-page--inner #tableofcontents .h2 {
  font-size: 15px;
  line-height: 16px;
  margin-left: 18px;
}
.categoryItem-page--inner #tableofcontents .h2::marker {
  font-size: 15px;
}
.categoryItem-page--inner #tableofcontents .h2 a {
  color: #1E1E1E;
}
.categoryItem-page--inner #tableofcontents .h2 a:hover {
  color: #007bff;
}
.categoryItem-page--inner .block-timeline {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #707A83;
}
.categoryItem-page--inner .block-timeline .avatar-wrap {
  display: flex;
  align-items: center;
}
.categoryItem-page--inner .block-timeline .avatar-wrap img {
  border-radius: 50px;
}
.categoryItem-page--inner .block-timeline .article-date {
  font-size: 13px;
  margin-top: -3px;
}
.categoryItem-page--inner .block-timeline .speech-button-wrap > button > i {
  font-family: "Font Awesome 6 free";
}
.categoryItem-page--inner .block-timeline .vertical-divider {
  height: 26px;
  width: 1px;
  background: #D6DEE4;
}
.categoryItem-page--inner .block-timeline span {
  color: #6C6C6C;
  font-family: "Inter", sans-serif;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.2;
}
.categoryItem-page--inner .block-timeline span:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #C4C4C4;
}
.categoryItem-page--inner .article-content-wrap {
  position: relative;
  overflow: hidden;
}
.categoryItem-page--inner .article-content-wrap * {
  max-width: 100% !important;
  font-family: "Inter" !important;
  line-height: 30px;
  font-size: 18px;
  margin: 15px auto;
}
.categoryItem-page--inner .article-content-wrap p,
.categoryItem-page--inner .article-content-wrap span {
  font-size: 18px !important;
}
.categoryItem-page--inner .article-content-wrap h2 {
  line-height: 22px !important;
  font-size: 22px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap h2 * {
  font-size: 22px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap h1 {
  line-height: 25px !important;
  font-size: 25px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap h1 * {
  font-size: 25px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap *:has(> img):hover {
  cursor: pointer;
}
.categoryItem-page--inner .article-content-wrap h1,
.categoryItem-page--inner .article-content-wrap h2 {
  scroll-margin-top: 100px;
}
.categoryItem-page--inner .article-content-wrap img {
  border-radius: 10px;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 20px !important;
  display: table !important;
}
.categoryItem-page--inner .article-content-wrap figure#attachment_594895 {
  width: initial !important;
}
.categoryItem-page--inner .warning-rpi {
  font-size: 16px;
  text-align: justify;
  background: #f6f7f2;
  padding: 8px 12px;
  border-radius: 10px;
}
.categoryItem-page--inner .bottom-img {
  margin-top: 40px;
}
.categoryItem-page--inner .bottom-img img {
  border-radius: 10px;
}
.categoryItem-page--inner .block-comment .loginRequire {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.2;
  font-weight: bold;
  cursor: pointer;
}
.categoryItem-page--inner .block-comment .comment-counts {
  font-weight: 550;
  font-size: 18px;
  line-height: 21px;
  color: #1E434D;
}
.categoryItem-page--inner .block-comment__input {
  position: relative;
}
.categoryItem-page--inner .block-comment__input img {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 22px;
  height: 20px;
  cursor: pointer;
}
.categoryItem-page--inner .block-comment__input textarea.form-control {
  height: 135px;
  background: rgba(241, 242, 243, 0.5);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #1e1e1e;
  border: none;
}
.categoryItem-page--inner .block-comment__input textarea.form-control::placeholder {
  color: #AAAEB2;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn {
  display: flex;
  justify-content: end;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 15px;
  background-color: #ddd;
  color: #1E1E1E;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button[disabled] {
  filter: brightness(1.1);
  cursor: no-drop;
  color: #7d7a7a;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button[disabled] .MyIcon {
  filter: brightness(4);
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button:hover:not([disabled]) {
  background-color: #ffe380;
}
.categoryItem-page--inner .block-comment__item {
  background: #FFFFFF;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 20px 30px 20px;
  margin-bottom: 20px;
}
.categoryItem-page--inner .block-comment__item:first-child {
  margin-top: 34px;
}
.categoryItem-page--inner .block-comment__item:last-child {
  margin-bottom: 30px;
}
.categoryItem-page--inner .block-comment__item .avatar {
  width: 83px;
  height: 83px;
  border-radius: 50px;
  float: left;
  margin-right: 8px;
  overflow: hidden;
}
.categoryItem-page--inner .block-comment__item .avatar div {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.categoryItem-page--inner .block-comment__item .content {
  border-radius: 9px;
  float: right;
  width: calc(100% - 91px);
}
.categoryItem-page--inner .block-comment__item .content-parent {
  padding: 20px 30px;
  background: #F5F5F5;
}
.categoryItem-page--inner .block-comment__item .content p {
  font-family: "Inter", sans-serif;
  font-size: 22px !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  color: #EC8322;
}
.categoryItem-page--inner .block-comment__item .content .contentCmt {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
}
.categoryItem-page--inner .block-comment__item .content .interactive {
  margin-top: 25px;
}
.categoryItem-page--inner .block-comment__item .content .interactive span {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
}
.categoryItem-page--inner .block-comment__item .content .interactive span img {
  cursor: pointer;
}
.categoryItem-page--inner .block-comment__item .content .interactive span:first-child {
  padding-right: 30px;
  border-right: 1px solid #C4C4C4;
  margin-right: 35px;
}
.categoryItem-page--inner .block-comment .load-more-comments {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.categoryItem-page--inner .block-comment .load-more-comments button.button {
  background: #F1F2F3;
  border-radius: 4px;
  padding: 9px 13.5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #1E1E1E;
}
.categoryItem-page .title-row {
  margin-bottom: 20px;
}
.categoryItem-page .title-row .div-text {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}

.categoryItem-page.-on-Mobile {
  margin-top: initial;
  display: block;
  margin: 0;
}
.categoryItem-page.-on-Mobile .article-image {
  overflow: hidden;
}
.categoryItem-page.-on-Mobile .article-image img {
  width: 100%;
}
.categoryItem-page.-on-Mobile .main-content {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 18px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  margin-top: -15px;
}
.categoryItem-page.-on-Mobile .main-content .article-category {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #0F72CC;
  margin-bottom: 9px;
}
.categoryItem-page.-on-Mobile .main-content .article-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #434D56;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-bottom: 13px;
  border-bottom: 0.5px solid #AAAEB2;
  white-space: nowrap;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .avatar-wrap {
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 6px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #ebebeb;
  border-radius: 50px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .avatar-wrap img.-has-default {
  object-fit: contain;
  object-fit: scale-down;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .flex-right {
  min-width: 0;
  padding: 0 12.5px;
  flex: 1;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .author-name {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 2px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .reactions-wrap {
  font-size: 12px;
  line-height: 14px;
  color: #707A83;
  display: flex;
  align-items: center;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .article-label {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 6px;
  font-size: 10px;
  line-height: 12px;
  width: fit-content;
  background: #F1F2F3;
  border-radius: 50px;
  height: 14px;
}
.categoryItem-page.-on-Mobile .main-content .article-info-wrap .article-label.ddc-post {
  background: #FFC601;
  color: #1E1E1E;
}
.categoryItem-page.-on-Mobile .main-content .article-content-wrap {
  margin-top: 12px;
}
.categoryItem-page.-on-Mobile .main-content .article-content-wrap img {
  max-width: 100vw;
  object-fit: contain;
  height: 100% !important;
}
.categoryItem-page.-on-Mobile .main-content .mobile-stocks-wrap {
  margin-top: 18px;
}
.categoryItem-page.-on-Mobile .main-content .tags-wrap .div-text {
  font-size: 14px;
}
.categoryItem-page.-on-Mobile .main-content .tags-wrap .tag-item {
  font-size: 14px;
  line-height: 16px;
  color: #707A83;
}
.categoryItem-page.-on-Mobile .main-content .comments-count {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #434D56;
  margin-top: 21px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap {
  padding: 8px 12px 27px 13px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer {
  background: #FFC601;
  border-radius: 12px;
  padding-top: 12px;
  padding-bottom: 37px;
  padding-left: 15px;
  padding-right: 15px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer .div-text {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #171721;
  margin-bottom: 32px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer .div-sub-text {
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 15px;
  padding-right: 27px;
  padding-left: 24px;
}
.categoryItem-page.-on-Mobile .article-footer-wrap .article-footer .app-links {
  display: flex;
  padding-right: 20px;
  padding-left: 23px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 {
  justify-content: space-between;
  border-radius: 8px;
  padding: 4px 6px 6px 11px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2:not(:last-child) {
  margin-bottom: 13px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2.-increased {
  background: #EEF9F5;
  border: 0.5px solid #31b587;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2.-decreased {
  background: #FCEEF2;
  border: 0.5px solid #da2f58;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2.-unchanged {
  background: #fffbeb;
  border: 0.5px solid #FFC601;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .company-info {
  margin-right: 6px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .stock-code {
  color: #434D56;
  font-weight: 550;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .company-name {
  font-size: 10px;
  width: 125px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .ranking-wrap {
  margin-right: 0;
  min-width: initial;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .ranking-wrap .div-text {
  font-size: 10px;
  line-height: 12px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .ranking-wrap .ddc-point-wrap .ranking-line .progress-bar-wrap {
  min-width: 65px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap {
  display: block;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .stock-price {
  padding-left: initial;
  margin-right: 20px;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left {
  margin-right: 0;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__top {
  justify-content: end;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__bottom {
  justify-content: end;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-left .flex-left__bottom .percent-change {
  color: #EEF9F5;
}
.categoryItem-page.-on-Mobile .client--StockInfoLine.version-2 .prices-wrap .flex-right {
  right: 0;
}
.categoryItem-page.-on-Mobile .client--AddCategory,
.categoryItem-page.-on-Mobile .client--CreateCategory {
  width: 250px;
}

.categoryItem-page {
  margin: 0 -12.5px;
  margin-top: 18px;
  display: flex;
}
.categoryItem-page .flex-left {
  flex-basis: 67%;
  min-width: 0px;
  padding: 0 12.5px;
}
.categoryItem-page .flex-right {
  flex-basis: 33%;
  min-width: 0px;
  padding: 0 12.5px;
}
.categoryItem-page .stocks-wrap {
  width: 100%;
}
.categoryItem-page .stocks-wrap .stock-item-wrapper {
  display: flex !important;
}
.categoryItem-page .stocks-wrap .stock-item-rcm {
  font-weight: 550;
  font-size: 18px;
  line-height: 21px;
  color: #1E434D;
}
.categoryItem-page .stocks-wrap .stock-item {
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.categoryItem-page .stocks-wrap .stock-item.-unchanged {
  background: rgba(255, 198, 1, 0.08);
}
.categoryItem-page .stocks-wrap .stock-item.-decreased {
  background: rgba(207, 48, 74, 0.08);
}
.categoryItem-page .stocks-wrap .stock-item.-increased {
  background: rgba(23, 143, 39, 0.08);
}
.categoryItem-page .stocks-wrap .stock-item .stock-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categoryItem-page .stocks-wrap .stock-item .stock-code {
  color: #434d56;
  margin-right: 8px;
  font-size: 24px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-code:hover {
  filter: brightness(0.2);
}
.categoryItem-page .stocks-wrap .stock-item .change-indicator {
  margin: 0 12px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change {
  font-size: 16px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change.-unchanged {
  color: #FFC601;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change.-increased {
  color: #178F27;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change.-decreased {
  color: #DA2F58;
}
.categoryItem-page .stocks-wrap .stock-item .stock-change .stock-percentage {
  color: white;
  padding: 0px 6px;
  border-radius: 6px;
  margin-left: 8px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation {
  font-size: 16px;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation.-unchanged {
  color: #FFC601;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation.-increased {
  color: #178F27;
}
.categoryItem-page .stocks-wrap .stock-item .stock-evaluation.-decreased {
  color: #DA2F58;
}
.categoryItem-page .stocks-wrap .stock-item .stock-rank {
  display: flex;
  align-items: center;
  position: relative;
}
.categoryItem-page .stocks-wrap .stock-item .rank-text {
  color: #707A83;
  margin-right: 5px;
}
.categoryItem-page .stocks-wrap .stock-item .rank-point {
  font-weight: 600;
}
.categoryItem-page .stocks-wrap .stock-item .stock-rcm-name {
  color: #707a83;
  font-weight: normal;
}
.categoryItem-page .stocks-wrap .stock-item .client--StockMarker:hover {
  filter: brightness(0.2);
}
.categoryItem-page .stocks-wrap .stock-item-wrap {
  width: 100%;
}
.categoryItem-page .tags-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -5px;
  width: 100%;
}
.categoryItem-page .tags-wrap .div-text {
  font-size: 16px;
  line-height: 19px;
  color: #1E434D;
  margin-top: 5px;
}
.categoryItem-page .tags-wrap .tag-item {
  background: #F1F2F3;
  border-radius: 20px;
  padding: 2px 11px;
  margin-top: 5px;
}
.categoryItem-page .tags-wrap .tag-item:not(:last-child) {
  margin-right: 8px;
}
.categoryItem-page .tags-wrap .tag-item:hover {
  background: #ffe380;
  color: #434D56;
}
.categoryItem-page .article-comment-item .main-comment {
  display: flex;
  align-items: flex-start;
}
.categoryItem-page .article-comment-item.-no-subs .comment-content-wrap::before {
  display: none;
}
.categoryItem-page .article-comment-item:not(:last-child) {
  margin-bottom: 12px;
}
.categoryItem-page .article-comment-item .avatar-wrap {
  position: relative;
  margin-right: 15px;
}
.categoryItem-page .article-comment-item .avatar-wrap .avatar-indicator {
  position: absolute;
  bottom: -6px;
  right: -5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.categoryItem-page .article-comment-item .avatar-wrap .avatar-img {
  border-radius: 50px;
  width: 45px;
  height: 45px;
}
.categoryItem-page .article-comment-item .comment-content-wrap {
  flex-grow: 1;
  min-width: 0;
  background: #f8f8f9;
  border-radius: 10px;
  padding: 12px;
  position: relative;
}
.categoryItem-page .article-comment-item .comment-content-wrap::before {
  content: " ";
  position: absolute;
  left: -48px;
  top: 65px;
  bottom: -15px;
  border-right: 1px solid #EAEBED;
}
.categoryItem-page .article-comment-item .comment-content-wrap .deltButton {
  position: absolute;
  right: 8px;
  top: 6px;
  color: red;
}
.categoryItem-page .article-comment-item .comment-content-wrap .user-name {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 6px;
  color: #1e1e1e;
}
.categoryItem-page .article-comment-item .comment-content-wrap .comment-content {
  font-size: 17px;
  line-height: 21px;
  color: #434d56;
  margin-bottom: 10px;
}
.categoryItem-page .article-comment-item .comment-content-wrap .comment-time {
  font-size: 15px;
  color: #707a83;
}
.categoryItem-page .article-comment-item .sub-comments-wrap {
  padding-left: 80px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item:not(:last-child) {
  margin-bottom: 15px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item:last-child .avatar-wrap::after {
  border-bottom: 1px solid #EAEBED;
  border-left: 1px solid #EAEBED;
  border-radius: 0 0 0 12px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item:last-child .comment-content-wrap::before {
  display: none;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .comment-content-wrap::before {
  left: -113px;
  top: 0;
  bottom: -15px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap {
  position: relative;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap .avatar-img {
  width: 40px;
  height: 40px;
}
.categoryItem-page .article-comment-item .sub-comments-wrap .article-comment-item .avatar-wrap::after {
  content: " ";
  position: absolute;
  left: -48px;
  width: 48px;
  top: 0;
  bottom: 50%;
  border-bottom: 1px solid #EAEBED;
}
.categoryItem-page .article-comment-item .load-more-sub-comments {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 21px;
  padding-left: 160px;
}
.categoryItem-page .post-card .post-title {
  font-weight: bold;
}
.categoryItem-page .post-card .post-description {
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page .post-card .post-content {
  flex-basis: 55%;
  min-width: 0;
  padding: 14px;
}
.categoryItem-page .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categoryItem-page .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  color: #707A83;
}
.categoryItem-page .post-card .posted-at-wrap .post-source {
  font-size: 12px;
  color: #1E1E1E;
  max-width: 110px;
  padding: 0 10px;
  background: #F1F2F3;
  border-radius: 50px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page .post-card .posted-at-wrap .post-source.ddc-post {
  background: #FFC601;
}
.categoryItem-page .post-card.other-post {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}
.categoryItem-page .post-card.other-post .post-image {
  width: 100%;
  height: 170px;
}
.categoryItem-page .post-card.other-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.categoryItem-page .post-card.other-post .posted-at-wrap {
  margin-bottom: 8px;
}
.categoryItem-page .post-card.other-post .post-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 8px;
  min-height: 78px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categoryItem-page .post-card.other-post .post-description {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 19px;
}
.categoryItem-page .community-wrap {
  border-radius: 10px;
  padding: 14px 10px 14px 14px;
  height: calc(100vh - 55px - 15px - 15px);
  position: sticky;
  top: calc(55px + 15px);
  background-color: #fff;
}
.categoryItem-page .community-wrap .section-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 6px;
  padding-left: 14px;
  margin-bottom: 4px;
}
.categoryItem-page .community-wrap .client--Community {
  height: calc(100% - 38px);
}
.categoryItem-page .community-wrap .scroll-to-top {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(67, 77, 86, 0.3) 100%);
  position: absolute;
  bottom: 12px;
  left: calc(50% - 12px);
  border-radius: 50px;
  backdrop-filter: blur(14px);
}
.categoryItem-page .community-wrap .scroll-to-top:hover {
  filter: brightness(1.1);
}
.categoryItem-page .footer-wrap {
  width: 100vw;
}
.categoryItem-page .likePosts {
  cursor: pointer;
}
.categoryItem-page.loadCate {
  min-height: 700px;
}
.categoryItem-page--title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 15px;
}
.categoryItem-page--title span {
  color: #0069C9;
}
.categoryItem-page--inner {
  padding: 30px;
  background: #FFFFFF;
  border-radius: 16px;
  position: relative;
}
.categoryItem-page--inner .float-left-buttons-group {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  left: -47px;
  padding: 4px;
  border-radius: 50px;
  background: #fff;
}
.categoryItem-page--inner .float-left-buttons-group .button {
  padding: 0;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background-color: #fff;
}
.categoryItem-page--inner .float-left-buttons-group .button:hover {
  background-color: #eee !important;
}
.categoryItem-page--inner .article-title {
  font-weight: 700;
  font-size: 42px;
  color: #1E1E1E;
  line-height: 50px;
  margin-bottom: 40px;
}
.categoryItem-page--inner #tableofcontents {
  background: #fff9e5;
  height: auto;
  padding: 20px 28px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.categoryItem-page--inner #tableofcontents .h1 {
  font-size: 15px;
  line-height: 16px;
  margin: 8px 0;
}
.categoryItem-page--inner #tableofcontents .h1::marker {
  font-size: 15px;
  content: "# ";
}
.categoryItem-page--inner #tableofcontents .h1 a {
  color: #1E1E1E;
}
.categoryItem-page--inner #tableofcontents .h1 a:hover {
  color: #007bff;
}
.categoryItem-page--inner #tableofcontents .h2 {
  font-size: 15px;
  line-height: 16px;
  margin-left: 18px;
}
.categoryItem-page--inner #tableofcontents .h2::marker {
  font-size: 15px;
}
.categoryItem-page--inner #tableofcontents .h2 a {
  color: #1E1E1E;
}
.categoryItem-page--inner #tableofcontents .h2 a:hover {
  color: #007bff;
}
.categoryItem-page--inner .block-timeline {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #707A83;
}
.categoryItem-page--inner .block-timeline .avatar-wrap {
  display: flex;
  align-items: center;
}
.categoryItem-page--inner .block-timeline .avatar-wrap img {
  border-radius: 50px;
}
.categoryItem-page--inner .block-timeline .article-date {
  font-size: 13px;
  margin-top: -3px;
}
.categoryItem-page--inner .block-timeline .speech-button-wrap > button > i {
  font-family: "Font Awesome 6 free";
}
.categoryItem-page--inner .block-timeline .vertical-divider {
  height: 26px;
  width: 1px;
  background: #D6DEE4;
}
.categoryItem-page--inner .block-timeline span {
  color: #6C6C6C;
  font-family: "Inter", sans-serif;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.2;
}
.categoryItem-page--inner .block-timeline span:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #C4C4C4;
}
.categoryItem-page--inner .article-content-wrap {
  position: relative;
  overflow: hidden;
}
.categoryItem-page--inner .article-content-wrap * {
  max-width: 100% !important;
  font-family: "Inter" !important;
  line-height: 30px;
  font-size: 18px;
  margin: 15px auto;
}
.categoryItem-page--inner .article-content-wrap p,
.categoryItem-page--inner .article-content-wrap span {
  font-size: 18px !important;
}
.categoryItem-page--inner .article-content-wrap h2 {
  line-height: 22px !important;
  font-size: 22px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap h2 * {
  font-size: 22px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap h1 {
  line-height: 25px !important;
  font-size: 25px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap h1 * {
  font-size: 25px !important;
  font-weight: 700;
}
.categoryItem-page--inner .article-content-wrap *:has(> img):hover {
  cursor: pointer;
}
.categoryItem-page--inner .article-content-wrap h1,
.categoryItem-page--inner .article-content-wrap h2 {
  scroll-margin-top: 100px;
}
.categoryItem-page--inner .article-content-wrap img {
  border-radius: 10px;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 20px !important;
  display: table !important;
}
.categoryItem-page--inner .article-content-wrap figure#attachment_594895 {
  width: initial !important;
}
.categoryItem-page--inner .warning-rpi {
  font-size: 16px;
  text-align: justify;
  background: #f6f7f2;
  padding: 8px 12px;
  border-radius: 10px;
}
.categoryItem-page--inner .bottom-img {
  margin-top: 40px;
}
.categoryItem-page--inner .bottom-img img {
  border-radius: 10px;
}
.categoryItem-page--inner .block-comment .loginRequire {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.2;
  font-weight: bold;
  cursor: pointer;
}
.categoryItem-page--inner .block-comment .comment-counts {
  font-weight: 550;
  font-size: 18px;
  line-height: 21px;
  color: #1E434D;
}
.categoryItem-page--inner .block-comment__input {
  position: relative;
}
.categoryItem-page--inner .block-comment__input img {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 22px;
  height: 20px;
  cursor: pointer;
}
.categoryItem-page--inner .block-comment__input textarea.form-control {
  height: 135px;
  background: rgba(241, 242, 243, 0.5);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #1e1e1e;
  border: none;
}
.categoryItem-page--inner .block-comment__input textarea.form-control::placeholder {
  color: #AAAEB2;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn {
  display: flex;
  justify-content: end;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 15px;
  background-color: #ddd;
  color: #1E1E1E;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button[disabled] {
  filter: brightness(1.1);
  cursor: no-drop;
  color: #7d7a7a;
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button[disabled] .MyIcon {
  filter: brightness(4);
}
.categoryItem-page--inner .block-comment__input .post-chat-btn button:hover:not([disabled]) {
  background-color: #ffe380;
}
.categoryItem-page--inner .block-comment__item {
  background: #FFFFFF;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 20px 30px 20px;
  margin-bottom: 20px;
}
.categoryItem-page--inner .block-comment__item:first-child {
  margin-top: 34px;
}
.categoryItem-page--inner .block-comment__item:last-child {
  margin-bottom: 30px;
}
.categoryItem-page--inner .block-comment__item .avatar {
  width: 83px;
  height: 83px;
  border-radius: 50px;
  float: left;
  margin-right: 8px;
  overflow: hidden;
}
.categoryItem-page--inner .block-comment__item .avatar div {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.categoryItem-page--inner .block-comment__item .content {
  border-radius: 9px;
  float: right;
  width: calc(100% - 91px);
}
.categoryItem-page--inner .block-comment__item .content-parent {
  padding: 20px 30px;
  background: #F5F5F5;
}
.categoryItem-page--inner .block-comment__item .content p {
  font-family: "Inter", sans-serif;
  font-size: 22px !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  color: #EC8322;
}
.categoryItem-page--inner .block-comment__item .content .contentCmt {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
}
.categoryItem-page--inner .block-comment__item .content .interactive {
  margin-top: 25px;
}
.categoryItem-page--inner .block-comment__item .content .interactive span {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2;
}
.categoryItem-page--inner .block-comment__item .content .interactive span img {
  cursor: pointer;
}
.categoryItem-page--inner .block-comment__item .content .interactive span:first-child {
  padding-right: 30px;
  border-right: 1px solid #C4C4C4;
  margin-right: 35px;
}
.categoryItem-page--inner .block-comment .load-more-comments {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.categoryItem-page--inner .block-comment .load-more-comments button.button {
  background: #F1F2F3;
  border-radius: 4px;
  padding: 9px 13.5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #1E1E1E;
}
.categoryItem-page .title-row {
  margin-bottom: 20px;
}
.categoryItem-page .title-row .div-text {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}

.client--Warrant .warrant-table-wrap .table-header {
  padding-left: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #3C3C3D;
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #CECECE;
}
.client--Warrant .warrant-table-wrap .table-header:first-child {
  padding-top: 11px;
  padding-bottom: 9px;
  padding-left: 54px;
}
.client--Warrant .warrant-table-wrap .table-td {
  font-size: 14px;
  line-height: 150%;
  color: #3C3C3D;
  font-family: "Inter", sans-serif;
  padding-top: 10px;
  padding-bottom: 9px;
  border: none;
  border-bottom: 1px solid #CECECE;
  border-radius: 0;
}
.client--Warrant .warrant-table-wrap .table-td:first-child {
  padding-left: 8px;
}
.client--Warrant .page-content {
  display: flex;
  max-height: 100vh;
}
.client--Warrant .page-content:has(.tab-item.main_index.active) {
  max-height: 845px;
}
.client--Warrant .page-content:has(.tab-item.warrant.active) {
  max-height: 1221px;
}
.client--Warrant .page-content:has(.tab-item.top_stocks.active) {
  max-height: 1037.5px;
}
.client--Warrant .page-left {
  flex-basis: 69%;
  max-width: 69%;
  min-width: 69%;
  margin-right: 22px;
  background: #FFFFFF;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-self: baseline;
}
.client--Warrant .page-right {
  flex-basis: 31%;
}
.client--Warrant .community-wrap {
  border-radius: 15px;
  padding: 14px 10px 14px 14px;
  height: calc(100vh - 55px - 30px);
  position: sticky;
  top: calc(55px + 10px);
  background-color: #fff;
}
.client--Warrant .community-wrap .div-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 19px;
}
.client--Warrant .community-wrap .client--Community {
  height: calc(100% - 56px);
}
.client--Warrant .community-wrap .scroll-to-top {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(67, 77, 86, 0.3) 100%);
  position: absolute;
  bottom: 12px;
  left: calc(50% - 12px);
  border-radius: 50px;
  backdrop-filter: blur(14px);
}
.client--Warrant .community-wrap .scroll-to-top:hover {
  filter: brightness(1.1);
}
.client--Warrant .page-left__header {
  padding-top: 15px;
  padding-bottom: 13px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #D6DEE4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1374.99px) {
  .client--Warrant .page-left__header {
    padding: 8px;
  }
}
.client--Warrant .page-left__header .warrant-search-box {
  align-self: flex-end;
  flex-basis: 25%;
  max-width: 290px;
  margin-left: 15px;
}
.client--Warrant .page-left__header .warrant-search-box input {
  width: 100%;
  border: 1px solid #EEE;
  border-radius: 50px;
  height: 40px;
}
.client--Warrant .page-left__header .warrant-search-box input::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 550;
  font-size: 14px;
  line-height: 18px;
  color: #707A83;
}
.client--Warrant .page-left__header .cex-selector-wrap {
  align-self: flex-end;
  padding: 4px 6px;
  display: flex;
  background: #F1F2F3;
  border-radius: 50px;
  margin: auto 0;
}
.client--Warrant .page-left__header .cex-selector-wrap .option-item {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  line-height: 19px;
  color: #707A83;
  padding-left: 10px;
  padding-right: 10px;
}
.client--Warrant .page-left__header .cex-selector-wrap .option-item:not(:last-child) {
  margin-right: 6px;
}
.client--Warrant .page-left__header .cex-selector-wrap .option-item.active {
  background: #FFFFFF;
}
@media screen and (max-width: 1549.99px) {
  .client--Warrant .page-left__header .cex-selector-wrap .option-item {
    font-size: 14px;
    line-height: 16px;
  }
}
.client--Warrant .tabs-wrap {
  display: flex;
}
.client--Warrant .tabs-wrap .tab-item {
  border-radius: 4px;
  padding: 10px 45px;
  font-size: 18px;
  line-height: 140%;
  color: #707A83;
  cursor: pointer;
  user-select: none;
  padding: 10px 40px;
  border-radius: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client--Warrant .tabs-wrap .tab-item:not(:last-child) {
  margin-right: 22px;
}
.client--Warrant .tabs-wrap .tab-item.active {
  background-color: #ffe380;
  color: #1E1E1E;
}
.client--Warrant .tabs-wrap .tab-item.active {
  background: linear-gradient(180deg, rgba(255, 198, 1, 0.5) 0%, #FFC601 34.88%);
  color: #1e1e1e;
  font-weight: 700;
}
.client--Warrant .tabs-wrap .tab-item.top_stocks {
  padding-left: 28px;
  padding-right: 28px;
}
.client--Warrant .tabs-wrap .tab-item.top_stocks .label-content {
  display: flex;
  align-items: center;
}
.client--Warrant .tabs-wrap .tab-item:not(:last-child) {
  margin-right: 10px;
}
.client--Warrant .page-left__body {
  padding: 15px;
  flex-grow: 1;
  min-height: 0;
}
.client--Warrant .page-left__body .tab-content-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.client--Warrant .page-left__body .tab-content-wrap .client--Warrant--MainIndexTable,
.client--Warrant .page-left__body .tab-content-wrap .client--Warrant--WarrantTable,
.client--Warrant .page-left__body .tab-content-wrap .client--Warrant--TopStocksTable {
  height: 100%;
}
.client--Warrant .page-left__body.loading {
  position: relative;
  height: calc(100% - 74px);
}
.client--Warrant .page-left__body.loading .Spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.client--Warrant .page-left__body .widgets-wrap {
  display: flex;
  justify-content: flex-end;
}
.client--Warrant .page-left__body .widgets-wrap .top-type-select-wrap {
  margin-right: 32px;
  width: 241px;
}
.client--Warrant .page-left__body .widgets-wrap .top-type-select-wrap div[class*=-control] {
  height: 39px;
}
.client--Warrant .page-left__body .widgets-wrap .sort-type-select-wrap {
  display: flex;
  align-self: flex-end;
}
.client--Warrant .page-left__body .widgets-wrap .sort-type-select-wrap .option-item {
  cursor: pointer;
  user-select: none;
  padding: 8.5px 26px;
  font-size: 16px;
  line-height: 140%;
  color: #707A83;
  border-bottom: 2px solid #F1F2F3;
}
.client--Warrant .page-left__body .widgets-wrap .sort-type-select-wrap .option-item:not(:last-child) {
  margin-right: 5px;
}
.client--Warrant .page-left__body .widgets-wrap .sort-type-select-wrap .option-item.active {
  font-weight: 550;
  color: #1E1E1E;
  border-bottom: 3px solid #AAAEB2;
}

.client--Dashboard {
  padding-left: 15px;
  padding-right: 15px;
}
.client--Dashboard .page-content {
  display: flex;
  height: calc(100vh - 75px);
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.client--Dashboard .page-left {
  flex-basis: 27.6%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin-right: 14px;
}
.client--Dashboard .page-middle {
  flex-basis: 43.5%;
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-right: 14px;
}
.client--Dashboard .client--Dashboard--PageRight {
  flex-basis: 25.6%;
  min-width: 0;
}

.pageClient.dark-theme .client--Dashboard .tab-item {
  color: #a7adb2;
}
.pageClient.dark-theme .client--Dashboard .tab-item.active {
  background: #ffdb5a;
  color: #1e1e1e;
}
.pageClient.dark-theme .client--Dashboard .tab-item:hover:not(.active) {
  background: #2a2d3e;
}
.pageClient.dark-theme .client--Dashboard .client--Dashboard--PageRight, .pageClient.dark-theme .client--Dashboard .client--Dashboard--PageLeftTop, .pageClient.dark-theme .client--Dashboard .client--Dashboard--PageLeftBottom,
.pageClient.dark-theme .client--Dashboard .client--Dashboard--PageMiddleTop, .pageClient.dark-theme .client--Dashboard .client--Dashboard--PageMiddleBottom {
  background: #212332;
}
.pageClient.dark-theme .client--Dashboard .client--Dashboard--PageRight .tabs-wrap, .pageClient.dark-theme .client--Dashboard .client--Dashboard--PageLeftTop .tabs-wrap, .pageClient.dark-theme .client--Dashboard .client--Dashboard--PageLeftBottom .tabs-wrap,
.pageClient.dark-theme .client--Dashboard .client--Dashboard--PageMiddleTop .tabs-wrap, .pageClient.dark-theme .client--Dashboard .client--Dashboard--PageMiddleBottom .tabs-wrap {
  border-bottom: 1px solid #2a2d3e;
}

.client--Category .post-card {
  display: block;
  background-color: #fff;
}
.client--Category .post-card .post-title {
  font-weight: bold;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .post-card .post-description {
  color: #707A83;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .post-card .post-content {
  flex-basis: 55%;
  min-width: 0;
  padding: 15px;
}
.client--Category .post-card .posted-at-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client--Category .post-card .posted-at-wrap .posted-at {
  font-size: 12px;
  color: #C4C4C4;
}
.client--Category .post-card .posted-at-wrap .post-source {
  font-weight: 500;
  font-size: 12px;
  max-width: 120px;
  padding: 0 8px;
  background: #F1F2F3;
  border-radius: 30px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .post-card .posted-at-wrap .post-source.ddc-post {
  background: #FFC601;
}
.client--Category .post-card.main-post {
  display: flex;
  border-radius: 10px;
  margin-bottom: 16px;
  height: 242px;
}
.client--Category .post-card.main-post .post-image {
  flex-basis: 45%;
}
.client--Category .post-card.main-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.client--Category .post-card.main-post .post-content {
  flex-basis: 65%;
}
.client--Category .post-card.main-post .posted-at-wrap {
  margin-bottom: 10px;
}
.client--Category .post-card.main-post .post-title {
  font-size: 28px;
  line-height: 32px;
  padding-top: 2px;
  margin-bottom: 8px;
  height: 97px;
  color: #1E1E1E;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .post-card.main-post .post-description {
  font-size: 15px;
  margin-bottom: 15px;
}
.client--Category .post-card.other-post {
  border-radius: 10px;
  height: 100%;
}
.client--Category .post-card.other-post .post-source {
  max-width: 100px;
}
.client--Category .post-card.other-post .post-image {
  width: 100%;
  height: 140px;
}
.client--Category .post-card.other-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.client--Category .post-card.other-post .posted-at-wrap .posted-at {
  flex-shrink: 0;
  margin-right: 6px;
}
.client--Category .post-card.other-post .post-title {
  font-size: 18px;
  line-height: 24px;
  height: 47px;
  margin: 8px 0;
  color: #1E1E1E;
}
.client--Category .post-card.other-post .post-description {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 10px;
}
.client--Category .post-card.other-post .post-content {
  padding: 12px;
}
.client--Category .post-card.highlight-post {
  border-radius: 10px;
  background: #151514;
  margin-bottom: 28px;
}
.client--Category .post-card.highlight-post .post-image {
  width: 100%;
  height: 165px;
}
.client--Category .post-card.highlight-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.client--Category .post-card.highlight-post .post-source {
  display: none !important;
}
.client--Category .post-card.highlight-post .posted-at-wrap {
  margin-bottom: 8px;
}
.client--Category .post-card.highlight-post .posted-at-wrap .posted-at {
  color: #C4C4C4;
  font-size: 13px;
  line-height: 16px;
}
.client--Category .post-card.highlight-post .post-title {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  min-height: 74px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .post-card.highlight-post .post-description {
  display: none !important;
}
.client--Category .post-card.highlight-post .reactions-wrap {
  color: white;
}
.client--Category .post-card.load-more-post {
  display: flex;
  border-radius: 10px;
  margin-bottom: 18px;
  height: 190px;
}
.client--Category .post-card.load-more-post .post-content {
  padding: 16px;
  flex-basis: 65%;
}
.client--Category .post-card.load-more-post .post-image {
  flex-basis: 35%;
  height: 100%;
}
.client--Category .post-card.load-more-post .post-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
.client--Category .post-card.load-more-post .posted-at-wrap {
  margin-bottom: 6px;
}
.client--Category .post-card.load-more-post .posted-at-wrap .posted-at {
  font-size: 13px;
  line-height: 15px;
  color: #C4C4C4;
}
.client--Category .post-card.load-more-post .post-title {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 6px;
  min-height: 50px;
  color: #1E1E1E;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .post-card.load-more-post .post-description {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 6px;
  min-height: 60px;
  text-align: justify;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client--Category .row.page-row {
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.client--Category .page-left-section {
  flex-basis: 67%;
  max-width: 67%;
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.client--Category .page-left-section .sect-header {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #000;
  margin-bottom: 15px;
}
.client--Category .page-left-section .sect-header--value {
  color: #0069C9;
}
.client--Category .page-right-section {
  flex-basis: 33%;
  max-width: 33%;
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.client--Category .load-more-posts-wrap.-no-post {
  height: 100vh;
}
.client--Category .show-more-wrap {
  display: flex;
  justify-content: center;
}
.client--Category .show-more-wrap .show-more-btn {
  background: #FFF;
  border-radius: 50px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  color: #1E1E1E;
}
.client--Category .show-more-wrap .show-more-btn:hover {
  background: #fff7d9;
}
.client--Category .footer-wrap {
  width: 100vw;
}
.client--Category .tooltip:has(.tooltip-inner) {
  border: 1px solid red;
}
.client--Category .tooltip-inner {
  border: 1px solid red;
}
.client--Category .fixed-scroll-top {
  position: fixed;
  bottom: 25px;
  right: 13px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: #ffe380;
  border-radius: 50%;
  z-index: 999;
}
.client--Category .fixed-scroll-top:hover {
  background-color: #ffeba5;
}
.client--Category .community-wrap {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 14px 10px 14px 14px;
  height: calc(100vh - 55px - 15px - 15px);
  position: sticky;
  top: calc(55px + 15px);
  background-color: #fff;
}
.client--Category .community-wrap .section-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 6px;
  padding-left: 14px;
  margin-bottom: 4px;
}
.client--Category .community-wrap .client--Community {
  height: calc(100% - 38px);
}
.client--Category .community-wrap .scroll-to-top {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(161, 169, 175, 0.3) 0%, rgba(67, 77, 86, 0.3) 100%);
  position: absolute;
  bottom: 12px;
  left: calc(50% - 12px);
  border-radius: 50px;
  backdrop-filter: blur(14px);
}
.client--Category .community-wrap .scroll-to-top:hover {
  filter: brightness(1.1);
}

.fixed-scroll-top-tooltip.tooltip {
  padding-top: 0;
}
.fixed-scroll-top-tooltip.tooltip .arrow {
  display: none;
}
.fixed-scroll-top-tooltip.tooltip .tooltip-inner {
  position: relative;
  right: 15px;
  font-size: 10px;
  line-height: 12px;
  color: #434D56;
  padding: 6px 4px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.pageClient:has(.client--Category) {
  padding-top: 55px !important;
  padding-bottom: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.admin {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.admin .admin-page-container {
  padding: 24px;
}
.admin .admin-page-container .admin--FloatFooter {
  margin-top: 24px;
  margin-bottom: -24px;
}
.admin #sidebar {
  width: 224px;
  height: calc(100vh - 55px);
  overflow-x: auto;
  overflow-y: visible;
  background: #292C43;
  color: #fff;
  transition: all 0.4s;
  position: fixed;
  z-index: 4;
  top: 55px;
  padding-top: 22px;
  padding-left: 4.5px;
  padding-right: 6px;
}
.admin #sidebar.sidebar-collapsed {
  width: 89px;
  padding-left: 10px;
  padding-right: 10px;
  overflow-x: unset;
}
.admin #sidebar.sidebar-collapsed .sidebar-header {
  justify-content: center;
  margin-left: initial;
}
.admin #sidebar.sidebar-collapsed .sidebar-title {
  display: none;
}
.admin #sidebar.sidebar-collapsed .menu-group-title {
  margin-left: initial;
}
.admin #sidebar.sidebar-collapsed .menu-item-title {
  display: none;
}
.admin #sidebar.sidebar-collapsed .submenu-items-wrap {
  position: absolute;
  left: 20.6px;
  z-index: 1;
  background-color: #202438;
  width: 146px;
  padding: 8px;
  border-radius: 6px;
}
.admin #sidebar.sidebar-collapsed .submenu-items-wrap .submenu-item.active:after, .admin #sidebar.sidebar-collapsed .submenu-items-wrap .submenu-item:hover:after {
  display: none;
}
.admin #sidebar.sidebar-collapsed .submenu-items-wrap .submenu-item-title {
  padding: 8px;
}
.admin #sidebar.sidebar-collapsed .dropdown-icon-wrap {
  right: 20.16px;
}
.admin #sidebar.sidebar-collapsed .menu-item:after {
  display: none;
}
.admin #sidebar.sidebar-collapsed .sidebar-header .collapser-left {
  display: none;
}
.admin #sidebar.sidebar-collapsed .sidebar-header .collapser-right {
  display: block;
}
.admin #sidebar .icon-wrap {
  width: 13.33px;
  height: 13.33px;
  display: inline-block;
}
.admin #sidebar .dropdown-icon-wrap {
  width: 7px;
  height: 4px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.admin #sidebar .dropdown-icon-wrap .dropdown-icon {
  background-color: #8083a3;
}
.admin #sidebar .submenu-toggler {
  position: relative;
  display: flex;
  align-items: center;
}
.admin #sidebar .submenu-toggler[aria-expanded=true] .arrow-down-wrap {
  display: none;
}
.admin #sidebar .submenu-toggler[aria-expanded=true] .arrow-up-wrap {
  display: inline-block;
}
.admin #sidebar .submenu-toggler[aria-expanded=false] .arrow-down-wrap {
  display: inline-block;
}
.admin #sidebar .submenu-toggler[aria-expanded=false] .arrow-up-wrap {
  display: none;
}
.admin #sidebar .sidebar-header {
  margin-left: 19.5px;
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin #sidebar .sidebar-header .sidebar-title {
  font-size: 24px;
  font-weight: 800;
}
.admin #sidebar .sidebar-header .collapser {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.15);
  position: relative;
}
.admin #sidebar .sidebar-header .collapser:after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 2px);
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.admin #sidebar .sidebar-header .collapser-left:after {
  border-right: 4px solid #fff;
}
.admin #sidebar .sidebar-header .collapser-right {
  display: none;
}
.admin #sidebar .sidebar-header .collapser-right:after {
  border-left: 4px solid #fff;
}
.admin #sidebar .menu-item {
  position: relative;
}
.admin #sidebar .menu-item.active.has-subitems .menu-icon {
  background-color: #FFC702;
}
.admin #sidebar .menu-item.active.has-subitems .menu-item-title {
  color: #FFC702;
}
.admin #sidebar .menu-item.active.has-subitems .dropdown-icon {
  background-color: #FFC702;
}
.admin #sidebar .menu-item .menu-icon {
  background-color: #8083a3;
}
.admin #sidebar .menu-item:not(:last-child) {
  margin-bottom: 1px;
}
.admin #sidebar .menu-group:first-child {
  margin-bottom: 43px;
}
.admin #sidebar .menu-group-title {
  font-weight: bold;
  font-size: 14px;
  color: #8083a3;
  margin-bottom: 8px;
  margin-left: 19.5px;
}
.admin #sidebar .menu-item-title {
  font-size: 12px;
  font-weight: 600;
  margin-left: 14.33px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #8083a3;
}
.admin #sidebar .submenu-item {
  position: relative;
  margin-bottom: 2px;
}
.admin #sidebar .submenu-item.active, .admin #sidebar .submenu-item:hover {
  color: #292C43;
  background-color: #FFC702;
  border-radius: 8px;
}
.admin #sidebar .submenu-item.active .submenu-item-title, .admin #sidebar .submenu-item:hover .submenu-item-title {
  color: #171721;
}
.admin #sidebar .submenu-item.active:after, .admin #sidebar .submenu-item:hover:after {
  content: " ";
  width: 2px;
  position: absolute;
  top: 0;
  right: -6px;
  bottom: 0;
  background-color: #FFC702;
  border-radius: 1px;
}
.admin #sidebar .submenu-item .submenu-item-title {
  font-size: 12px;
  font-weight: 500;
  padding-left: 48.26px;
  color: #8083a3;
}
.admin #sidebar .avatar {
  padding: 10px;
  text-align: center;
}
.admin #sidebar .avatar img {
  width: 100%;
  max-width: 88px;
  margin: auto;
  display: inherit;
  border-radius: 50%;
}
.admin #sidebar .h6 {
  color: #fff;
}
.admin #sidebar.active .custom-menu {
  margin-right: -50px;
}
.admin #sidebar.active ul li {
  text-align: left;
}
.admin #sidebar h1 {
  margin-bottom: 20px;
  font-weight: 700;
}
.admin #sidebar h1 .logo {
  color: #fff;
}
.admin #sidebar ul.components {
  padding: 0;
  padding-bottom: 8px;
}
.admin #sidebar ul li {
  font-size: 16px;
  text-align: center;
}
.admin #sidebar ul li > ul li {
  font-size: 15px;
}
.admin #sidebar ul li a {
  padding-left: 20.6px;
  padding-top: 11px;
  padding-bottom: 11px;
  display: block;
  text-decoration: none;
}
.admin #sidebar ul li a:hover {
  color: #fff;
}
.admin #sidebar ul li.active > a {
  background: transparent;
  color: #fff;
}
.admin #sidebar ul li a:focus {
  color: #f8b739;
}
.admin #sidebar ul .navbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.admin #sidebar ul .navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}
.admin #sidebar .custom-menu {
  display: inline-block;
  position: absolute;
  right: 0;
  margin-right: -20px;
}
.admin #sidebar .admin-route {
  height: 90vh;
}
.admin #sidebar.sidebar-collapsed ~ #right-side {
  padding-left: 89px;
}
.admin #right-side {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-top: 55px;
  padding-right: 0;
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s;
  padding-left: 224px;
  background-color: #f1f0f5;
}
.admin #right-side .pathName {
  font-weight: 800;
  font-size: 17px;
  font-family: initial;
  background: gainsboro;
}
.admin .dropdown-toggle::after {
  display: none;
  position: absolute;
  top: 50%;
  border: solid black;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(45deg);
}

#sidebar.sidebar-collapsed .menu-item.active:not(.has-subitems) .menu-icon {
  background-color: #FFC702;
}
#sidebar:not(.sidebar-collapsed) .menu-item.active:not(.has-subitems) {
  color: #292C43;
  background-color: #FFC702;
  border-radius: 8px;
}
#sidebar:not(.sidebar-collapsed) .menu-item.active:not(.has-subitems) .menu-icon {
  background-color: #171721;
}
#sidebar:not(.sidebar-collapsed) .menu-item.active:not(.has-subitems) .menu-item-title {
  color: #292C43;
}
#sidebar:not(.sidebar-collapsed) .menu-item.active:not(.has-subitems):after {
  content: " ";
  width: 2px;
  position: absolute;
  top: 0;
  right: -6px;
  bottom: 0;
  background-color: #FFC702;
  border-radius: 1px;
}

.admin--OverviewContainer .article-views-wrap {
  flex-basis: 42%;
  min-width: 0;
}
.admin--OverviewContainer .top-articles-wrap {
  flex-basis: 33%;
  min-width: 0;
}
.admin--OverviewContainer .top-authors-wrap {
  flex-basis: 25%;
  min-width: 0;
}
.admin--OverviewContainer .TopArticles, .admin--OverviewContainer .TopAuthors, .admin--OverviewContainer .ArticleViewsStatistic, .admin--OverviewContainer .CustomersStatistic, .admin--OverviewContainer .YearlyRevenueStatistic, .admin--OverviewContainer .MonthlyRevenueStatistic {
  height: 100%;
  background-color: #fff;
}
.admin--OverviewContainer .DdcIndicator {
  background-color: #fff;
  border-bottom: none;
}
.admin--OverviewContainer .top-stocks-wrap {
  height: 575px;
}
@media only screen and (max-width: 1469.99px) {
  .admin--OverviewContainer .top-stocks-wrap {
    height: 560px;
  }
}
.admin--OverviewContainer .TopStocks {
  background-color: #fff;
  height: 100%;
}
.admin--OverviewContainer .TopStocks .info-card--body {
  max-height: 494px;
  overflow: auto;
}

.admin--PerformanceContainer .admin--PerformanceContainer--EditorPerformance {
  background-color: #fff;
  height: 100%;
}
.admin--PerformanceContainer .admin--PerformanceContainer--PerformanceDetailStats {
  background: #fff;
}
.admin--PerformanceContainer .admin--PerformanceContainer--ActivityPerformance {
  background: #fff;
  height: 100%;
}

.admin--AccountContainer .tabs-wrap-outer {
  overflow: auto;
}
.admin--AccountContainer .tabs-wrap {
  display: flex;
  border-bottom: 1px solid #E4E6E8;
}
.admin--AccountContainer .tab-item {
  margin-right: 24px;
  padding-top: 21px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #8083a3;
  line-height: 21px;
  flex-shrink: 0;
}
.admin--AccountContainer .tab-item.active {
  font-weight: bold;
  color: #292C43;
  border-bottom: 2px solid #292C43;
}
.admin--AccountContainer .search-box-wrap {
  width: 338px;
  height: 40px;
  position: relative;
}
.admin--AccountContainer .form-control {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 44px;
  height: 100%;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #949494;
  border-radius: 10px;
  border: 1px solid #E4E6E8;
}
.admin--AccountContainer .form-control:focus {
  border: 1px solid #E4E6E8;
  box-shadow: none;
}

.admin--AccountDetailContainer .admin--AccountDetailContainer--AccountInfo {
  background-color: #fff;
}
.admin--AccountDetailContainer .admin--ArticlesContainer--ArticlesTable {
  border: 1px solid #cacaca;
}
.admin--AccountDetailContainer .admin--FloatFooter {
  margin-top: 24px;
  z-index: 1;
}
.admin--AccountDetailContainer .performance-stats-wrap {
  flex-basis: 60.5%;
  min-width: 0;
}
@media only screen and (max-width: 1250px) {
  .admin--AccountDetailContainer .performance-stats-wrap {
    flex-basis: 54.5%;
  }
}
.admin--AccountDetailContainer .royalties-wrap {
  flex-basis: 28%;
}
@media only screen and (max-width: 1250px) {
  .admin--AccountDetailContainer .royalties-wrap {
    flex-basis: 30%;
  }
}
.admin--AccountDetailContainer .stats-card {
  border: 1px solid #CACACA;
  border-radius: 16px;
  padding: 16px 0 23px 16px;
  height: 148px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.admin--AccountDetailContainer .stats-card .card-icon-wrap {
  width: 40px;
  height: 40px;
  background-color: #F5F5FA;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin--AccountDetailContainer .stats-card .card-number {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #8083a3;
}
.admin--AccountDetailContainer .stats-card .card-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #8083a3;
}
.admin--AccountDetailContainer .search-box-wrap {
  width: 219px;
  height: 40px;
  position: relative;
}
.admin--AccountDetailContainer .history-search-box-wrap {
  width: 370px;
  height: 40px;
  position: relative;
}
.admin--AccountDetailContainer .form-control {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 44px;
  height: 100%;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #949494;
  border-radius: 10px;
  border: 1px solid #E4E6E8;
}
.admin--AccountDetailContainer .form-control:focus {
  border: 1px solid #E4E6E8;
  box-shadow: none;
}
.admin--AccountDetailContainer .admin--FloatFooter {
  margin-bottom: -24px;
}
.admin--AccountDetailContainer .TabNav .nav-tabs.customized-nav-tabs {
  border: none;
  margin-bottom: 8px;
}
.admin--AccountDetailContainer .TabNav .nav-item.customized-nav-item {
  margin-right: 12px;
}
.admin--AccountDetailContainer .TabNav .nav-link.customized-nav-link {
  cursor: pointer;
  border: none;
  color: #B3B3B3;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 8px;
  line-height: 16px;
}
.admin--AccountDetailContainer .TabNav .nav-link.customized-nav-link.active {
  color: #8083a3;
  font-weight: bold;
  background-color: #F5F5FA;
  border-radius: 4px;
}
.admin--AccountDetailContainer .history-section-body {
  padding-top: 16px;
  padding-left: 8px;
  padding-bottom: 18px;
  border: 1px solid #cacaca;
  border-radius: 16px;
}

.admin--CustomersContainer .admin--CustomersContainer--PerformanceStats,
.admin--CustomersContainer .admin--CustomersContainer--MonthlyStats {
  height: 100%;
}

.admin-FinReportContainer .fin-stats-wrap {
  flex-basis: 58%;
  min-width: 0;
}
.admin-FinReportContainer .fin-structure-wrap {
  flex-basis: 42%;
  min-width: 0;
}

.admin--GroupContainer .stat-card {
  flex-basis: 33.33%;
  background-color: #FFF1EE;
  border-radius: 12px;
  border: 1px solid #cacaca;
  padding: 24px;
  display: flex;
  align-items: center;
}
.admin--GroupContainer .stat-card:not(:last-child) {
  margin-right: 24px;
}
.admin--GroupContainer .stat-card .icon-wrap {
  width: 20px;
  height: 20px;
}
.admin--GroupContainer .stat-card .card-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(180deg, #F3A573 0%, #F17D57 100%);
}
.admin--GroupContainer .stat-card .card-title {
  color: #8083a3;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.admin--GroupContainer .stat-card .card-number {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.admin--GroupContainer .delete-btn-wrap .delete-group-btn {
  min-width: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.5px 16px;
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  color: #fff;
  background-color: #DA2F58;
  border-radius: 10px;
}

.admin--InvestmentsContainer .tabs-wrap-outer {
  overflow: auto;
}
.admin--InvestmentsContainer .tabs-wrap {
  display: flex;
  border-bottom: 1px solid #E4E6E8;
}
.admin--InvestmentsContainer .tab-item {
  margin-right: 24px;
  padding-top: 21px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #8083a3;
  line-height: 21px;
  flex-shrink: 0;
}
.admin--InvestmentsContainer .tab-item.active {
  font-weight: bold;
  color: #292C43;
  border-bottom: 2px solid #292C43;
}
.admin--InvestmentsContainer .admin--FloatFooter {
  z-index: 3;
}

.admin--WarningContainer .not-send-count, .admin--WarningContainer .sent-count {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #8083A3;
}
.admin--WarningContainer .noti-switch .text {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #949494;
  display: inline-block;
  margin-right: 12px;
}
.admin--WarningContainer .not-send-count .count {
  color: #DA2F58;
}
.admin--WarningContainer .sent-count .count {
  color: #2FB182;
}
.admin--WarningContainer .ant-table-row {
  color: #8083a3;
  font-size: 12px !important;
  font-weight: 500;
  text-align: left;
}
.admin--WarningContainer .header_table_row {
  background: transparent;
  border: none;
}
.admin--WarningContainer .header_table_row .ant-table-cell {
  border: none;
  font-size: 12px !important;
  font-weight: 600;
  color: #787878;
}
.admin--WarningContainer .header_table_row .ant-table-cell:first-child {
  border: none;
}
.admin--WarningContainer .header_table_row .ant-table-cell:last-child {
  border: none;
}
.admin--WarningContainer .ant-table-cell {
  border-left: 1px solid #e4e6e8;
  border-top: 1px solid #e4e6e8;
  border-bottom: 1px solid #e4e6e8;
}
.admin--WarningContainer .ant-table-cell:first-child {
  border-left: 1px solid #e4e6e8;
}
.admin--WarningContainer .ant-table-cell:last-child {
  border-left: 1px solid #e4e6e8;
  border-right: 1px solid #e4e6e8;
}
.admin--WarningContainer .tabs-wrap-outer {
  overflow: auto;
}
.admin--WarningContainer .tabs-wrap {
  display: flex;
  border-bottom: 1px solid #E4E6E8;
}
.admin--WarningContainer .tab-item {
  margin-right: 24px;
  padding-top: 21px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #8083a3;
  line-height: 21px;
  flex-shrink: 0;
}
.admin--WarningContainer .tab-item.active {
  font-weight: bold;
  color: #292C43;
  border-bottom: 2px solid #292C43;
}
.admin--WarningContainer .WarningPerformance .info-card {
  background: #fff;
}
.admin--WarningContainer .WarningPerformance .info-card--header {
  z-index: 1;
}
.admin--WarningContainer .WarningPerformance .info-card--body {
  height: calc(100% - 57px);
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap {
  padding: 10px;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .item-title {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #707A83 !important;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .title-item-value {
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--div-text {
  font-weight: 550;
  font-size: 14px;
  line-height: 16px;
  color: #1E434D;
  margin-bottom: 16px;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item {
  display: flex;
  justify-content: space-between;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item.company .item-value, .admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item.address .item-value, .admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item.website .item-value, .admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item.industry .item-value {
  width: 50%;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item .item-label {
  font-size: 13px !important;
  line-height: 16px;
  color: #707A83 !important;
  width: 200px;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item .item-value {
  font-size: 13px !important;
  line-height: 16px !important;
  color: #707a83 !important;
  width: 80px;
  justify-items: end;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item .item-value.nhom-nganh {
  width: 180px;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item .item-value .trendforecast {
  text-decoration: underline;
  cursor: pointer;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item .item-time-stage {
  font-size: 12px;
  line-height: 16px;
  color: lightskyblue;
  width: 50px;
  white-space: nowrap;
}
.admin--WarningContainer .WarningPerformance .info-card--body .inner-wrap .info-group .info-group--item:not(:last-child) {
  margin-bottom: 8px;
}

.admin--RealtimeNotiContainer .not-send-count, .admin--RealtimeNotiContainer .sent-count {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #8083A3;
}
.admin--RealtimeNotiContainer .noti-switch .text {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #949494;
  display: inline-block;
  margin-right: 12px;
}
.admin--RealtimeNotiContainer .not-send-count .count {
  color: #DA2F58;
}
.admin--RealtimeNotiContainer .sent-count .count {
  color: #2FB182;
}

.admin--UploadDataContainer .file-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #E4E6E8;
  height: 49px;
  padding-left: 20px;
  padding-right: 16px;
}
.admin--UploadDataContainer .progress-button {
  min-width: 160px;
  position: relative;
  justify-content: center;
}
.admin--UploadDataContainer .progress-button .colored {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #34ADF1;
  border-radius: 10px 0px 0px 10px;
  transition: width 0.2s ease;
}
.admin--UploadDataContainer .progress-button.percent-1 .colored {
  width: 1%;
}
.admin--UploadDataContainer .progress-button.percent-2 .colored {
  width: 2%;
}
.admin--UploadDataContainer .progress-button.percent-3 .colored {
  width: 3%;
}
.admin--UploadDataContainer .progress-button.percent-4 .colored {
  width: 4%;
}
.admin--UploadDataContainer .progress-button.percent-5 .colored {
  width: 5%;
}
.admin--UploadDataContainer .progress-button.percent-6 .colored {
  width: 6%;
}
.admin--UploadDataContainer .progress-button.percent-7 .colored {
  width: 7%;
}
.admin--UploadDataContainer .progress-button.percent-8 .colored {
  width: 8%;
}
.admin--UploadDataContainer .progress-button.percent-9 .colored {
  width: 9%;
}
.admin--UploadDataContainer .progress-button.percent-10 .colored {
  width: 10%;
}
.admin--UploadDataContainer .progress-button.percent-11 .colored {
  width: 11%;
}
.admin--UploadDataContainer .progress-button.percent-12 .colored {
  width: 12%;
}
.admin--UploadDataContainer .progress-button.percent-13 .colored {
  width: 13%;
}
.admin--UploadDataContainer .progress-button.percent-14 .colored {
  width: 14%;
}
.admin--UploadDataContainer .progress-button.percent-15 .colored {
  width: 15%;
}
.admin--UploadDataContainer .progress-button.percent-16 .colored {
  width: 16%;
}
.admin--UploadDataContainer .progress-button.percent-17 .colored {
  width: 17%;
}
.admin--UploadDataContainer .progress-button.percent-18 .colored {
  width: 18%;
}
.admin--UploadDataContainer .progress-button.percent-19 .colored {
  width: 19%;
}
.admin--UploadDataContainer .progress-button.percent-20 .colored {
  width: 20%;
}
.admin--UploadDataContainer .progress-button.percent-21 .colored {
  width: 21%;
}
.admin--UploadDataContainer .progress-button.percent-22 .colored {
  width: 22%;
}
.admin--UploadDataContainer .progress-button.percent-23 .colored {
  width: 23%;
}
.admin--UploadDataContainer .progress-button.percent-24 .colored {
  width: 24%;
}
.admin--UploadDataContainer .progress-button.percent-25 .colored {
  width: 25%;
}
.admin--UploadDataContainer .progress-button.percent-26 .colored {
  width: 26%;
}
.admin--UploadDataContainer .progress-button.percent-27 .colored {
  width: 27%;
}
.admin--UploadDataContainer .progress-button.percent-28 .colored {
  width: 28%;
}
.admin--UploadDataContainer .progress-button.percent-29 .colored {
  width: 29%;
}
.admin--UploadDataContainer .progress-button.percent-30 .colored {
  width: 30%;
}
.admin--UploadDataContainer .progress-button.percent-31 .colored {
  width: 31%;
}
.admin--UploadDataContainer .progress-button.percent-32 .colored {
  width: 32%;
}
.admin--UploadDataContainer .progress-button.percent-33 .colored {
  width: 33%;
}
.admin--UploadDataContainer .progress-button.percent-34 .colored {
  width: 34%;
}
.admin--UploadDataContainer .progress-button.percent-35 .colored {
  width: 35%;
}
.admin--UploadDataContainer .progress-button.percent-36 .colored {
  width: 36%;
}
.admin--UploadDataContainer .progress-button.percent-37 .colored {
  width: 37%;
}
.admin--UploadDataContainer .progress-button.percent-38 .colored {
  width: 38%;
}
.admin--UploadDataContainer .progress-button.percent-39 .colored {
  width: 39%;
}
.admin--UploadDataContainer .progress-button.percent-40 .colored {
  width: 40%;
}
.admin--UploadDataContainer .progress-button.percent-41 .colored {
  width: 41%;
}
.admin--UploadDataContainer .progress-button.percent-42 .colored {
  width: 42%;
}
.admin--UploadDataContainer .progress-button.percent-43 .colored {
  width: 43%;
}
.admin--UploadDataContainer .progress-button.percent-44 .colored {
  width: 44%;
}
.admin--UploadDataContainer .progress-button.percent-45 .colored {
  width: 45%;
}
.admin--UploadDataContainer .progress-button.percent-46 .colored {
  width: 46%;
}
.admin--UploadDataContainer .progress-button.percent-47 .colored {
  width: 47%;
}
.admin--UploadDataContainer .progress-button.percent-48 .colored {
  width: 48%;
}
.admin--UploadDataContainer .progress-button.percent-49 .colored {
  width: 49%;
}
.admin--UploadDataContainer .progress-button.percent-50 .colored {
  width: 50%;
}
.admin--UploadDataContainer .progress-button.percent-51 .colored {
  width: 51%;
}
.admin--UploadDataContainer .progress-button.percent-52 .colored {
  width: 52%;
}
.admin--UploadDataContainer .progress-button.percent-53 .colored {
  width: 53%;
}
.admin--UploadDataContainer .progress-button.percent-54 .colored {
  width: 54%;
}
.admin--UploadDataContainer .progress-button.percent-55 .colored {
  width: 55%;
}
.admin--UploadDataContainer .progress-button.percent-56 .colored {
  width: 56%;
}
.admin--UploadDataContainer .progress-button.percent-57 .colored {
  width: 57%;
}
.admin--UploadDataContainer .progress-button.percent-58 .colored {
  width: 58%;
}
.admin--UploadDataContainer .progress-button.percent-59 .colored {
  width: 59%;
}
.admin--UploadDataContainer .progress-button.percent-60 .colored {
  width: 60%;
}
.admin--UploadDataContainer .progress-button.percent-61 .colored {
  width: 61%;
}
.admin--UploadDataContainer .progress-button.percent-62 .colored {
  width: 62%;
}
.admin--UploadDataContainer .progress-button.percent-63 .colored {
  width: 63%;
}
.admin--UploadDataContainer .progress-button.percent-64 .colored {
  width: 64%;
}
.admin--UploadDataContainer .progress-button.percent-65 .colored {
  width: 65%;
}
.admin--UploadDataContainer .progress-button.percent-66 .colored {
  width: 66%;
}
.admin--UploadDataContainer .progress-button.percent-67 .colored {
  width: 67%;
}
.admin--UploadDataContainer .progress-button.percent-68 .colored {
  width: 68%;
}
.admin--UploadDataContainer .progress-button.percent-69 .colored {
  width: 69%;
}
.admin--UploadDataContainer .progress-button.percent-70 .colored {
  width: 70%;
}
.admin--UploadDataContainer .progress-button.percent-71 .colored {
  width: 71%;
}
.admin--UploadDataContainer .progress-button.percent-72 .colored {
  width: 72%;
}
.admin--UploadDataContainer .progress-button.percent-73 .colored {
  width: 73%;
}
.admin--UploadDataContainer .progress-button.percent-74 .colored {
  width: 74%;
}
.admin--UploadDataContainer .progress-button.percent-75 .colored {
  width: 75%;
}
.admin--UploadDataContainer .progress-button.percent-76 .colored {
  width: 76%;
}
.admin--UploadDataContainer .progress-button.percent-77 .colored {
  width: 77%;
}
.admin--UploadDataContainer .progress-button.percent-78 .colored {
  width: 78%;
}
.admin--UploadDataContainer .progress-button.percent-79 .colored {
  width: 79%;
}
.admin--UploadDataContainer .progress-button.percent-80 .colored {
  width: 80%;
}
.admin--UploadDataContainer .progress-button.percent-81 .colored {
  width: 81%;
}
.admin--UploadDataContainer .progress-button.percent-82 .colored {
  width: 82%;
}
.admin--UploadDataContainer .progress-button.percent-83 .colored {
  width: 83%;
}
.admin--UploadDataContainer .progress-button.percent-84 .colored {
  width: 84%;
}
.admin--UploadDataContainer .progress-button.percent-85 .colored {
  width: 85%;
}
.admin--UploadDataContainer .progress-button.percent-86 .colored {
  width: 86%;
}
.admin--UploadDataContainer .progress-button.percent-87 .colored {
  width: 87%;
}
.admin--UploadDataContainer .progress-button.percent-88 .colored {
  width: 88%;
}
.admin--UploadDataContainer .progress-button.percent-89 .colored {
  width: 89%;
}
.admin--UploadDataContainer .progress-button.percent-90 .colored {
  width: 90%;
}
.admin--UploadDataContainer .progress-button.percent-91 .colored {
  width: 91%;
}
.admin--UploadDataContainer .progress-button.percent-92 .colored {
  width: 92%;
}
.admin--UploadDataContainer .progress-button.percent-93 .colored {
  width: 93%;
}
.admin--UploadDataContainer .progress-button.percent-94 .colored {
  width: 94%;
}
.admin--UploadDataContainer .progress-button.percent-95 .colored {
  width: 95%;
}
.admin--UploadDataContainer .progress-button.percent-96 .colored {
  width: 96%;
}
.admin--UploadDataContainer .progress-button.percent-97 .colored {
  width: 97%;
}
.admin--UploadDataContainer .progress-button.percent-98 .colored {
  width: 98%;
}
.admin--UploadDataContainer .progress-button.percent-99 .colored {
  width: 99%;
}
.admin--UploadDataContainer .progress-button.percent-100 .colored {
  width: 100%;
}
.admin--UploadDataContainer .progress-button.percent-100 .colored {
  border-radius: 10px;
}

.admin--MarketContainer .DatePicker {
  z-index: 9;
}

.admin--InvestingAssistantContainer .tabs-wrap-outer {
  overflow: auto;
}
.admin--InvestingAssistantContainer .tabs-wrap {
  display: flex;
  border-bottom: 1px solid #E4E6E8;
}
.admin--InvestingAssistantContainer .tab-item {
  margin-right: 24px;
  padding-top: 21px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #8083a3;
  line-height: 21px;
  flex-shrink: 0;
}
.admin--InvestingAssistantContainer .tab-item.active {
  font-weight: bold;
  color: #292C43;
  border-bottom: 2px solid #292C43;
}
.admin--InvestingAssistantContainer .admin--FloatFooter {
  z-index: 3;
}

.admin--InterfaceContainer .admin--FloatFooter {
  display: none !important;
}
.admin--InterfaceContainer.show-float-footer .admin--FloatFooter {
  display: block !important;
}
.admin--InterfaceContainer .form-group.pageTitle textarea, .admin--InterfaceContainer .form-group.disclaimerContent textarea {
  height: 72px;
}
.admin--InterfaceContainer .form-group.introduceContent textarea {
  height: 120px;
}
.admin--InterfaceContainer .form-group.address textarea {
  height: 133px;
}
.admin--InterfaceContainer .file-field-group.imageUrl .click-area {
  height: 196px;
}
.admin--InterfaceContainer .file-field-group.logo .click-area {
  height: 133px;
}
.admin--InterfaceContainer .file-field-group.logo .click-area .image-wrap {
  object-fit: fill !important;
}
.admin--InterfaceContainer .social-inputs-group:not(:last-child) {
  margin-bottom: 16px;
}
.admin--InterfaceContainer .social-inputs-group .click-area {
  width: 49px;
  height: 49px;
  cursor: pointer;
  background: rgba(245, 245, 250, 0.6);
  border: 1px solid #E4E6E8;
  border-radius: 8px;
}
.admin--InterfaceContainer .social-inputs-group .social-link-input-wrap {
  flex-grow: 1;
}
.admin--InterfaceContainer .footer-info .body-wrap .flex-left {
  position: relative;
}
.admin--InterfaceContainer .footer-info .body-wrap .flex-left::after {
  content: " ";
  position: absolute;
  top: 24px;
  bottom: 0;
  right: -24px;
  border-right: 1px solid #E4E6E8;
}
.admin--InterfaceContainer .footer-info .app-link-inputs-wrap:not(:last-child) {
  margin-bottom: 16px;
}
.admin--InterfaceContainer .footer-info .app-link-inputs-wrap .click-area {
  width: 49px;
  height: 49px;
  cursor: pointer;
  background: rgba(245, 245, 250, 0.6);
  border: 1px solid #E4E6E8;
  border-radius: 8px;
}
.admin--InterfaceContainer .payment-info .body-wrap {
  padding: 24px 24px 39px 24px;
}
.admin--InterfaceContainer .payment-info .sub-card-wrap {
  position: relative;
  padding: 20px 146px 42px 16px;
  border-radius: 8px;
  border: 1px solid #E4E6E8;
}
.admin--InterfaceContainer .payment-info .sub-card-wrap:not(:last-child) {
  margin-bottom: 36px;
}
.admin--InterfaceContainer .payment-info .sub-card-wrap .sub-card-header {
  position: absolute;
  top: -12px;
  z-index: 1;
  background: white;
  padding-left: 4px;
  padding-right: 4px;
}
.admin--InterfaceContainer .payment-info .sub-card-wrap .bank-qr-wrap {
  cursor: pointer;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 111px;
  height: 111px;
  border-radius: 8px;
  border: 1px solid #E4E6E8;
  background: rgba(245, 245, 250, 0.6);
}

.admin--MenuContainer {
  height: calc(100vh - 55px);
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
.admin--MenuContainer .flex-left {
  display: flex;
  flex-direction: column;
}
.admin--MenuContainer .flex-right {
  height: 100%;
}
.admin--MenuContainer .flex-right .admin--MenuContainer-MenuSection {
  height: 100%;
}
.admin--MenuContainer .category-section-wrap {
  margin-bottom: 24px;
  flex-basis: 50%;
  max-height: 50%;
  min-height: 0;
}
.admin--MenuContainer .link-section-wrap {
  flex-basis: 50%;
  min-height: 0;
}
.admin--MenuContainer .drag-container {
  margin-bottom: 24px;
}
.admin--MenuContainer .admin--FloatFooter {
  min-height: 64px;
}

.admin--BannerContainer .no-data-text {
  padding-bottom: 27px;
}

.admin--MyArticlesContainer .widgets-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin--MyArticlesContainer .widgets-wrap .text-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  color: #171721;
}
.admin--MyArticlesContainer .top-articles-wrap .TopArticles.info-card {
  height: 100%;
  background: white;
}
.admin--MyArticlesContainer .top-articles-wrap a.span-like.to-detail {
  display: none !important;
}

.admin--MyPayslipContainer .widgets-wrap {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.admin--MyPayslipContainer .salary-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
}
.admin--MyPayslipContainer .salary-value {
  display: inline-block;
  padding: 6px 8px;
  background-color: #FFF7E8;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #FBB017;
}

.admin--NewNotificationContainer .middle-wrap .flex-left .form-group:first-child {
  margin-bottom: 24px;
}
.admin--NewNotificationContainer .form-group.imageUrl .image-wrap {
  max-height: 133px;
}
.admin--NewNotificationContainer .form-group.createdType .form-label {
  margin-bottom: 14px;
}
.admin--NewNotificationContainer .form-group.createdType label.custom-radio .label-text {
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
}
.admin--NewNotificationContainer .form-group.createdType label.custom-radio input:checked + .label-text {
  color: #171721;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}
.admin--NewNotificationContainer .form-group.target div[class*=-container], .admin--NewNotificationContainer .form-group.status div[class*=-container] {
  z-index: 101;
}
.admin--NewNotificationContainer .form-group.target div[class*=-container]:has(div[class*=-menu]), .admin--NewNotificationContainer .form-group.status div[class*=-container]:has(div[class*=-menu]) {
  z-index: 102;
}
.admin--NewNotificationContainer .bottom-wrap #cke_editor1 {
  border-radius: 8px;
}
.admin--NewNotificationContainer .bottom-wrap .cke_top {
  border-radius: 8px 8px 0 0;
}
.admin--NewNotificationContainer .bottom-wrap .cke_inner {
  border-radius: 8px;
}
.admin--NewNotificationContainer .bottom-wrap .cke_bottom {
  border-radius: 0 0 8px 8px;
}
.admin--NewNotificationContainer .bottom-wrap .cke_contents {
  min-height: 400px;
}
.admin--NewNotificationContainer .settings-section {
  align-self: flex-start;
}
.admin--NewNotificationContainer .settings-section .button-group .button {
  flex-grow: 1;
  flex-basis: 33.33%;
  min-width: 0;
  border-radius: 10px;
}
.admin--NewNotificationContainer .settings-section .button-group .btn-cancel {
  background-color: #F5F5FA;
}
.admin--NewArticleContainer .left-section {
  min-width: 0;
  flex-basis: 65%;
}
@media only screen and (max-width: 1280px) {
  .admin--NewArticleContainer .left-section {
    flex-basis: 58%;
  }
}
@media only screen and (max-width: 1350px) {
  .admin--NewArticleContainer .left-section {
    flex-basis: 60%;
  }
}
.admin--NewArticleContainer .right-section {
  min-width: 0;
  flex-basis: 35%;
}
@media only screen and (max-width: 1280px) {
  .admin--NewArticleContainer .right-section {
    flex-basis: 42%;
  }
}
@media only screen and (max-width: 1350px) {
  .admin--NewArticleContainer .right-section {
    flex-basis: 40%;
  }
}
.admin--NewArticleContainer .text-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #171721;
}
.admin--NewArticleContainer .form-label {
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  color: #8083a3;
}
.admin--NewArticleContainer .middle-part {
  padding: 12px 26px 24px 26px;
}
.admin--NewArticleContainer .middle-part .middle-wrap {
  border: 1px solid #e4e6e8;
  border-radius: 16px;
  padding: 12px 8px;
}
.admin--NewArticleContainer .middle-part .middle-wrap .flex-left .form-group:first-child {
  margin-bottom: 24px;
}
.admin--NewArticleContainer .form-group.imageUrl .click-area {
  min-height: 195px !important;
}
.admin--NewArticleContainer .form-group.imageUrl .image-wrap {
  max-height: 133px;
}
.admin--NewArticleContainer .form-group.status div[class*=-container] {
  z-index: 101;
}
.admin--NewArticleContainer .form-group.status div[class*=-container]:has(div[class*=-menu]) {
  z-index: 102;
}
.admin--NewArticleContainer .form-group.categories div[class*=-container] {
  z-index: 101;
}
.admin--NewArticleContainer .form-group.categories div[class*=-container]:has(div[class*=-menu]) {
  z-index: 102;
}
.admin--NewArticleContainer .form-group.type {
  padding-left: 11px;
  padding-right: 16px;
}
.admin--NewArticleContainer .form-group.title .custom-textarea-input {
  height: unset;
  min-height: unset;
}
.admin--NewArticleContainer .form-group.description .custom-textarea-input {
  height: 100px;
}
.admin--NewArticleContainer .form-group.hashtag textarea {
  height: 80px;
}
.admin--NewArticleContainer .form-group.createdType .form-label {
  margin-bottom: 14px;
}
.admin--NewArticleContainer .form-group.createdType label.custom-radio .label-text {
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  color: #8083a3;
}
.admin--NewArticleContainer .form-group.createdType label.custom-radio input:checked + .label-text {
  color: #171721;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}
.admin--NewArticleContainer .bottom-wrap #cke_editor1 {
  border-radius: 8px;
}
.admin--NewArticleContainer .bottom-wrap .cke_top {
  border-radius: 8px 8px 0 0;
}
.admin--NewArticleContainer .bottom-wrap .cke_inner {
  border-radius: 8px;
}
.admin--NewArticleContainer .bottom-wrap .cke_bottom {
  border-radius: 0 0 8px 8px;
}
.admin--NewArticleContainer .bottom-wrap .cke_contents {
  min-height: calc(100vh - 32px);
}
.admin--NewArticleContainer .settings-section {
  align-self: flex-start;
}
.admin--NewArticleContainer .settings-section .button-group {
  display: flex;
  padding: 16px 26px;
}
.admin--NewArticleContainer .settings-section .button-group button {
  flex-grow: 1;
  min-width: 0;
  border-radius: 10px;
}
@media only screen and (max-width: 1350px) {
  .admin--NewArticleContainer .settings-section .button-group button {
    padding: 6.5px 14px;
  }
}
.admin--NewArticleContainer .settings-section .button-group button:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 1350px) {
  .admin--NewArticleContainer .settings-section .button-group button:not(:last-child) {
    margin-right: 6px;
  }
}
.admin--NewArticleContainer .settings-section .button-group button.btn-cancel {
  width: 48px;
}
.admin--NewArticleContainer .settings-section .button-group .btn-cancel {
  background-color: #F5F5FA;
}
.admin--NewArticleContainer .settings-section .bottom-part {
  padding: 12px 26px 24px 26px;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings, .admin--NewArticleContainer .settings-section .bottom-part .stock-settings, .admin--NewArticleContainer .settings-section .bottom-part .recommend-settings {
  border: 1px solid #E4E6E8;
  border-radius: 16px;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings .plus-button, .admin--NewArticleContainer .settings-section .bottom-part .stock-settings .plus-button, .admin--NewArticleContainer .settings-section .bottom-part .recommend-settings .plus-button {
  cursor: pointer;
  border: 1px solid rgba(228, 230, 232, 0.6);
  border-radius: 6px;
  width: 28px;
  height: 28px;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings .setting-header, .admin--NewArticleContainer .settings-section .bottom-part .stock-settings .setting-header, .admin--NewArticleContainer .settings-section .bottom-part .recommend-settings .setting-header {
  border-bottom: 1px solid #E4E6E8;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings .settings-text, .admin--NewArticleContainer .settings-section .bottom-part .stock-settings .settings-text, .admin--NewArticleContainer .settings-section .bottom-part .recommend-settings .settings-text {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #8083a3;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings .setting-body {
  padding: 12px 8px;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings .setting-body .select-indicators-container {
  align-self: flex-start;
}
.admin--NewArticleContainer .settings-section .bottom-part .article-settings .setting-body .select-indicators-container .select-indicator-container:first-child:not(:only-child) {
  margin-right: -18px;
}
.admin--NewArticleContainer .settings-section .bottom-part .stock-settings .setting-header, .admin--NewArticleContainer .settings-section .bottom-part .recommend-settings .setting-header {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  position: relative;
}
.admin--NewArticleContainer .footer-part .article-settings, .admin--NewArticleContainer .footer-part .stock-settings, .admin--NewArticleContainer .footer-part .recommend-settings {
  border: 1px solid #cacaca;
  border-radius: 16px;
  background-color: white;
}
.admin--NewArticleContainer .footer-part .article-settings .plus-button, .admin--NewArticleContainer .footer-part .stock-settings .plus-button, .admin--NewArticleContainer .footer-part .recommend-settings .plus-button {
  cursor: pointer;
  border: 1px solid rgba(228, 230, 232, 0.6);
  border-radius: 6px;
  width: 28px;
  height: 28px;
}
.admin--NewArticleContainer .footer-part .article-settings .setting-header, .admin--NewArticleContainer .footer-part .stock-settings .setting-header, .admin--NewArticleContainer .footer-part .recommend-settings .setting-header {
  border-bottom: 1px solid #E4E6E8;
}
.admin--NewArticleContainer .footer-part .article-settings .settings-text, .admin--NewArticleContainer .footer-part .stock-settings .settings-text, .admin--NewArticleContainer .footer-part .recommend-settings .settings-text {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #8083a3;
}
.admin--NewArticleContainer .footer-part .article-settings .setting-body {
  padding: 12px 8px;
}
.admin--NewArticleContainer .footer-part .article-settings .setting-body .select-indicators-container {
  align-self: flex-start;
}
.admin--NewArticleContainer .footer-part .article-settings .setting-body .select-indicators-container .select-indicator-container:first-child:not(:only-child) {
  margin-right: -18px;
}
.admin--NewArticleContainer .footer-part .stock-settings .setting-header, .admin--NewArticleContainer .footer-part .recommend-settings .setting-header {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  position: relative;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.margin-0 {
  margin: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.padding-0 {
  padding: 0 !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.margin-1 {
  margin: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.padding-1 {
  padding: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.margin-2 {
  margin: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.padding-2 {
  padding: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.margin-3 {
  margin: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.padding-3 {
  padding: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.margin-4 {
  margin: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.padding-4 {
  padding: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.margin-5 {
  margin: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padding-5 {
  padding: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.margin-6 {
  margin: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.padding-6 {
  padding: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.margin-7 {
  margin: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.padding-7 {
  padding: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.margin-8 {
  margin: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.padding-8 {
  padding: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.margin-9 {
  margin: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.padding-9 {
  padding: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin-10 {
  margin: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-10 {
  padding: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.margin-11 {
  margin: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.padding-11 {
  padding: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.margin-12 {
  margin: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.padding-12 {
  padding: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.margin-13 {
  margin: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.padding-13 {
  padding: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.margin-14 {
  margin: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.padding-14 {
  padding: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.margin-15 {
  margin: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.padding-15 {
  padding: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.margin-16 {
  margin: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.padding-16 {
  padding: 16px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.margin-17 {
  margin: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.padding-17 {
  padding: 17px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.margin-18 {
  margin: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.padding-18 {
  padding: 18px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.margin-19 {
  margin: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.padding-19 {
  padding: 19px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin-20 {
  margin: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.padding-20 {
  padding: 20px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.margin-21 {
  margin: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.padding-21 {
  padding: 21px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.margin-22 {
  margin: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.padding-22 {
  padding: 22px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.margin-23 {
  margin: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.padding-23 {
  padding: 23px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.margin-24 {
  margin: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.padding-24 {
  padding: 24px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.margin-25 {
  margin: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.padding-25 {
  padding: 25px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.margin-26 {
  margin: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.padding-26 {
  padding: 26px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.margin-27 {
  margin: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.padding-27 {
  padding: 27px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.margin-28 {
  margin: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.padding-28 {
  padding: 28px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.margin-29 {
  margin: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.padding-29 {
  padding: 29px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-30 {
  margin: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.padding-30 {
  padding: 30px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.ml-31 {
  margin-left: 31px !important;
}

.mx-31 {
  margin-left: 31px !important;
  margin-right: 31px !important;
}

.my-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.margin-31 {
  margin: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.px-31 {
  padding-left: 31px !important;
  padding-right: 31px !important;
}

.py-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.padding-31 {
  padding: 31px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.margin-32 {
  margin: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.padding-32 {
  padding: 32px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.ml-33 {
  margin-left: 33px !important;
}

.mx-33 {
  margin-left: 33px !important;
  margin-right: 33px !important;
}

.my-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.margin-33 {
  margin: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.px-33 {
  padding-left: 33px !important;
  padding-right: 33px !important;
}

.py-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.padding-33 {
  padding: 33px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.mx-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.my-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.margin-34 {
  margin: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.px-34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.py-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.padding-34 {
  padding: 34px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.margin-35 {
  margin: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.padding-35 {
  padding: 35px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.margin-36 {
  margin: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.padding-36 {
  padding: 36px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.ml-37 {
  margin-left: 37px !important;
}

.mx-37 {
  margin-left: 37px !important;
  margin-right: 37px !important;
}

.my-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.margin-37 {
  margin: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.px-37 {
  padding-left: 37px !important;
  padding-right: 37px !important;
}

.py-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.padding-37 {
  padding: 37px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.mx-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.my-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.margin-38 {
  margin: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.px-38 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}

.py-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.padding-38 {
  padding: 38px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.ml-39 {
  margin-left: 39px !important;
}

.mx-39 {
  margin-left: 39px !important;
  margin-right: 39px !important;
}

.my-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.margin-39 {
  margin: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.px-39 {
  padding-left: 39px !important;
  padding-right: 39px !important;
}

.py-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.padding-39 {
  padding: 39px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.margin-40 {
  margin: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.padding-40 {
  padding: 40px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

.mx-41 {
  margin-left: 41px !important;
  margin-right: 41px !important;
}

.my-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.margin-41 {
  margin: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.px-41 {
  padding-left: 41px !important;
  padding-right: 41px !important;
}

.py-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.padding-41 {
  padding: 41px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

.mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.my-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.margin-42 {
  margin: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}

.py-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.padding-42 {
  padding: 42px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

.mx-43 {
  margin-left: 43px !important;
  margin-right: 43px !important;
}

.my-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.margin-43 {
  margin: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.px-43 {
  padding-left: 43px !important;
  padding-right: 43px !important;
}

.py-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.padding-43 {
  padding: 43px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.margin-44 {
  margin: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.padding-44 {
  padding: 44px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.margin-45 {
  margin: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.padding-45 {
  padding: 45px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

.mx-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}

.my-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.margin-46 {
  margin: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.px-46 {
  padding-left: 46px !important;
  padding-right: 46px !important;
}

.py-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.padding-46 {
  padding: 46px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

.mx-47 {
  margin-left: 47px !important;
  margin-right: 47px !important;
}

.my-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.margin-47 {
  margin: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.px-47 {
  padding-left: 47px !important;
  padding-right: 47px !important;
}

.py-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.padding-47 {
  padding: 47px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.margin-48 {
  margin: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.padding-48 {
  padding: 48px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mr-49 {
  margin-right: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.ml-49 {
  margin-left: 49px !important;
}

.mx-49 {
  margin-left: 49px !important;
  margin-right: 49px !important;
}

.my-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.margin-49 {
  margin: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

.pr-49 {
  padding-right: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.pl-49 {
  padding-left: 49px !important;
}

.px-49 {
  padding-left: 49px !important;
  padding-right: 49px !important;
}

.py-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.padding-49 {
  padding: 49px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.margin-50 {
  margin: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.padding-50 {
  padding: 50px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.mr-51 {
  margin-right: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.ml-51 {
  margin-left: 51px !important;
}

.mx-51 {
  margin-left: 51px !important;
  margin-right: 51px !important;
}

.my-51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.margin-51 {
  margin: 51px !important;
}

.pt-51 {
  padding-top: 51px !important;
}

.pr-51 {
  padding-right: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

.pl-51 {
  padding-left: 51px !important;
}

.px-51 {
  padding-left: 51px !important;
  padding-right: 51px !important;
}

.py-51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.padding-51 {
  padding: 51px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.mx-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.margin-52 {
  margin: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.px-52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.py-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.padding-52 {
  padding: 52px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.mr-53 {
  margin-right: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.ml-53 {
  margin-left: 53px !important;
}

.mx-53 {
  margin-left: 53px !important;
  margin-right: 53px !important;
}

.my-53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.margin-53 {
  margin: 53px !important;
}

.pt-53 {
  padding-top: 53px !important;
}

.pr-53 {
  padding-right: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

.pl-53 {
  padding-left: 53px !important;
}

.px-53 {
  padding-left: 53px !important;
  padding-right: 53px !important;
}

.py-53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.padding-53 {
  padding: 53px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mr-54 {
  margin-right: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.ml-54 {
  margin-left: 54px !important;
}

.mx-54 {
  margin-left: 54px !important;
  margin-right: 54px !important;
}

.my-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.margin-54 {
  margin: 54px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

.pr-54 {
  padding-right: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.pl-54 {
  padding-left: 54px !important;
}

.px-54 {
  padding-left: 54px !important;
  padding-right: 54px !important;
}

.py-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.padding-54 {
  padding: 54px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.margin-55 {
  margin: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.py-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.padding-55 {
  padding: 55px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.margin-56 {
  margin: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.padding-56 {
  padding: 56px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.mr-57 {
  margin-right: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.ml-57 {
  margin-left: 57px !important;
}

.mx-57 {
  margin-left: 57px !important;
  margin-right: 57px !important;
}

.my-57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.margin-57 {
  margin: 57px !important;
}

.pt-57 {
  padding-top: 57px !important;
}

.pr-57 {
  padding-right: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

.pl-57 {
  padding-left: 57px !important;
}

.px-57 {
  padding-left: 57px !important;
  padding-right: 57px !important;
}

.py-57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.padding-57 {
  padding: 57px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mr-58 {
  margin-right: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.ml-58 {
  margin-left: 58px !important;
}

.mx-58 {
  margin-left: 58px !important;
  margin-right: 58px !important;
}

.my-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.margin-58 {
  margin: 58px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

.pr-58 {
  padding-right: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.pl-58 {
  padding-left: 58px !important;
}

.px-58 {
  padding-left: 58px !important;
  padding-right: 58px !important;
}

.py-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.padding-58 {
  padding: 58px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.mr-59 {
  margin-right: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.ml-59 {
  margin-left: 59px !important;
}

.mx-59 {
  margin-left: 59px !important;
  margin-right: 59px !important;
}

.my-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.margin-59 {
  margin: 59px !important;
}

.pt-59 {
  padding-top: 59px !important;
}

.pr-59 {
  padding-right: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

.pl-59 {
  padding-left: 59px !important;
}

.px-59 {
  padding-left: 59px !important;
  padding-right: 59px !important;
}

.py-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.padding-59 {
  padding: 59px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.margin-60 {
  margin: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.padding-60 {
  padding: 60px !important;
}

#theme-switcher {
  height: 27px;
  width: 52px;
}
#theme-switcher label.switch {
  width: 100%;
  height: 100%;
}
#theme-switcher .slider {
  background: #EFEFEF;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.05);
}
#theme-switcher .slider:before {
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: initial;
  top: calc(50% - 10px);
  background: linear-gradient(180deg, #F8F8F8 0%, #FFFFFF 100%);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}
#theme-switcher .sun-img {
  position: absolute;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  right: 6px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFTSURBVHgBfVLRUcJAEH17MOMvJdCB8RMdB+gAKpAOxAqQCqQDkwqECuKMQ+KfsYLYAXz6Ibe+u4SYwMSb2cxOdve9t+8OaDmaYO6irW4azVtZ15oDCC79/9QsdIt16yCsrgBZaIx+BeZyq3OChDiXJS9EnJV5TOadj0SUkWuKZ197w8j1urxbTOonhEypDIlOiRpByXBADx0Cqky4Qt/Lhy6brCn6dfTm7lixttMPApVH9N3cEz0omYmuV3KD7GSQKiRmFAYJsi6sFSZHnD3aD9lsaeLfhHOv5+Uk5ulMamJC7p/X3faTXu5BHymcEiXwkn5sxMvaQ8wdO2aMDWtD1kIZ2GVxj9aO6OZUrjFmccM9R+j4nWIOTNiRseb2X0JtUDHWTJjByILZmIZRAb/feMCF5FQ0lVu8HnubLwcyIXMkA3xVf8aU6+7OtL/bE0P+f+S/vPqpRCuvsPoAAAAASUVORK5CYII=) center no-repeat;
}
#theme-switcher input:checked ~ .sun-img {
  display: none;
}
#theme-switcher .moon-img {
  position: absolute;
  width: 10px;
  height: 12px;
  top: calc(50% - 6px);
  left: 8px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACpSURBVHgBdZGBDcIwDARDxQBhg44QNgiTkBHYoKPABsAE7QaICRiBMoH5l76qG4qlk5vvx3bdEFyYWQZn8LI5etA2MkQa8Eie4LBBIO9ABGmrYjR8wB7vR9ekA7wwsFpRq1iNsdQ1QwlVQLuBkxcYacXIank6N8pj+A1qrTcOIK8Y7+D4f+hZ58reYGHutejanFSk87cvEsv0cdJ5tlBV4C+8qqUpP7imLx7cujbsLOfpAAAAAElFTkSuQmCC) center no-repeat;
  display: none;
}
#theme-switcher input:checked ~ .moon-img {
  display: initial;
}
#theme-switcher input:checked + .slider:before {
  transform: translateX(25px);
}

.navbar-nav #theme-switcher {
  position: absolute;
  left: -83px;
}
@media only screen and (max-width: 1364.99px) {
  .navbar-nav #theme-switcher {
    left: -73px;
  }
}
@media screen and (min-width: 1365px) and (max-width: 1550px) {
  .navbar-nav #theme-switcher {
    left: -73px;
  }
}

body:not(:has(.client--Dashboard)) #theme-switcher {
  display: none;
}

body:has(.pageClient.dark-theme) #theme-switcher .slider.round {
  background: #4D555C;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.05);
}
body:has(.pageClient.dark-theme) #theme-switcher .slider:before {
  background: linear-gradient(180deg, #2F3841 0%, #343D45 100%);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

#modalRequireLogin .modal-content {
  overflow: visible;
  border-radius: 15px;
}
#modalRequireLogin .modal-header {
  height: fit-content;
  border: 0;
  position: relative;
}
#modalRequireLogin .modal-header .pandaLogin {
  position: absolute;
  top: -125px;
  width: 180px;
  left: 50%;
  transform: translateX(-50%);
}
#modalRequireLogin .modal-content-inner .close-btn {
  position: absolute;
  right: 12px;
  top: 12px;
}
#modalRequireLogin .topSlogan .slogan-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #1E1E1E;
}
#modalRequireLogin .topSlogan .feature-line {
  font-size: 15px;
  line-height: 150%;
  color: #1E1E1E;
}
#modalRequireLogin .topSlogan .feature-line:not(:last-child) {
  margin-bottom: 8px;
}
#modalRequireLogin .topSlogan .feature-line img {
  width: 15px;
  margin-right: 8px;
}
#modalRequireLogin .need-login {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #1E1E1E;
  text-align: center;
  margin-bottom: 4px;
}
#modalRequireLogin .login-text {
  font-weight: 700;
  font-size: 28px;
  line-height: 160%;
  color: #1E1E1E;
  text-align: center;
}
#modalRequireLogin .backToHome {
  margin-top: 30px;
}
#modalRequireLogin .backToHome u {
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #5B9BD5;
}
#modalRequireLogin .login-social .loginFB.-onMobile {
  display: none;
}
#modalRequireLogin .login-social .loginGG .gg-span {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #F5F5F5;
  display: none;
}
#modalRequireLogin form .form-group:has(input[type=password] ~ .form-error) .form-error.-remote-error {
  display: none;
}
@media (max-width: 575.98px) {
  #modalRequireLogin .modal-dialog {
    margin: 0 auto !important;
    width: 90%;
    max-width: 375px;
  }
  #modalRequireLogin .modal-header {
    padding: 20px 16px 14px;
    height: initial;
  }
  #modalRequireLogin .topSlogan .slogan-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  #modalRequireLogin .topSlogan .feature-line {
    font-size: 13px;
  }
  #modalRequireLogin .topSlogan .feature-line img {
    width: 18px;
  }
  #modalRequireLogin .topSlogan .feature-line:not(:last-child) {
    margin-bottom: 10px;
  }
  #modalRequireLogin .modal-content-inner {
    padding: 12px 20px;
  }
  #modalRequireLogin .need-login {
    font-size: 18px;
    color: #707A83;
    margin-bottom: 4px;
  }
  #modalRequireLogin .login-text {
    font-size: 26px;
  }
  #modalRequireLogin .login-social .loginFB {
    height: 35px;
    font-weight: 400;
    margin-right: 10px;
    flex-basis: 50%;
    padding: initial;
    justify-content: center;
    color: #F5F5F5;
    display: none;
  }
  #modalRequireLogin .login-social .loginFB.-onMobile {
    display: initial;
  }
  #modalRequireLogin .login-social .loginGG {
    height: 35px;
    flex-basis: 50%;
  }
  #modalRequireLogin .login-social .loginGG .gg-img {
    display: none;
  }
  #modalRequireLogin .login-social .loginGG .gg-span {
    display: initial;
  }
  #modalRequireLogin .or {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #434D56;
  }
  #modalRequireLogin form .form-group {
    margin-bottom: 20px;
  }
  #modalRequireLogin form .form-group .form-error {
    font-size: 10px;
  }
  #modalRequireLogin form .form-group input.form-control {
    height: 44px;
    font-size: 16px !important;
  }
  #modalRequireLogin form .form-group input.submit {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #434D56;
  }
  #modalRequireLogin form .forgotPwd {
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #434D56;
  }
  #modalRequireLogin form .register {
    margin-top: 5px;
    margin-bottom: 11px;
    color: #434D56 !important;
  }
  #modalRequireLogin form .register a {
    color: #fcc700 !important;
  }
  #modalRequireLogin form .backToHome {
    margin-top: 0;
  }
  #modalRequireLogin form .backToHome u {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #5B9BD5;
  }
}

#modalResgister .back-home-anchor {
  display: none;
}
#modalResgister .login-social .loginFB.-onMobile {
  display: none;
}
#modalResgister .login-social .loginGG.-onMobile {
  display: none;
}
@media (min-width: 1280px) {
  #modalResgister .modal-dialog {
    top: 30px;
  }
}
@media (max-width: 575.98px) {
  #modalResgister .modal-header {
    display: none;
  }
  #modalResgister .modal-dialog {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  #modalResgister .modal-content {
    height: 100% !important;
    border-radius: 0;
    border: 0 !important;
  }
  #modalResgister .modal-content-inner {
    margin: 0;
    padding: 47px 12px 0;
  }
  #modalResgister .modal-content-inner h5 {
    text-align: left;
    font-size: 28px;
    color: #434D56;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
  }
  #modalResgister .back-home-anchor {
    display: inline-block;
    margin-right: 2px;
  }
  #modalResgister .login-social .loginFB {
    height: 35px;
    font-weight: 400;
    margin-right: 7px;
    flex-basis: 50%;
    padding: initial;
    justify-content: center;
    color: #F5F5F5;
    display: none;
  }
  #modalResgister .login-social .loginFB.-onMobile {
    display: initial;
  }
  #modalResgister .login-social .loginGG {
    height: 35px;
    flex-basis: 50%;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #F5F5F5;
    display: none;
  }
  #modalResgister .login-social .loginGG.-onMobile {
    display: initial;
  }
  #modalResgister form .form-group img.Checkbox {
    border-radius: 2px;
  }
  #modalResgister form .form-group .form-check-label {
    font-size: 12px;
  }
  #modalResgister form .form-group input {
    font-size: 16px !important;
  }
  #modalResgister form input.submit {
    height: 44px;
    color: #434D56;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
  }
}

body:has(.client--ArticleModal) #modalLogin {
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(6px) !important;
  z-index: 2000 !important;
}

#modalLogin form .form-group:has(input[type=password] ~ .form-error) .form-error.-remote-error {
  display: none;
}

@media (max-width: 575.98px) {
  #RegisterSuccess .modal-content .modal-content-inner h5 {
    margin-bottom: 24px;
    text-align: left;
    color: #434D56;
    font-weight: 550;
  }
  #RegisterSuccess .modal-content .modal-content-inner p {
    text-align: left;
  }
  #RegisterSuccess .modal-content .modal-content-inner input[type=submit] {
    margin-top: 61px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    height: 44px;
  }
}

#modalForgot .modal-content-inner {
  padding: 30px;
  max-width: initial;
  margin: initial;
}
#modalForgot .modal-content-inner h5 {
  line-height: 140%;
  margin-bottom: 4px;
}
#modalForgot .modal-content-inner .welcomeBack {
  font-family: "Inter", sans-serif;
  display: block;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
  color: #9E9B9B;
  margin-bottom: 30px;
  text-align: center;
}
#modalForgot .modal-content-inner .form-group:not(:last-child) {
  margin-bottom: 32px;
}
#modalForgot .modal-content-inner .form-group:last-child {
  margin-bottom: 0;
}
#modalForgot .modal-content-inner .submit-btn {
  width: 100%;
  height: 54px;
  justify-content: center;
  font-weight: 550;
  font-size: 16px;
  line-height: 150%;
  color: #201F1F;
  background: #FFC501;
}
#modalForgot .modal-content-inner .submit-btn:disabled {
  background: #E7E7E7;
}
@media (max-width: 575.98px) {
  #modalForgot .modal-content .modal-content-inner h5 {
    text-align: left;
    color: #434D56;
    margin-bottom: 4px;
    font-weight: 550;
    font-size: 32px;
    line-height: 140%;
  }
  #modalForgot .modal-content .modal-content-inner .welcomeBack {
    text-align: left;
  }
  #modalForgot .modal-content .modal-content-inner .submit-btn {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    height: 44px;
  }
  #modalForgot .modal-content .modal-content-inner .form-group input {
    font-size: 16px !important;
  }
}

#PremiumNotify .modal-content, #GoldNotify .modal-content {
  border-radius: 15px !important;
}
#PremiumNotify .topSlogan, #GoldNotify .topSlogan {
  margin-bottom: 25px;
  padding: 0 20px;
}
#PremiumNotify .topSlogan .slogan-title, #GoldNotify .topSlogan .slogan-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 17px;
  color: #1E1E1E;
}
#PremiumNotify .topSlogan .feature-line, #GoldNotify .topSlogan .feature-line {
  font-size: 15px;
  color: #1E1E1E;
}
#PremiumNotify .topSlogan .feature-line:not(:last-child), #GoldNotify .topSlogan .feature-line:not(:last-child) {
  margin-bottom: 8px;
}
#PremiumNotify .topSlogan .feature-line img, #GoldNotify .topSlogan .feature-line img {
  width: 15px;
  margin-right: 8px;
}
#PremiumNotify .close-btn, #GoldNotify .close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
}
#PremiumNotify .modal-content-inner, #GoldNotify .modal-content-inner {
  padding: 40px 40px 30px 40px;
  max-width: initial;
  margin: initial;
}
#PremiumNotify .modal-content-inner h5, #GoldNotify .modal-content-inner h5 {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  margin-bottom: 22px;
  color: #1E1E1E;
}
#PremiumNotify .modal-content-inner h5 span, #GoldNotify .modal-content-inner h5 span {
  color: #FB7A02;
}
#PremiumNotify .modal-content-inner .upgrade-btn, #GoldNotify .modal-content-inner .upgrade-btn {
  padding: 8px 20px !important;
  border-radius: 50px;
  background-color: #ffc701;
}
#PremiumNotify .modal-content-inner .upgrade-btn span, #GoldNotify .modal-content-inner .upgrade-btn span {
  font-weight: 600;
  font-size: 14px;
  color: #1E1E1E;
}
#PremiumNotify .modal-content-inner .go-home-btn, #GoldNotify .modal-content-inner .go-home-btn {
  padding: 8px 20px !important;
  border-radius: 50px;
  background-color: #EDEBEB;
  border: 0;
}
#PremiumNotify .modal-content-inner .go-home-btn span, #GoldNotify .modal-content-inner .go-home-btn span {
  font-weight: 500;
  font-size: 14px;
  color: #201F1F;
}
#PremiumNotify .modal-content-inner .login-section, #GoldNotify .modal-content-inner .login-section {
  display: none;
}

@media (max-width: 575.98px) {
  #PremiumNotify .modal-header, #GoldNotify .modal-header {
    height: auto;
  }
  #PremiumNotify .modal-header .close-btn, #GoldNotify .modal-header .close-btn {
    right: 15px;
  }
  #PremiumNotify .topSlogan, #GoldNotify .topSlogan {
    color: red;
  }
  #PremiumNotify .topSlogan .slogan-title, #GoldNotify .topSlogan .slogan-title {
    font-size: 18px;
    margin-bottom: 14px;
  }
  #PremiumNotify .topSlogan .feature-line, #GoldNotify .topSlogan .feature-line {
    font-size: 12px;
  }
  #PremiumNotify .topSlogan .feature-line img, #GoldNotify .topSlogan .feature-line img {
    width: 18px;
    margin-right: 10px;
  }
  #PremiumNotify .modal-dialog, #GoldNotify .modal-dialog {
    margin: 0 auto !important;
    width: 90%;
    max-width: 375px;
  }
  #PremiumNotify .modal-content-inner h5, #GoldNotify .modal-content-inner h5 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  #PremiumNotify .modal-content-inner .upgrade-btn, #GoldNotify .modal-content-inner .upgrade-btn {
    padding: 8px 10px !important;
  }
  #PremiumNotify .modal-content-inner .upgrade-btn span, #GoldNotify .modal-content-inner .upgrade-btn span {
    font-size: 12px;
  }
  #PremiumNotify .modal-content-inner .go-home-btn, #GoldNotify .modal-content-inner .go-home-btn {
    padding: 8px 10px !important;
  }
  #PremiumNotify .modal-content-inner .go-home-btn span, #GoldNotify .modal-content-inner .go-home-btn span {
    font-size: 12px;
  }
  #PremiumNotify .modal-content-inner .login-section, #GoldNotify .modal-content-inner .login-section {
    display: block;
  }
  #PremiumNotify .modal-content-inner .login-section .login-btn, #GoldNotify .modal-content-inner .login-section .login-btn {
    padding: 8px 10px !important;
    width: 100%;
    border-radius: 50px;
    background-color: #edebeb;
  }
  #PremiumNotify .modal-content-inner .login-section .login-btn span, #GoldNotify .modal-content-inner .login-section .login-btn span {
    font-size: 12px;
  }
}

@media (max-width: 575.98px) {
  #ResetPassword .modal-content .modal-content-inner h5 {
    margin-bottom: 24px;
    text-align: left;
    color: #434D56;
    font-weight: 550;
  }
  #ResetPassword .modal-content .modal-content-inner p {
    text-align: left;
  }
  #ResetPassword .modal-content .modal-content-inner input[type=submit] {
    margin-top: 61px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    height: 44px;
  }
}