/* #49176d */
input,
textarea,
select,
button {
    background: var(--fxyz-color-white, white);
    font-family: 'Montserrat', sans-serif;
    font-size: var(--fxyz-size-13px, 13px);
    line-height: 23px;
    color: var(--fxyz-color-black-short, #000);
    padding: var(--fxyz-size-0px, 0px);
    margin: var(--fxyz-size-0px, 0px);
    border-radius: var(--fxyz-size-4px, 4px);
    padding-left: var(--fxyz-size-15px, 15px);
    padding-right: var(--fxyz-size-15px, 15px);
}

input {
    box-sizing: border-box;
}

input[type='range'] {
    padding-left: 0px;
    padding-right: 0px;
}

input[type="checkbox"] {
    accent-color: rgb(138, 43, 225);
}

select {
    background-color: #285e8e;
    color: white;
    border-color: #285e8e;
}

body {
    background: var(--fxyz-color-surface-base, #161F21);
    font-family: 'Montserrat', sans-serif;
    font-size: var(--fxyz-size-13px, 13px);
    color: var(--fxyz-color-white, white);
    padding: var(--fxyz-size-0px, 0px);
    margin: var(--fxyz-size-0px, 0px);
}

.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
}

.xyzUiContainerFlex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.xyzUiContainerFooter {
    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;
}

.xyzImageELearnPhotoListThumb {
    height: 50px;
}

.xyzImageELearnPhotoListThumb.xyzImageELearnPhotoListThumbEnlarge {
    cursor: pointer;
}

.xyzRegionListDescription {
    color: #888;
    font-size: 10px;
    line-height: 11px;
}

.xyzRegionListFileLink {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
    display: block;
}

.xyzRegionListFileLink.xyzRegionListFileLinkInline {
    display: inline-block;
    margin-right: 10px;
}



.xyzRegionOnGoingArea,
.xyzRegionNewTradeArea,
.xyzRegionNewTradeButton {
    display: none;
}

::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}

.xyzRegionInputError {
    font-size: 12px;
    line-height: 15px;
}

.xyzRegionMainContentArea {
    padding: 0px;
    padding-left: 200px;
}

.xyzRegionDashboardChart3of1Area {
    width: calc(33% - 15px);
}

.xyzRegionListDesktopCenter {
    text-align: center;
}

.xyzRegionListDesktopRight {
    text-align: right;
}

.xyzRegionBackendCompetitionUserHeaderArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.xyzRegionBackendCompetitionUserHeaderRightArea {
    display: flex;
    align-items: center;
    gap: 15px;
}

.xyzRegionBackendEditCompetitionFlex {
    display: flex;
    gap: 20px;
}

.xyzRegionBackendEditCompetitionDateArea {
    width: 48%;
}

.xyzRegionPOSProductMainArea {
    display: inline-block;
    width: calc(50% - 10px);
    margin-right: 15px;
    vertical-align: top;
}

.xyzRegionPOSProductPhotoArea {
    display: inline-block;
    width: calc(50% - 10px);
    margin-left: 0px;
    margin-top: 0px;
    vertical-align: top;
    padding-top: 0px;
}

.xyzRegionChallengeArea .xyzRegionInputRow .xyzRegionInputInnerRow {
    width: 160px;
}

.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;
}

.xyzRegionPoupMainArea {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

.xyzRegionLink {
    color: #7921D5;
    cursor: pointer;
    text-decoration: underline;
    opacity: 0.8;
}

.xyzRegionLink:hover {
    color: #7921D5;
    opacity: 1;
}

.xyzRegionBackendProgressOuterArea {
    width: 100%;
    max-width: 250px;
}

.xyzRegionBackendProgress {
    position: relative;
    height: 8px;
    width: 100%;
    border-radius: 5px;
    background-color: #ccc;
    overflow: hidden;
}

.xyzRegionBackendProgressValue {
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0px;
    background-color: #7921D5;
    height: 100%;
}

.xyzRegionBackendProgressValue.red {
    background-color: red;
}

.xyzRegionPrimaryColor {
    color: #7921D5;
}

#windowLoading {
    background: rgba(0,0,0,0.8);
    padding: 10px 30px;
}

#windowLoading img {
    width: 150px;
}

.xyzRegionMainProfileMenuMainArea {
    min-width: 250px;
}

.xyzRegionWebFAQMainOuterArea {
    margin-top: 50px;
    margin-bottom: 200px;
}

.xyzRegionWebFAQMainArea {
    padding-left: 50px;
}

.xyzRegionAffDashboardDateSelectTitleArea {
    display: flex;
}

.xyzRegionDashboardWalletLogo {
    height: 60px;
}

.xyzRegionDashboardWalletBalanceArea {
    padding-left: 5px;
}

.xyzButtonDashboardWallet {
    padding: 15px 30px;
    font-size: 13px;
    line-height: 20px;
}

.xyzButtonDashboardWalletWithdraw {
}

.xyzButtonDashboardWallet img {
    width: 15px;
    margin-right: 8px;
}

