/* #49176d */
input, textarea, select, button {background: white; font-family: 'Montserrat', sans-serif;font-size: 13px;line-height: 23px;color: #000;padding: 0px;margin: 0px; border-radius: 4px; padding-left: 15px; padding-right: 15px;}
input {box-sizing: border-box;}
input[type='range'] { padding-left: 0px; padding-right: 0px; }
select {background-color: #285e8e; color: white; border-color: #285e8e; }
body {background: #161F21;font-family: 'Montserrat', sans-serif;font-size: 13px;color: white;padding: 0px;margin: 0px;}
.container {width: 1200px;margin-left: auto;margin-right: auto;vertical-align: top;}
.containerFlex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.containerFooter {max-width: 1400px;margin-left: auto;margin-right: auto;vertical-align: top;}
a {color: white; }
.k-primary {background-color: rgb(0,37,65); border-radius: 0px; }
.imgELearnPhotoListThumb {height: 50px;}
.imgELearnPhotoListThumb.imgELearnPhotoListThumbEnlarge {cursor: pointer;}
.divListDescription {color: #888; font-size: 10px; line-height: 11px;}
.divListFileLink {color: blue; cursor: pointer; text-decoration: underline; display: block;}
.divListFileLink.divListFileLinkInline {display: inline-block; margin-right: 10px;}
.divBotSettingButton { font-size: 20px; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.divOnGoingArea, .divNewTradeArea, .divNewTradeButton {display: none;}
::-webkit-scrollbar { height: 6px; width: 6px; }
::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 3px; }
.k-button-group .k-button.k-state-active { border-color: #285e8e; background-color: #3276b1; color: white; }
.k-list>.k-state-selected, .k-state-selected { background-color: #7921D5; box-shadow: none !important; border-color: #7921D5; }
.k-list>.k-state-selected.k-state-hover, .k-state-selected.k-state-hover { background-color: #7921D5; color: white; }
.k-list>.k-state-hover { background-color: #af7de2; color: white; }
.k-popup .k-list .k-state-focused { box-shadow: none !important; }
.k-list-container { background-color: #181F21; border-color: #181F21; color: white;  }
.k-calendar-container.k-popup.k-group {background-color: #181F21; border-color: #181F21; }
.k-widget.k-calendar {background-color: #181F21; border-color: #181F21; color: white;  }
.k-calendar-range .k-footer .k-nav-today, .k-calendar .k-footer .k-nav-today:hover { color: #7921D5; }
.k-calendar .k-today .k-link { color: #7921D5; box-shadow: inset 0 0 0 1px #7921D5; }
.k-calendar-range td.k-state-focused .k-link, .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 7px 0 #7921D5; }
.k-calendar-range td.k-range-mid { background-image: linear-gradient(transparent 1px,rgb(66 202 103 / 30%) 1px,rgb(116 215 143 / 20%) calc(100% - 1px),transparent calc(100% - 1px)); }
.k-calendar-range td.k-state-selected .k-link { background-color: #7921D5; border-color: #7921D5; }
.divPoupMainArea { position: fixed; top: 10px; right: 10px; z-index: 9999; }
.divLink { color: #7921D5; cursor: pointer; text-decoration: underline; opacity: 0.8; }
.divLink:hover { color: #7921D5; opacity: 1;  }
.divBackendProgressOuterArea { width: 100%; max-width: 250px; }
.divBackendProgress { position: relative; height: 8px; width: 100%; border-radius: 5px; background-color: #ccc; overflow: hidden; }
.divBackendProgressValue { overflow: hidden; position: absolute; width: 100%; left: 0px; background-color: #7921D5; height: 100%; }
.divBackendProgressValue.red { background-color: red; }
.divPrimaryColor { color: #7921D5; }
#windowLoading { background: rgba(0,0,0,0.8); padding: 10px 30px; }
#windowLoading img { width: 150px; }
.divMainProfileMenuMainArea { min-width: 250px; }
.divWebFAQMainOuterArea { margin-top: 50px; margin-bottom: 200px; }
.divWebFAQMainArea { padding-left: 50px; }

/***************     NEW Website    ***************** */
@keyframes anim {
    from { margin: 0px; opacity: 1; }
    to { margin: -15px; opacity: 0; }
}
@keyframes slide {
  0% { transform:translateX(-25%); }
  100% { transform:translateX(25%); }
}
@keyframes slideInFromRight {
  0% { transform:translateX(100%); opacity: 0; }
  100% { transform:translateX(0); opacity: 1; }
}
@keyframes slideIn {
  0% { transform:translateX(-100%); opacity: 0; }
  100% { transform:translateX(0); opacity: 1; }
}
@keyframes slideOut {
  0% { transform:translateX(0); opacity: 1; }
  100% { transform:translateX(-100%); opacity: 0; }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes scroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
/* Keyframes for shaking effect */
@keyframes shake {
    0% { transform: scale(1.05) rotate(1deg) translateX(0); }
    25% { transform: scale(1.05) rotate(1deg) translateX(-5px); }
    50% { transform: scale(1.05) rotate(1deg) translateX(5px); }
    75% { transform: scale(1.05) rotate(1deg) translateX(-3px); }
    100% { transform: scale(1.05) rotate(1deg) translateX(0); }
}

/* Keyframes for glowing border effect */
@keyframes glow {
    0% { border-color: #ffffff; box-shadow: 0 0 10px #ffffff; }
    50% { border-color: #ffcc00; box-shadow: 0 0 20px #ffcc00; }
    100% { border-color: #ffffff; box-shadow: 0 0 10px #ffffff; }
}
.divWebSectionChallenge .divWebNewBannerTitle { max-width: 650px; text-align: center; margin: auto; }
.divWebSectionAdvantageBoxArea.boxPattern1 .boxAdvantageImage { width: 100%; height: auto; padding: 10px 30px; }

.k-animation-container .k-widget.k-tooltip { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.divLCTooltipArea { padding: 10px; text-align: left; }
.divLCTooltipTitle { color: white; font-size: 13px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.divLCTooltopDescription { color: #eee; font-size: 10px; margin-top: 5px; }
.divWindowBotDiffTableColSettingColHeader .divWindowBotDiffTableColSettingItem { font-size: 12px; justify-content: start; }
.divWindowBotDiffTableColSettingItem { padding: 10px 0px; font-size: 12px; min-height: 30px; }
.divWindowBotDiffMemmber { font-size: 7px; padding: 1px 5px; margin-left: 5px; }
.divWindowBotDiffTableColHeaderMemberArea { display: inline-block; }
.divWindowBotDiffTableColHeaderMemberArea .divWindowBotDiffMemmber { margin-right: 0px; }
.divStrategyDefArea { margin-left: 5px; height: 30px; width: 30px; }
.divStrategyDefCaption { font-size: 11px; line-height: 12px; }
.divStrategyDefValue { font-size: 11px; line-height: 12px; }
.divTableNumberMainArea { justify-content: center; }
.divDashboardAffiliateMinHeight { min-height: 70px; }
.divStrategyTypeSelectionArea { margin-bottom: 20px; margin-top: 10px; }
.divContactUsNewArea { margin-top: 100px; margin-bottom: 50px; }
.divContactUsNewLeftArea { margin-right: 30px; padding-right: 10px; }
.divWebAdvantagePointArea { position: absolute; margin: -40px;}
.divWebFAQPointArea { position: absolute; margin: -40px;}
.divWebNewHeaderMenuArea {display: flex; justify-content: center; align-items: center; height: 100%; margin-left: 20px; }
.divWebNewMobileMenuIcon {display: none;}
.divWebNewBannerArea { padding: 80px 50px; }
.divWebNewFooterColumn { width: 20%;}
.divWebNewBannerPhoto {  max-width: 600px;  max-height: 700px; }
.divWebNewHeaderMenu { padding: 10px 25px; font-weight: 500; font-size: 13px; cursor: pointer; color: white; text-decoration: none; opacity: 0.6; }
.divWebNewHeaderMenu:hover{color: white; opacity: 1; }
.divWebNewAdvArea.marginRight { margin-right: 15px; }
.divWebNewWhatDoArea.marginRight { margin-right: 15px; }
.divWebNewTestiArea.marginRight { margin-right: 15px; }
.divWebNewBannerTitle { font-size: 3vw; line-height: 4vw; margin-top: 50px; }
.divWebNewBannerTextArea {flex:1; max-width: 700px; }
.divWebNewSectionArea { margin-bottom: 50px; }
.divWebNewNumberTitle { font-size: 3vw; line-height: 4vw;  margin-bottom: 20px;  }
.divWebNewCryptoArea { margin-right: 15px; }
.divWebNewMiddleBannerArea { padding: 45px; }
.divWebNewMiddleTitle { font-size: 2vw; line-height: 2vw; }
.divWebNewMiddleSubtitle { font-size: 16px; line-height: 22px; }
.divWebNewMiddleTitle { margin-bottom: 15px; }
.divWebNewFeatureArea { display: inline-block; width: 33%; padding: 15px; }
.divWebNewFooterBottomLeft { text-align: left;flex:1; }
.divWebNewFooterBottomRight { text-align: right;flex:1; }
.divWebFooterPaymentImage { height: 40px; margin-left: 20px; }
.divWebFooterSocialIcon { font-size: 18px; margin-right: 20px; }
.divAboutTopTitleArea { padding-top: 50px; padding-bottom: 20px; margin-bottom: 30px; font-size: 45px; line-height: 55px; }
.divAboutTopMainArea .divAboutTopDesc { font-size: 17px; line-height: 26px; max-width: 600px; }
.divAboutTopMiddleMainArea { margin-top: 50px; }
.imageAboutUs { width: 30%; min-width: 18px; }
.divAboutTopMiddleTextArea { line-height: 25px; padding-left: 20px; max-width: 600px; margin: auto;  }
.divAboutMiddleMainArea { padding-top: 50px; padding-bottom: 30px; margin-bottom: 40px; }
.divAboutMiddleBoxMainArea { gap: 35px; margin-top: 50px; }
.divAbout3MainOuterArea { padding-top: 50px; margin-bottom: 50px; }
.divAbout3MainArea { margin-top: 50px; padding-bottom: 30px; margin-bottom: 40px; }
.divAbout3Title2 { margin-top: 20px; margin-bottom: 20px; }
.divAboutLast { font-size: 20px; line-height: 28px; margin-top: 50px; margin-bottom: 50px; }
.divPartnerTopTitleArea { font-size: 45px; line-height: 55px; padding-bottom: 30px; margin-bottom: 50px; }
.divPartner2TitleArea { margin-top: 50px; padding-bottom: 20px; margin-bottom: 30px; font-size: 22px; line-height: 28px; }
.divPartner4AreaMainArea { margin-top: 80px; margin-bottom: 100px; padding: 30px; border-radius: 8px; }
.divPartner4AreaMainArea .desc { font-size: 18px; line-height: 25px; padding-right: 30px; }

/***************     Window Topup MultiStrategy    ***************** */
.divPortalHeaderChallengeName.mobileHide { display: inline-block; }
.divWebPortalHeaderMainArea .divWebPortalHeaderArea { padding: 0px 20px; height: 70px; }
.divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebHeaderLogo.mobileShow { display: none; }
.divWebPortalHeaderMainArea .divWebPortalHeaderArea .divWebHeaderLogo.mobileHide { display: inline-block; }
.imgWebHeaderLogo.imgWebPortalHeaderLogo { height: 100%; width: 150px; }
.divWebNewBannerPhoto.animated { animation: slideInFromRight 1s ease-out forwards; }
.divWebNewBannerPhoto.animated2 { animation: slideInFromRight 1.3s ease-out forwards; }
.divWebNewBannerPhoto1 { margin-left: 80px; max-width: 250px; }
.divWebNewBannerPhoto2 { margin-left: 0px; max-width: 250px; margin-top: 10px; }
.divWebDataArea.divWebSectionAdvantage { padding: 40px 0px; }
.divWebNewBannerTitle { margin-bottom: 20px; }
.divWebDataArea.divWebSectionTrader { padding: 40px 0px; }
.divWebSectionTraderImage { width: 60%; border-radius: 20px; }
.divWebSectionTraderTextArea { padding: 20px; padding-right: 50px; }
.divWebDataArea.divWebSectionChallenge { padding: 40px 0px; }
.divWebChallengePriceLeft .value { padding-left: 15px; }
.divWebChallengePriceRight { justify-content:end; }
.divWebDataArea.divWebSectionPropTrading { padding: 40px 0px; }
.divWebSectionPropLeft { width: 60%; }
.divWebSectionPropRight { margin: 20px; }
.divWebDataArea.divWebSectionFAQ { padding: 40px 0px; }
.divWebSectionFAQMainArea { gap: 10px; margin-top: 30px; }

.divWithdrawBoxArea { border-radius: 10px; padding: 30px; border: 2px solid #2a233d; margin-top: 20px; }
.divWithdrawTitle { font-size: 20px; line-height: 25px; margin-bottom: 15px; margin-top: 20px; }
.divDashboardObjectiveMainArea { gap: 15px; }
.divDashboardBoxTitle { font-size: 16px; line-height: 20px; margin-bottom: 25px; }
.divOverviewValue { font-size: 17px; line-height: 24px; }
.divOverviewBoxArea.big .divOverviewValue { font-size: 30px; line-height: 36px; margin-top: 8px; }
.divDashboardBoxOuterArea { gap: 20px; }
.buttonDashboard { padding: 10px; font-size: 19px; line-height: 25px; }
.divOverviewBoxArea.right { text-align: right; }
.divOverviewBoxMainArea { margin-bottom: 20px; gap:10px; }
.divDashboardBox { border-radius: 10px; padding: 30px; margin-top: 20px; }
.divDashboardTab {padding: 10px 25px; font-size: 20px; line-height: 20px;  }
.divStartMainArea { margin-bottom: 20px; padding: 20px 25px; border-radius: 8px;  }
.divStartNoticeTitle { margin-bottom: 10px; font-size: 15px; line-height: 19px; padding: 10px 0px; }
.divStartMainTitle { font-size: 18px; line-height: 25px; padding: 10px 0px; }
.divEditBotValueToggle.k-button-group span.k-button { padding: 15px; }
.divBundlePackArea { padding: 15px; }
.divBundlePriceValue { font-size: 23px; line-height: 30px; margin-bottom: 15px; }
.divWindowDepositAddressArea { margin-left: 20px; }
.dataArea.divGetStartedMainArea { padding-top: 50px; }
.divWebLoginArea { border: 1px solid rgb(255,255,255,0.1); padding: 50px; border-radius: 10px; margin: auto; margin-top: 70px; margin-bottom: 70px; align-self:center; width: 100%; max-width: 850px; }
.divWebNewHeaderMenu.active { border-bottom: 5px solid #852DE2;  }


.windowSelectStrategy .divStrategyBoxImage { height: 130px; width: auto; max-width: 350px; object-fit: contain;  }
.windowSelectStrategy .divDashboardBotNameArea { padding-right: 20px; margin-top: 0px; }
.windowSelectStrategy .divStategyListRightCheckIcon { font-size: 20px; margin-bottom: 5px; }
.windowSelectStrategy .divStategyWinRateArea.divStategyListRightArea { display: block; padding-left: 20px; }

/***************     Leaderboard    ***************** */
.divStrategyTypeSelectionArea.mobilehide {display: block;}
.divStrategyTypeSelectionArea.mobileshow {display: none; }

.divBPHeaderMainArea { padding: 30px 0px; }
.divBPHeaderLeftArea { width: 30%; padding: 15px; }
.divBPHeaderTitle { font-size: 2vw; margin-bottom: 20px; font-weight: bold; }
.divBPHeaderSubtitle { font-size: 18px; line-height: 23px; }
.divBPHeaderRightArea.mobilehide {display: flex;}
.divBPHeaderRightArea.mobileshow {display: none; }
.divBPHeaderPlaceArea { padding: 10px; flex:1; text-align: center; position: relative; }
.divBPHeaderPlaceDataArea { padding: 10px; padding-top: 35px; border-radius: 10px; margin-top: -30px; }
.divBPHeader2MainArea { margin-top: 3%; }
.divBPHeader3MainArea { margin-top: 6%; }
.divBPListBoxArea { width: calc(50% - 10px); padding: 10px; margin-bottom: 10px; }
.divBPListBoxArea:nth-child(odd) { margin-right: 10px; }
.divBPListButton { padding-left: 20px; }
.divBPListROIArea { padding-right: 15px; text-align: right; }

/***************     Web - General    ***************** */
.divEditBotExchangeTypeArea { display: flex; }
.divEditBotExchangeTypeConnectButton { flex:1; text-align: right; }
.divStrategiesBannerArea {display: flex; }
.divStrategyTypeSelection { font-size: 16px; }
#windowSelectStrategy .divFilterSelection {width: 180px; margin-top: 0px; }
.divLCHomePromoBannerButton { display: inline-block; }
.divFAQListArea {flex:0 0 600px; max-width: 600px; }
.divWebFAQTitle {font-size: 30px; line-height: 38px; padding-top: 30px;padding-bottom: 20px; }
.divWebFAQQuestionAnswerArea { padding: 8px 0px; margin-bottom: 10px; }
.divFAQLogoImage { width: 80%; margin: auto; display: block; }
.divWebFAQSubTitle { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
.divExchangeTestErrorSmall { color: #ccc; font-size: 11px; line-height: 13px; margin-top: 8px; margin-bottom: 8px; }
.divDashboardMainPnLChartTopArea { display: flex; }

.divWebDataArea.divWebDashboardSectionArea { padding: 50px 20px; }
.divWebSectionTitle { font-size: 35px; line-height: 43px; margin-bottom: 20px; }
.divWebTeamArea { padding: 30px; margin: 0px 15px; }
.divWebAdvantageArea { padding: 30px; margin: 0px 15px; }
.divWebExchangePhotoArea {text-align: center; margin: 20px 0px; }
.divWebExchangePhoto { height: 88px; width: auto; padding: 20px 30px; }
.divWebWhatDoLeftArea { padding-right: 20px; }
.buttonLCNew { padding: 10px 20px; border-radius: 10px; border: 1px solid rgba(138, 43, 226, 1); color: rgba(138, 43, 226, 1); display: inline-block; cursor: pointer; text-decoration: none; }
.buttonLCNewSmall { padding: 4px 15px; border-radius: 3px; border: 1px solid #7921D5; color: #7921D5; background-color: #EDE3FA; display: inline-block; cursor: pointer; text-decoration: none; }
.buttonLCNew.buttonLCNewFull {width: 100%; text-align: center; box-sizing: border-box; }
.buttonLCNew:hover, .buttonLCNewSmall:hover { background-color: rgba(138, 43, 226, 1); color: white;}
.buttonLCNew i { margin-right: 10px;}
.buttonLCNewFill { background: linear-gradient(180deg, #8A2BE2 0%, #6B0CC3 100%); color: white; opacity: 0.9; }
.buttonLCNewFill:hover { opacity: 1; }
.buttonLCNewRed { border-color: #E55F5F; color: #E55F5F; }
.buttonLCNewRed:hover { background-color: #E55F5F; color: white; }
.buttonLCNewRedFill { border-color: #F15B5B; background-color: #F15B5B; color: white; }
.buttonLCNewRedFill:hover { background-color: #f17070; color: white; }
.inputTextboxLCNew { border-radius: 20px; width: 100%; padding: 5px 13px; background-color: transparent; border: 1px solid #888;max-width: initial; color: white; }
.inputTextboxLCNew::placeholder{ color: #888;}
.divLCNewBox { background-color: #202B2D; border-radius: 8px; padding: 20px; }
.divLCSideMenuArea { height: calc(100% - 230px); overflow: auto;}
.divWebLanguageClickButton { color: #ccc; font-size: 18px; line-height: 18px; padding: 15px; cursor: pointer; }
.windowLanguage {padding: 15px 20px; position: relative; min-width: 400px; }
.divCloseWindowLanguage { padding: 2px 10px; font-size: 18px; color: #ccc; line-height: 20px; cursor: pointer; }
.divCloseWindowLanguage:hover { color: white;}
.divSelectLanguageItem { padding: 18px 10px; cursor: pointer; color: #ccc; font-size: 16px; line-height: 22px; }
.divSelectLanguageItem:hover, .divSelectLanguageItem.itemSelected { color: #9190f5; }
.divCalInputArea.marginRight {margin-right: 20px; }
.divCalInputRow { margin-bottom: 20px; }
.divBannerAlertMainArea { padding-right: 15px; }
.divHeaderInfo i.divProfileNotification { padding: 5px 15px; padding-right: 25px; margin-right: 5px;}
.divBannerAlertCount {position: absolute; top: -8px; right: 30px; font-size: 11px; line-height: 13px; width: 25px; height: 25px; border-radius: 100%; background-color: #FDBF2F; color: white; text-align: center; border: 3px solid white; display: flex; align-items:center; justify-content:center; }

.divDashboardPnLFlex25 {margin-right: 10px; margin-bottom: 10px; border-radius: 10px; padding: 20px 15px; }
.divDashboardPnLDescription { color: #888; margin-bottom: 20px; }
.divDashboardPnLMainAmountOuterArea { padding: 20px 0px; }
.divDashboardPnLMainAmount {font-size: 35px; font-weight: bold; line-height: 45px; margin-bottom: 0px; }
.divDashboardPnLTitle {font-size: 17px; line-height: 25px;margin-bottom: 3px; }
.divDashboardPnLMainCaption {font-size: 20px; line-height: 25px;margin-bottom: 10px;}
#divDashboardTodayPnLValue {font-size: 28px; line-height: 35px; font-weight: bold;}
.divBillingTitleArea {color: white; font-size: 18px; line-height: 19px; font-weight: bold; margin: 0px; }
.divFilterPositionTypeArea { margin-top: 17px; padding: 3px; }
.divStrategiesBannerCaptionTitle {font-size: 3vw; margin-bottom: 10px; font-weight: bold; }
.divStrategiesBannerCaptionSubTitle { font-size: 1.5vw; }
.divStrategyFilterLeftArea { padding-right: 10px; }
.divEditBotValueKendoCombo { width: 100%; }
.divIconExportArea { color: #3AB67A; font-size: 20px; cursor: pointer; display: inline-block; margin-top: 10px; }
.divIconExportArea:hover {color: #57d297; }
.divDashboardPnLLogoImage { width: 60px;object-fit: contain; }

.divDashboardPnLLogoMainArea {display: flex; flex:1; background-color: #202B2D; margin-right: 10px; margin-bottom: 10px; border-radius: 10px; padding: 20px 15px; }
.divDashboardPnLLogoTodayPnLValueArea { display: flex;flex-direction:column;justify-content:center; }
.divBillingArea { margin-bottom: 10px; border-radius: 10px; background: #161F21; padding: 20px; display: flex; }
.divSideMenuBottomArea { position: absolute; bottom: 0px; right: 0px; left: 0px; padding: 15px; padding-bottom: 15px; }
.divMenuSideButton { border: 1px solid #3AB67A; color: #3AB67A; margin-bottom: 15px; border-radius: 3px; padding: 12px; font-size: 14px; text-decoration: none; display: flex; width: 100%; text-align: center; align-items: center; justify-content:center; }
.divMenuSideButton:hover { background: #26352e; border-color:  #3d7c5e; color: white; }
.divMenuSideButton.divMenuSideButtonSolid { background: #3AB67A; color: white; opacity: 0.9; }
.divMenuSideButton.divMenuSideButtonSolid:hover { opacity: 1; color: white;}
.imgMenuButtonIcon { margin-right: 10px;}
.POSBackendSideNavArea i.imgMenuButtonIcon { margin-right: 15px;}
.divEditBotValue.divEditBotValueSelect, .divEditBotValueSelect { width: 100%; padding: 8px 13px; background-color: transparent; border: 1px solid #888; outline: none; color: white; border-radius: 20px; }
.divEditBotValueSelect option[value=""], .divEditBotValueSelect option:not([value]) { color: #888; }
.divEditBotValueSelect:invalid { color: #888; }
.divEditBotValueSelect.divError { color: red; }
.divEditBotValueSelect option {color: black;}

.buttonLCNewMobileFull {width: auto;}
.divExchangeFilterRowArea {display: flex; align-items:center; margin-top: 10px;}
.divExchangeFilterItem {width: 230px;margin-right: 10px;}
.divExchangeEditPanelArea { position: fixed; top: 50px; right: 0px; width: 500px; padding: 40px 20px; background: #161F21; height: calc(100% - 50px); z-index: 9; overflow: auto; }

.context-menu-list { background-color: #130F23; border-color: #6d6d6d; border: 0px; border-radius: 10px; overflow: hidden; }
.context-menu-item { background-color: #130F23; font-family: Verdana !important; color: #eee; padding: 13px 15px; border-bottom: 1px solid #373636; }
.context-menu-icon.context-menu-icon--fa5 i, .context-menu-icon.context-menu-icon--fa5 svg { color: #efefef; top: 0px; display: inline-block; position: relative; left: 0px; margin-right: 15px;}
.context-menu-list .context-menu-item:last-child { border-bottom: 0px;}
.context-menu-item.context-menu-hover { background-color: #5c5c5c; }
.slider:before {background-color: black; }
.divTesterArea { width: calc(50% - 12px); border-radius: 10px; border: 1px solid #383e3f; background: #202B2D; padding: 10px; margin-bottom: 12px; margin-right: 12px; }
.divTesterArea.divTesterAreaNone { background: none; border: 0px;}
.divDashboardPnLStatisticsMainArea {margin-top: 30px;}
.divProfileArea { flex:1; border-radius: 10px; background: #202B2D; padding: 20px 20px; }
.divProfileArea.marginRight {margin-right: 10px; }
.divHeaderInfoCustomerName { font-size: 14px; line-height: 15px; }
.divTradeRowPnLSplitter { color: #888; text-align: right; font-size: 10px; line-height: 12px; flex:1; }
.divDashboardOverallProfitBox.marginRight {margin-right: 10px; }
.divTradingViewChartArea { height: 400px; margin-bottom: 10px; }
.divWebBannerArea { padding: 12% 50px; display: flex; align-items: center; justify-content: start; }
.divWebFeatureMainArea {display: flex; margin-top: 30px; }
.divWebBannerTextArea {flex:1; max-width: 800px; margin-left: 10%; }
.divWebBannerTitle { font-weight: bold; font-size: 45px; line-height: 55px; margin-bottom: 20px; }
.divWebBannerSubtitle { margin-bottom: 30px; font-size: 16px; line-height: 28px; color: #ccc; }
.divWebBannerButton { padding-top: 10px; padding-bottom: 10px; padding: 15px 30px; }
.divWebBannerButton.divWebButton i { padding-left: 0px; }
.divWebBannerPhoto { flex: 1; max-width: 60%; position: absolute; top: 0; right: 0; z-index: -1; opacity: 0.9;  }
.divWebFeatureArea { flex:1; margin-right: 15px; border-radius: 20px; padding: 50px; background: black; text-align: center; }
.divWebTestiMainArea { padding: 100px 0px; }
.divWebFeatureTitle { flex: 3;  font-size: 35px; line-height: 40px; font-weight: bold; margin-bottom: 20px; }
.divWebVideoArea { display: flex; padding: 50px 0px; }
.divWebVideoTitle { font-size: 35px; line-height: 40px; font-weight: bold; margin-bottom: 20px; }
.divWebCryptoArea { flex:1; border-radius: 20px; background: #121919; padding: 60px 30px; margin-right: 10px; text-align: center; }
.divWebTestiTitle { font-size: 35px; line-height: 40px; font-weight: bold; margin-bottom: 20px; }
.divWebTestiArea { padding: 30px; flex:1; margin-right: 20px; border-radius: 20px; background-color: #121919;  }
.divWebNewsletterArea { width: 100%; background-color: rgba(42,42,42, 0.5); padding: 100px 0px; text-align: center;  }
.divWebNewsletterTitle { font-size: 35px; line-height: 40px; font-weight: bold; margin-bottom: 20px; }
.divWebNewsletterInputArea { background-color: black; border-radius: 25px; padding: 4px; display: flex; width: 90%; max-width: 500px; margin: auto; }
.divWebNewsletterButton {background-color: #5068E7; color: white; border-radius: 20px; font-size: 14px; padding: 10px 20px; }

.divSettingOuterMainArea { display: flex; height: 100%; }
.divSettingInnerMainArea { flex:1; }
.divSettingInnerMainArea.marginRight { margin-right: 10px; }
.divSettingRowArea .divEditBotRowArea.marginRight { margin-right: 20px; }
.divSettingMainArea { flex:1; margin-right: 10px; height: 100%; overflow: auto; padding-right: 8px; }
.divSettingMainBoxArea { background-color: #202B2D; border-radius: 10px; padding: 15px 15px; margin-bottom: 15px; }
.divSettingRightArea { width: 380px; overflow: auto; background-color: #202B2D; border-radius: 10px; padding: 20px; }
.divSettingBoxAre1a { background-color: #202B2D; border-radius: 20px; padding: 20px; }
.divFundedXYZPortalTitle { font-weight: bold; font-size: 18px; line-height: 20px; text-align: left; display: flex; align-items:center; padding-left: 20px; }
.k-window-content { background-color: #171717; color: white; }
div.k-window, .k-window.k-state-focused {border-width: 0px!important; background-color: transparent; box-shadow: rgb(33 33 33) 0px 0px 50px 2px; }
.divBotSettingDashboardArea { display: inline-block; margin-right: 10px; margin-bottom: 10px; width: 100%; border-radius: 8px; background-color: rgb(26, 27, 30); padding: 10px; vertical-align: top; }
.divDashboardBotOuterArea { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(33% - 10px); }
.divEditBotSideBoxOuterArea { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(33% - 10px); }
.divPageHeaderTitle {margin-bottom: 15px;  text-align: center; }
.divEditBotRowArea { margin-bottom: 15px; display: flex; align-items:center; } 
.divEditBotCaption {width: 160px; display: inline-block; vertical-align: top; }
.divEditBotValue {max-width: 300px; width: 100%; padding: 2px 13px; display: inline-block; }
.divBotSettingArea { display: flex; margin-right: 10px; margin-bottom: 4px; min-width: 280px; width: 100%; border-radius: 8px; background-color: rgb(26, 27, 30); padding: 10px; vertical-align: top; }
.divBotSettingArea:hover {background-color: rgb(38, 40, 44); }
.divTradeListHeaderTitleValue { text-align: left; width: 100%; }
.divBotSettingArea.onGoing { background-color: #3b3b3b !important; }
.divTradeSmallDateTime {color: white;}
.divBotSettingTitleArea, .divTradeSmallDateTime, .divBotSettingInfoRow, .divTradePnL, .divTradeStatus { flex:1; margin: 0px; padding: 0px; border-bottom: 0px; font-size: 11px; line-height: 11px; display: flex; justify-content: center; align-items:center; }
.divBotSettingInfoRow { padding-right: 10px; }
.divBotSettingTitleArea {padding-right: 10px; }
.alignRightDesktop { text-align: right; justify-content:right; }
.divTradeListHeaderItem.divBotSettingInfoRowCancel, .divBotSettingInfoRow.divBotSettingInfoRowCancel {flex:0 0 100px; }
.divBotSettingInfoRowCancel .divButtonBlue { font-size: 12px; line-height: 12px; }
.divBotSettingInfoValue {text-align: center; }
.divTradeListHeaderItem.alignLeftDesktop, .alignLeftDesktop { text-align: left; justify-content:left; }
.divBotSettingInfoCaption {display: none;}
.divTradeListHeaderArea {display: flex; background-color: #202B2D; font-size: 13px; line-height: 13px; font-weight: bold; color: #ddd; padding: 10px; vertical-align: top; justify-content: center; align-items:center; margin-bottom: 3px; border-radius: 8px; }
.divTradeListHeaderArea.headerDarker { background-color: #161F21; }
.divTradeListHeaderItem {flex: 1; text-align: center; padding-right: 10px; }
.divTradeListHeaderItem.divTradeListHeaderItem2, .divTradeListHeaderItem2 {flex:2; }
.divFilterArea { margin-right: 10px; margin-bottom: 10px; }
.divFilterCaption { font-size: 10px; line-height: 10px; color: #aaa; padding-bottom: 2px; padding-top: 3px; }
.divFilterSelection {width: 250px; margin-top: 10px; }
.divFilterSelectionStrategyType { margin-top: 16px; }
.divFilterSelection.k-combobox .k-select .k-icon { margin-top: 5px; }
.k-dropdown .k-select .k-icon { margin-top: 5px; }
.divFilterSelection.divFilterSelectionNoSpaceTop.k-combobox .k-state-default { margin-top: 0px;}
.divFilterSelection.k-combobox .k-state-default { color: white; padding: 3px; border-radius: 20px; margin-top: 6px; }
.divFilterDateRange .k-textbox-container>.k-widget { box-shadow: none; }
.divLogDateTime {width:180px; text-align: center;}
.divDashboardBotEnrollBoxArea { vertical-align:top;  margin-bottom: 10px; }
.divDashboardBotButtonArea { padding: 12px 30px; border-radius: 5px; background-color: #413FBB; color: white; font-size: 13px; line-height: 15px; font-weight: bold; display: flex; align-items:center; text-decoration: none; min-width: 200px; justify-content:center; }
.divDashboardBotButtonArea:hover {background-color: #4e4bd6; }
.divDashboardBotNameArea {flex: 1; font-weight: bold; font-size: 18px; line-height: 20px; color: white; margin-top: 10px; }
.divDashboardBotDescription { font-weight: normal; font-size: 10px; line-height: 13px; color: #ccc; margin-bottom: 10px; }
.divBotConnectedCaptionBox { display: inline-block; margin: auto; border-radius: 20px; background-color: #54944c; color: #ddd; padding: 1px 15px; font-size: 9px; line-height: 10px; margin-left: 10px;}
.divPOSBackendHeaderCaptionArea.Backend {display: flex; flex: 1; align-items:center; text-align: center; margin: auto; justify-content:center;}
.divSubTitleColor {  }
.divDLLHHistoryLink {color: blue; text-decoration: underline; cursor: pointer; font-size: 14px; font-weight: normal; padding-top: 18px; }
.divInputArea {text-align: left; margin-bottom: 5px;}
.divInputCaption {color: #666; padding: 3px; width: 100%}
.divInputValueArea {color: black; width: 100%; padding: 5px 15px; box-sizing: border-box; }
.divInputDescription {color: #888; font-size: 10px; line-height: 11px; padding: 0px 15px;}
.divWebDataArea {max-width: 1200px; margin: auto; padding: 0px 20px; z-index: 1; }
.mobileShow {display: none;}
.mobileHide {display: block;}
.divWebMobileMenuIcon {display: none;}
.sideBackground {display:none; position: fixed; height: 100%; width: 100%; background-color: rgba(33,33,33,0.4);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;z-index: 298; cursor: pointer;}
.divWebHeaderMenu {padding: 10px 20px; cursor: pointer; color: #afafaf; text-decoration: none;}
.divWebHeaderMenu:hover{color: white;}
.divWebHeaderMenuArea {display: flex; justify-content: start; align-items: center; height: 100%; margin-left: 20px; }
.divWebHeaderMenuDropdownArea { overflow: hidden; height: 100%; color: #666; cursor: pointer; text-decoration: none; }
.divWebHeaderMenuDropdownButton { padding: 10px 20px; height: 100%; display: flex; align-items: center; }
.divWebHeaderMenuDropdownButton i {padding-left: 8px; }
.divWebHeaderMenuDropdownButton:hover{color: black;}
.divWebHeaderMenuDropdownContentArea {position: absolute; display: none; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 297;}
.divWebHeaderMenuDropdownContentArea a {float: none; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.divWebHeaderMenuDropdownArea:hover .divWebHeaderMenuDropdownContentArea { display: block; }
.divWebFooterArea .divWebDataArea {display: flex; align-items: start;}
.divWebFooterArea {padding: 80px 0px; background-color: rgb(15,15,15, 0.2); color: white; font-size: 13px; line-height: 18px; }
.divWebFooterColumn {display: inline-block; width: 25%;}
.divWebButton {background-color: #2BBB6E; border-radius: 5px; padding: 10px 10px; color: white; display: inline-block; cursor: pointer; text-decoration: none;}
.divWebButton i {padding-left: 10px;}
.divWebButton:hover {background-color: #505050;}
/** Web - Login/Register **/
.divWebLoginPageDino1 {display: none; }
.imgLoginArea {height: 40px; margin-top: 20px; margin-left: 30px; margin-bottom: 10px; }
.divWebLoginMainOuterArea {display: flex; height: 100%;}
.divWebLoginLeftArea {flex: 1; align-self: center; position: relative; height: 100%; display: flex; flex-direction:column; }
.divWebLoginRightArea {flex: 1; background-color: #F5F5FA; align-self:center; height: 100%; display: flex; }
.divWebLoginOuterArea {display: flex; flex-direction: column; height: 100%; }
.divWebRegisterOuterArea { margin-top: 70px; margin-bottom: 70px; }
.divWebRegisterImageArea { flex:1; width: 50%; }
.divWebRegisterImageTitle {  top: 10%; left: 10%; font-size: 35px; line-height: 45px; }
.divWebRegisterImageSubtitle {  bottom: 20%; left: 10%; font-size: 18px; line-height: 35px; max-width: 400px; }
.divWebRegisterInputArea { max-width: 400px; width: 100%; }

/** Web - Landing Page **/
.divWebBannerMainArea { min-height: 800px; }
.divWebBannerDataArea { width: 55%; padding-left: 22%; }
.divWebBannerDataTitle { font-weight: bold; font-size: 50px; margin-bottom: 20px;}
.divWebBannerDataSubtitle { font-size: 17px; margin-bottom: 30px; color: #666; line-height: 22px;}
.divWebBannerDataArea .divWebButton { font-size: 17px; padding: 10px 20px; }
.divWebBannerTree {position: absolute; top: 50px; left: 0px; min-height: 800px;}
.divWebLandingSubTitle {color: #666; font-weight: bold; font-size: 30px; margin-bottom: 10px;}
.divWebLandingSubTitleSub {color: #666; font-size: 16px; line-height: 25px;  }
.divWebDataRowArea {margin-top: 30px; margin-bottom: 30px; }
.divWebDataRowFlexArea {margin-top: 30px; margin-bottom: 30px; display: flex;}
.divWebDataGreenArea {background-color: #DEF7EA; border-radius: 10px; padding: 40px 30px; flex: 1; position: relative;  }
.divWebDataGreenArea.marginRight {margin-right: 20px;}
.divWebDataRow4FlexArea {display: flex; padding: 30px 15%; }
.divWebLandingDino1 {right: 150px; height: 200px; top: 1300px;  z-index: 9;}
.divWebLandingDino2 {left: 220px; height: 200px; top: 2200px;  z-index: 9;}
.divWebLandingDino3 {right: 150px; width: 200px; top: 3300px;  z-index: 9;}
.divWebLandingDino4 {left: 220px; height: 200px; top: 3800px;  z-index: 9;}
.divWebMainDataDivider {margin-top: 60px;}
.divWebDataRow5FlexArea {display: flex; padding: 40px 10%; }
.divWebDataRow6Area {padding: 40px 10%;}
.divWebDataRow7FlexArea {display: flex; padding: 40px 10%;  }
.divWebExchangeIcon {height: 100px; width: 200px; object-fit: contain; margin: 5px 15px; }
.divWebDataRow9Area { padding: 0px 50px;}
.divWebCommendGreenArea {background-color: #DEF7EA; border-radius: 10px; padding: 25px; flex: 1; position: relative; display: flex; flex-direction: column; }
.divWebFeatureBoxArea {flex:1; text-align: center; padding: 15px;}
.divWebFeatureBoxArea img {height: 120px; width: 120px; object-fit: contain; }
.divWebFeatureTitle {font-weight: bold; font-size: 20px; line-height: 23px; margin-bottom: 5px;}
/** Web - DCA Bot **/
.divWebDCABannerMainArea { min-height: 800px; }
.divWebDCATitle1 {font-size: 27px; line-height: 30px; color: #666; font-weight: bold; margin-top: 20px; }
.divWebDCATitle2 {font-size: 20px; line-height: 25px; color: #666; font-weight: bold; margin-top: 15px; }
.divWebText {margin-top: 10px;}
.divWebDCABannerDataArea { width: 55%; padding-left: 15%; }
.divWebDCABannerDataTitle { font-weight: bold; font-size: 50px; margin-bottom: 20px;}
.divWebDCABannerDataSubtitle { font-size: 17px; margin-bottom: 30px; color: #666; line-height: 22px;}
.divWebDCABannerDataArea .divWebButton { font-size: 17px; padding: 10px 20px; }
.divWebDCABannerTree {position: absolute; right: 30px; bottom: -40px; height: 600px;}
.divWebDCABannerDino {position: absolute; right: 15%; bottom: -60px; height: 500px;}
.divWebDCAAreaRight2 {padding-left: 20px;}
.divWebDCAAreaRightBox {padding: 20px; margin-right: 20px; margin-bottom: 20px;}
/** Web - HODL Bot **/
.divWebHODLBannerTree {position: absolute; right: 25%; top: 50px; height: 600px;}
.divWebHODLBannerDino {position: absolute; right: 13%; bottom: 60px; width: 500px;}
.divWebHODLArea2LeftImage {width: 100%; object-fit: contain; margin: 30px; max-height: 500px; }
.divWebHODLArea2RightArea {padding: 30px;}
.divWebHODLDataRow3Area {padding: 60px 0px; }
/** Web - FAQ **/
.divWebFAQQuestionAnswer {text-align: left; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; display: block;}

/** Backend - General **/
.POSBackendSideNavArea.sidenav {padding: 0px 0px; display: block; position: fixed; width: 250px; top: 0px; height: 100%; }
.divBackendMainDivision {width: calc(100% - 250px); background-color: #161F21; margin-left: 250px; margin-top: 50px; padding: 10px; padding-top: 0px; height: calc(100% - 50px); position: absolute;}
.divBackendMobileMenuIcon {display: none;}
/** Backend - Dashboard **/
.divDashboardOverallDataCaption { flex: 1; }
.divDashboardOverallDataData { flex: 2; font-weight: bold; }
.divHomeBotBoxArea {display: inline-block; width: calc(33% - 30px); position: relative; margin-right: 10px; background-color: white; padding: 15px; border-radius: 3px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; cursor: pointer; text-decoration: none; color: Black; }
.divHomeBotBoxArea:hover {background-color: #f8fcfa}
.divHomeBotTitle {font-size: 18px; line-height: 24px; padding-bottom: 15px; border-bottom: 1px solid #888; }
.divHomeBotDescription {padding-top: 15px; padding-bottom: 15px;}
.divHomeBotFindMore {color: #8a91e5; padding-top: 15px; }
.divExchangeNameArea {display: inline-block; }
.divDashboardExchangeTitle {font-size: 15px; line-height: 19px; font-weight: bold; color: #538d2e; display: flex; align-items:center; margin-bottom: 5px; margin-top: 8px;}
.divDashboardExchangeBalance {display: inline-block; margin-left: 10px; color: #333; font-size: 13px; line-height: 17px;}
.divDashboadExchangeShowHide {color: blue; text-decoration: underline; display: inline-block; font-size: 12px; line-height: 17px; margin-left: 10px; cursor: pointer;}
/** Backend - Deposit **/
.divDepositDataValue { padding: 8px; text-align: center; font-size: 20px; color: black; border-radius: 10px; width: 90%; background: #F3FCF7; display: block; margin: auto; }
/** Backend - Reload **/
.divReloadMainArea {display: flex;}
.divReloadBoxArea {flex:1; background-color: white; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 40px 15px; }
.divReloadBoxArea.marginRight {margin-right: 10px;}
.divReloadFreeCaption {color: #2BBB6E; margin-bottom: 20px; font-size: 20px; line-height: 28px; min-height: 30px; text-align: center;}
.divReloadAmount {font-size: 45px; min-height: 60px; line-height: 55px; font-weight: bold; margin-bottom: 15px; text-align: center;}
.divReloadAmount.marginBottom {margin-bottom: 30px; font-size: 35px; line-height: 45px; font-weight: normal; }
.divReloadButton {width: 100%; border-radius: 10px; display: inline-block; text-decoration: none; color: white; background-color: #2BBB6E; padding: 15px; margin-bottom: 50px; text-align: center; cursor: pointer;}
.divReloadButton:hover {background-color: #28AD66;}
/** Backend - Bot DLLH **/
.divDLLHLeftArea {width: 600px; margin-right: 10px; display: inline-block; background-color: white; padding: 15px; vertical-align: top; border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.divBotSettingTitle {font-size: 18px; line-height: 24px; font-weight: bold;}
.divDLLHRightArea {width: calc(100% - 620px); display: inline-block; background-color: white; padding: 15px; vertical-align: top; border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.divBotExplaination {color: #666; margin-bottom: 10px; font-size: 13px; line-height: 17px;}
.divBotExplainationRequired {color: black; font-size: 14px; line-height: 18px; margin-bottom: 8px; font-weight: bold;}
.divSettingExtraInfo {color: #666; font-size: 12px; line-height: 16px; }
#divSettingButtonStartBot {margin-top: 10px;}
.divTradeInfoArea {flex-basis: calc(25% - 10px); padding: 10px; font-size: 12px; line-height: 17px; background: #F3FCF7; margin-bottom: 10px; margin-right: 10px; vertical-align: top; border-radius: 10px; color: black; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.divTradeInfoArea:nth-child(4) {margin-right: 0px;}
/** Backend - Bot DCA **/
.divDCALeftArea {width: 600px; margin-right: 10px; display: inline-block; background-color: white; padding: 15px; vertical-align: top; border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.divDCARightArea {width: calc(100% - 620px); display: inline-block; background-color: white; padding: 15px; vertical-align: top; border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
/** Backend - Bot HODL **/
.divDCATradeHistoryTitle {padding-top: 8px; padding-bottom: 3px; color: #444;}
.divDCATradeHistoryRowHeader, .divDCATradeHistoryRowData {display: flex;}
.divDCATradeHistoryHeaderItem {background-color: #888; color: white; padding: 0px 3px;}
.divDCATradeHistoryHeaderItem, .divDCATradeHistoryRowDataItem {flex: 1; flex-wrap:wrap; font-size: 11px; line-height: 13px; margin-right: 1px; }
.divDCATradeHistoryRowDataItem {margin-top: 1px; padding: 3px;}
.divDCATradeHistoryRowDataItem.small {font-size: 10px; line-height: 11px; }
.divDCATradeHistoryRowDataItem.left {text-align: left;}
.divDCATradeHistoryRowDataItem.right {text-align: right;}
.divDCATradeHistoryRowData:nth-child(odd) .divDCATradeHistoryRowDataItem { background-color: #ddd; }
.divDCATradeHistoryRowData:nth-child(even) .divDCATradeHistoryRowDataItem { background-color: #f1f1f1; }

.tableDashboard { color: black; border-collapse: collapse; width: 100%;}
.tableDashboard td, .tableDashboard th { border: 1px solid #ddd; padding: 5px; font-size: 11px; line-height: 15px; }
.tableDashboard tr:nth-child(even){background-color: #f2f2f2;}
.tableDashboard tbody tr:hover {background-color: #ddd;}
.tableDashboard th { padding-top: 6px; padding-bottom: 6px; text-align: left; background-color: #7921D5; color: white; }
.tableDashboard tbody { display:block; max-height:200px; overflow-y:auto;}
.tableDashboard thead, .tableDashboard tbody tr { display:table; width:100%; table-layout:fixed;}
.tableDashboard thead { background: #413FBB; color: white; }

.divTableView {width: 100%;}
.divTableHeaderView {display: flex; font-weight: bold; background-color: #DEF7EA; border-bottom: 1px solid #ccc;}
.divTableHedaerItem {flex: 1; padding:10px 5px; border-bottom: 0px; }
.divTableDataRowView {display: flex; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.divTableDataRowView:nth-child(odd) {background-color: #f8fcfa;}
.divTableDataRowItem {flex: 1; padding: 10px 5px; display: flex; align-items: center; flex-wrap: wrap;}
.divExchangeOrderType {display: inline-block; border-radius:10px; background: #DEF7EA; padding: 5px 20px; margin-right: 8px; margin-bottom: 3px;}
.divSettingErrorMessage {color: red; text-align: center; padding: 20px 5px;}
.divSettingErrorMessageLeft {color: red; text-align: left; padding: 20px 5px;}
.divFutureLeverageBox {display: inline-block; padding: 3px 8px; border-radius: 3px; background-color: #808080; color: white; margin-left: 5px; font-size: 10px; line-height: 17px; }
.divFutureShortBox {display: inline-block; margin-left: 5px; padding: 3px 8px; border-radius: 3px; background-color: #c40101; color: white; font-size: 13px; line-height: 17px; }
.divFutureLongBox {display: inline-block; margin-left: 5px; padding: 3px 8px; border-radius: 3px; background-color: #4d832a; color: white; font-size: 13px; line-height: 17px; }


.divButton {padding: 8px 30px;}
.divButtonFull {width: 100%; padding: 8px 10px; border-radius: 4px; }
.divButtonPurple { background-color: #413FBB; color: white; border-color: #413FBB; }
.divButtonPurple:hover { background-color: #4e4bd6; color: white; border-color: #4e4bd6; }
.divButtonBlue { background-color: rgb(37, 38, 42); color: #f3f3f3; border-color: rgb(37, 38, 42);  }
.divButtonRed { background-color: rgb(70, 7, 7); color: #f3f3f3; border-color: rgb(70, 7, 7);  }
.divButtonRed:hover { background-color: rgb(110, 66, 66); color: white; border-color: rgb(110, 66, 66); }
.divButtonBlue:hover { background-color: rgb(77, 78, 84); border-color: rgb(45, 46, 52); color: white; }
.divButtonBig { font-size: 16px; line-height: 20px;  }
.colorBinance {color: #f0b90b; }
.divProfitColor {color: #3AB67A;}
.divProfitDarkerColor {color: #6bab42;}
.divLossColor {color: #F15B5B;}
.divLossDarkerColor {color: #c10404;}
.divTradeInfoArea { width: calc(25% - 13px); }
.divWebSectionTopTraderMainArea { flex: 0 0 calc(33% - 13.33px); }
.divWebSectionTopTrader .divWebNewBannerSubTitle { padding: 60px 60px; padding-top: 0px; }

/* Navigation Bar */
.divProductPagingArea {color: #49176d; text-align: center; margin-bottom: 40px;}
.divProductNavFirst, .divProductNavPrevious, .divProductNavNumberArea, .divProductNavNext, .divProductNavLast {display: inline-block; margin: 0px 8px; vertical-align: top; }
.divProductNavFirst, .divProductNavPrevious, .divProductNavNext, .divProductNavLast {cursor: pointer;}
.divProductNavFirst:hover, .divProductNavPrevious:hover, .divProductNavNext:hover, .divProductNavLast:hover {color: #9e65c7;}
.divProductNavFirst i, .divProductNavPrevious i, .divProductNavNext i, .divProductNavLast i {margin: 0px 4px;}
.divProductNavPrevious i, .divProductNavNext i {font-size: 17px;}
.divProductNavNumberArea {display: inline-block; }
.divProductNavNumberArea .divNavNumber {width: 30px; height: 30px; display: inline-block; line-height: 30px; border-radius: 50%; vertical-align: middle; text-align: center; cursor: pointer; margin-right: 6px;  }
.divProductNavNumberArea .divNavNumber:hover {background:#9e65c7; color: white;}
.divProductNavNumberArea .divNavNumber.active {width: 30px; height: 30px; border-radius: 50%; background: #49176d; color: white; cursor: initial;}

.divListData {line-height: 14px;}
.btnGreen {background-color: green;}
.btnRed {background-color: red;}
.btnNormal {padding-left: 20px; padding-right: 20px;}
.divAvailableCredit {font-size: 28px; color: blue;}
.divAvailableCredit.noCredit {color: red;}

.divInputAreaMulti{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin-bottom: 5px;}
.divInputArea50 {width: 50%; display: inline-block; }
.divInputAreaMulti .divInputArea50:first-child {margin-right: 10px;}
.divInputArea33 {width: 33%; display: inline-block; }
.divInputAreaMulti .divInputArea33:first-child, .divInputAreaMulti .divInputArea33:nth-child(2) {margin-right: 10px;}
.divHeaderInfo i.divWebLanguageClickButton { font-size: 20px; margin-left: 15px; border-radius: 0px; border-left: 1px solid #666; padding: 6px 15px; }

/*************************/
.divHeaderInfo { position: relative; display: flex; align-items: center; justify-content:right; padding-right: 30px; }
.divHeaderInfoHelloCaption {font-weight: bold; font-size: 12px; line-height: 13px; color: #888; }
.divHeaderInfo i {font-size: 30px; color: #ccc; border-radius: 100%; margin-top: 0px; }
.divDesktopLogoArea {display: inline-block; box-sizing: border-box;}
.imgHeaderLogo {height: 50px; margin-top: 10px; object-fit: contain;}
.divHeaderTitle {margin: 0px; margin-top: 12px; width: 220px; font-size: 35px; color: rgb(0,37,65); margin-left: 20px; display: inline-block; vertical-align: top; box-sizing: border-box;}
.headerLogo {margin: 10px; margin-left: 50px; display: inline-block;}
.headerWithMenu {background-color: white; position: relative; width: 100%; z-index: 9; height: 70px; border-bottom: 1px solid #ccc; }
.divHeaderCaption {display: inline-block; color: white; vertical-align: top;}
.imgQRHeaderLogo {height: 50px;margin-top: 10px;object-fit: contain;}
.headerWithMenu.headerQRWithMenu {background-color: white; height: 70px;}
.headerWithMenu.headerQRWithMenu a {text-decoration: none;}
.divQRFooter {background: black;color: #ddd;}
.divFooterCopyright {color: #ddd; display: inline-block;}
.divFooterCopyright a {color:#ff2700; transition: 0.3s;}
.divFooterCopyright a:hover {color: white;}
.divFooterPrivacyArea {float: right; }
.divFooterLink {display: inline-block; text-decoration: none; color: #ff2700; transition: 0.3s; padding-right: 15px; padding-left: 15px; font-size: 12px; border-right: 1px solid #ddd;}
.divFooterTerms {border-right: 0px;}
.divFooterLink:hover {color: white;}

/*************************/
.headerLogo {margin: 10px; margin-left: 50px; display: inline-block;}
.headerWithMenu { position: relative; width: 100%; z-index: 9; height: 50px; }
.divHeaderCaption {display: inline-block; color: white;}
.divFilterArea {display: inline-block;vertical-align: top; margin-right: 8px; margin-bottom: 5px;}
.divFilterText { border: 1px solid #ccc; display: flex; border-radius: 40px; padding: 4px 12px; background-color: transparent; color: white; margin-top: 29px; }
.divFilterSelect {width: 200px; padding: 4px 4px;}

.imgHeaderLogo {width: 200px; height: 200px; object-fit: contain;}
/***************************************/
/************  GENERAL  ****************/
.imgNewsListPhoto {height: 75px; width: 200px; object-fit: contain;}
.imgNewsPhoto {height: 150px; width: 400px; object-fit: contain;}
* {margin: 0; padding: 0; box-sizing: border-box;}
.colorIEC {color: rgb(0,0,45) !important;}
.dataArea {margin: 0px; display: inline-block; width: 100%; padding: 10px; border-radius: 10px; height: calc(100% - 10px); overflow: auto; }
.linkTableEdit, .link {color: blue; text-decoration: underline; cursor: pointer;}
.linkWhite {color: white; text-decoration: underline; cursor: pointer;}
.k-grid tr td {font-size: 12px;}
.divFilter {margin-top: 10px; margin-bottom:5px;}
.btnFilter {padding-left: 18px; padding-right: 18px;}
.inputSearchUsername {padding: 0px 4px; width: 200px;}
.k-overlay {cursor: pointer;}
.divLanguageChi, .divLanguageEn {cursor: pointer; border-bottom: 1px solid white;}
.divCurrentLanguage {cursor: initial; border-bottom: 0px;}
.divMemberSlide {margin-top: 20px; margin-left: 5px;}
.divWebsiteHeaderWithMenu .divHeaderLanguageArea {background: transparent; position: absolute; z-index: 2; width: 100%;}
.divDesktopHeaderLogo {display: inline-block; position: absolute; left: 15px; top: 15px; }
.divDesktopHeaderLogo .imgHomeDesktopLogo {width: 250px; }
.divDesktopMenu {position: absolute; right: 0px; padding: 20px 20px; background: rgb(0,37,65); color: white; font-size: 15px; top: 40px; padding-right: 170px; height: 60px; }
.desktopMenuLink {border-right: 1px solid white; padding-right: 15px; padding-left: 15px; padding-top: 0px; padding-bottom: 0px; display: inline-block;}
.desktopMenuLink.last {border-right: 0px solid white;}
.desktopMemberLink {color: rgb(0,150,186); padding-left: 20px;}
.desktopMenuLink:hover {color: rgb(0,150,186);}
.desktopMemberLink:hover {color: white;}
.divWebsiteHeaderWithMenu .divHeaderLanguage {position: absolute; top: 40px;z-index: 99; width: 140px; right: 0px; height: 60px; padding-top: 20px; }
.divWebsiteTitle {text-align: center;}
.divWebsiteFooter {background: rgb(0,150,186); text-align: right; margin-top: 20px;}
.divDesktopFooterLogo .imgHomeDesktopLogo {width: 100px; display: inline-block; margin: 10px 30px; }
.divProjectArea {margin-left: 50px; margin-right: 50px; margin-top: 10px;}
.divProject {width: calc(20% - 3px); display: inline-block; margin-bottom: 10px;}
.divProject img {width: 100%; height: 300px; object-fit: contain; cursor: pointer; }
.divProject .title {text-align: center; font-size: 15px;}
.iconLeftBack {position: absolute; left: 15px; top: 14px; font-size: 23px; color: white; cursor: pointer;}

/**************************************/
/************  POPUP  *****************/
#windowRefer{position: relative; padding: 0px; margin: 0px;z-index: 1000005;}
.windowReferPopupArea {position: relative; }
#imgWindowPopupReferBackground {object-fit: contain;width: 100%;}
.windowReferPopupTextArea {position: relative; text-align: center; padding: 10px 10px;}
.windowReferPopupTextArea .title {font-size: 30px; color: #49176d; line-height: 30px; letter-spacing: 2px; font-weight: bold; padding: 0px 40px; margin-bottom: 10px;}
.windowReferPopupTextArea .title.smaller {font-size: 20px;line-height: 25px;}
.windowReferPopupTextArea .subTitle {font-size: 13px; color: black; margin-bottom: 12px; line-height: 22px;}
.windowReferPopupTextArea .referCode {font-size: 25px; color: #49176d; letter-spacing: 2px;font-weight: bold; line-height: 22px;}
.windowReferPopupTextArea .copyCode {font-size: 12px;color: #9e65c7;}
.windowReferPopupTextArea .showNow {font-size: 14px;color: white; background: #49176d; padding: 7px 30px; display: inline-block; cursor: pointer; margin-bottom: 10px;}
.windowReferPopupTextArea .showNow:hover {opacity: 0.7;}
.windowReferPopupTextArea .description {font-size: 10px; color: black;margin-bottom: 10px;}
.windowReferPopupTextArea .terms {font-size: 10px; text-decoration: underline; color: black;cursor: pointer;}
.windowReferPopupTextArea .terms:hover {opacity: 0.7;}
#windowFirst{position: relative; padding: 0px; margin: 0px;z-index: 1000005;}
.windowFirstPopupArea {position: relative; line-height: 0px; overflow: hidden;}
.windowFirstPopupExit {position: absolute; display: inline-block;right: 8px;top: 5px;font-size: 20px; cursor: pointer; color: white;}
.windowFirstPopupBtnSignUp {position: absolute; bottom: 105px; left: 20px; font-size: 15px; line-height: 20px; padding: 10px 20px; background: yellow; color: #333; font-weight: bold; cursor: pointer; }
.windowFirstPopupBottomLink {position: absolute; bottom: 20px; font-size:11px; line-height: 15px; width: 100%; color: yellow; }
.windowFirstPopupLinkNothanks {position: absolute; bottom: 0px; left: 20px; border-bottom: 1px solid yellow; cursor: pointer; }
.windowFirstPopupLinkRight {position: absolute; bottom: 0px; right: 20px; }
.windowFirstPopupLinkSignIn {border-bottom: 1px solid yellow; cursor: pointer; display: inline-block;}
.imgWindowPopupBg {object-fit: contain;}
#windowSecond {position: relative; padding: 0px; margin: 0px;border-radius: 50%; border: 3px solid rgb(197, 4, 128); background: rgb(243, 160, 226);}
.windowSecondPopupExit {display: inline-block; position: absolute; right: 30px; top: 40px; padding: 10px; font-size: 18px; color: white; font-weight: normal; cursor: pointer;}
.windowFindMyFitPopupExit {display: inline-block; position: absolute; right: 30px; top: 25px; padding: 10px; font-size: 15px; color: white; font-weight: normal; cursor: pointer;}
.windowTransparent {background:transparent; background-color: transparent!important; box-shadow: none !important;}
.windowSecondPopupArea {position: relative; }
.windowSecondPopupTextArea {position: relative; top: 80px; padding:0 20px; text-align: center; color: #49176d;}
.windowSecondPopupTextArea .title {font-size: 13px;}
.windowSecondPopupTextArea .mainTitle {font-size: 25px; margin-bottom: 15px; margin-top: 8px;}
.windowSecondPopupNo {color: white; border-bottom: 1px solid white; cursor: pointer; display: inline-block; padding-bottom: 3px; margin-bottom: 5px; font-size: 13px;}
.windowSecondPopupYes {color: rgb(238, 73, 156); border-bottom: 1px solid rgb(238, 73, 156);cursor: pointer; display: inline-block; padding-bottom: 3px; }

/***************************************/
/************  HEADER  *****************/
header{background-color: white;}
.headerPromotion {font-size: 11px;background-color: #49176d;color:white;text-align: center;padding-top: 3px;padding-bottom: 3px;word-spacing: 2px;letter-spacing: 3px;}
.divheaderSearch {display: inline-block;width: 30%;text-align: left;vertical-align: top;}
#searchButton {margin: 0px; margin-top: 4px;width: 25px;height: 25px; cursor: pointer; opacity: 0.6;}
#searchButton:hover {opacity: 1;}
.divheaderLogo {display: inline-block;width: 35%;text-align: center;vertical-align: top;object-fit: contain;}
.divHeaderCart {margin-left: 15px;}
.divHeaderAccount ,.divHeaderCart {display: inline-block;font-weight: bold;color: #49176d;cursor: pointer;}
.divHeaderAccount img, .divHeaderCart img {height: 18px;width: 18px; object-fit: contain;}
.divHeaderAccount span, .divHeaderCart span {vertical-align: top;display: inline-block;margin-top: 0px;margin-left: 0px;}
.inputSearchOuter {display: inline-block; vertical-align: top;width: 280px;border-bottom: 1.4px solid #666; padding-bottom: 2px;}
.inputSearch {vertical-align: top;width: calc(100% - 60px); padding: 7px 2px; border: 0px; outline: 0px; display: inline-block;}
.imgSearchIconOut, .closeSearchButton {height: 25px; width: 25px; cursor: pointer;}
.closeSearchButton {height: 20px; width: 20px; margin-top: 5px;}
.imgSearchIconOut {margin-top: 4px; opacity: 0.6;}
.imgSearchIconOut:hover {opacity: 1;}
.divheaderCurrencies {display: inline-block; margin-right: 10px;}
.divheaderCurrencies .k-widget.k-dropdown{box-shadow: none; border: 0px;}
.divheaderCurrencies .k-dropdown-wrap {border: 0px;}
#m_HeaderCurrencies_listbox .k-state-selected, #m_HeaderCurrencies_listbox .k-list>.k-state-selected {background-color: #49176d!important; border-color: #49176d!important; }
.divMobileMenu {display: none;}

.divPointOuterArea {padding-top: 20px;}
.divPointOuterArea1 {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.divPointOuterArea2 {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.divPointArea {width: 33.3%; padding: 19px 8px; box-sizing: border-box; font-size: 15px; line-height: 21px; color: rgb(252,238,33); display: inline-block; border-top: 1px solid white; margin: 0px; margin-left: 5px; text-align: center;}
.divPointArea:first-of-type {margin-left: 5px;}
.divPointValue {font-size: 18px; color: white;}


/***********************************************************/
/******************  POPUP - MESSAGE  *********************/
#windowMessage, #windowTransfer, #windowCoinTrade, #windowSessionTimeout {padding: 20px 25px;}
#divWindowMessageExit, #divWindowTransferExit, #divWindowCoinTradeExit, #divWindowSessionTimeoutExit {position: absolute; font-size: 15px; top: 10px; right:15px; opacity: 0.6; cursor: pointer; }
#divWindowMessageExit:hover, #divWindowTransferExit:hover, #divWindowCoinTradeExit:hover, #divWindowSessionTimeoutExit:hover { opacity: 1; }
#windowMessageMessage, #windowTransferMessage, #windowSessionTimeoutMessage {margin-top: 25px; margin-bottom: 20px;}
#windowTransferOk {color: white; background-color: rgb(0,0,45);}
#windowTransferAmount {width: 100%; box-sizing: border-box; padding: 3px; text-align: left;}

#windowSessionTimeoutCancel, #windowSessionTimeoutOk {display: inline-block;cursor: pointer; padding: 6px 30px; color: white; background-color: rgb(0,0,45); padding: 10px 30px; border-radius: 3px;}
#windowCoinTradeSubmitPaymentProof, #windowCoinTradeRelease {display: inline-block;cursor: pointer; padding: 6px 30px; }
#windowCoinTradeSubmitPaymentProof, #windowCoinTradeRelease {color: white; background-color: rgb(0,0,45);}
.divCoinTradeCaption {color: #aaa;}
.divCoinTradeData {}
.divCoinTradeQRCode {width: 50px; height: 50px; object-fit: contain;}
.divCoinTradePaymentProof {width: 100px; height: 100px; object-fit: contain;}

.divPopupPurchased {background: #49176d;width: 300px; position: fixed;bottom: 0;height: 110px;left: 40px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.divPopupPurchasedProductImage {width: 90px; margin: 10px;}
.divPopupPurchasedProductImage .productImage {width: 90px; height: 90px; object-fit: contain; }
.divPopupPurchased .divProductInfoArea {width: calc(100% - 110px); }
.divPopupPurchased .divProductInfoArea .divRemove {text-align: right; line-height: 15px; }
.divPopupPurchased .divProductInfoArea .divRemove i {color: #888888; font-size: 15px; margin-top: 8px; margin-right: 8px; cursor: pointer; line-height: 15px;}
.divPopupPurchased .divProductInfoArea .divProductInfo {color: white; letter-spacing: 1px; padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 15px;}
.divPopupPurchased .divProductInfoArea .divProductInfo .divProductName {color: rgb(249,204,209); font-size: 12px; line-height: 15px;}
.divPopupPurchased .divProductInfoArea .divPurchasedTime {color: #888888; padding-left: 10px; padding-right: 10px; font-size: 9px; line-height: 13px; }

/********************************************************/
/******************  POPUP - IMAGE  *********************/
#divImagePopupArea {border-radius: 5px;cursor: pointer; transition: 0.3s;}
.modal {display: none;position: fixed; z-index: 999; padding-top: 100px;left: 0;top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
.modal-content { margin: auto;display: block; width: calc(100% - 20px); }
#caption {margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px;}
.modal-content, #caption {animation-name: zoom; animation-duration: 0.6s;}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
.close {position: absolute; top: 15px; right: 35px;color: #f1f1f1; font-size: 40px; font-weight: bold;transition: 0.3s;}
.close:hover, .close:focus {color: #bbb; text-decoration: none; cursor: pointer;}
@media only screen and (max-width: 700px){
    .modal-content {width: 100%;}
}

/**********************************************/
/************  PAGE NOT FOUND  *****************/
.imgPageNotFound {text-align: center;margin-top: 50px;margin-bottom: 30px;}
.divPageNotFound {text-align: center;color: #49176d;margin-bottom: 150px;}

/**********************************************/
/************  PLACE HOLDER  *****************/
::-webkit-input-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}

/***************************************/
/************  MENU  *****************/
/*.sidenav {width: 250px; display: inline-block; position: absolute; background-color: rgb(0,0,45); color: white; height: calc(100% - 60px); overflow-x: hidden; transition: 0.5s;}*/
.headerImage {height: 40px; }
.menuDivider {content: "";border-top: 1px solid #555;}
.divMenuOuter {margin-top: 0px;text-align: center;}
.divMenuMainLayer:hover, .divMenuMainLayer.hovered {color: #49176d;}
.divMenuMainLayer {cursor: pointer;display: inline-block;min-width: 110px;text-align: center;font-weight: normal; }
.divMenuMainLayer:after {display:block;content: '';border-bottom: solid 1px #49176d;  transform: scaleX(0); transition: transform 250ms ease-in-out;}
.divMenuMainLayer:hover:after { transform: scaleX(1); }
.divMenuMainItem {padding-top: 10px; padding-bottom: 10px;}
.divMenuMainLayer > .divMenuMainItem > a {width: 100%;padding-top: 10px;padding-bottom: 10px;display: inline-block;}
.divMenuSale {color: #c01515;}
.divMenuPopup {background-color: white;position: absolute;width: 900px;z-index: 999;color: #555;box-shadow: 1px 1px 1px 1px #888888;padding: 20px;cursor: initial; margin-left: 150px;}
.divMenuPopup4 {width: 31%;}
.divMenuPopup2, .divMenuPopup3 {padding-left: 20px;}
.divMenuPopup1, .divMenuPopup2 {border-right: 1px solid #555;}
.divMenuPopup1, .divMenuPopup2, .divMenuPopup3 {min-width: 23%;text-align: left;font-weight: normal; padding-right: 15px;}
.divMenuPopupHeader {color: #49176d;font-weight: bold;padding-bottom: 10px;}
.divMenuPopupLayer:hover{color: #49176d;text-decoration: underline;}
.divMenuPopupLayer a {display: block; padding: 4px 0px;}
.stickyParent #stickyMenu {box-shadow: 0 0 3px 1px rgba(0,0,0,.2);}
#stickyMenu {padding-top: 10px;background-color: white;}
.sticky {position: fixed;top: 0;width: 100%;border-bottom: 1px solid #bbb;z-index: 999;}
.sticky .divMenuOuter {margin-top: 0px;}
.sticky .divMenuMainLayer > .divMenuMainItem > a {padding-top: 3px;padding-bottom:3px;}
.sticky .imgHeaderLogo {height: 38px;}
.stickyParent + .ContentBody {padding-top: 120px;}
.imgMenuPopupImage {width: 90%;object-fit: contain;}
.divMobileMenuBack {position: fixed; width: 100%; height: 100%; background: #777; opacity: 0.8; z-index: 9998;}
.divMobileMenuArea {position: fixed; width: 80%; height: 100%; text-align: left; background: #49176d; z-index: 9999;}
.divMobileMenuArea .social .div3 {text-align: center; margin-top: 15px;}
.divMenuSocial {width: 30px; height: 30px; background: white; border-radius: 50%; display: inline-block; margin: 0px 15px; text-align: center; vertical-align: middle; }
.divMenuSocial img {width: 70%; height: 70%; object-fit: contain; margin-top:5px;}
.divMobileMenuArea .emailCaption {margin-top: 20px;}
.divMobileMenuArea .emailCaption, .divMobileMenuArea .emailData {text-align: center; color: white;}
.divMobileMenuArea .logo {text-align: center; padding-top: 15px; padding-bottom: 8px; border-bottom: 1px solid #888;}
.divMobileMenuArea .logo .imgLogo {width: 120px; object-fit: contain;}
.divMobileMenuArea .searchArea {padding: 8px 0px; padding-left: 15px;border-bottom: 1px solid #888;}
.divMobileMenuArea .inputSearchMobile {width: 200px; background: transparent; box-shadow: none; outline: none; border-width: 0px;}
.divMobileMenuArea .searchIconMobile {float: right; margin-right: 15px; margin-top: 3px; width: 18px; height: 18px; object-fit: contain;}
.divMobileMenuArea .menu {color: white; border-bottom: 1px solid #888; font-size: 10px;}
.divMobileMenuArea .menu a, .divMobileMenuArea .menu div {width: 100%; padding: 5px 0px; padding-left: 15px; display: inline-block; box-sizing: border-box;}
.divMobileMenuArea .menu i {margin-left: 10px;}
.divMobileMenuArea .menu.SubMenu {padding-left: 20px;}

/***********************************************************/
/************************  PAGE ****************************/
.btnTransfer {margin-top: 5px;}

/**************************************************************/
/************************  GEOLOGY ****************************/
.treeGenealogy ul {display:inline-block; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.treeGenealogy li {list-style-type: none;position: relative;	padding: 10px 0 0 25px; width:102%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.treeGenealogy .geoItem::before {content: '';position: absolute; left: 8px;border-bottom: 1px solid rgb(0,0,45);	width: 17px; height:.5em;}
.treeGenealogy li::after{right: auto; left: 50%;	border-left: 1px solid black;}
.treeGenealogy ul ul::before{content: '';position: absolute; top: 0; left: 7px;	border-left: 1px solid rgb(0,0,45);width: 0; height: 100%; padding-bottom: 10px;}
.treeGenealogy li .geoItem{min-width: 230px; border: 1px solid #ccc;padding: 5px 10px;text-decoration: none;color: #666;font-size: 14px; line-height:18px; display: inline-block;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.treeGenealogy li > ul {display:block}
.treeGenealogy > ul > li > .geoItem:before {width: 0px;}
.treeGenealogy > ul > li {padding-top: 0px; padding-left: 3px;}
.geoItem .package {color: #808080; font-size: 11px; line-height: 13px;}
.geoItem .kickout {color: #ff2e00;}
.geoItem .asset {color: #393eff;}
.geoItem .reward {color: #393eff;}
.geoItem.clickable:hover {background-color: #ccc;cursor: pointer;}
.caption {display: inline-block; width: 100px; font-size: 12px;}
.data {font-weight: bold; color: black;}
.description {color: #808080; font-weight: normal;}

/**********************************************************************/
/************************  MY ACCOUNT PAGE ****************************/
.divProfileTable thead td {text-align: center; color: #888;}
.divProfileTable {border-collapse:collapse;width:100%;border-top:1px solid #dddddd;border-left:1px solid #dddddd;margin-bottom:20px}
.divProfileTd {border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:left;padding:7px;color:#222222; line-height: 18px;}
.divProfileTd a {text-decoration: underline;}
.inputData {width: 200px;}
.DataCaption {width: 180px; text-align: left;}
.inputDataText, .inputDataSelect {width: 100%; padding: 3px 5px;box-sizing: border-box;}

/*************************************************************/
/************************  TABLE ****************************/
.divTable {margin-top: 10px;}
.divTableRow {border: 1px solid #ccc; border-bottom:0px ; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.divTableRow:last-of-type {border-bottom: 1px solid #ccc;}
.divTableCaption {padding: 7px 7px; display: inline-block; width: 200px; text-align: left; vertical-align: middle; border-right: 1px solid #ccc; color: #888; font-size: 12px;}
.divTableData {padding: 7px 7px; width: calc(100% - 200px); text-align: left;}
.imgHeaderLogo {width: 400px;}

/***** HEADER Lanauge ****/
/* background: rgb(0,150,186) */
/* rgb(0,37,65) */
.divHomeTitle {font-size: 25px; line-height: 35px; color: rgb(0,37,65); margin-top: 20px; font-weight: bold; }
.slick-list.fullwidth { width: 100%; }
.slick-dotted.slick-slider {margin-bottom: 0px;}
.slick-prev:before, .slick-next:before {font-family: 'Montserrat', sans-serif; font-size: 40px; color: #fff; font-weight: 100;}
.slick-prev:before {content:"❮"}
.slick-next:before {content:"❯"}
.slick-next {right: 18px;z-index: 1;}
.slick-prev {left: 10px;z-index: 1;}
.slick-dots li button:before {font-size: 10px; opacity: 1; color: #C6C4BE;}
.slick-dots {text-align: center; bottom: -8px; right: 15px; display: inline-block !important; width: auto; left: 0px;}
#mySidenav {display: block;}
.divHeaderLanguageArea {background: rgb(0,37,65); text-align: right;}
.divHeaderLanguage {color: white; background: rgb(0,150,186); display: inline-block; margin-right: 0px; padding: 15px 30px; font-size: 17px;}
#SubmitButton {font-size: 17px; font-weight: bold; width: 100%; margin-top: 10px; padding-top: 5px; padding-bottom: 5px;}
.divMobileToggleIcon {display: block;}
.divHomeProfile {margin-right: 10px; margin-left: 10px; width: 400px; display: inline-block; background-color: red; vertical-align: top; margin-top: 20px; background: white; border: 1px solid #777; padding: 20px 20px;}
.divHomeDataArea {width: calc(100% - 444px); display: inline-block; }
.divHomeArea {padding-top:50px; }
.headerBalance {right: 10px; font-size: 15px; color: rgb(0,150,186); margin-top: 3px; font-weight: lighter;}
.headerBalance .divDesktopHomeNameLink {color: rgb(0,150,186);}
.sideBackground {display:none; position: fixed; height: 100%; width: 100%; background-color: rgba(33,33,33,0.4);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;z-index: 10; cursor: pointer;}
.divPointOuterArea1 .divPointArea {background-color: rgb(0,150,186); }
.divPointOuterArea2 .divPointArea {background-color: rgb(0,109,143); }
.linkHomeDesktopLogo {display: inline-block;}
.imgHomeDesktopLogo {width: 100px; height: 100px; object-fit: contain; margin-bottom: 20px; }
.divDesktopHomeName {color: rgb(0,37,65); font-size: 18px; }
.divDesktopHomeNameLink {color: rgb(0,37,65); }
.divDesktopHomeNameLink:hover {text-decoration: underline;}

.sidenav {height: calc(100% - 50px);width:0;position: fixed;z-index: 100;top:50px;left: 0; background-color: white; overflow-x: auto; transition: 0.5s; padding-top: 0px; margin-bottom: 30px;}
.sidenav .closebtn { position: absolute;top: 21px;left: 0;}
.sidenav .mobileSideMenuLink:hover, .dropdown-btn:hover {background-color: #202B2D; }
.sidenav .mobileSideMenuLink, .dropdown-btn { padding: 15px 0px 15px 13px; border-radius: 0px; text-decoration: none; font-size: 13px; color: rgb(0,37,65); background: inherit; border: none; width: 100%;text-align: left; cursor: pointer; outline: none; box-sizing: border-box; transition: 0.3s; border-top: 0px solid #ccc; display: flex; align-items:center; }
.sidenav .mobileSideMenuLink.active { background-color: #202B2D; border-right: 5px solid #413FBB; }
.dropdown-btn i {margin-left: 10px; font-size: 15px;}
.dropdown-btn.active {background-color: rgb(14, 14, 14);}
.dropdown-container { display: none; background-color: #272830; padding-left: 0px;}

.desktopSideNav {height: calc(100% - 60px);width:100%; margin-top: 20px; margin-bottom: 0px;}
.desktopSideNav .closebtn { position: absolute;top: 21px;left: 0;}
.desktopSideNav a:hover, .dropdown-btn:hover {background-color: rgb(14, 14, 14); font-weight: bold;}
.desktopSideNav a, .desktopSideNav .dropdown-btn { padding: 16px 0px 16px 8px; text-decoration: none; font-size: 15px; color:rgb(0,37,65); display: block; border: none; background: none; width: 100%;text-align: left; cursor: pointer; outline: none; box-sizing: border-box; transition: 0.3s; border-top: 1px solid #ccc; }
.desktopSideNav .dropdown-container { display: none; background-color: #f3f2f2; padding-left: 0px; transition: all 0.5s; }
.desktopSideNav .dropdown-container a {padding-left: 27px;}
.divDesktopHomeLogoutBtn {color: white; padding: 18px; width: 100%; display: inline-block; font-size: 16px; background:rgb(0,150,186); text-align: center; }
.divDesktopHomeLogoutBtn:hover {background: rgb(0,37,65);}

.divStoreArea {width: 100%; padding: 12px 5px;}
.divStoreItemPhoto {width: 300px; height: auto; display: inline-block;}
.divStoreItemDetail {width: calc(100% - 305px); display: inline-block; vertical-align: top; padding-left: 10px;}
.divStoreItemName {font-size: 30px; font-weight: bold;}
.divStoreItemDateTime {font-size: 20px;}
.divStoreItemDateTime .divDate, .divStoreItemDateTime .divTime {font-weight: bold;}
.divStoreItemLocation {font-size: 16px; color: #888;}

.divItemPhoto {width: 100%;margin-top: 10px; margin-bottom: 10px;}
.divItemDescription {margin-top: 10px;}
.divItemSubTitle {font-size: 15px;margin-top: 10px; margin-bottom: 3px; font-weight: bold;}
.divItemPhotoSeat {width: 100%; margin-top: 15px; }

#divItemRequiredPoint.invalid {color: red;}
.divItemPurchaseArea {margin-bottom: 50px; margin-top: 20px; font-size: 15px;}
.divItemPurchaseArea select {font-size: 14px; width: 200px;}
.divItemCaption {margin-bottom: 8px;}
.buttonItemPurchase {padding: 10px 30px; font-size: 20px; text-align: center; cursor: pointer; background-color: rgb(0,150,186); color: white; }
.buttonItemPurchase:hover {background-color:rgb(0,37,65); }

/******************************************************/
.zmrcntr {display: none;}
.divImportantArea {background: #f7d94a; padding: 10px; text-align: center; margin-top: 10px;}
.divImportantArea .title {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.divImportantArea .message {font-size: 15px;}
#treeNew {  }
#treeNew .divGenealogyNode {padding: 4px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color:rgb(0,109,143);border: 1px solid #000;width: 200px;color:#ddd;}
#treeNew .divGenealogyNode .divGeoUsername {color: white; font-size: 14px;}
#treeNew .divGenealogyNode .divRegister {color: white; text-align: center; text-decoration: underline; font-size: 15px; padding: 10px 0px; }
.disabled {background: #ddd; border: none; outline: none; }