:root {
	--gray-1: #8b8b8b;
	--gray-2: #e7e7e7;
	--green-1: #35a400;
	--blue-1: #1E2126;
	--white-1: #fff;
	--yellow-1: #FACC15;
	--yellow-2: #967800;
}

.choose-plans .selected .block {
    outline-color: #614e02 !important;
    background-color: #FFECCE;
    border-color: #967800;
}

.hide-absolute {
    position: absolute;
    top: -9999px;
}

.bookly-form-group .bookly-js-user-email {
    pointer-events: none !important;
    background: #ddd !important;
}

.flickity-button:focus {
    box-shadow: none !important;
}

.bookly-mobile-step-1 .bookly-js-chain .bookly-form-group:first-child {
    display: none;
}

.line-clamp-10 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* truncate to 4 lines */
    -webkit-line-clamp: 10;
}

.menu-instruction-call {
    background-color: #FACC15 !important;
    color: #715400 !important;
}

.wetraders-activation-account {
    background-color: #FFF8EA;
    border-radius: 8px;
    padding: 24px;
}

.form-field.hidden {
    display: none !important;
}

.currency-cad.disabled {
    background-color: #EFEFEF;
}

.chip-flat {
    padding: 0.25rem 1.05rem;
}

/*.kyc-client-form .form-label, .kyc-client-form .form-field .form-field-col p.form-helper {font-weight: 500;}*/
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../assets/images/Calendar_Days.png);
    border-width: thin
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 10px;
}

input::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    left: 12px;
}

input::-webkit-datetime-edit {
    position: relative;
    left: 12px;
}

.font-bold {
    font-weight: bold !important;
}

.font-weight-five {
    font-weight: 500;
}

.font-size-18 {
    font-size: 18px;
}

.pt-7 {
    padding-top: 1.75rem;
}

.payment-method-info {
    overflow-wrap: break-word;
}

.page-template-template-billings .billings-form .tabs-contents .tabs-content .selection-dropdown .ul li svg {
    min-width: 10px;
}

.page-template-template-billings .billings-form .tabs-contents .tabs-content .activate-accounts-ul svg.mr-2 {
    min-width: 48px;
}

@media screen and (max-width: 413px) {
    .billings-form .selection-has-dropdown .selection-content {
        display: block;
    }
}

.iti.iti--allow-dropdown {
    width: 100%;
}

ul.iti__country-list {
    z-index: 100;
}

.is-focus.form-label-absolute {
    --tw-translate-y: 0px;
    --tw-text-opacity: 1;
    color: rgb(150 120 0/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    top: -11px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: unset !important;
}

.page-template-template-register .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
}

/* Custom modal css start */
#modal_terms_conditions.modal,
#modal_refund_policy.modal,
#modal_privacy_policy.modal {
    max-width: 800px !important;
    /*max-height: 700px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

#Terms_and_Conditions,
#Cancellation_refund_policy,
#modal_privacy_policy_content{
    margin: 20px auto 20px auto;
    max-width: 734px !important;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fafafa;
    border: 1px #E7E7E7 solid;
    border-radius: 6px;
}

#Terms_and_Conditions  .page-title,
#Cancellation_refund_policy .page-title,
#modal_privacy_policy_content .page-title{
    margin-bottom: 20px;
}
#Terms_and_Conditions  .modal-body,
#Cancellation_refund_policy .modal-body,
#modal_privacy_policy_content .modal-body{
    margin: 30px;
    text-align: justify;
}

#Terms_and_Conditions  .modal-body h3,
#Cancellation_refund_policy .modal-body h3,
#modal_privacy_policy_content .modal-body h3{
    font-weight: bold;
    margin: 8px 0;
    text-transform: uppercase;
}

.modal a.close-modal[class*="icon-"] {
    top: 20px;
    right: 25px;
    width: 30px;
    height: 30px;
    color: #5C5C5C;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    /*border: 2px solid #fff;*/
    -webkit-border-radius:  26px;
    -moz-border-radius:     26px;
    -o-border-radius:       26px;
    -ms-border-radius:      26px;
    -moz-box-shadow:    1px 1px 5px rgba(0,0,0,0.5);
    /*-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);*/
    /*box-shadow:         1px 1px 5px rgba(0,0,0,0.5);*/
}

/* Custom modal css end */

.form-label-absolute{
    z-index: unset !important;
}

.notice-box {
    margin-bottom: 40px;
    padding: 24px;
    background: #FFF8EA;
    border-radius: 8px;
    border: 0.50px #967800 solid;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex
}