.xyzRegionDashboardBox.xyzRegionDashboardWalletHeader {
    padding-left: 0px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.xyzRegionWithdrawHistoryIcon {
    font-size: 20px;
    top: 20px;
    right: 20px;
}

.listIconAlert {
    color: red;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
}

.local-loader {
    display: none;
    text-align: center;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
}

.local-loader::after {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #ccc;
    border-color: #7921D5 transparent #7921D5 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }

}

/* --- General Setup & Variables --- */
:root {
    --bg-dark: #0D0D1A;
    --bg-medium: #121224;
    --bg-light: #1A1A2E;
    --primary-color: #3D52D5;
    --secondary-color: #8A2BE2;
    --text-color: #E0E0E0;
    --text-muted: #A0A0B9;
    --font-family: 'Poppins', sans-serif;
    --border-radius: 12px;
    --transition-speed: 0.3s ease;
}

.btn {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 400;
    transition: all var(--transition-speed);
    border: 2px solid transparent;
}

.btn-primary {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
    color: #fff;
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(57, 65, 179, 0.3);
}

.btn-secondary {
    background-color: transparent;
    color: var(--text-color);
    border: 2px solid var(--bg-light);
}

.btn-secondary:hover {
    background-color: var(--bg-light);
    color: #fff;
    transform: translateY(-3px);
}

.btn-large {
    padding: 14px 32px;
    font-size: 1rem;
}

/***************     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;
    }

}

@keyframes spinMaintenance {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }

}

.animate-spin {
    animation: spinMaintenance 1.5s linear infinite;
}

.xyzRegionWebSectionChallenge .xyzRegionWebNewBannerTitle {
    max-width: 650px;
    text-align: center;
    margin: auto;
}

.xyzRegionWebSectionAdvantageBoxArea.boxPattern1 .boxAdvantageImage {
    width: 100%;
    height: auto;
    padding: 10px 30px;
}

/* Campaign */
.xyzRegionCampaignStatusBox {
    display: inline-block;
    background-color: rgba(136, 136, 136, 0.48);
    padding: 5px 20px;
    border-radius: 30px;
    font-size: 13px;
    line-height: 18px;
}

.xyzRegionCampaignStatusBox.inProgress {
    color: #c280ff;
    background-color: rgba(138, 43, 226, 0.19);
}

.xyzRegionAllCampaignMainTitle {
    font-size: 35px;
    line-height: 45px;
}

.xyzRegionAllCampaignLeftArea {
    width: 350px;
    padding-top: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
}

.xyzRegionAllCampaignRightArea {
    padding: 40px;
}

.xyzRegionCampaignRankingItem {
    padding: 8px;
    font-size: 15px;
    line-height: 20px;
}

.xyzRegionCampaignRankingTableNumberButton {
    padding: 5px 8px;
    min-width: 40px;
    margin-right: 5px;
    line-height: 24px;
}

.xyzRegionCampaignHeaderRightArea {
    width: 400px;
}

.xyzRegionCampaignHeaderLeftArea {
    padding-right: 40px;
}

.xyzRegionCampaignHederCountdownValue {
    font-size: 38px;
    line-height: 46px;
}

.xyzRegionCountdownTickSplit {
    font-size: 40px;
}

.xyzRegionCampaignRegisterButton {
    margin-left: 20px;
}

.xyzRegionCampaignSectionTitle {
    padding: 35px 0px;
    font-size: 30px;
    line-height: 38px;
}

.xyzRegionAllCampaignHeaderArea {
    margin-right: 15px;
    font-size:32px;
    line-height: 42px;
}

.k-animation-container .k-widget.k-tooltip {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.fxyz-tip {
    padding: 10px;
    text-align: left;
}

.fxyz-tip-title {
    color: var(--fxyz-color-white, white);
    font-size: var(--fxyz-size-13px, 13px);
    font-weight: bold;
    padding-bottom: var(--fxyz-size-5px, 5px);
    border-bottom: var(--fxyz-border-muted, 1px solid #ccc);
}

.fxyz-tip-description {
    color: #eee;
    font-size: 10px;
    margin-top: 5px;
}

.xyzRegionWindowBotDiffTableColSettingColHeader .xyzRegionWindowBotDiffTableColSettingItem {
    font-size: 12px;
    justify-content: start;
}

.xyzRegionWindowBotDiffTableColSettingItem {
    padding: 10px 0px;
    font-size: 12px;
    min-height: 30px;
}

.xyzRegionWindowBotDiffMemmber {
    font-size: 7px;
    padding: 1px 5px;
    margin-left: 5px;
}

.xyzRegionWindowBotDiffTableColHeaderMemberArea {
    display: inline-block;
}

.xyzRegionWindowBotDiffTableColHeaderMemberArea .xyzRegionWindowBotDiffMemmber {
    margin-right: 0px;
}

.xyzRegionStrategyDefArea {
    margin-left: 5px;
    height: 30px;
    width: 30px;
}

.xyzRegionStrategyDefCaption {
    font-size: 11px;
    line-height: 12px;
}

.xyzRegionStrategyDefValue {
    font-size: 11px;
    line-height: 12px;
}

.xyzRegionTableNumberMainArea {
    justify-content: center;
}

.xyzRegionDashboardAffiliateMinHeight {
    min-height: 70px;
}

.xyzRegionStrategyTypeSelectionArea {
    margin-bottom: 20px;
    margin-top: 10px;
}

.xyzRegionContactUsNewArea {
    margin-top: 100px;
    margin-bottom: 50px;
}

.xyzRegionContactUsNewLeftArea {
    margin-right: 30px;
    padding-right: 10px;
}

.xyzRegionWebAdvantagePointArea,
.xyzRegionWebFAQPointArea {
    position: absolute;
    margin: -40px;
}

.xyzRegionWebNewHeaderMenuArea {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--fxyz-size-100percent, 100%);
    margin-left: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebNewMobileMenuIcon {
    display: none;
}

.xyzRegionWebNewBannerArea {
    padding: 80px 50px;
}

.xyzRegionWebNewFooterColumn {
    width: 20%;
}

.xyzRegionWebNewBannerPhoto {
    max-width: 600px;
    max-height: 700px;
}

.xyzRegionWebNewHeaderMenu {
    padding: 10px 25px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    color: white;
    text-decoration: none;
    opacity: 0.6;
}

.xyzRegionWebNewHeaderMenu:hover {
    color: white;
    opacity: 1;
}

.xyzRegionWebNewAdvArea.xyzUiMarginRight,
.xyzRegionWebNewWhatDoArea.xyzUiMarginRight,
.xyzRegionWebNewTestiArea.xyzUiMarginRight {
    margin-right: 15px;
}

.xyzRegionWebNewBannerTitle {
    font-size: 3vw;
    line-height: 4vw;
    margin-top: 50px;
}

.xyzRegionWebNewBannerTextArea {
    flex:1;
    max-width: 700px;
}

.xyzRegionWebNewSectionArea {
    margin-bottom: 50px;
}

.xyzRegionWebNewNumberTitle {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 20px;
}

.xyzRegionWebNewCryptoArea {
    margin-right: 15px;
}

.xyzRegionWebNewMiddleBannerArea {
    padding: 45px;
}

.xyzRegionWebNewMiddleTitle {
    font-size: 2vw;
    line-height: 2vw;
}

.xyzRegionWebNewMiddleSubtitle {
    font-size: 16px;
    line-height: 22px;
}

.xyzRegionWebNewMiddleTitle {
    margin-bottom: 15px;
}

.xyzRegionWebNewFeatureArea {
    display: inline-block;
    width: 33%;
    padding: 15px;
}

.xyzRegionWebNewFooterBottomLeft {
    text-align: left;
    flex:1;
}

.xyzRegionWebNewFooterBottomRight {
    text-align: right;
    flex:1;
}

.xyzRegionWebFooterPaymentImage {
    height: 40px;
    margin-left: 20px;
}

.xyzRegionWebFooterSocialIcon {
    font-size: 18px;
    margin-right: 20px;
}

.xyzRegionAboutTopTitleArea {
    padding-top: 70px;
    padding-bottom: 50px;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 60px;
}

.xyzRegionAboutTopMainArea .xyzRegionAboutTopDesc {
    font-size: 17px;
    line-height: 26px;
    max-width: 600px;
}

.xyzRegionAboutTopMiddleMainArea {
    margin-top: 50px;
}

.imageAboutUs {
    width: 30%;
    min-width: 18px;
}

.xyzRegionAboutTopMiddleTextArea {
    line-height: 25px;
    padding-left: 20px;
    max-width: 600px;
    margin: auto;
}

.xyzRegionAboutMiddleMainArea {
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.xyzRegionAboutMiddleBoxMainArea {
    gap: 35px;
    margin-top: 50px;
}

.xyzRegionAbout3MainOuterArea {
    padding-top: 50px;
    margin-bottom: 50px;
}

.xyzRegionAbout3MainArea {
    margin-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.xyzRegionAbout3Title2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.xyzRegionAboutLast {
    font-size: 20px;
    line-height: 28px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.xyzRegionPartnerTopTitleArea {
    font-size: 45px;
    line-height: 55px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.xyzRegionPartner2TitleArea {
    margin-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 28px;
}

.xyzRegionPartner4AreaMainArea {
    margin-top: 80px;
    margin-bottom: 100px;
    padding: 30px;
    border-radius: 8px;
}

.xyzRegionPartner4AreaMainArea .desc {
    font-size: 18px;
    line-height: 25px;
    padding-right: 30px;
}

/***************     Window Topup MultiStrategy    ***************** */
.xyzRegionPortalHeaderChallengeName.xyzUiMobileHide {
    display: inline-block;
}

.xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea {
    padding: 0px 20px;
    height: 70px;
}

.xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebHeaderLogo.xyzUiMobileShow {
    display: none;
}

.xyzRegionWebPortalHeaderMainArea .xyzRegionWebPortalHeaderArea .xyzRegionWebHeaderLogo.xyzUiMobileHide {
    display: inline-block;
}

.xyzImageWebHeaderLogo.xyzImageWebPortalHeaderLogo {
    height: 100%;
    width: 150px;
}

.xyzRegionWebNewBannerPhoto.animated {
    animation: slideInFromRight 1s ease-out forwards;
}

.xyzRegionWebNewBannerPhoto.animated2 {
    animation: slideInFromRight 1.3s ease-out forwards;
}

.xyzRegionWebNewBannerPhoto1 {
    margin-left: 80px;
    max-width: 250px;
}

.xyzRegionWebNewBannerPhoto2 {
    margin-left: 0px;
    max-width: 250px;
    margin-top: 10px;
}

.xyzRegionWebDataArea.xyzRegionWebSectionAdvantage {
    padding: 40px 0px;
}

.xyzRegionWebNewBannerTitle {
    margin-bottom: 20px;
}

.xyzRegionWebDataArea.xyzRegionWebSectionTrader {
    padding: 40px 0px;
}

.xyzRegionWebSectionTraderImage {
    width: 60%;
    border-radius: 20px;
}

.xyzRegionWebSectionTraderTextArea {
    padding: 20px;
    padding-right: 50px;
}

.xyzRegionWebDataArea.xyzRegionWebSectionChallenge {
    padding: 40px 0px;
}

.xyzRegionWebChallengePriceLeft .value {
    padding-left: 15px;
}

.xyzRegionWebChallengePriceRight {
    justify-content:end;
}

.xyzRegionWebDataArea.xyzRegionWebSectionPropTrading {
    padding: 40px 0px;
}

.xyzRegionWebSectionPropLeft {
    width: 60%;
}

.xyzRegionWebSectionPropRight {
    margin: 20px;
}

.xyzRegionWebDataArea.xyzRegionWebSectionFAQ {
    padding: 40px 0px;
}

.xyzRegionWebSectionFAQMainArea {
    gap: 10px;
    margin-top: 30px;
}

.xyzRegionWithdrawBoxArea {
    border-radius: 10px;
    padding: 30px;
    border: 2px solid #2a233d;
    margin-top: 20px;
}

.xyzRegionWithdrawTitle {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.xyzRegionDashboardObjectiveMainArea {
    gap: 15px;
}

.xyzRegionDashboardBoxTitle {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
}

.xyzRegionOverviewValue {
    font-size: 17px;
    line-height: 24px;
}

.xyzRegionOverviewBoxArea.big .xyzRegionOverviewValue {
    font-size: 30px;
    line-height: 36px;
    margin-top: 8px;
}

.xyzRegionDashboardBoxOuterArea {
    gap: 20px;
}

.xyzButtonDashboard {
    padding: 10px;
    font-size: 19px;
    line-height: 25px;
}

.xyzRegionOverviewBoxArea.xyzUiRight {
    text-align: right;
}

.xyzRegionOverviewBoxMainArea {
    margin-bottom: 20px;
    gap:10px;
}

.xyzRegionDashboardBox {
    border-radius: 10px;
    padding: 30px;
    margin-top: 20px;
}

.xyzRegionDashboardTab {
    padding: 10px 25px;
    font-size: 20px;
    line-height: 20px;
}

.xyzRegionStartMainArea {
    margin-bottom: 20px;
    padding: 20px 25px;
    border-radius: 8px;
}

.xyzRegionStartNoticeTitle {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 19px;
    padding: 10px 0px;
}

.xyzRegionStartMainTitle {
    font-size: 18px;
    line-height: 25px;
    padding: 10px 0px;
}

.xyzRegionEditBotValueToggle.k-button-group span.k-button,
.xyzRegionBundlePackArea {
    padding: 15px;
}

.xyzRegionBundlePriceValue {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 3px;
}

.xyzRegionWindowDepositAddressArea {
    margin-left: 20px;
}

.xyzUiDataArea.xyzRegionGetStartedMainArea {
    padding-top: 50px;
}

.xyzRegionWebLoginArea {
    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;
}

.xyzRegionWebNewHeaderMenu.active {
    border-bottom: 5px solid #852DE2;
}

.xyzDialogSelectStrategy .xyzRegionStrategyBoxImage {
    height: 130px;
    width: auto;
    max-width: 350px;
    object-fit: contain;
}

.xyzDialogSelectStrategy .xyzRegionDashboardBotNameArea {
    padding-right: 20px;
    margin-top: 0px;
}

.xyzDialogSelectStrategy .xyzRegionStategyListRightCheckIcon {
    font-size: 20px;
    margin-bottom: 5px;
}

.xyzDialogSelectStrategy .xyzRegionStategyWinRateArea.xyzRegionStategyListRightArea {
    display: block;
    padding-left: 20px;
}

/***************     Leaderboard    ***************** */
.xyzRegionStrategyTypeSelectionArea.xyzUiMobilehide {
    display: block;
}

.xyzRegionStrategyTypeSelectionArea.xyzUiMobileshow {
    display: none;
}

.xyzRegionBPHeaderMainArea {
    padding: 30px 0px;
}

.xyzRegionBPHeaderLeftArea {
    width: 30%;
    padding: 15px;
}

.xyzRegionBPHeaderTitle {
    font-size: 2vw;
    margin-bottom: 20px;
    font-weight: bold;
}

.xyzRegionBPHeaderSubtitle {
    font-size: 18px;
    line-height: 23px;
}

.xyzRegionBPHeaderRightArea.xyzUiMobilehide {
    display: flex;
}

.xyzRegionBPHeaderRightArea.xyzUiMobileshow {
    display: none;
}

.xyzRegionBPHeaderPlaceArea {
    padding: 10px;
    flex:1;
    text-align: center;
    position: relative;
}

.xyzRegionBPHeaderPlaceDataArea {
    padding: var(--fxyz-size-10px, 10px);
    padding-top: 35px;
    border-radius: var(--fxyz-size-10px, 10px);
    margin-top: -30px;
}

.xyzRegionBPHeader2MainArea {
    margin-top: 3%;
}

.xyzRegionBPHeader3MainArea {
    margin-top: 6%;
}

.xyzRegionBPListBoxArea {
    width: calc(50% - 10px);
    padding: 10px;
    margin-bottom: 10px;
}

.xyzRegionBPListBoxArea:nth-child(odd) {
    margin-right: 10px;
}

.xyzRegionBPListButton {
    padding-left: 20px;
}

.xyzRegionBPListROIArea {
    padding-right: 15px;
    text-align: right;
}

/***************     Web - General    ***************** */
.xyzRegionEditBotExchangeTypeArea {
    display: flex;
}

.xyzRegionEditBotExchangeTypeConnectButton {
    flex:1;
    text-align: right;
}

.xyzRegionStrategiesBannerArea {
    display: flex;
}

.xyzRegionStrategyTypeSelection {
    font-size: 16px;
}

#windowSelectStrategy .xyzRegionFilterSelection {
    width: 180px;
    margin-top: 0px;
}

.fxyz-promo-action {
    display: inline-block;
}

.xyzRegionFAQListArea {
    flex:0 0 600px;
    max-width: 600px;
}

.xyzRegionWebFAQTitle {
    font-size: var(--fxyz-size-30px, 30px);
    line-height: 38px;
    padding-top: var(--fxyz-size-30px, 30px);
    padding-bottom: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebFAQQuestionAnswerArea {
    padding: 8px 0px;
    margin-bottom: 10px;
}

.xyzRegionFAQLogoImage {
    width: 80%;
    margin: auto;
    display: block;
}

.xyzRegionWebFAQSubTitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
}

.xyzRegionExchangeTestErrorSmall {
    color: var(--fxyz-color-gray-ccc, #ccc);
    font-size: 11px;
    line-height: var(--fxyz-size-13px, 13px);
    margin-top: var(--fxyz-size-8px, 8px);
    margin-bottom: var(--fxyz-size-8px, 8px);
}

.xyzRegionDashboardMainPnLChartTopArea {
    display: flex;
}

.xyzRegionWebDataArea.xyzRegionWebDashboardSectionArea {
    padding: 50px 20px;
}

.xyzRegionWebSectionTitle {
    font-size: 35px;
    line-height: 43px;
    margin-bottom: 20px;
}

.xyzRegionWebTeamArea,
.xyzRegionWebAdvantageArea {
    padding: 30px;
    margin: 0px 15px;
}







/* Action buttons share interaction behavior; variants keep their original visuals. */
.fxyz-action,
.fxyz-action-small {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.fxyz-action {
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid rgba(138, 43, 226, 1);
    color: rgba(138, 43, 226, 1);
}

.fxyz-action-small {
    padding: 4px 15px;
    border-radius: 3px;
    border: 1px solid #7921D5;
    color: #7921D5;
    background-color: #EDE3FA;
}

.fxyz-action.fxyz-action-full {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.fxyz-action:hover,
.fxyz-action-small:hover {
    background-color: rgba(138, 43, 226, 1);
    color: white;
}

.fxyz-action i {
    margin-right: 10px;
}

.fxyz-action-fill {
    background: linear-gradient(180deg, #8A2BE2 0%, #6B0CC3 100%);
    color: white;
    opacity: 0.9;
}

.fxyz-action-fill:hover {
    opacity: 1;
}

.fxyz-action-danger {
    border-color: #E55F5F;
    color: #E55F5F;
}

.fxyz-action-danger:hover {
    background-color: #E55F5F;
    color: white;
}

.fxyz-action-danger-fill {
    border-color: #F15B5B;
    background-color: #F15B5B;
    color: white;
}

.fxyz-action-danger-fill:hover {
    background-color: #f17070;
    color: white;
}

.fxyz-text-input {
    border-radius: var(--fxyz-size-20px, 20px);
    width: var(--fxyz-size-100percent, 100%);
    padding: 5px 13px;
    background-color: var(--fxyz-color-clear, transparent);
    border: 1px solid #888;
    max-width: initial;
    color: var(--fxyz-color-white, white);
}

.fxyz-text-input::placeholder {
    color: #888;
}

.fxyz-panel-box {
    background-color: #202B2D;
    border-radius: 8px;
    padding: 20px;
}

.fxyz-side-scroll {
    height: calc(100% - 230px);
    overflow: auto;
}

.xyzRegionWebLanguageClickButton {
    color: var(--fxyz-color-gray-ccc, #ccc);
    font-size: var(--fxyz-size-18px, 18px);
    line-height: var(--fxyz-size-18px, 18px);
    padding: var(--fxyz-size-15px, 15px);
    cursor: pointer;
}

.xyzDialogLanguage {
    padding: 15px 20px;
    position: relative;
    min-width: 400px;
}

.xyzRegionCloseWindowLanguage {
    padding: 2px 10px;
    font-size: var(--fxyz-size-18px, 18px);
    color: var(--fxyz-color-gray-ccc, #ccc);
    line-height: var(--fxyz-size-20px, 20px);
    cursor: pointer;
}

.xyzRegionCloseWindowLanguage:hover {
    color: white;
}

.xyzRegionSelectLanguageItem {
    padding: 18px 10px;
    cursor: pointer;
    color: var(--fxyz-color-gray-ccc, #ccc);
    font-size: var(--fxyz-size-16px, 16px);
    line-height: 22px;
}

.xyzRegionSelectLanguageItem:hover,
.xyzRegionSelectLanguageItem.xyzUiItemSelected {
    color: #9190f5;
}

.xyzRegionCalInputArea.xyzUiMarginRight {
    margin-right: 20px;
}

.xyzRegionCalInputRow {
    margin-bottom: 20px;
}



.xyzRegionHeaderInfo i.xyzRegionProfileNotification {
    padding: 5px 15px;
    padding-right: 25px;
    margin-right: 5px;
}



.xyzRegionDashboardPnLFlex25 {
    margin-right: var(--fxyz-size-10px, 10px);
    margin-bottom: var(--fxyz-size-10px, 10px);
    border-radius: var(--fxyz-size-10px, 10px);
    padding: 20px 15px;
}

.xyzRegionDashboardPnLDescription {
    color: #888;
    margin-bottom: 20px;
}

.xyzRegionDashboardPnLMainAmountOuterArea {
    padding: 20px 0px;
}

.xyzRegionDashboardPnLMainAmount {
    font-size: 35px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: var(--fxyz-size-0px, 0px);
}

.xyzRegionDashboardPnLTitle {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 3px;
}

.xyzRegionDashboardPnLMainCaption {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
}

#divDashboardTodayPnLValue {
    font-size: 28px;
    line-height: 35px;
    font-weight: bold;
}



.xyzRegionFilterPositionTypeArea {
    margin-top: 17px;
    padding: 3px;
}

.xyzRegionStrategiesBannerCaptionTitle {
    font-size: 3vw;
    margin-bottom: 10px;
    font-weight: bold;
}

.xyzRegionStrategiesBannerCaptionSubTitle {
    font-size: 1.5vw;
}

.xyzRegionStrategyFilterLeftArea {
    padding-right: 10px;
}



.xyzRegionIconExportArea {
    color: #3AB67A;
    font-size: var(--fxyz-size-20px, 20px);
    cursor: pointer;
    display: inline-block;
    margin-top: var(--fxyz-size-10px, 10px);
}

.xyzRegionIconExportArea:hover {
    color: #57d297;
}

.xyzRegionDashboardPnLLogoImage {
    width: 60px;
    object-fit: contain;
}



.xyzRegionDashboardPnLLogoTodayPnLValueArea {
    display: flex;
    flex-direction:column;
    justify-content:center;
}

.xyzRegionBillingArea {
    margin-bottom: var(--fxyz-size-10px, 10px);
    border-radius: var(--fxyz-size-10px, 10px);
    background: var(--fxyz-color-surface-base, #161F21);
    padding: var(--fxyz-size-20px, 20px);
    display: flex;
}

.xyzRegionSideMenuBottomArea {
    position: absolute;
    bottom: var(--fxyz-size-0px, 0px);
    right: var(--fxyz-size-0px, 0px);
    left: var(--fxyz-size-0px, 0px);
    padding: var(--fxyz-size-15px, 15px);
    padding-bottom: var(--fxyz-size-15px, 15px);
}









.xyzImageMenuButtonIcon {
    margin-right: 10px;
}

.xyzUiPOSBackendSideNavArea i.xyzImageMenuButtonIcon {
    margin-right: 15px;
}











.fxyz-action-mobile-full {
    width: auto;
}

.xyzRegionExchangeFilterRowArea {
    display: flex;
    align-items:center;
    margin-top: 10px;
}

.xyzRegionExchangeFilterItem {
    width: 230px;
    margin-right: 10px;
}



.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: var(--fxyz-size-0px, 0px);
    display: inline-block;
    position: relative;
    left: var(--fxyz-size-0px, 0px);
    margin-right: var(--fxyz-size-15px, 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;
}





.xyzRegionDashboardPnLStatisticsMainArea {
    margin-top: 30px;
}

.xyzRegionProfileArea {
    flex:1;
    border-radius: var(--fxyz-size-10px, 10px);
    background: #202B2D;
    padding: 20px 20px;
}

.xyzRegionProfileArea.xyzUiMarginRight {
    margin-right: 10px;
}

.xyzRegionHeaderInfoCustomerName {
    font-size: 14px;
    line-height: 15px;
}

.xyzRegionTradeRowPnLSplitter {
    color: #888;
    text-align: right;
    font-size: var(--fxyz-size-10px, 10px);
    line-height: var(--fxyz-size-12px, 12px);
    flex:1;
}

.xyzRegionDashboardOverallProfitBox.xyzUiMarginRight {
    margin-right: 10px;
}

.xyzRegionTradingViewChartArea {
    height: 400px;
    margin-bottom: 10px;
}

.xyzRegionWebBannerArea {
    padding: 12% 50px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.xyzRegionWebFeatureMainArea {
    display: flex;
    margin-top: 30px;
}

.xyzRegionWebBannerTextArea {
    flex:1;
    max-width: 800px;
    margin-left: 10%;
}

.xyzRegionWebBannerTitle {
    font-weight: bold;
    font-size: 45px;
    line-height: 55px;
    margin-bottom: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebBannerSubtitle {
    margin-bottom: var(--fxyz-size-30px, 30px);
    font-size: var(--fxyz-size-16px, 16px);
    line-height: 28px;
    color: var(--fxyz-color-gray-ccc, #ccc);
}

.xyzRegionWebBannerButton {
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 15px 30px;
}

.xyzRegionWebBannerButton.xyzRegionWebButton i {
    padding-left: 0px;
}

.xyzRegionWebBannerPhoto {
    flex: 1;
    max-width: 60%;
    position: absolute;
    top: var(--fxyz-size-zero, 0);
    right: var(--fxyz-size-zero, 0);
    z-index: -1;
    opacity: 0.9;
}

.xyzRegionWebFeatureArea {
    flex:1;
    margin-right: var(--fxyz-size-15px, 15px);
    border-radius: var(--fxyz-size-20px, 20px);
    padding: var(--fxyz-size-50px, 50px);
    background: var(--fxyz-color-black, black);
    text-align: center;
}

.xyzRegionWebTestiMainArea {
    padding: 100px 0px;
}

.xyzRegionWebFeatureTitle {
    flex: 3;
    font-size: 35px;
    line-height: var(--fxyz-size-40px, 40px);
    font-weight: bold;
    margin-bottom: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebVideoArea {
    display: flex;
    padding: 50px 0px;
}

.xyzRegionWebVideoTitle {
    font-size: 35px;
    line-height: var(--fxyz-size-40px, 40px);
    font-weight: bold;
    margin-bottom: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebCryptoArea {
    flex:1;
    border-radius: var(--fxyz-size-20px, 20px);
    background: #121919;
    padding: 60px 30px;
    margin-right: var(--fxyz-size-10px, 10px);
    text-align: center;
}

.xyzRegionWebTestiTitle {
    font-size: 35px;
    line-height: var(--fxyz-size-40px, 40px);
    font-weight: bold;
    margin-bottom: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebTestiArea {
    padding: var(--fxyz-size-30px, 30px);
    flex:1;
    margin-right: var(--fxyz-size-20px, 20px);
    border-radius: var(--fxyz-size-20px, 20px);
    background-color: #121919;
}

.xyzRegionWebNewsletterArea {
    width: var(--fxyz-size-100percent, 100%);
    background-color: rgba(42,42,42, 0.5);
    padding: 100px 0px;
    text-align: center;
}

.xyzRegionWebNewsletterTitle {
    font-size: 35px;
    line-height: var(--fxyz-size-40px, 40px);
    font-weight: bold;
    margin-bottom: var(--fxyz-size-20px, 20px);
}



.xyzRegionWebNewsletterButton {
    background-color: #5068E7;
    color: var(--fxyz-color-white, white);
    border-radius: var(--fxyz-size-20px, 20px);
    font-size: var(--fxyz-size-14px, 14px);
    padding: 10px 20px;
}

.xyzRegionSettingOuterMainArea {
    display: flex;
    height: 100%;
}

.xyzRegionSettingInnerMainArea {
    flex:1;
}

.xyzRegionSettingInnerMainArea.xyzUiMarginRight {
    margin-right: 10px;
}

.xyzRegionSettingRowArea .xyzRegionEditBotRowArea.xyzUiMarginRight {
    margin-right: 20px;
}

.xyzRegionSettingMainArea {
    flex:1;
    margin-right: var(--fxyz-size-10px, 10px);
    height: var(--fxyz-size-100percent, 100%);
    overflow: auto;
    padding-right: var(--fxyz-size-8px, 8px);
}

.xyzRegionSettingMainBoxArea {
    background-color: #202B2D;
    border-radius: var(--fxyz-size-10px, 10px);
    padding: 15px 15px;
    margin-bottom: var(--fxyz-size-15px, 15px);
}

.xyzRegionSettingRightArea {
    width: 380px;
    overflow: auto;
    background-color: #202B2D;
    border-radius: var(--fxyz-size-10px, 10px);
    padding: var(--fxyz-size-20px, 20px);
}

.xyzRegionSettingBoxAre1a {
    background-color: #202B2D;
    border-radius: 20px;
    padding: 20px;
}

.xyzRegionFundedXYZPortalTitle {
    font-weight: bold;
    font-size: var(--fxyz-size-18px, 18px);
    line-height: var(--fxyz-size-20px, 20px);
    text-align: left;
    display: flex;
    align-items:center;
    padding-left: var(--fxyz-size-20px, 20px);
}

.k-window-content {
    background-color: #171717;
    color: white;
}

div.k-window,
.k-window.k-state-focused {
    border-width: 0px!important;
    background-color: transparent;
}





.xyzRegionPageHeaderTitle {
    margin-bottom: 15px;
    text-align: center;
}

.xyzRegionEditBotRowArea {
    margin-bottom: 15px;
    display: flex;
    align-items:center;
}

.xyzRegionEditBotCaption {
    width: 160px;
    display: inline-block;
    vertical-align: top;
}

.xyzRegionEditBotValue {
    max-width: 300px;
    width: var(--fxyz-size-100percent, 100%);
    padding: 2px 13px;
    display: inline-block;
}

.xyzRegionBotSettingArea {
    display: flex;
    margin-right: var(--fxyz-size-10px, 10px);
    margin-bottom: var(--fxyz-size-4px, 4px);
    min-width: 280px;
    width: var(--fxyz-size-100percent, 100%);
    border-radius: var(--fxyz-size-8px, 8px);
    background-color: rgb(26, 27, 30);
    padding: var(--fxyz-size-10px, 10px);
    vertical-align: top;
}

.xyzRegionBotSettingArea:hover {
    background-color: rgb(38, 40, 44);
}

.xyzRegionTradeListHeaderTitleValue {
    text-align: left;
    width: 100%;
}

.xyzRegionBotSettingArea.xyzUiOnGoing {
    background-color: #3b3b3b !important;
}

.xyzRegionTradeSmallDateTime {
    color: white;
}

.xyzRegionTradeSmallDateTime,
.xyzRegionBotSettingInfoRow,
.xyzRegionTradePnL {
    flex:1;
    margin: 0px;
    padding: 0px;
    border-bottom: 0px;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items:center;
}

.xyzRegionBotSettingInfoRow {
    padding-right: 10px;
}

.alignRightDesktop {
    text-align: right;
    justify-content:right;
}

.xyzRegionTradeListHeaderItem.xyzRegionBotSettingInfoRowCancel,
.xyzRegionBotSettingInfoRow.xyzRegionBotSettingInfoRowCancel {
    flex:0 0 100px;
}

.xyzRegionBotSettingInfoRowCancel .xyzRegionButtonBlue {
    font-size: 12px;
    line-height: 12px;
}

.xyzRegionBotSettingInfoValue {
    text-align: center;
}

.xyzRegionTradeListHeaderItem.xyzUiAlignLeftDesktop,
.xyzUiAlignLeftDesktop {
    text-align: left;
    justify-content:left;
}

.xyzRegionTradeListHeaderItem.alignRightDesktop {
    text-align: right;
}

.xyzRegionBotSettingInfoCaption {
    display: none;
}

.xyzRegionTradeListHeaderArea {
    display: flex;
    background-color: #202B2D;
    font-size: var(--fxyz-size-13px, 13px);
    line-height: var(--fxyz-size-13px, 13px);
    font-weight: bold;
    color: var(--fxyz-color-gray-ddd, #ddd);
    padding: var(--fxyz-size-10px, 10px);
    vertical-align: top;
    justify-content: center;
    align-items:center;
    margin-bottom: var(--fxyz-size-3px, 3px);
    border-radius: var(--fxyz-size-8px, 8px);
}

.xyzRegionTradeListHeaderArea.xyzUiHeaderDarker {
    background-color: #7921D5;
}

.xyzRegionTradeListHeaderItem {
    flex: 1;
    text-align: center;
    padding-right: 10px;
}

.xyzRegionTradeListHeaderItem.xyzRegionTradeListHeaderItem2,
.xyzRegionTradeListHeaderItem2 {
    flex:2;
}

.xyzRegionFilterArea {
    margin-right: 10px;
    margin-bottom: 10px;
}

.xyzRegionFilterCaption {
    font-size: var(--fxyz-size-10px, 10px);
    line-height: var(--fxyz-size-10px, 10px);
    color: #aaa;
    padding-bottom: var(--fxyz-size-2px, 2px);
    padding-top: var(--fxyz-size-3px, 3px);
}

.xyzRegionFilterSelection {
    width: 250px;
    margin-top: 10px;
}

.xyzRegionFilterSelectionStrategyType {
    margin-top: 16px;
}

.xyzRegionFilterSelection.k-combobox .k-select .k-icon,
.k-dropdown .k-select .k-icon {
    margin-top: 5px;
}

.xyzRegionFilterSelection.xyzRegionFilterSelectionNoSpaceTop.k-combobox .k-state-default {
    margin-top: 0px;
}

.xyzRegionFilterSelection.k-combobox .k-state-default {
    color: white;
    padding: 3px;
    border-radius: 20px;
    margin-top: 6px;
}

.xyzRegionFilterDateRange .k-textbox-container>.k-widget {
    box-shadow: none;
}

.xyzRegionLogDateTime {
    width:180px;
    text-align: center;
}

.xyzRegionDashboardBotEnrollBoxArea {
    vertical-align:top;
    margin-bottom: 10px;
}





.xyzRegionDashboardBotNameArea {
    flex: 1;
    font-weight: bold;
    font-size: var(--fxyz-size-18px, 18px);
    line-height: var(--fxyz-size-20px, 20px);
    color: var(--fxyz-color-white, white);
    margin-top: var(--fxyz-size-10px, 10px);
}

.xyzRegionDashboardBotDescription {
    font-weight: normal;
    font-size: var(--fxyz-size-10px, 10px);
    line-height: var(--fxyz-size-13px, 13px);
    color: var(--fxyz-color-gray-ccc, #ccc);
    margin-bottom: var(--fxyz-size-10px, 10px);
}



.xyzRegionPOSBackendHeaderCaptionArea.xyzUiBackend {
    display: flex;
    flex: 1;
    align-items:center;
    text-align: center;
    margin: auto;
    justify-content:center;
}

.xyzRegionSubTitleColor {
}



.xyzRegionInputArea {
    text-align: left;
    margin-bottom: 5px;
}

.xyzRegionInputCaption {
    color: #666;
    padding: 3px;
    width: 100%
}

.xyzRegionInputValueArea {
    color: var(--fxyz-color-black, black);
    width: var(--fxyz-size-100percent, 100%);
    padding: 5px 15px;
    box-sizing: border-box;
}

.xyzRegionInputDescription {
    color: #888;
    font-size: 10px;
    line-height: 11px;
    padding: 0px 15px;
}

.xyzRegionWebDataArea {
    max-width: 1200px;
    margin: auto;
    padding: 0px 20px;
    z-index: 1;
}

.xyzUiMobileShow {
    display: none;
}

.xyzUiMobileHide {
    display: block;
}

.xyzRegionWebMobileMenuIcon {
    display: none;
}

.xyzUiSideBackground {
    display:none;
    position: fixed;
    height: var(--fxyz-size-100percent, 100%);
    width: var(--fxyz-size-100percent, 100%);
    background-color: rgba(33,33,33,0.4);
    transition: var(--fxyz-transition-tree, all 0.5s);
    -webkit-transition: var(--fxyz-transition-tree, all 0.5s);
    -moz-transition: var(--fxyz-transition-tree, all 0.5s);
    z-index: 298;
    cursor: pointer;
}

.xyzRegionWebHeaderMenu {
    padding: 10px 20px;
    cursor: pointer;
    color: #afafaf;
    text-decoration: none;
}

.xyzRegionWebHeaderMenu:hover {
    color: white;
}





.xyzRegionWebHeaderMenuDropdownButton {
    padding: 10px 20px;
    height: var(--fxyz-size-100percent, 100%);
    display: flex;
    align-items: center;
}

.xyzRegionWebHeaderMenuDropdownButton i {
    padding-left: 8px;
}

.xyzRegionWebHeaderMenuDropdownButton:hover {
    color: black;
}







.xyzRegionWebFooterArea .xyzRegionWebDataArea {
    display: flex;
    align-items: start;
}

.xyzRegionWebFooterArea {
    padding: 80px 0px;
    background-color: rgb(15,15,15, 0.2);
    color: var(--fxyz-color-white, white);
    font-size: var(--fxyz-size-13px, 13px);
    line-height: var(--fxyz-size-18px, 18px);
}

.xyzRegionWebFooterColumn {
    display: inline-block;
    width: 25%;
}

.xyzRegionWebButton {
    background-color: #2BBB6E;
    border-radius: var(--fxyz-size-5px, 5px);
    padding: 10px 10px;
    color: var(--fxyz-color-white, white);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.xyzRegionWebButton i {
    padding-left: 10px;
}

.xyzRegionWebButton:hover {
    background-color: #505050;
}

/** Web - Login/Register **/
.xyzRegionWebLoginPageDino1 {
    display: none;
}

.xyzImageLoginArea {
    height: var(--fxyz-size-40px, 40px);
    margin-top: var(--fxyz-size-20px, 20px);
    margin-left: var(--fxyz-size-30px, 30px);
    margin-bottom: var(--fxyz-size-10px, 10px);
}

.xyzRegionWebLoginMainOuterArea {
    display: flex;
    height: 100%;
}

.xyzRegionWebLoginLeftArea {
    flex: 1;
    align-self: center;
    position: relative;
    height: var(--fxyz-size-100percent, 100%);
    display: flex;
    flex-direction:column;
}

.xyzRegionWebLoginRightArea {
    flex: 1;
    background-color: #F5F5FA;
    align-self:center;
    height: var(--fxyz-size-100percent, 100%);
    display: flex;
}

.xyzRegionWebLoginOuterArea {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.xyzRegionWebRegisterOuterArea {
    margin-top: 70px;
    margin-bottom: 70px;
}

.xyzRegionWebRegisterImageArea {
    flex:1;
    width: 50%;
}

.xyzRegionWebRegisterImageTitle {
    top: 10%;
    left: 10%;
    font-size: 35px;
    line-height: 45px;
}

.xyzRegionWebRegisterImageSubtitle {
    bottom: 20%;
    left: 10%;
    font-size: 18px;
    line-height: 35px;
    max-width: 400px;
}

.xyzRegionWebRegisterInputArea {
    max-width: 400px;
    width: 100%;
}

/** Web - Landing Page **/
.xyzRegionWebBannerMainArea {
    min-height: 800px;
}

.xyzRegionWebBannerDataArea {
    width: 55%;
    padding-left: 22%;
}

.xyzRegionWebBannerDataTitle {
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 20px;
}

.xyzRegionWebBannerDataSubtitle {
    font-size: 17px;
    margin-bottom: var(--fxyz-size-30px, 30px);
    color: var(--fxyz-color-gray-666, #666);
    line-height: 22px;
}

.xyzRegionWebBannerDataArea .xyzRegionWebButton {
    font-size: 17px;
    padding: 10px 20px;
}

.xyzRegionWebBannerTree {
    position: absolute;
    top: 50px;
    left: 0px;
    min-height: 800px;
}

.xyzRegionWebLandingSubTitle {
    color: var(--fxyz-color-gray-666, #666);
    font-weight: bold;
    font-size: var(--fxyz-size-30px, 30px);
    margin-bottom: var(--fxyz-size-10px, 10px);
}

.xyzRegionWebLandingSubTitleSub {
    color: #666;
    font-size: 16px;
    line-height: 25px;
}

.xyzRegionWebDataRowArea {
    margin-top: 30px;
    margin-bottom: 30px;
}

.xyzRegionWebDataRowFlexArea {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
}

.xyzRegionWebDataGreenArea {
    background-color: #DEF7EA;
    border-radius: var(--fxyz-size-10px, 10px);
    padding: 40px 30px;
    flex: 1;
    position: relative;
}

.xyzRegionWebDataGreenArea.xyzUiMarginRight {
    margin-right: 20px;
}

.xyzRegionWebDataRow4FlexArea {
    display: flex;
    padding: 30px 15%;
}

.xyzRegionWebLandingDino1 {
    right: 150px;
    height: 200px;
    top: 1300px;
    z-index: 9;
}

.xyzRegionWebLandingDino2 {
    left: 220px;
    height: 200px;
    top: 2200px;
    z-index: 9;
}

.xyzRegionWebLandingDino3 {
    right: 150px;
    width: 200px;
    top: 3300px;
    z-index: 9;
}

.xyzRegionWebLandingDino4 {
    left: 220px;
    height: 200px;
    top: 3800px;
    z-index: 9;
}

.xyzRegionWebMainDataDivider {
    margin-top: 60px;
}

.xyzRegionWebDataRow5FlexArea {
    display: flex;
    padding: 40px 10%;
}

.xyzRegionWebDataRow6Area {
    padding: 40px 10%;
}

.xyzRegionWebDataRow7FlexArea {
    display: flex;
    padding: 40px 10%;
}

.xyzRegionWebExchangeIcon {
    height: 100px;
    width: 200px;
    object-fit: contain;
    margin: 5px 15px;
}

.xyzRegionWebDataRow9Area {
    padding: 0px 50px;
}



.xyzRegionWebFeatureBoxArea {
    flex:1;
    text-align: center;
    padding: 15px;
}

.xyzRegionWebFeatureBoxArea img {
    height: 120px;
    width: 120px;
    object-fit: contain;
}

.xyzRegionWebFeatureTitle {
    font-weight: bold;
    font-size: var(--fxyz-size-20px, 20px);
    line-height: 23px;
    margin-bottom: var(--fxyz-size-5px, 5px);
}

/** Web - DCA Bot **/
.xyzRegionWebDCABannerMainArea {
    min-height: 800px;
}

.xyzRegionWebDCATitle1 {
    font-size: 27px;
    line-height: var(--fxyz-size-30px, 30px);
    color: var(--fxyz-color-gray-666, #666);
    font-weight: bold;
    margin-top: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebDCATitle2 {
    font-size: var(--fxyz-size-20px, 20px);
    line-height: 25px;
    color: var(--fxyz-color-gray-666, #666);
    font-weight: bold;
    margin-top: var(--fxyz-size-15px, 15px);
}

.xyzRegionWebText {
    margin-top: 10px;
}

.xyzRegionWebDCABannerDataArea {
    width: 55%;
    padding-left: 15%;
}

.xyzRegionWebDCABannerDataTitle {
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 20px;
}

.xyzRegionWebDCABannerDataSubtitle {
    font-size: 17px;
    margin-bottom: var(--fxyz-size-30px, 30px);
    color: var(--fxyz-color-gray-666, #666);
    line-height: 22px;
}

.xyzRegionWebDCABannerDataArea .xyzRegionWebButton {
    font-size: 17px;
    padding: 10px 20px;
}

.xyzRegionWebDCABannerTree {
    position: absolute;
    right: 30px;
    bottom: -40px;
    height: 600px;
}

.xyzRegionWebDCABannerDino {
    position: absolute;
    right: 15%;
    bottom: -60px;
    height: 500px;
}

.xyzRegionWebDCAAreaRight2 {
    padding-left: 20px;
}

.xyzRegionWebDCAAreaRightBox {
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

/** Web - HODL Bot **/
.xyzRegionWebHODLBannerTree {
    position: absolute;
    right: 25%;
    top: 50px;
    height: 600px;
}

.xyzRegionWebHODLBannerDino {
    position: absolute;
    right: 13%;
    bottom: 60px;
    width: 500px;
}

.xyzRegionWebHODLArea2LeftImage {
    width: 100%;
    object-fit: contain;
    margin: 30px;
    max-height: 500px;
}

.xyzRegionWebHODLArea2RightArea {
    padding: 30px;
}

.xyzRegionWebHODLDataRow3Area {
    padding: 60px 0px;
}

/** Web - FAQ **/
.xyzRegionWebFAQQuestionAnswer {
    text-align: left;
    padding-left: var(--fxyz-size-30px, 30px);
    padding-top: var(--fxyz-size-10px, 10px);
    padding-bottom: var(--fxyz-size-10px, 10px);
    display: block;
}

/** Backend - General **/
.xyzUiPOSBackendSideNavArea.xyzUiSidenav {
    padding: 0px 0px;
    display: block;
    position: fixed;
    width: 250px;
    top: var(--fxyz-size-0px, 0px);
    height: var(--fxyz-size-100percent, 100%);
}



.xyzRegionBackendMobileMenuIcon {
    display: none;
}

/** Backend - Dashboard **/
.xyzRegionDashboardOverallDataCaption {
    flex: 1;
}

.xyzRegionDashboardOverallDataData {
    flex: 2;
    font-weight: bold;
}





.xyzRegionHomeBotTitle {
    font-size: var(--fxyz-size-18px, 18px);
    line-height: var(--fxyz-size-24px, 24px);
    padding-bottom: var(--fxyz-size-15px, 15px);
    border-bottom: 1px solid #888;
}

.xyzRegionHomeBotDescription {
    padding-top: 15px;
    padding-bottom: 15px;
}

.xyzRegionHomeBotFindMore {
    color: #8a91e5;
    padding-top: 15px;
}

.xyzRegionExchangeNameArea {
    display: inline-block;
}



.xyzRegionDashboardExchangeBalance {
    display: inline-block;
    margin-left: var(--fxyz-size-10px, 10px);
    color: var(--fxyz-color-gray-333, #333);
    font-size: var(--fxyz-size-13px, 13px);
    line-height: 17px;
}



/** Backend - Deposit **/


/** Backend - Reload **/
.xyzRegionReloadMainArea {
    display: flex;
}





.xyzRegionReloadFreeCaption {
    color: #2BBB6E;
    margin-bottom: var(--fxyz-size-20px, 20px);
    font-size: var(--fxyz-size-20px, 20px);
    line-height: 28px;
    min-height: var(--fxyz-size-30px, 30px);
    text-align: center;
}









/** Backend - Bot DLLH **/


.xyzRegionBotSettingTitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}



.xyzRegionBotExplaination {
    color: var(--fxyz-color-gray-666, #666);
    margin-bottom: var(--fxyz-size-10px, 10px);
    font-size: var(--fxyz-size-13px, 13px);
    line-height: 17px;
}

.xyzRegionBotExplainationRequired {
    color: var(--fxyz-color-black, black);
    font-size: var(--fxyz-size-14px, 14px);
    line-height: var(--fxyz-size-18px, 18px);
    margin-bottom: var(--fxyz-size-8px, 8px);
    font-weight: bold;
}

.xyzRegionSettingExtraInfo {
    color: #666;
    font-size: 12px;
    line-height: 16px;
}

#divSettingButtonStartBot {
    margin-top: 10px;
}





/** Backend - Bot DCA **/




/** Backend - Bot HODL **/
.xyzRegionDCATradeHistoryTitle {
    padding-top: 8px;
    padding-bottom: 3px;
    color: #444;
}

.xyzRegionDCATradeHistoryRowHeader,
.xyzRegionDCATradeHistoryRowData {
    display: flex;
}

.xyzRegionDCATradeHistoryHeaderItem {
    background-color: #888;
    color: white;
    padding: 0px 3px;
}

.xyzRegionDCATradeHistoryHeaderItem,
.xyzRegionDCATradeHistoryRowDataItem {
    flex: 1;
    flex-wrap:wrap;
    font-size: 11px;
    line-height: var(--fxyz-size-13px, 13px);
    margin-right: var(--fxyz-size-1px, 1px);
}

.xyzRegionDCATradeHistoryRowDataItem {
    margin-top: 1px;
    padding: 3px;
}

.xyzRegionDCATradeHistoryRowDataItem.xyzUiSmall {
    font-size: 10px;
    line-height: 11px;
}

.xyzRegionDCATradeHistoryRowDataItem.xyzUiLeft {
    text-align: left;
}

.xyzRegionDCATradeHistoryRowDataItem.xyzUiRight {
    text-align: right;
}

.xyzRegionDCATradeHistoryRowData:nth-child(odd) .xyzRegionDCATradeHistoryRowDataItem {
    background-color: #ddd;
}

.xyzRegionDCATradeHistoryRowData:nth-child(even) .xyzRegionDCATradeHistoryRowDataItem {
    background-color: #f1f1f1;
}

.xyzUiTableDashboard {
    color: black;
    border-collapse: collapse;
    width: 100%;
}

.xyzUiTableDashboard td,
.xyzUiTableDashboard th {
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 11px;
    line-height: 15px;
    word-wrap: anywhere;
}

.xyzUiTableDashboard tr:nth-child(even) {
    background-color: #f2f2f2;
}

.xyzUiTableDashboard tbody tr:hover {
    background-color: #ddd;
}

.xyzUiTableDashboard th {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-color: #7921D5;
    color: white;
}

.xyzUiTableDashboard tbody {
    display:block;
    max-height:200px;
    overflow-y:auto;
}

.xyzUiTableDashboard thead,
.xyzUiTableDashboard tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.xyzUiTableDashboard thead {
    background: #413FBB;
    color: white;
}

.xyzRegionTableView {
    width: 100%;
}

.xyzRegionTableHeaderView {
    display: flex;
    font-weight: bold;
    background-color: #DEF7EA;
    border-bottom: var(--fxyz-border-muted, 1px solid #ccc);
}

.xyzRegionTableHedaerItem {
    flex: 1;
    padding:10px 5px;
    border-bottom: 0px;
}

.xyzRegionTableDataRowView {
    display: flex;
    border-bottom: var(--fxyz-border-muted, 1px solid #ccc);
    border-right: var(--fxyz-border-muted, 1px solid #ccc);
    border-left: var(--fxyz-border-muted, 1px solid #ccc);
}

.xyzRegionTableDataRowView:nth-child(odd) {
    background-color: #f8fcfa;
}

.xyzRegionTableDataRowItem {
    flex: 1;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.xyzRegionExchangeOrderType {
    display: inline-block;
    border-radius:var(--fxyz-size-10px, 10px);
    background: #DEF7EA;
    padding: 5px 20px;
    margin-right: var(--fxyz-size-8px, 8px);
    margin-bottom: var(--fxyz-size-3px, 3px);
}

.xyzRegionSettingErrorMessage {
    color: red;
    text-align: center;
    padding: 20px 5px;
}

.xyzRegionSettingErrorMessageLeft {
    color: red;
    text-align: left;
    padding: 20px 5px;
}

.xyzRegionFutureLeverageBox,
.xyzRegionFutureShortBox,
.xyzRegionFutureLongBox {
    display: inline-block;
    padding: 3px 8px;
    border-radius: var(--fxyz-size-3px, 3px);
    color: var(--fxyz-color-white, white);
    margin-left: var(--fxyz-size-5px, 5px);
    line-height: 17px;
}

.xyzRegionFutureLeverageBox {
    background-color: #808080;
    font-size: var(--fxyz-size-10px, 10px);
}

.xyzRegionFutureShortBox {
    background-color: #c40101;
    font-size: var(--fxyz-size-13px, 13px);
}

.xyzRegionFutureLongBox {
    background-color: #4d832a;
    font-size: var(--fxyz-size-13px, 13px);
}

.xyzRegionButton {
    padding: 8px 30px;
}

.xyzRegionButtonFull {
    width: 100%;
    padding: 8px 10px;
    border-radius: 4px;
}

.xyzRegionButtonPurple {
    background-color: #413FBB;
    color: white;
    border-color: #413FBB;
}

.xyzRegionButtonPurple:hover {
    background-color: #4e4bd6;
    color: white;
    border-color: #4e4bd6;
}

.xyzRegionButtonBlue {
    background-color: rgb(37, 38, 42);
    color: #f3f3f3;
    border-color: rgb(37, 38, 42);
}

.xyzRegionButtonRed {
    background-color: rgb(70, 7, 7);
    color: #f3f3f3;
    border-color: rgb(70, 7, 7);
}

.xyzRegionButtonRed:hover {
    background-color: rgb(110, 66, 66);
    color: var(--fxyz-color-white, white);
    border-color: rgb(110, 66, 66);
}

.xyzRegionButtonBlue:hover {
    background-color: rgb(77, 78, 84);
    border-color: rgb(45, 46, 52);
    color: var(--fxyz-color-white, white);
}

.xyzRegionButtonBig {
    font-size: 16px;
    line-height: 20px;
}

.xyzUiColorBinance {
    color: #f0b90b;
}

.xyzRegionProfitColor {
    color: #3AB67A;
}

.xyzRegionProfitDarkerColor {
    color: #6bab42;
}

.xyzRegionLossColor {
    color: #F15B5B;
}

.xyzRegionLossDarkerColor {
    color: #c10404;
}



.xyzRegionWebSectionTopTraderMainArea {
    flex: 0 0 calc(33% - 13.33px);
}

.xyzRegionWebSectionTopTrader .xyzRegionWebNewBannerSubTitle {
    padding: 60px 60px;
    padding-top: 0px;
}

/* Navigation Bar */
.xyzRegionProductPagingArea {
    color: #49176d;
    text-align: center;
    margin-bottom: 40px;
}

.xyzRegionProductNavFirst,
.xyzRegionProductNavPrevious,
.xyzRegionProductNavNumberArea,
.xyzRegionProductNavNext,
.xyzRegionProductNavLast {
    display: inline-block;
    margin: 0px 8px;
    vertical-align: top;
}

.xyzRegionProductNavFirst,
.xyzRegionProductNavPrevious,
.xyzRegionProductNavNext,
.xyzRegionProductNavLast {
    cursor: pointer;
}

.xyzRegionProductNavFirst:hover,
.xyzRegionProductNavPrevious:hover,
.xyzRegionProductNavNext:hover,
.xyzRegionProductNavLast:hover {
    color: #9e65c7;
}

.xyzRegionProductNavFirst i,
.xyzRegionProductNavPrevious i,
.xyzRegionProductNavNext i,
.xyzRegionProductNavLast i {
    margin: 0px 4px;
}

.xyzRegionProductNavPrevious i,
.xyzRegionProductNavNext i {
    font-size: 17px;
}

.xyzRegionProductNavNumberArea {
    display: inline-block;
}

.xyzRegionProductNavNumberArea .xyzRegionNavNumber {
    width: var(--fxyz-size-30px, 30px);
    height: var(--fxyz-size-30px, 30px);
    display: inline-block;
    line-height: var(--fxyz-size-30px, 30px);
    border-radius: var(--fxyz-size-50percent, 50%);
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    margin-right: var(--fxyz-size-6px, 6px);
}

.xyzRegionProductNavNumberArea .xyzRegionNavNumber:hover {
    background:#9e65c7;
    color: white;
}

.xyzRegionProductNavNumberArea .xyzRegionNavNumber.active {
    width: var(--fxyz-size-30px, 30px);
    height: var(--fxyz-size-30px, 30px);
    border-radius: var(--fxyz-size-50percent, 50%);
    background: var(--fxyz-color-violet-dark, #49176d);
    color: var(--fxyz-color-white, white);
    cursor: initial;
}

.xyzRegionListData {
    line-height: 14px;
}

.xyzButtonShortGreen {
    background-color: green;
}

.xyzButtonShortRed {
    background-color: red;
}

.xyzButtonShortNormal {
    padding-left: 20px;
    padding-right: 20px;
}

.xyzRegionAvailableCredit {
    font-size: 28px;
    color: blue;
}

.xyzRegionAvailableCredit.xyzUiNoCredit {
    color: red;
}

.xyzRegionInputAreaMulti {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: var(--fxyz-size-5px, 5px);
}

.xyzRegionInputArea50 {
    width: 50%;
    display: inline-block;
}

.xyzRegionInputAreaMulti .xyzRegionInputArea50:first-child {
    margin-right: 10px;
}

.xyzRegionInputArea33 {
    width: 33%;
    display: inline-block;
}

.xyzRegionInputAreaMulti .xyzRegionInputArea33:first-child,
.xyzRegionInputAreaMulti .xyzRegionInputArea33:nth-child(2) {
    margin-right: 10px;
}

.xyzRegionHeaderInfo i.xyzRegionWebLanguageClickButton {
    font-size: var(--fxyz-size-20px, 20px);
    margin-left: var(--fxyz-size-15px, 15px);
    border-radius: var(--fxyz-size-0px, 0px);
    border-left: 1px solid #666;
    padding: 6px 15px;
}

/*************************/
.xyzRegionHeaderInfo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content:right;
    padding-right: var(--fxyz-size-30px, 30px);
}

.xyzRegionHeaderInfoHelloCaption {
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    color: #888;
}

.xyzRegionHeaderInfo i {
    font-size: 30px;
    color: #ccc;
    border-radius: 100%;
    margin-top: 0px;
}

.xyzRegionDesktopLogoArea {
    display: inline-block;
    box-sizing: border-box;
}

.xyzImageHeaderLogo {
    height: 50px;
    margin-top: 10px;
    object-fit: contain;
}

.xyzRegionHeaderTitle {
    margin: var(--fxyz-size-0px, 0px);
    margin-top: var(--fxyz-size-12px, 12px);
    width: 220px;
    font-size: 35px;
    color: rgb(0,37,65);
    margin-left: var(--fxyz-size-20px, 20px);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.xyzUiHeaderLogo {
    margin: 10px;
    margin-left: 50px;
    display: inline-block;
}

.xyzUiHeaderWithMenu {
    background-color: var(--fxyz-color-white, white);
    position: relative;
    width: var(--fxyz-size-100percent, 100%);
    z-index: 9;
    height: 70px;
    border-bottom: var(--fxyz-border-muted, 1px solid #ccc);
}

.xyzRegionHeaderCaption {
    display: inline-block;
    color: white;
    vertical-align: top;
}

.xyzImageQRHeaderLogo {
    height: 50px;
    margin-top: 10px;
    object-fit: contain;
}

.xyzUiHeaderWithMenu.xyzUiHeaderQRWithMenu {
    background-color: white;
    height: 70px;
}

.xyzUiHeaderWithMenu.xyzUiHeaderQRWithMenu a {
    text-decoration: none;
}

.xyzRegionQRFooter {
    background: black;
    color: #ddd;
}

.xyzRegionFooterCopyright {
    color: #ddd;
    display: inline-block;
}

.xyzRegionFooterCopyright a {
    color:#ff2700;
    transition: 0.3s;
}

.xyzRegionFooterCopyright a:hover {
    color: white;
}

.xyzRegionFooterPrivacyArea {
    float: right;
}

.xyzRegionFooterLink {
    display: inline-block;
    text-decoration: none;
    color: #ff2700;
    transition: 0.3s;
    padding-right: var(--fxyz-size-15px, 15px);
    padding-left: var(--fxyz-size-15px, 15px);
    font-size: var(--fxyz-size-12px, 12px);
    border-right: 1px solid #ddd;
}

.xyzRegionFooterTerms {
    border-right: 0px;
}

.xyzRegionFooterLink:hover {
    color: white;
}

/*************************/
.xyzUiHeaderLogo {
    margin: 10px;
    margin-left: 50px;
    display: inline-block;
}

.xyzUiHeaderWithMenu {
    position: relative;
    width: 100%;
    z-index: 9;
    height: 50px;
}

.xyzRegionHeaderCaption {
    display: inline-block;
    color: white;
}

.xyzRegionFilterArea {
    display: inline-block;
    vertical-align: top;
    margin-right: var(--fxyz-size-8px, 8px);
    margin-bottom: var(--fxyz-size-5px, 5px);
}

.xyzRegionFilterText {
    border: var(--fxyz-border-muted, 1px solid #ccc);
    display: flex;
    border-radius: var(--fxyz-size-40px, 40px);
    padding: 4px 12px;
    background-color: var(--fxyz-color-clear, transparent);
    color: var(--fxyz-color-white, white);
    margin-top: 29px;
}

.xyzRegionFilterSelect {
    width: 200px;
    padding: 4px 4px;
}

.xyzImageHeaderLogo {
    width: 200px;
    height: 200px;
    object-fit: contain;
}

/***************************************/
/************  GENERAL  ****************/
.xyzImageNewsListPhoto {
    height: 75px;
    width: 200px;
    object-fit: contain;
}

.xyzImageNewsPhoto {
    height: 150px;
    width: 400px;
    object-fit: contain;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.xyzUiColorIEC {
    color: rgb(0,0,45) !important;
}

.xyzUiDataArea {
    margin: var(--fxyz-size-0px, 0px);
    display: inline-block;
    width: var(--fxyz-size-100percent, 100%);
    padding: var(--fxyz-size-10px, 10px);
    border-radius: var(--fxyz-size-10px, 10px);
    height: calc(100% - 10px);
    overflow: auto;
}

.xyzUiLinkTableEdit,
.xyzUiLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.xyzUiLinkWhite {
    color: white;
    text-decoration: underline;
    cursor: pointer;
}

.k-grid tr td {
    font-size: 12px;
    word-wrap: anywhere;
}

.xyzRegionFilter {
    margin-top: 10px;
    margin-bottom:5px;
}

.xyzButtonShortFilter {
    padding-left: 18px;
    padding-right: 18px;
}

.xyzInputSearchUsername {
    padding: 0px 4px;
    width: 200px;
}

.k-overlay {
    cursor: pointer;
}

.xyzRegionLanguageChi,
.xyzRegionLanguageEn {
    cursor: pointer;
    border-bottom: 1px solid white;
}

.xyzRegionCurrentLanguage {
    cursor: initial;
    border-bottom: 0px;
}

.xyzRegionMemberSlide {
    margin-top: 20px;
    margin-left: 5px;
}

.xyzRegionWebsiteHeaderWithMenu .xyzRegionHeaderLanguageArea {
    background: var(--fxyz-color-clear, transparent);
    position: absolute;
    z-index: 2;
    width: var(--fxyz-size-100percent, 100%);
}

.xyzRegionDesktopHeaderLogo {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 15px;
}

.xyzRegionDesktopHeaderLogo .xyzImageHomeDesktopLogo {
    width: 250px;
}

.xyzRegionDesktopMenu {
    position: absolute;
    right: var(--fxyz-size-0px, 0px);
    padding: 20px 20px;
    background: rgb(0,37,65);
    color: var(--fxyz-color-white, white);
    font-size: var(--fxyz-size-15px, 15px);
    top: var(--fxyz-size-40px, 40px);
    padding-right: 170px;
    height: 60px;
}

.xyzUiDesktopMenuLink {
    border-right: 1px solid white;
    padding-right: var(--fxyz-size-15px, 15px);
    padding-left: var(--fxyz-size-15px, 15px);
    padding-top: var(--fxyz-size-0px, 0px);
    padding-bottom: var(--fxyz-size-0px, 0px);
    display: inline-block;
}

.xyzUiDesktopMenuLink.xyzUiLast {
    border-right: 0px solid white;
}

.xyzUiDesktopMemberLink {
    color: rgb(0,150,186);
    padding-left: 20px;
}

.xyzUiDesktopMenuLink:hover {
    color: rgb(0,150,186);
}

.xyzUiDesktopMemberLink:hover {
    color: white;
}

.xyzRegionWebsiteHeaderWithMenu .xyzRegionHeaderLanguage {
    position: absolute;
    top: var(--fxyz-size-40px, 40px);
    z-index: 99;
    width: 140px;
    right: var(--fxyz-size-0px, 0px);
    height: 60px;
    padding-top: var(--fxyz-size-20px, 20px);
}

.xyzRegionWebsiteTitle {
    text-align: center;
}

.xyzRegionWebsiteFooter {
    background: rgb(0,150,186);
    text-align: right;
    margin-top: 20px;
}

.xyzRegionDesktopFooterLogo .xyzImageHomeDesktopLogo {
    width: 100px;
    display: inline-block;
    margin: 10px 30px;
}

.xyzRegionProjectArea {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 10px;
}

.xyzRegionProject {
    width: calc(20% - 3px);
    display: inline-block;
    margin-bottom: 10px;
}

.xyzRegionProject img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    cursor: pointer;
}

.xyzRegionProject .xyzUiTitle {
    text-align: center;
    font-size: 15px;
}

.xyzUiIconLeftBack {
    position: absolute;
    left: var(--fxyz-size-15px, 15px);
    top: var(--fxyz-size-14px, 14px);
    font-size: 23px;
    color: var(--fxyz-color-white, white);
    cursor: pointer;
}

/**************************************/
/************  POPUP  *****************/
#windowRefer {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 1000005;
}

.xyzDialogReferPopupArea {
    position: relative;
}

#imgWindowPopupReferBackground {
    object-fit: contain;
    width: 100%;
}

.xyzDialogReferPopupTextArea {
    position: relative;
    text-align: center;
    padding: 10px 10px;
}

.xyzDialogReferPopupTextArea .xyzUiTitle {
    font-size: var(--fxyz-size-30px, 30px);
    color: var(--fxyz-color-violet-dark, #49176d);
    line-height: var(--fxyz-size-30px, 30px);
    letter-spacing: 2px;
    font-weight: bold;
    padding: 0px 40px;
    margin-bottom: var(--fxyz-size-10px, 10px);
}

.xyzDialogReferPopupTextArea .xyzUiTitle.xyzUiSmaller {
    font-size: 20px;
    line-height: 25px;
}

.xyzDialogReferPopupTextArea .xyzUiSubTitle {
    font-size: var(--fxyz-size-13px, 13px);
    color: var(--fxyz-color-black, black);
    margin-bottom: var(--fxyz-size-12px, 12px);
    line-height: 22px;
}

.xyzDialogReferPopupTextArea .xyzUiReferCode {
    font-size: 25px;
    color: var(--fxyz-color-violet-dark, #49176d);
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 22px;
}

.xyzDialogReferPopupTextArea .xyzUiCopyCode {
    font-size: 12px;
    color: #9e65c7;
}

.xyzDialogReferPopupTextArea .xyzUiShowNow {
    font-size: var(--fxyz-size-14px, 14px);
    color: var(--fxyz-color-white, white);
    background: var(--fxyz-color-violet-dark, #49176d);
    padding: 7px 30px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: var(--fxyz-size-10px, 10px);
}

.xyzDialogReferPopupTextArea .xyzUiShowNow:hover {
    opacity: 0.7;
}

.xyzDialogReferPopupTextArea .xyzUiDescription {
    font-size: 10px;
    color: black;
    margin-bottom: 10px;
}

.xyzDialogReferPopupTextArea .xyzUiTerms {
    font-size: var(--fxyz-size-10px, 10px);
    text-decoration: underline;
    color: var(--fxyz-color-black, black);
    cursor: pointer;
}

.xyzDialogReferPopupTextArea .xyzUiTerms:hover {
    opacity: 0.7;
}

#windowFirst {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 1000005;
}

.xyzDialogFirstPopupArea {
    position: relative;
    line-height: 0px;
    overflow: hidden;
}

.xyzDialogFirstPopupExit {
    position: absolute;
    display: inline-block;
    right: var(--fxyz-size-8px, 8px);
    top: var(--fxyz-size-5px, 5px);
    font-size: var(--fxyz-size-20px, 20px);
    cursor: pointer;
    color: var(--fxyz-color-white, white);
}

.xyzDialogFirstPopupBtnSignUp {
    position: absolute;
    bottom: 105px;
    left: var(--fxyz-size-20px, 20px);
    font-size: var(--fxyz-size-15px, 15px);
    line-height: var(--fxyz-size-20px, 20px);
    padding: 10px 20px;
    background: yellow;
    color: var(--fxyz-color-gray-333, #333);
    font-weight: bold;
    cursor: pointer;
}

.xyzDialogFirstPopupBottomLink {
    position: absolute;
    bottom: var(--fxyz-size-20px, 20px);
    font-size:11px;
    line-height: var(--fxyz-size-15px, 15px);
    width: var(--fxyz-size-100percent, 100%);
    color: yellow;
}

.xyzDialogFirstPopupLinkNothanks {
    position: absolute;
    bottom: var(--fxyz-size-0px, 0px);
    left: var(--fxyz-size-20px, 20px);
    border-bottom: 1px solid yellow;
    cursor: pointer;
}

.xyzDialogFirstPopupLinkRight {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.xyzDialogFirstPopupLinkSignIn {
    border-bottom: 1px solid yellow;
    cursor: pointer;
    display: inline-block;
}

.xyzImageWindowPopupBg {
    object-fit: contain;
}

#windowSecond {
    position: relative;
    padding: var(--fxyz-size-0px, 0px);
    margin: var(--fxyz-size-0px, 0px);
    border-radius: var(--fxyz-size-50percent, 50%);
    border: 3px solid rgb(197, 4, 128);
    background: rgb(243, 160, 226);
}

.xyzDialogSecondPopupExit {
    display: inline-block;
    position: absolute;
    right: var(--fxyz-size-30px, 30px);
    top: var(--fxyz-size-40px, 40px);
    padding: var(--fxyz-size-10px, 10px);
    font-size: var(--fxyz-size-18px, 18px);
    color: var(--fxyz-color-white, white);
    font-weight: normal;
    cursor: pointer;
}

.xyzDialogFindMyFitPopupExit {
    display: inline-block;
    position: absolute;
    right: var(--fxyz-size-30px, 30px);
    top: 25px;
    padding: var(--fxyz-size-10px, 10px);
    font-size: var(--fxyz-size-15px, 15px);
    color: var(--fxyz-color-white, white);
    font-weight: normal;
    cursor: pointer;
}

.xyzDialogTransparent {
    background:var(--fxyz-color-clear, transparent);
    background-color: var(--fxyz-color-clear, transparent)!important;
    box-shadow: none !important;
}

.xyzDialogSecondPopupArea {
    position: relative;
}

.xyzDialogSecondPopupTextArea {
    position: relative;
    top: 80px;
    padding:0 20px;
    text-align: center;
    color: var(--fxyz-color-violet-dark, #49176d);
}

.xyzDialogSecondPopupTextArea .xyzUiTitle {
    font-size: 13px;
}

.xyzDialogSecondPopupTextArea .xyzUiMainTitle {
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 8px;
}

.xyzDialogSecondPopupNo {
    color: var(--fxyz-color-white, white);
    border-bottom: 1px solid white;
    cursor: pointer;
    display: inline-block;
    padding-bottom: var(--fxyz-size-3px, 3px);
    margin-bottom: var(--fxyz-size-5px, 5px);
    font-size: var(--fxyz-size-13px, 13px);
}

.xyzDialogSecondPopupYes {
    color: rgb(238, 73, 156);
    border-bottom: 1px solid rgb(238, 73, 156);
    cursor: pointer;
    display: inline-block;
    padding-bottom: var(--fxyz-size-3px, 3px);
}

/***************************************/
/************  HEADER  *****************/
header {
    background-color: white;
}

.xyzUiHeaderPromotion {
    font-size: 11px;
    background-color: var(--fxyz-color-violet-dark, #49176d);
    color:var(--fxyz-color-white, white);
    text-align: center;
    padding-top: var(--fxyz-size-3px, 3px);
    padding-bottom: var(--fxyz-size-3px, 3px);
    word-spacing: 2px;
    letter-spacing: 3px;
}

.xyzUiDivheaderSearch {
    display: inline-block;
    width: 30%;
    text-align: left;
    vertical-align: top;
}

#searchButton {
    margin: var(--fxyz-size-0px, 0px);
    margin-top: var(--fxyz-size-4px, 4px);
    width: 25px;
    height: 25px;
    cursor: pointer;
    opacity: 0.6;
}

#searchButton:hover {
    opacity: 1;
}

.xyzUiDivheaderLogo {
    display: inline-block;
    width: 35%;
    text-align: center;
    vertical-align: top;
    object-fit: contain;
}

.xyzRegionHeaderCart {
    margin-left: 15px;
}

.xyzRegionHeaderAccount,
.xyzRegionHeaderCart {
    display: inline-block;
    font-weight: bold;
    color: var(--fxyz-color-violet-dark, #49176d);
    cursor: pointer;
}

.xyzRegionHeaderAccount img,
.xyzRegionHeaderCart img {
    height: 18px;
    width: 18px;
    object-fit: contain;
}

.xyzRegionHeaderAccount span,
.xyzRegionHeaderCart span {
    vertical-align: top;
    display: inline-block;
    margin-top: var(--fxyz-size-0px, 0px);
    margin-left: var(--fxyz-size-0px, 0px);
}

.xyzInputSearchOuter {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    border-bottom: 1.4px solid #666;
    padding-bottom: var(--fxyz-size-2px, 2px);
}

.xyzInputSearch {
    vertical-align: top;
    width: calc(100% - 60px);
    padding: 7px 2px;
    border: 0px;
    outline: 0px;
    display: inline-block;
}

.xyzImageSearchIconOut,
.xyzUiCloseSearchButton {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.xyzUiCloseSearchButton {
    height: 20px;
    width: 20px;
    margin-top: 5px;
}

.xyzImageSearchIconOut {
    margin-top: 4px;
    opacity: 0.6;
}

.xyzImageSearchIconOut:hover {
    opacity: 1;
}

.xyzUiDivheaderCurrencies {
    display: inline-block;
    margin-right: 10px;
}

.xyzUiDivheaderCurrencies .k-widget.k-dropdown {
    box-shadow: none;
    border: 0px;
}

.xyzUiDivheaderCurrencies .k-dropdown-wrap {
    border: 0px;
}

#m_HeaderCurrencies_listbox .k-state-selected,
#m_HeaderCurrencies_listbox .k-list>.k-state-selected {
    background-color: var(--fxyz-color-violet-dark, #49176d)!important;
    border-color: var(--fxyz-color-violet-dark, #49176d)!important;
}

.xyzRegionMobileMenu {
    display: none;
}

.xyzRegionPointOuterArea {
    padding-top: 20px;
}

.xyzRegionPointOuterArea1,
.xyzRegionPointOuterArea2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.xyzRegionPointArea {
    width: 33.3%;
    padding: 19px 8px;
    box-sizing: border-box;
    font-size: var(--fxyz-size-15px, 15px);
    line-height: 21px;
    color: rgb(252,238,33);
    display: inline-block;
    border-top: 1px solid white;
    margin: var(--fxyz-size-0px, 0px);
    margin-left: var(--fxyz-size-5px, 5px);
    text-align: center;
}

.xyzRegionPointArea:first-of-type {
    margin-left: 5px;
}

.xyzRegionPointValue {
    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;
    color: rgba(255, 255, 255, 0.81);
}

#divWindowMessageExit:hover,
#divWindowTransferExit:hover,
#divWindowCoinTradeExit:hover,
#divWindowSessionTimeoutExit:hover {
    opacity: 1;
}

#windowMessageMessage,
#windowTransferMessage,
#windowSessionTimeoutMessage {
    margin-top: 25px;
    margin-bottom: 20px;
    color: white;
}

#windowTransferOk {
    color: white;
    background-color: rgb(0,0,45);
}

#windowTransferAmount {
    width: var(--fxyz-size-100percent, 100%);
    box-sizing: border-box;
    padding: var(--fxyz-size-3px, 3px);
    text-align: left;
}

#windowSessionTimeoutCancel,
#windowSessionTimeoutOk {
    display: inline-block;
    cursor: pointer;
    padding: 6px 30px;
    color: var(--fxyz-color-white, white);
    background-color: rgb(0,0,45);
    padding: 10px 30px;
    border-radius: var(--fxyz-size-3px, 3px);
}

#windowCoinTradeSubmitPaymentProof,
#windowCoinTradeRelease {
    display: inline-block;
    cursor: pointer;
    padding: 6px 30px;
}

#windowCoinTradeSubmitPaymentProof,
#windowCoinTradeRelease {
    color: white;
    background-color: rgb(0,0,45);
}

.xyzRegionCoinTradeCaption {
    color: #aaa;
}

.xyzRegionCoinTradeData {
}

.xyzRegionCoinTradeQRCode {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.xyzRegionCoinTradePaymentProof {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.xyzRegionPopupPurchased {
    background: var(--fxyz-color-violet-dark, #49176d);
    width: 300px;
    position: fixed;
    bottom: var(--fxyz-size-zero, 0);
    height: 110px;
    left: var(--fxyz-size-40px, 40px);
    border-top-left-radius: var(--fxyz-size-5px, 5px);
    border-top-right-radius: var(--fxyz-size-5px, 5px);
}

.xyzRegionPopupPurchasedProductImage {
    width: 90px;
    margin: 10px;
}

.xyzRegionPopupPurchasedProductImage .xyzUiProductImage {
    width: 90px;
    height: 90px;
    object-fit: contain;
}

.xyzRegionPopupPurchased .xyzRegionProductInfoArea {
    width: calc(100% - 110px);
}

.xyzRegionPopupPurchased .xyzRegionProductInfoArea .xyzRegionRemove {
    text-align: right;
    line-height: 15px;
}

.xyzRegionPopupPurchased .xyzRegionProductInfoArea .xyzRegionRemove i {
    color: #888888;
    font-size: var(--fxyz-size-15px, 15px);
    margin-top: var(--fxyz-size-8px, 8px);
    margin-right: var(--fxyz-size-8px, 8px);
    cursor: pointer;
    line-height: var(--fxyz-size-15px, 15px);
}

.xyzRegionPopupPurchased .xyzRegionProductInfoArea .xyzRegionProductInfo {
    color: var(--fxyz-color-white, white);
    letter-spacing: 1px;
    padding-left: var(--fxyz-size-10px, 10px);
    padding-right: var(--fxyz-size-10px, 10px);
    font-size: 11px;
    line-height: var(--fxyz-size-15px, 15px);
}

.xyzRegionPopupPurchased .xyzRegionProductInfoArea .xyzRegionProductInfo .xyzRegionProductName {
    color: rgb(249,204,209);
    font-size: 12px;
    line-height: 15px;
}

.xyzRegionPopupPurchased .xyzRegionProductInfoArea .xyzRegionPurchasedTime {
    color: #888888;
    padding-left: var(--fxyz-size-10px, 10px);
    padding-right: var(--fxyz-size-10px, 10px);
    font-size: 9px;
    line-height: var(--fxyz-size-13px, 13px);
}

/********************************************************/
/******************  POPUP - IMAGE  *********************/
#divImagePopupArea {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: var(--fxyz-size-zero, 0);
    top: var(--fxyz-size-zero, 0);
    width: var(--fxyz-size-100percent, 100%);
    height: var(--fxyz-size-100percent, 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: var(--fxyz-color-gray-ccc, #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: var(--fxyz-size-15px, 15px);
    right: 35px;
    color: #f1f1f1;
    font-size: var(--fxyz-size-40px, 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  *****************/
.xyzImagePageNotFound {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

.xyzRegionPageNotFound {
    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  *****************/
/*.xyzUiSidenav {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;}*/
.xyzUiHeaderImage {
    height: 40px;
}

.xyzUiMenuDivider {
    content: "";
    border-top: 1px solid #555;
}

.xyzRegionMenuOuter {
    margin-top: 0px;
    text-align: center;
}

.xyzRegionMenuMainLayer:hover,
.xyzRegionMenuMainLayer.xyzUiHovered {
    color: #49176d;
}

.xyzRegionMenuMainLayer {
    cursor: pointer;
    display: inline-block;
    min-width: 110px;
    text-align: center;
    font-weight: normal;
}

.xyzRegionMenuMainLayer:after {
    display:block;
    content: '';
    border-bottom: var(--fxyz-border-violet, solid 1px #49176d);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.xyzRegionMenuMainLayer:hover:after {
    transform: scaleX(1);
}

.xyzRegionMenuMainItem {
    padding-top: 10px;
    padding-bottom: 10px;
}

.xyzRegionMenuMainLayer > .xyzRegionMenuMainItem > a {
    width: var(--fxyz-size-100percent, 100%);
    padding-top: var(--fxyz-size-10px, 10px);
    padding-bottom: var(--fxyz-size-10px, 10px);
    display: inline-block;
}

.xyzRegionMenuSale {
    color: #c01515;
}

.xyzRegionMenuPopup {
    background-color: var(--fxyz-color-white, white);
    position: absolute;
    width: 900px;
    z-index: 999;
    color: #555;
    box-shadow: 1px 1px 1px 1px #888888;
    padding: var(--fxyz-size-20px, 20px);
    cursor: initial;
    margin-left: 150px;
}

.xyzRegionMenuPopup4 {
    width: 31%;
}

.xyzRegionMenuPopup2,
.xyzRegionMenuPopup3 {
    padding-left: 20px;
}

.xyzRegionMenuPopup1,
.xyzRegionMenuPopup2 {
    border-right: 1px solid #555;
}

.xyzRegionMenuPopup1,
.xyzRegionMenuPopup2,
.xyzRegionMenuPopup3 {
    min-width: 23%;
    text-align: left;
    font-weight: normal;
    padding-right: var(--fxyz-size-15px, 15px);
}

.xyzRegionMenuPopupHeader {
    color: #49176d;
    font-weight: bold;
    padding-bottom: 10px;
}

.xyzRegionMenuPopupLayer:hover {
    color: #49176d;
    text-decoration: underline;
}

.xyzRegionMenuPopupLayer a {
    display: block;
    padding: 4px 0px;
}

.xyzUiStickyParent #stickyMenu {
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}

#stickyMenu {
    padding-top: 10px;
    background-color: white;
}

.xyzUiSticky {
    position: fixed;
    top: var(--fxyz-size-zero, 0);
    width: var(--fxyz-size-100percent, 100%);
    border-bottom: 1px solid #bbb;
    z-index: 999;
}

.xyzUiSticky .xyzRegionMenuOuter {
    margin-top: 0px;
}

.xyzUiSticky .xyzRegionMenuMainLayer > .xyzRegionMenuMainItem > a {
    padding-top: 3px;
    padding-bottom:3px;
}

.xyzUiSticky .xyzImageHeaderLogo {
    height: 38px;
}

.xyzUiStickyParent + .xyzUiContentBody {
    padding-top: 120px;
}

.xyzImageMenuPopupImage {
    width: 90%;
    object-fit: contain;
}

.xyzRegionMobileMenuBack {
    position: fixed;
    width: var(--fxyz-size-100percent, 100%);
    height: var(--fxyz-size-100percent, 100%);
    background: #777;
    opacity: 0.8;
    z-index: 9998;
}

.xyzRegionMobileMenuArea {
    position: fixed;
    width: 80%;
    height: var(--fxyz-size-100percent, 100%);
    text-align: left;
    background: var(--fxyz-color-violet-dark, #49176d);
    z-index: 9999;
}

.xyzRegionMobileMenuArea .xyzUiSocial .xyzRegion3 {
    text-align: center;
    margin-top: 15px;
}

.xyzRegionMenuSocial {
    width: var(--fxyz-size-30px, 30px);
    height: var(--fxyz-size-30px, 30px);
    background: var(--fxyz-color-white, white);
    border-radius: var(--fxyz-size-50percent, 50%);
    display: inline-block;
    margin: 0px 15px;
    text-align: center;
    vertical-align: middle;
}

.xyzRegionMenuSocial img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    margin-top:5px;
}

.xyzRegionMobileMenuArea .xyzUiEmailCaption {
    margin-top: 20px;
}

.xyzRegionMobileMenuArea .xyzUiEmailCaption,
.xyzRegionMobileMenuArea .xyzUiEmailData {
    text-align: center;
    color: white;
}

.xyzRegionMobileMenuArea .xyzUiLogo {
    text-align: center;
    padding-top: var(--fxyz-size-15px, 15px);
    padding-bottom: var(--fxyz-size-8px, 8px);
    border-bottom: 1px solid #888;
}

.xyzRegionMobileMenuArea .xyzUiLogo .xyzImageLogo {
    width: 120px;
    object-fit: contain;
}

.xyzRegionMobileMenuArea .xyzUiSearchArea {
    padding: 8px 0px;
    padding-left: 15px;
    border-bottom: 1px solid #888;
}

.xyzRegionMobileMenuArea .xyzInputSearchMobile {
    width: 200px;
    background: var(--fxyz-color-clear, transparent);
    box-shadow: none;
    outline: none;
    border-width: var(--fxyz-size-0px, 0px);
}

.xyzRegionMobileMenuArea .xyzUiSearchIconMobile {
    float: right;
    margin-right: var(--fxyz-size-15px, 15px);
    margin-top: var(--fxyz-size-3px, 3px);
    width: var(--fxyz-size-18px, 18px);
    height: var(--fxyz-size-18px, 18px);
    object-fit: contain;
}

.xyzRegionMobileMenuArea .xyzUiMenu {
    color: white;
    border-bottom: 1px solid #888;
    font-size: 10px;
}

.xyzRegionMobileMenuArea .xyzUiMenu a,
.xyzRegionMobileMenuArea .xyzUiMenu div {
    width: var(--fxyz-size-100percent, 100%);
    padding: 5px 0px;
    padding-left: var(--fxyz-size-15px, 15px);
    display: inline-block;
    box-sizing: border-box;
}

.xyzRegionMobileMenuArea .xyzUiMenu i {
    margin-left: 10px;
}

.xyzRegionMobileMenuArea .xyzUiMenu.xyzUiSubMenu {
    padding-left: 20px;
}

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

/**************************************************************/
/************************  GEOLOGY ****************************/
.xyzUiTreeGenealogy ul {
    display:inline-block;
    position: relative;
    transition: var(--fxyz-transition-tree, all 0.5s);
    -webkit-transition: var(--fxyz-transition-tree, all 0.5s);
    -moz-transition: var(--fxyz-transition-tree, all 0.5s);
}

.xyzUiTreeGenealogy li {
    list-style-type: none;
    position: relative;
    padding: 10px 0 0 25px;
    width:102%;
    transition: var(--fxyz-transition-tree, all 0.5s);
    -webkit-transition: var(--fxyz-transition-tree, all 0.5s);
    -moz-transition: var(--fxyz-transition-tree, all 0.5s);
}

.xyzUiTreeGenealogy .xyzUiGeoItem::before {
    content: '';
    position: absolute;
    left: var(--fxyz-size-8px, 8px);
    border-bottom: 1px solid rgb(0,0,45);
    width: 17px;
    height:.5em;
}

.xyzUiTreeGenealogy li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid black;
}

.xyzUiTreeGenealogy ul ul::before {
    content: '';
    position: absolute;
    top: var(--fxyz-size-zero, 0);
    left: 7px;
    border-left: 1px solid rgb(0,0,45);
    width: var(--fxyz-size-zero, 0);
    height: var(--fxyz-size-100percent, 100%);
    padding-bottom: var(--fxyz-size-10px, 10px);
}

.xyzUiTreeGenealogy li .xyzUiGeoItem {
    min-width: 230px;
    border: var(--fxyz-border-muted, 1px solid #ccc);
    padding: 5px 10px;
    text-decoration: none;
    color: var(--fxyz-color-gray-666, #666);
    font-size: var(--fxyz-size-14px, 14px);
    line-height:var(--fxyz-size-18px, 18px);
    display: inline-block;
    border-radius: var(--fxyz-size-5px, 5px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: var(--fxyz-transition-tree, all 0.5s);
    -webkit-transition: var(--fxyz-transition-tree, all 0.5s);
    -moz-transition: var(--fxyz-transition-tree, all 0.5s);
}

.xyzUiTreeGenealogy li > ul {
    display:block
}

.xyzUiTreeGenealogy > ul > li > .xyzUiGeoItem:before {
    width: 0px;
}

.xyzUiTreeGenealogy > ul > li {
    padding-top: 0px;
    padding-left: 3px;
}

.xyzUiGeoItem .xyzUiPackage {
    color: #808080;
    font-size: 11px;
    line-height: 13px;
}

.xyzUiGeoItem .xyzUiKickout {
    color: #ff2e00;
}

.xyzUiGeoItem .xyzUiAsset {
    color: #393eff;
}

.xyzUiGeoItem .xyzUiReward {
    color: #393eff;
}

.xyzUiGeoItem.xyzUiClickable:hover {
    background-color: #ccc;
    cursor: pointer;
}

.xyzUiCaption {
    display: inline-block;
    width: 100px;
    font-size: 12px;
}

.xyzUiData {
    font-weight: bold;
    color: black;
}

.xyzUiDescription {
    color: #808080;
    font-weight: normal;
}

/**********************************************************************/
/************************  MY ACCOUNT PAGE ****************************/
.xyzRegionProfileTable thead td {
    text-align: center;
    color: #888;
}

.xyzRegionProfileTable {
    border-collapse:collapse;
    width:var(--fxyz-size-100percent, 100%);
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    margin-bottom:var(--fxyz-size-20px, 20px)
}

.xyzRegionProfileTd {
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    text-align:left;
    padding:7px;
    color:#222222;
    line-height: var(--fxyz-size-18px, 18px);
}

.xyzRegionProfileTd a {
    text-decoration: underline;
}

.xyzInputData {
    width: 200px;
}

.xyzUiDataCaption {
    width: 180px;
    text-align: left;
}

.xyzInputDataText,
.xyzInputDataSelect {
    width: 100%;
    padding: 3px 5px;
    box-sizing: border-box;
}

/*************************************************************/
/************************  TABLE ****************************/
.xyzRegionTable {
    margin-top: 10px;
}

.xyzRegionTableRow {
    border: var(--fxyz-border-muted, 1px solid #ccc);
    border-bottom:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.xyzRegionTableRow:last-of-type {
    border-bottom: 1px solid #ccc;
}

.xyzRegionTableCaption {
    padding: 7px 7px;
    display: inline-block;
    width: 200px;
    text-align: left;
    vertical-align: middle;
    border-right: var(--fxyz-border-muted, 1px solid #ccc);
    color: #888;
    font-size: var(--fxyz-size-12px, 12px);
}

.xyzRegionTableData {
    padding: 7px 7px;
    width: calc(100% - 200px);
    text-align: left;
}

.xyzImageHeaderLogo {
    width: 400px;
}

/***** HEADER Lanauge ****/
/* background: rgb(0,150,186) */
/* rgb(0,37,65) */
.xyzRegionHomeTitle {
    font-size: 25px;
    line-height: 35px;
    color: rgb(0,37,65);
    margin-top: var(--fxyz-size-20px, 20px);
    font-weight: bold;
}

.slick-list.xyzUiFullwidth {
    width: 100%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Montserrat', sans-serif;
    font-size: var(--fxyz-size-40px, 40px);
    color: var(--fxyz-color-white-short, #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: var(--fxyz-size-15px, 15px);
    display: inline-block !important;
    width: auto;
    left: var(--fxyz-size-0px, 0px);
}

#mySidenav {
    display: block;
    width: 200px;
}

.xyzRegionHeaderLanguageArea {
    background: rgb(0,37,65);
    text-align: right;
}

.xyzRegionHeaderLanguage {
    color: var(--fxyz-color-white, white);
    background: rgb(0,150,186);
    display: inline-block;
    margin-right: var(--fxyz-size-0px, 0px);
    padding: 15px 30px;
    font-size: 17px;
}

#SubmitButton {
    font-size: 17px;
    font-weight: bold;
    width: var(--fxyz-size-100percent, 100%);
    margin-top: var(--fxyz-size-10px, 10px);
    padding-top: var(--fxyz-size-5px, 5px);
    padding-bottom: var(--fxyz-size-5px, 5px);
}

.xyzRegionMobileToggleIcon {
    display: block;
}

.xyzRegionHomeProfile {
    margin-right: var(--fxyz-size-10px, 10px);
    margin-left: var(--fxyz-size-10px, 10px);
    width: 400px;
    display: inline-block;
    background-color: red;
    vertical-align: top;
    margin-top: var(--fxyz-size-20px, 20px);
    background: var(--fxyz-color-white, white);
    border: 1px solid #777;
    padding: 20px 20px;
}

.xyzRegionHomeDataArea {
    width: calc(100% - 444px);
    display: inline-block;
}

.xyzRegionHomeArea {
    padding-top:50px;
}

.xyzUiHeaderBalance {
    right: var(--fxyz-size-10px, 10px);
    font-size: var(--fxyz-size-15px, 15px);
    color: rgb(0,150,186);
    margin-top: var(--fxyz-size-3px, 3px);
    font-weight: lighter;
}

.xyzUiHeaderBalance .xyzRegionDesktopHomeNameLink {
    color: rgb(0,150,186);
}

.xyzUiSideBackground {
    display:none;
    position: fixed;
    height: var(--fxyz-size-100percent, 100%);
    width: var(--fxyz-size-100percent, 100%);
    background-color: rgba(33,33,33,0.4);
    transition: var(--fxyz-transition-tree, all 0.5s);
    -webkit-transition: var(--fxyz-transition-tree, all 0.5s);
    -moz-transition: var(--fxyz-transition-tree, all 0.5s);
    z-index: 10;
    cursor: pointer;
}

.xyzRegionPointOuterArea1 .xyzRegionPointArea {
    background-color: rgb(0,150,186);
}

.xyzRegionPointOuterArea2 .xyzRegionPointArea {
    background-color: rgb(0,109,143);
}

.xyzUiLinkHomeDesktopLogo {
    display: inline-block;
}

.xyzImageHomeDesktopLogo {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-bottom: var(--fxyz-size-20px, 20px);
}

.xyzRegionDesktopHomeName {
    color: rgb(0,37,65);
    font-size: 18px;
}

.xyzRegionDesktopHomeNameLink {
    color: rgb(0,37,65);
}

.xyzRegionDesktopHomeNameLink:hover {
    text-decoration: underline;
}

.xyzUiSidenav {
    height: calc(100% - 50px);
    width:var(--fxyz-size-zero, 0);
    position: fixed;
    z-index: 100;
    top:var(--fxyz-size-50px, 50px);
    left: var(--fxyz-size-zero, 0);
    background-color: var(--fxyz-color-white, white);
    overflow-x: auto;
    transition: 0.5s;
    padding-top: var(--fxyz-size-0px, 0px);
    margin-bottom: var(--fxyz-size-30px, 30px);
}

.xyzUiSidenav .xyzUiClosebtn {
    position: absolute;
    top: 21px;
    left: 0;
}

.xyzUiSidenav .xyzUiMobileSideMenuLink:hover,
.xyzUiDropdown-btn:hover {
    background-color: #202B2D;
}

.xyzUiSidenav .xyzUiMobileSideMenuLink,
.xyzUiDropdown-btn {
    padding: 15px 0px 15px 13px;
    border-radius: var(--fxyz-size-0px, 0px);
    text-decoration: none;
    font-size: var(--fxyz-size-13px, 13px);
    color: rgb(0,37,65);
    background: inherit;
    border: none;
    width: var(--fxyz-size-100percent, 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;
}

.xyzUiSidenav .xyzUiMobileSideMenuLink.active {
    background-color: #202B2D;
    border-right: 5px solid #413FBB;
}

.xyzUiDropdown-btn i {
    margin-left: 10px;
    font-size: 15px;
}

.xyzUiDropdown-btn.active {
    background-color: rgb(14, 14, 14);
}

.xyzUiDropdown-container {
    display: none;
    background-color: #272830;
    padding-left: 0px;
}

.xyzUiDesktopSideNav {
    height: calc(100% - 60px);
    width:var(--fxyz-size-100percent, 100%);
    margin-top: var(--fxyz-size-20px, 20px);
    margin-bottom: var(--fxyz-size-0px, 0px);
}

.xyzUiDesktopSideNav .xyzUiClosebtn {
    position: absolute;
    top: 21px;
    left: 0;
}

.xyzUiDesktopSideNav a:hover,
.xyzUiDropdown-btn:hover {
    background-color: rgb(14, 14, 14);
    font-weight: bold;
}

.xyzUiDesktopSideNav a,
.xyzUiDesktopSideNav .xyzUiDropdown-btn {
    padding: 16px 0px 16px 8px;
    text-decoration: none;
    font-size: var(--fxyz-size-15px, 15px);
    color:rgb(0,37,65);
    display: block;
    border: none;
    background: none;
    width: var(--fxyz-size-100percent, 100%);
    text-align: left;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    transition: 0.3s;
    border-top: var(--fxyz-border-muted, 1px solid #ccc);
}

.xyzUiDesktopSideNav .xyzUiDropdown-container {
    display: none;
    background-color: #f3f2f2;
    padding-left: var(--fxyz-size-0px, 0px);
    transition: var(--fxyz-transition-tree, all 0.5s);
}

.xyzUiDesktopSideNav .xyzUiDropdown-container a {
    padding-left: 27px;
}

.xyzRegionDesktopHomeLogoutBtn {
    color: var(--fxyz-color-white, white);
    padding: var(--fxyz-size-18px, 18px);
    width: var(--fxyz-size-100percent, 100%);
    display: inline-block;
    font-size: var(--fxyz-size-16px, 16px);
    background:rgb(0,150,186);
    text-align: center;
}

.xyzRegionDesktopHomeLogoutBtn:hover {
    background: rgb(0,37,65);
}

.xyzRegionStoreArea {
    width: 100%;
    padding: 12px 5px;
}

.xyzRegionStoreItemPhoto {
    width: 300px;
    height: auto;
    display: inline-block;
}

.xyzRegionStoreItemDetail {
    width: calc(100% - 305px);
    display: inline-block;
    vertical-align: top;
    padding-left: var(--fxyz-size-10px, 10px);
}

.xyzRegionStoreItemName {
    font-size: 30px;
    font-weight: bold;
}

.xyzRegionStoreItemDateTime {
    font-size: 20px;
}

.xyzRegionStoreItemDateTime .xyzRegionDate,
.xyzRegionStoreItemDateTime .xyzRegionTime {
    font-weight: bold;
}

.xyzRegionStoreItemLocation {
    font-size: 16px;
    color: #888;
}

.xyzRegionItemPhoto {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.xyzRegionItemDescription {
    margin-top: 10px;
}

.xyzRegionItemSubTitle {
    font-size: var(--fxyz-size-15px, 15px);
    margin-top: var(--fxyz-size-10px, 10px);
    margin-bottom: var(--fxyz-size-3px, 3px);
    font-weight: bold;
}

.xyzRegionItemPhotoSeat {
    width: 100%;
    margin-top: 15px;
}

#divItemRequiredPoint.invalid {
    color: red;
}

.xyzRegionItemPurchaseArea {
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 15px;
}

.xyzRegionItemPurchaseArea select {
    font-size: 14px;
    width: 200px;
}

.xyzRegionItemCaption {
    margin-bottom: 8px;
}

.xyzButtonItemPurchase {
    padding: 10px 30px;
    font-size: var(--fxyz-size-20px, 20px);
    text-align: center;
    cursor: pointer;
    background-color: rgb(0,150,186);
    color: var(--fxyz-color-white, white);
}

.xyzButtonItemPurchase:hover {
    background-color:rgb(0,37,65);
}

/******************************************************/
.xyzUiZmrcntr {
    display: none;
}

.xyzRegionImportantArea {
    background: #f7d94a;
    padding: var(--fxyz-size-10px, 10px);
    text-align: center;
    margin-top: var(--fxyz-size-10px, 10px);
}

.xyzRegionImportantArea .xyzUiTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.xyzRegionImportantArea .xyzUiMessage {
    font-size: 15px;
}

#treeNew {
}

#treeNew .xyzRegionGenealogyNode {
    padding: 4px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: var(--fxyz-size-3px, 3px);
    background-color:rgb(0,109,143);
    border: 1px solid #000;
    width: 200px;
    color:var(--fxyz-color-gray-ddd, #ddd);
}

#treeNew .xyzRegionGenealogyNode .xyzRegionGeoUsername {
    color: white;
    font-size: 14px;
}

#treeNew .xyzRegionGenealogyNode .xyzRegionRegister {
    color: var(--fxyz-color-white, white);
    text-align: center;
    text-decoration: underline;
    font-size: var(--fxyz-size-15px, 15px);
    padding: 10px 0px;
}

.disabled {
    background: #ddd;
    border: none;
    outline: none;
}




/* Shared FundedXYZ values. Literal fallbacks keep embedded styles independent. */
:root {
    --fxyz-border-muted: 1px solid #ccc;
    --fxyz-border-violet: solid 1px #49176d;
    --fxyz-color-black: black;
    --fxyz-color-black-short: #000;
    --fxyz-color-clear: transparent;
    --fxyz-color-gray-333: #333;
    --fxyz-color-gray-666: #666;
    --fxyz-color-gray-ccc: #ccc;
    --fxyz-color-gray-ddd: #ddd;
    --fxyz-color-surface-base: #161F21;
    --fxyz-color-surface-dropdown: #f9f9f9;
    --fxyz-color-violet-dark: #49176d;
    --fxyz-color-white: white;
    --fxyz-color-white-short: #fff;
    --fxyz-size-0px: 0px;
    --fxyz-size-100percent: 100%;
    --fxyz-size-10px: 10px;
    --fxyz-size-12px: 12px;
    --fxyz-size-13px: 13px;
    --fxyz-size-14px: 14px;
    --fxyz-size-15px: 15px;
    --fxyz-size-16px: 16px;
    --fxyz-size-18px: 18px;
    --fxyz-size-1px: 1px;
    --fxyz-size-20px: 20px;
    --fxyz-size-24px: 24px;
    --fxyz-size-2px: 2px;
    --fxyz-size-30px: 30px;
    --fxyz-size-3px: 3px;
    --fxyz-size-40px: 40px;
    --fxyz-size-4px: 4px;
    --fxyz-size-50percent: 50%;
    --fxyz-size-50px: 50px;
    --fxyz-size-5px: 5px;
    --fxyz-size-6px: 6px;
    --fxyz-size-8px: 8px;
    --fxyz-size-zero: 0;
    --fxyz-transition-tree: all 0.5s;
}