.notice-box .message-notice {
    align-self: stretch;
}

.notice-box .message span {
    color: #2B2B2B; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 25.90px; word-wrap: break-word
}

.toast-custom-position {
    position: fixed;
    top: 90px;
    right: 20px;
}

.custom-blocker-modal {
    background: rgba(0, 0, 0, 0.30);
    z-index: 1000;
}

.custom-blocker-modal #modal-questionnaire {
    min-width: 600px;
    max-width: 600px;
    box-shadow: none;
    border-radius: 8px;
    padding: 24px
}

.dot-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 356px;
}
.dot-loader-container .dot {
    width: 20px;
    height: 20px;
    background-color: #FACC15;
    border-radius: 50%;
    margin: 0 5px;
    animation: bounce 1.1s ease infinite;
}
.dot-loader-container .dot:nth-child(1) {
    animation-delay: 0s;
}
.dot-loader-container .dot:nth-child(2) {
    animation-delay: 0.1s;
}
.dot-loader-container .dot:nth-child(3) {
    animation-delay: 0.2s;
}
.dot-loader-container .dot:nth-child(4) {
    animation-delay: 0.3s;
}
.dot-loader-container .dot:nth-child(5) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-60px);
    }
    60% {
        transform: translateY(25px);
    }
}
/* fix bug #13186 */
.blocker{
    z-index: 1000 !important;
}

.tabs > li > a {
	vertical-align: middle;
}

.tabs > li.active > a {
	border-bottom: solid 2px var(--blue-1);
}


/******[ LAYOUT ]******/
.fixed {
	position: fixed;
}
.right {
	right: 16px;
}
/******[ LAYOUT ]******/


/******[ TEXT ]******/
.text {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.text-gray-8b {
	color: var(--gray-1)
}

.text.green-1 {
	color: var(--green-1);
}

.text.small {
	font-size: 14px;
	line-height: 150%;
}

.text.h3 {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.text.regular-500 {
	font-weight: 500;
}
.size-24 {
    font-size: 24px;
}
/******[ TEXT ]******/


/******[ FLEXBOX ]******/
/* defined
.flex {
	display: flex;
}
*/

/******[ FLEXBOX - PRESETS ]******/
.horizontal,
.vertical {
	display: flex;
	gap: var(--Spacing-small, 16px);
	flex-grow: 1;
	flex-shrink: 1;
}
.horizontal {
	flex-direction: row;
}
.vertical {
	flex-direction: column;
}
/******[ FLEXBOX - PRESETS ]******/

.inline-flex {
	display: inline-flex;
}

.flex-wrap {
	flex-wrap: wrap;
}


.direction-column {
	flex-direction: column;
}

.gap {
	gap: 12px;
}

.gap-8 {
	gap: var(--Spacing-xx-small, 8px);
}

.gap-16 {
	gap: var(--Spacing-small, 16px);
}

.gap-24 {
	gap: 24px;
}

.gap-40 {
	gap: 40px;
}

.justify-space-between {
	justify-content: space-between;
}

.align-stretch {
	align-items: stretch;
}

.align-center {
	align-items: center;
}

.center-center {
	justify-content: center;
	align-items: center;
}

.w-separator {
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.w-separator > .item {
	flex: 1 1;
}

.w-separator > .item + .item {
	border-left: solid 1px #C1C1C1;
}
/******[ FLEXBOX ]******/

.sidebar-menu>li>a .icon-wrapper svg>path{
    stroke: #fff;
}

.sidebar-menu>li>a:hover .icon-wrapper svg>path, .sidebar-menu>li.active>a .icon-wrapper svg>path {
    stroke: #FACC15;
}

.checkmark-disabled {
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
}

/******[ COMPONENT - FEEDBACK_ICON ]******/
.icon-feedback {
	bottom: calc(50vh - 24px);
	padding: 12px;
	border-radius: var(--Spacing-xx-small, 8px);
	background: var(--overlay-60, rgba(0, 0, 0, 0.60));
}
.icon-feedback>.text {
	display: none;
	color: var(--white-1);
}
.icon-feedback:hover>.text {
	animation: extend .25s;
	display: block;
}
@keyframes extend {
	from { width: 0; }
	to { width: 69px;}
}
/******[ COMPONENT - FEEDBACK_ICON ]******/

@media only screen and (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}

/******[ COMPONENT - NAVIGATION BAR MOBILE ]******/
@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }

    div.site-wrapper {
        padding-bottom: 65px;
    }

    .navbar-bottom-container {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        min-width: 320px;
        background-color: rgb(255, 255, 255);
        z-index: 49;
        box-shadow: rgb(243, 243, 243) 0px 0px 0px 3px, rgba(0, 0, 0, 0.04) -3px 3px 40px;
    }

    .navbar-bottom-container ul.navbar {
        display: flex;
        justify-content: space-around;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
    }

    .navbar-bottom-container ul.navbar li.nav-item {
        position: relative;
        width: 20%;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        z-index: 2;
    }

    .navbar-bottom-container ul.navbar li.round-top {
        width: 72px;
        height: 72px;
        background-color: rgb(255, 255, 255);
        position: absolute;
        top: -15px;
        z-index: 1;
        border-radius: 100%;
        box-shadow: rgb(243, 243, 243) 0px 0px 0px 3px, rgba(0, 0, 0, 0.04) -3px 3px 40px;
    }

    .navbar-bottom-container ul.navbar li.round-top::before {
        content: "";
        position: absolute;
        width: 45px;
        height: 28px;
        background-color: transparent;
        top: -13px;
        left: -29px;
        border-radius: 50%;
        box-shadow: rgb(255, 255, 255) 14px 20px;
    }

    .navbar-bottom-container ul.navbar li.round-top::after {
        content: "";
        position: absolute;
        width: 45px;
        height: 28px;
        background-color: transparent;
        top: -13px;
        right: -29px;
        border-radius: 50%;
        box-shadow: rgb(255, 255, 255) -14px 20px;
    }

    .navbar-bottom-container ul.navbar li.round-top div {
        width: 140%;
        height: 60px;
        transform: translate(-15%, 15px);
        background-color: rgb(255, 255, 255);
    }

    .navbar-bottom-container ul.navbar li.nav-item a {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        gap: 4px;
        height: 60px;
        z-index: 2;
    }

    .navbar-bottom-container ul.navbar li.nav-item a .icon-wrapper {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        min-width: 24px;
        width: calc(24px);
        height: calc(24px);
    }

    .navbar-bottom-container ul.navbar li.nav-item a .icon-wrapper svg {
        outline: none;
    }

    .navbar-bottom-container ul.navbar li.nav-item:nth-of-type(3) a .icon-wrapper svg {
        transform: translateY(-8px);
    }

    .navbar-bottom-container ul.navbar li.nav-item a span.label {
        font-size: 10px;
        color: rgb(163, 163, 163);
        font-weight: 400;
        transition: all 0.2s ease 0s;
    }

    .navbar-bottom-container ul.navbar li.nav-item a.active::before {
        content: "";
        top: 0;
        position: absolute;
        width: 32px;
        height: 2px;
        border-radius: 0px 0px 2px 2px;
        background: var(--Colours-Yellow-500, #FACC15);
    }

    .navbar-bottom-container ul.navbar li.nav-item:nth-of-type(3) a.active::before {
        content: none;
    }

    .navbar-bottom-container ul.navbar li.nav-item a.active span {
        color: #FACC15;
    }

    .navbar-bottom-container ul.navbar li.nav-item a.active .icon-wrapper svg path {
        stroke: #FACC15;
    }
}
/******[ COMPONENT - NAVIGATION BAR MOBILE ]******/


/******[ RESPONSIVE ]******/
/******[ RESPONSIVE - MOBILE ]******/
.d-mobile {
	display: block;
}

li.d-mobile {
	display: list-item;
}

.d-tablet {
	display: block;
}

li.d-tablet {
	display: list-item;
}

.d-desktop,
li.d-desktop {
	display: none;
}
/******[ RESPONSIVE - MOBILE ]******/


/******[ RESPONSIVE - LANDSCAPE MOBILE, TABLET AND DESKTOP ]******/
@media (min-width: 576px) {
	.d-mobile,
	li.d-mobile {
			display: none;
	}
}
/******[ RESPONSIVE - LANDSCAPE MOBILE, TABLET AND DESKTOP ]******/


/******[ RESPONSIVE - DESKTOP ]******/
@media (min-width: 992px) {
	.d-tablet,
	li.d-tablet {
		display: none;
	}

	.d-desktop {
		display: block;
	}

	li.d-desktop {
		display: list-item;
	}
}
/******[ RESPONSIVE - DESKTOP ]******/
/******[ RESPONSIVE ]******/
table.header-black-table {
    width: 100%;

    border-radius: 8px;
    box-shadow: 0 0 0 1px #E7E7E7;
    overflow: hidden;
}

table.header-black-table th {
    background-color: #1E2126;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
}

table.header-black-table tr:not(:last-child) {
    border-bottom: 1px solid #E7E7E7;
}

table.header-black-table tr:nth-child(odd) {
    background-color: #FFFDF9;
}

table.header-black-table th, table.header-black-table td {
    text-align: left;
    padding: 16px;
    min-width: 112px;
    font-size: 14px;
    line-height: 150%; /* 21px */
    width: 50%;
}

table.header-black-table tr:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
table.header-black-table tr:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

table.header-black-table tr:first-child th:first-child, table.header-black-table tr:first-child td:first-child {
    border-top-left-radius: 8px;
}

table.header-black-table tr:first-child th:last-child, table.header-black-table tr:first-child td:last-child {
    border-top-right-radius: 8px;
}

table.header-black-table tr:last-child th:first-child, table.header-black-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

table.header-black-table tr:last-child th:last-child, table.header-black-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

#modal_confirm_checkout_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

#modal_confirm_checkout_content .header-black-table td {
    width: unset;
}

#modal_confirm_checkout_content .fee-information {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

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

.tippy-box[data-theme~='custom'] {
    background-color: #fff8ea;
    color: #2b2b2b;
    border-radius: 4px;
}

.tippy-box[data-theme~='custom'] .tippy-content {
    padding: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.tippy-box[data-theme~='custom'] .tippy-arrow {
    color: #fff8ea;
}


.wmt-information-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: stretch;
    padding: 24px;
    border-radius: var(--Spacing-xx-small, 8px);
    border: 1px solid var(--Colours-Yellow-300, #FFDB92);
    background: var(--Colours-Yellow-100, #FFF8EA);
}

.wmt-information-box .row-information {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;

    color: var(--Text-text-primary-1, #2B2B2B);
    text-align: right;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

.wmt-information-box .line {
    width: 100%;
    margin: 2px 0;
    border-bottom: 1px dashed #E7E7E7;
}

.wmt-information-box .origin-fee {
    color: var(--Text-text-secondary, #8B8B8B);
    text-align: right;
    text-decoration-line: line-through;
}

.wmt-information-box .t-24 {
    font-size: 24px;
}

.wmt-information-box .row-information .label.has-tooltip {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.wmt-information-box .row-information div:first-child {
    text-align: left;
}

.social-login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.social-login-container .break-line {
    width: 100%;
    position: relative;
    height: 24px;
}

.social-login-container .break-line .content {
    color: var(--Text-text-secondary, #8B8B8B);
    text-align: center;

    padding: 0 10px;
    width: fit-content;
    /* Text/regular-size/regular 400 */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}

.social-login-container .break-line:before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--Border-border-primary-1, #E7E7E7);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.social-login-container .social-login {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-small, 16px);
    align-self: stretch;
}

.social-login-container .social-login a {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    border: 1px solid var(--other-default-border-of-google, #DADCE0);
    background: var(--neutral-50, #FFF);
}

.social-login-container .social-login a > div {
    display: flex;
    width: var(--Size-Base-sizeLG, 24px);
    height: var(--Size-Base-sizeLG, 24px);
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.social-login-container .social-login a > div > svg {
    width: 19.838px;
    height: var(--Size-Base-sizeLG, 24px);
    flex-shrink: 0;
}

/******[ COMPONENT - FIELD ]******/
.field {
	height: 48px;
	padding: 12px var(--Spacing-small, 16px);
	align-items: center;
	border: 1px solid var(--gray-2);
	border-radius: 0.5rem;
}

.field input,
.field select
 {
	border: none;
}
/******[ COMPONENT - FIELD ]******/

/******[ COMPONENT - ANCHOR WITH SVG ]******/
a > svg.link {
	display: inline;
	vertical-align: text-bottom;
}
a:hover > svg.link path {
	stroke: var(--yellow-1)
}
/******[ COMPONENT - ANCHOR WITH SVG ]******/

/******[ COMPONENT - BACKLINK ]******/
a.back-link:hover > svg path {
	stroke: var(--yellow-1)
}
/******[ COMPONENT - BACKLINK ]******/

/******[ COMPONENT - TABLE ]******/
/******[ COMPONENT - CELL ELLIPSIS ]******/
.table-wrapper .table .ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/******[ COMPONENT - CELL ELLIPSIS ]******/

.mxw-147 {
	max-width: 147px;
}
/******[ COMPONENT - TABLE ]******/