@import 'font-awesome.min.css';

/* CSS Document */

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.container-xs {
    width: 950px;
    margin: 0 auto;
    padding: 0 35px;
}

.copy-text button {
    background: transparent;
    border: 0;
    background: #E6814B;
    color: #fff;
    padding: 4px 15px;
}

.copy-text {
    padding: 28px 0 0 0;
}

/********************************************************************
CSS start
*********************************************************************/

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/RobotoThin.eot');
    src: url('../fonts/RobotoThin.eot') format('embedded-opentype'), url('../fonts/RobotoThin.woff2') format('woff2'), url('../fonts/RobotoThin.woff') format('woff'), url('../fonts/RobotoThin.ttf') format('truetype'), url('../fonts/RobotoThin.svg#RobotoThin') format('svg');
}

a {
    color: #fff;
}

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

h2 {
    font-size: 42px;
    /*text-transform:uppercase;*/
}

img {
    max-width: 100%;
}

body {
    background: #f0f6ff none repeat scroll 0 0;
    font-family: 'Roboto-Regular';
    margin: 0 auto;
    font-weight: 300;
    font-size: 14px;
}

.background-img {
    background-image: url('/Images/before_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

select,
a:focus,
a.active,
select:focus,
select:active,
option,
button:focus,
button:active {
    outline: none;
    outline: none !important;
}

.form-content.form-content-full-width .form-inline .form-group select.form-control,
.form-content.form-content-full-width .form-inline .form-group select.form-control,
.form-inline .form-group select.form-control,
.form-group select.form-control {
    background: #ffffff url("/Images/select-img.png") no-repeat scroll 96% 50% / 8px auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
}

.form-group select.form-control {
    color: #000000;
}

.select-arrow {
    position: relative;
}

.select-arrow:after {
    position: absolute;
    content: "\f0dd";
    font-family: 'FontAwesome';
    right: 10px;
    top: 8px;
}

.form-inline .form-group input.form-control:read-only {
    background: #ffffff ! IMPORTANT;
    /* padding: 12px 0px 14px 21px; */
}

/********Page Loader Css***********/

.page-loader {
    background: rgb(0 0 0 / 94%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 9999999;
}

.page-wrapper {
    width: 70px;
    height: 60px;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #4899e4;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.dn {
    display: none;
}

.d-flex {
    display: flex !important;
}

/********Page Loader Css***********/

/***** Page Not Found ******/

.form-content .form-inline .form-group span {
    font-size: 10px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    color: #a94442;
    bottom: 5px;
    right: 15px;
    position: absolute;
}

.password-icon span.help-block.form-error {
    bottom: -2px;
}

.form-content .form-inline .form-group span.span-muted-sm {
    position: relative;
    bottom: 0;
}

.personal-details.profile .form-content .form-inline .form-group span {
    color: #a94442;
    position: absolute;
    right: 0;
    /*bottom: -15px;*/
    bottom: auto;
}

/* Error pages (views/errors/error.php, views/errors/pagenotfound.php).
   Re-themed in place rather than patched from a later override block: the
   old `background-color:#f1f6ff` sat a pale blue panel in the middle of
   the dark shell, and `section.error-404.not-found span a` styled a
   `<span><a>` neither view has ever contained.

   The palette is declared on the section itself, the way .login-v2 /
   .forgot-v2 / .thankyou-v2 do, because these two views do not share one
   scope: errors/error.php renders inside templates/header (body
   .app-shell-v2, tokens available) while errors/pagenotfound.php uses
   templates/header_page_not_found (bare <body>, no tokens at all). Local
   tokens make the section render identically either way. */
.error-404,
.not-found {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;

    text-align: center;
    padding: 56px 0;
    background-color: #06101d;
    background-image: radial-gradient(circle at 76% -10%, rgba(72, 153, 228, .18), transparent 34%);
    background-repeat: no-repeat;
    color: var(--lv2-text-muted);
}

/* The card the figure + copy sit in. */
.error-404 .page-content,
.not-found .page-content {
    max-width: 620px;
    margin: 0 auto;
    padding: 32px 28px;
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65);
}

.error-404 .page-content figure,
.not-found .page-content figure {
    margin: 0 0 20px;
}

/* The artwork is a light-theme PNG; keeping it under full opacity stops
   it glaring against the dark card. */
.error-404 .page-content figure img,
.not-found .page-content figure img {
    max-width: 100%;
    height: auto;
    opacity: .92;
}

.error-404 .err-title,
.not-found .err-title {
    color: var(--lv2-text);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px;
}

.error-404 .page-content p,
.not-found .page-content p {
    color: var(--lv2-text-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 18px;
}

.error-404 .page-content a.common-btn,
.not-found .page-content a.common-btn {
    background: var(--lv2-accent);
    border: 1px solid transparent;
    border-radius: 12px;
    text-transform: uppercase;
    margin: 0;
}

.error-404 .page-content a.common-btn:hover,
.error-404 .page-content a.common-btn:focus,
.not-found .page-content a.common-btn:hover,
.not-found .page-content a.common-btn:focus {
    background: var(--lv2-accent);
    color: #fff !important;
    filter: brightness(1.08);
}

/***** Page Not Found ******/
/******************** language dropdown css start *******************************/
.dropdown-right-wrapper div#lang_sel {
    height: auto;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    display: block;
    position: relative;
    padding: 0;
}

.dropdown-right-wrapper #lang_sel ul ul {
    border-top: none;
    width: 100%;
}

.dropdown-right-wrapper div#lang_sel li {
    width: 100%;
    float: none;
    display: block;
    padding: 0 16px 0 0 !important;
    cursor: pointer;
}

.dropdown-right-wrapper div#lang_sel li a {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 0;
    line-height: normal;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
}

.dropdown-right-wrapper div#lang_sel li a img.iclflag {
    float: right;
    width: 26px;
    height: 15px;
    top: 2px;
}

.dropdown-right-wrapper div#lang_sel li:after {
    position: absolute;
    content: "\f107";
    pointer-events: none;
    font-family: FontAwesome;
    color: #fff;
    top: 0;
    right: 0;
}

.dropdown-right-wrapper div#lang_sel a.lang_sel_sel:hover {
    background-color: transparent;
    color: #fff;
}

.dropdown-right-wrapper div#lang_sel ul ul li {
    padding: 3px 16px 3px 0 !important;
    background: #fff;
}

.dropdown-right-wrapper div#lang_sel ul ul li a {
    color: #000;
    font-size: 13px;
}

/*** Language Css ****/
.lang-wrap{display: block;}
.swich-language {
    padding: 0;
    position: relative;
    cursor: pointer;
    margin-top: 0px;
}

.lang-dropdown-wrapper {
    padding: 0 0 0 5px;
    width: auto;
}

.before-right-top-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-box .lang-dropdown-wrapper {
    padding: 0;
}

.lang-dropdown .drop-down .button a.select-list-link {
    color: #6b6b6b;
    position: relative;
    float: right;
}

.lang-dropdown .drop-down select {
    display: none;
}

.lang-dropdown .drop-down .button span.fa.fa-angle-down {
    position: relative;
    height: auto;
    width: auto;
    top: 0;
    right: 0;
    left: 5px;
    margin: 0;
    font-family: 'Fontawesome';
    font-size: 15px;
}

.lang-dropdown .drop-down .select-list li {
    display: none;
    list-style: none;
}

.lang-dropdown .drop-down .select-list li:hover {
    background: #eeeeee;
}

.lang-dropdown .drop-down .select-list li a {
    display: block;
}

.lang-dropdown .drop-down .button:hover .select-list {
    display: block;
}

.lang-dropdown .drop-down .select-list li span {
    background-color: none;
    background-position: right 5px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #6b6b6b;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    min-height: auto;
    min-width: auto;
    opacity: 1;
    padding: 6px 32px 6px 6px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    background-color:rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
}

.lang-dropdown .drop-down .select-list li span:hover,
.lang-dropdown .drop-down .select-list li span:focus {
    opacity: 1;
    background-color: #eeeeee;
}

.lang-dropdown .drop-down {
    display: inline-block;
    margin-top: 0;
    position: relative;
    width: 95px;
}

.lang-dropdown .drop-down .button {
    width: 100%;
    border: 1px solid #6a6a6a;
    padding: 5px 10px;
}

.lang-dropdown .drop-down .button span {
    background-position: right 1px center;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: medium none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat Medium';
    font-size: 14px;
    line-height: normal;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
    width: 80%;
}

.lang-dropdown .drop-down .select-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
    border-radius: 7px;
}

.lang-dropdown .drop-down .button:hover .select-list {
    display: block;
}

.lang-dropdown .drop-down .select-list li span:hover,
.lang-dropdown .drop-down .select-list li span:focus {
    opacity: 1;
}

.login-section .lang-dropdown .drop-down {
    margin-top: 20px;
}

.login-section .lang-dropdown .drop-down .button span {
    color: #fff;
}

.before-login.pt-pt .thank-you .btn-login.transitions {
    font-size: 14px;
    padding: 6px 6px;
}

/* .top-head-bar .lang-dropdown .drop-down .button span {
    color: #ffffff;
} */

.doc-box {
    background: #FFFFFF;
    box-shadow: 0px -1px 9px -1px #d5e4fe;
    border-radius: 13px;
    padding: 40px;
    margin-top: 40px;
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.file-wrap {
    border: 3px dashed #ddd;
    padding: 25px 50px;
    text-align: center;
}
/* .lang-wrap {
    display: none!important;
} */
/*** Language Css ****/
/********************* main content home page css*************************/
.home section.entry-header {
    display: none;
}

.slider .carousel-indicators {
    display: none;
}

.header-text.hidden-xs.container {
    position: absolute;
    top: 142px;
    left: 0;
    text-align: left;
    right: 0;
    height: 100%;
}

.header-text.hidden-xs.container h2 {
    font-size: 37px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 35px;
}

.header-text.hidden-xs.container h2 span {
    display: block;
    font-size: 49px;
    padding-top: 15px;
}

.header-text.hidden-xs.container h3 {
    font-size: 64px;
    color: #fff;
    margin: 0;
}

.header-text.hidden-xs.container p {
    color: #c3c3c3;
    font-size: 48px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

.header-text.hidden-xs.container p span.line-hr {
    height: 2px;
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
}

.header-text.hidden-xs.container p span.block {
    display: block;
}

.header-text.hidden-xs.container h4 {
    color: #fff;
    font-size: 82px;
    text-transform: uppercase;
    margin: -15px 0 0;
}

.header-text.hidden-xs.container h4 span.icon-Yellow {
    font-size: 100px;
    display: inline-block;
    width: 20px;
    position: relative;
    left: -16px;
    color: #ffb400;
    top: 37px;
}

.header-text.hidden-xs.container h4 span.icon-blue {
    width: 20px;
    position: relative;
    font-size: 100px;
    display: inline-block;
    left: -18px;
    color: #28d0dd;
}

.header-text.hidden-xs.container a,
.header-text.hidden-xs.container a:hover,
.header-text.hidden-xs.container a:focus {
    color: #28d0dd;
    font-size: 37px;
    text-transform: uppercase;
    padding: 9px 47px;
    display: inline-block;
    border: none;
    height: 68px;
    width: 338px;
    text-decoration: none;
    margin-top: 45px;
}

.bottom-header {
    background: #becdc8;
    position: relative;
}

.bottom-header .navbar-inverse {
    background: transparent;
    border: none;
    margin: 0;
}

.bottom-header .navbar-collapse {
    padding-left: 0;
    padding: 5px 0;
}

.bottom-header li.dropdown:hover .dropdown-menu {
    display: block;
    background: #fff;
    border-radius: 0;
    padding: 0px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000 !important;
}

.navbar-inverse .navbar-nav>li:first-child>a {
    padding-left: 0;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
    padding: 10px;
}

.bottom-header .row-flex {
    align-items: center;
}

.bottom-header p {
    margin: 0;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bottom-header .dropdown-menu>li>a {
    padding: 7px 20px;
}

.bottom-header .s-icon.icon1 {
    background-position: -50px -704px;
    height: 17px;
    width: 17px;
    margin-right: 6px;
}

.bottom-header p a {
    background: #E6814B;
    display: inline-block;
    color: #fff;
    padding: 7px 15px;
    margin-left: 10px;
    text-decoration: none;
}

/******************* home .accounts-btns-wrapper  ********************/
.arrow-indicator.arrow-indicator-full {
    width: 100% !important;
}

.content-wrapper .arrow-indicator {
    width: 17%;
    float: left;
    margin: 0;
    padding: 0;
}

.arrow-indicator.arrow-indicator-middle {
    margin: 0 2%;
}

.content-wrapper .arrow-indicator select {
    width: 100% !IMPORTANT;
}

.form-content-box.form-content-box-label-full.praxispay-wrapper {
    padding: 15px;
}

/**************home newsletter-wrapper ***********************/
/*.form-inline .form-group .form-control { width: 55%; float: left; margin: 0 2% 0 0; height: 50px; border: 1px solid #ccc; border-radius: 5px; }*/
.right-login-wrapper input.ph-number {
    width: 80% !important;
    margin-right: 0 !important;
}
.right-login-wrapper .real-form-title{
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    background: #ebebeb;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: bold;
    color: #4a4a4a;
}

.form-inline button.btn.btn-default {
    text-transform: capitalize;
    padding: 7px 55px;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    text-shadow: none;
    color: #fff;
    font-family: 'Roboto-Bold';
    transition: 0.3s ease all;
    border-radius: 21.5px;
    background: #E6814B;
}

input.submit-common-btn {
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 0;
    max-width: 200px;
    font-size: 24px;
    font-weight: 600;
    text-shadow: none;
    background: #004c93;
    color: #fff;
    float: right !important;
}

input.submit-common-btn:hover {
    background: rgba(133, 190, 0, 1);
    background: -moz-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 190, 0, 1)), color-stop(100%, rgba(162, 231, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85be00', endColorstr='#a2e700', GradientType=0);
    text-decoration: none;
    border: 0 !important;
}

.form-inline .input-group-addon {
    padding: 6px 5px;
}

.form-inline .form-group input.form-control:read-only {
    background: #ffffff !important;
    color: #000000;
    /* border: 1px solid #5a5a59 !important; */
}

.form-inline button.btn.btn-default:hover,
.form-inline button.btn.btn-default:focus {
    background: #000;
    border: none;
    text-decoration: none;
}

.form-submit-btn {
    text-transform: capitalize;
    padding: 20px 40px;
    border-radius: 30px;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 17px;
    font-weight: 600;
    text-shadow: none;
    background: #E6814B;
    color: #fff;
}

.form-submit-btn:hover,
.form-submit-btn:focus {
    background: #767779;
    border: none;
    color: #fff;
    text-decoration: none;
    outline: none
}

/*.form-inline button.btn.btn-default.full-width-btn { width:100%; }*/
.newsletter-wrapper.newsletter-wrapper-desktop {
    display: none;
}

/**************home newsletter-wrapper ***********************/
.border-box {
    border: 2px solid #ccc;
    border-radius: 25px;
    font-weight: 400;
    margin: 0 0 8px;
    padding: 10px;
    color: #969696;
}

.blue {
    color: #5699fd;
    font-size: 15px !important;
    font-weight: 400;
}

.contact-details p a {
    color: #5699fd;
    display: inline-block;
}

.country-flag {
    display: inline-block;
    padding-right: 8px;
}

.countries-wrap p {
    padding: 5px 0 !important;
}

/************************************************/
/************************* footer-container-bottom **************************/
.footer-container-bottom {
    padding: 60px 0 40px 0;
}

.payment-methods {
    padding: 27px 0;
}

/********************************************/
/*************************************/
div#main-column {
    position: relative;
}

.open-account-btns-wrapper {
    z-index: 1;
    left: 0;
    right: 0;
}

.accounts-btns-wrapper a {
    position: relative;
    display: inline-block;
    width: 341px;
    height: 62px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    padding: 16px 30px;
    background: #3e4a45;
    margin: 0 19px;
    background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0);
}

.accounts-btns-wrapper {
    text-align: center;
    padding: 40px 0;
}

.accounts-btns-wrapper a:hover,
.accounts-btns-wrapper a:focus {
    text-decoration: none;
}
/******************* home .accounts-btns-wrapper  ********************/

.captcha-wrapp {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: -15px;
}


h1.main-heading {
    font-size: 40px;
    text-align: center;
    color: #fff;
    margin: 24px 0 13px;
    text-transform: uppercase;
}

` #site-footer {
    background: #1d1c1c;
}

@media (min-width: 768px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
    }
}

@media (min-width: 992px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }
}

.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:placeholder-shown {
    color: #000;
    opacity: 1;
}

.form-control::placeholder {
    color: #000 !important;
    opacity: 1;
}

/******form-step***********/

.line-wrapp {
    display: none;
}

.blacl-btn-wrapper {
    display: none;
}

h2.steps-heading {
    margin: 0;
    padding: 15px;
    font-size: 25px;
    color: #fff;
    display: none;
}

.form-step.active h2 span span.number-in,
.form-step h2 span span.number-in {
    background: transparent;
    border: none;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

.form-content .form-inline .form-group {
    margin-bottom: 18px;
    display: inline-block;
    width: 100%;
}

.form-content .form-inline .form-group .form-group {
    margin-bottom: 0;
}

.personal-details.profile .form-content .form-inline .form-group.has-error {
    margin: 0 0 15px;
}

.form-content form {
    margin: 0;
}

.form-content .form-inline label.form-label {
    width: 45%;
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 6px 0 0 0;
    font-weight: normal;
}

.form-content .form-inline label.form-label.form-label2 {
    padding: 0 0 0;
    margin: -7px 0 0;
}

.form-content .form-inline .step-two-box label.form-label.long {
    padding: 0;
    width: 100%;
    margin: 0 0 20px;
}

.form-content .form-inline .step-two-box label.form-label.dark-long {
    width: 50%;
    margin-right: 2%;
    /*color: #656262;*/
    color: #fff;
}

.form-content .form-inline .step-two-box select,
.form-content .form-inline .step-two-box input {
    width: 100%;
    box-shadow: none;
    outline: 0;
}

.form-content .form-inline .step-two-box input.dark-input {
    background: #403e3e;
    width: 48%;
    border: 0;
}

.form-content .form-inline .step-two-box input.light-input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    width: 48%;
}

.form-content .form-inline .step-two-box input.form-control[disabled],
.form-content .form-inline .check-box-wrapper input.form-control[disabled] {
    background: #403e3e !important;
}

.form-content .form-inline label.form-label span {
    position: relative;
    color: #f83232;
    left: 0;
    margin-right: 6px;
    display: inline-block;
}

.form-content .form-inline input {
    width: 70%;
    border: 1px solid #363636;
    border-radius: 0;
}

.form-content .form-inline select {
    border-radius: 0;
    width: 70%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -os-appearance: none;
    -ms-appearance: none;
    background: #fff;
    background-repeat: no-repeat;
    border: 1px solid #363636;
}

.form-content .form-inline.paxix select,
.form-content .form-inline.paxix input {
    width: 100%;
}

.content-wrapper .form-inline.paxix .arrow-indicator {
    width: 32%;
}

.submit-box p {
    font-size: 13px;
    color: #000;
    padding: 10px 0 0 0;
}

.container-xs.form-border {
    border: 1px solid #3a3939;
    padding: 0;
    margin-bottom: 90px;
    margin-top: 30px;
}

.form-content .form-inline input.country-code {
    width: 19%;
    float: left;
    margin-right: 1%;
}

.form-content input.ph-number {
    width: 50%;
    float: left;
}

.form-content .form-inline .form-group .arrow select {
    -moz-appearance: none;
    background: #fff no-repeat scroll 90% 14px;
    float: left;
    width: 32%;
}

.form-content .form-inline .form-group .arrow.middle select {
    float: left;
    margin: 0 2%;
    width: 32%;
}

.custom-details .form-content .form-inline label.form-label span {
    bottom: 0;
}

/*.submit-box .btn { font-size: 17px; margin: 0; text-decoration:none; background: #119a68; color: #fff; 
border: none; border-radius: 30px; color: #fff; display: inline-block; font-weight: 600; padding: 14px 0; position: relative; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; width:38%; }
.submit-box .btn:hover,
.submit-box .btn:focus { background: #767779; 
border: none;
color: #fff;
text-decoration: none;
}*/
.star {
    display: inline-block !important;
}

.right-login-wrapper p {
    margin: 0 0 15px;
    font-size: 10px;
    text-align: center;
}

.right-login-wrapper .form-group input.country-code {
    width: 20%;
    float: left;
    margin-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

span.form-control-colour-text {
    color: #545454;
    padding: 10px 3px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
    border: 1px solid #cccccc;
    padding-left: 12px;
    border-radius: 5px;
    text-align: left;
}

.submit-box button.btn-yellow {
    background: #ffb400 none repeat scroll 0 0;
    color: #1d1c1c;
    font-size: 20px;
    padding: 8px 35px 3px;
    border: #b08214;
}

.submit-box button:last-child {
    margin-right: 0;
}

.step-two-box-bottom {
    padding: 0 25px 15px 38px;
}

.form-content .form-inline .step-two-box-bottom input {
    width: 240px;
    margin-left: 33px;
}

.form-content .form-inline .step-two-box-bottom label.form-label {
    width: 38%;
}

.form-submit-btn,
.btn.form-submit-btn {
    text-transform: capitalize;
    padding: 10px 40px;
    border-radius: 30px;
    margin: 0;
    border: 2px solid #E6814B;
    width: auto !important;
    font-size: 17px;
    font-family: 'Roboto-Bold';
    text-shadow: none;
    background: #E6814B;
    color: #fff;
}

.form-submit-cancel,
.btn.form-submit-cancel {
    text-transform: capitalize;
    padding: 10px 40px;
    border-radius: 30px;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 17px;
    font-weight: 600;
    text-shadow: none;
    background: #fff;
    color: #9f9f9f;
    border: 2px solid #9f9f9f;
}

.form-submit-cancel:hover,
.form-submit-cancel:focus,
.btn.form-submit-cancel:hover,
.btn.form-submit-cancel:focus {
    background: #9f9f9f;
    padding: 10px 40px;
    border: 2px solid #9f9f9f;
    color: #fff;
    text-decoration: none;
    outline: none
}

.form-submit-btn:hover,
.form-submit-btn:focus,
.btn.form-submit-btn:hover,
.btn.form-submit-btn:focus {
    background: #767779;
    border: 2px solid #767779;
    color: #fff;
    text-decoration: none;
    outline: none;
}

/****/
/*************  before login  ***************/
p.rotat-p {
    display: none;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: -167px;
    z-index: 9;
    transform: rotate(90deg);
    bottom: 220px;
    font-family: 'RobotoThin';
}

.register-wrap .row-flex {
    position: relative;
}

.login-l {
    height: 100%;
    background: #4b4b4d url(/Images/login-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 30px 0 0 30px;
}
#addition_real_form .checkbox-wrapp input.CheckBoxClass{    margin-top: 0;
    position: absolute;
    top: 5px;}
.login-icon {
    position: absolute;
    bottom: 50px;
    right: 45px;
}

.login-l .login-icon {
    display: none;
}

.registration-bottom h3 {
    font-size: 14px;
    text-transform: capitalize;
    color: #000000
}

.registration-bottom a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

/* .registration-bottom a.active{color: #E6814B;}*/
.registration-bottom a:hover {
    text-decoration: none;
    outline: none;
    color: #E6814B !important;
}

/*************  before login  ***************/
.form-content.step-three {
    color: #fff;
}

.form-content.step-three .form-inline label.form-label.long {
    width: 70%;
    float: left;
    margin-right: 2%;
}

.form-content.step-three .form-inline label.form-label.full {
    width: 100%;
    float: left;
}

.check-box-wrapper {
    color: #656262;
}

.form-content .form-inline .check-box-wrapper input[type="checkbox"] {
    width: auto;
    margin-right: 9px;
}

.form-content .form-inline .check-box-wrapper input.cb {
    width: 240px;
    margin-left: 15px;
    background: #403e3e;
    border: 0;
}

.form-content.step-three .form-inline label.form-label {
    width: 70%;
    float: left;
    margin-right: 2%;
}

.form-content.step-three .form-inline select {
    width: 28%;
}

.squaredThree label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}


.demo-check-content-wrapp {
    margin: 0 0 1px 0;
}

.demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: #E6814B;
}

.demo-check-content-wrapp .check-box-wrapp {
    display: flex;
    align-items: center;
}

.before-login-pages .before-right-content .before-right-bottom .check-box-wrapp {
    padding: 0;
}

.demo-check-content-wrapp .check-box-wrapper .CheckBoxClass {
    width: auto;
    margin-right: 10px;
    margin-top: -7px;
}





/***/
/*******************************/
.icon-title {
    font-weight: bold;
}

.icon-title img {
    background: #365c95;
    border-radius: 30px;
    padding: 9px 10px 5px 8px;
    margin-right: 15px;
}

.left-login-wrapper {
    padding: 50px 0;
}

/***************************/
/******************************** Inner page Banner css*******************/
section.entry-header {
    display: none;
}

.inner_bnr_container .banner-content {
    padding: 30px 0;
}

.crumb a {
    color: #e9e9e9;
}

.inner_bnr_container {
    background: #ebebeb;
    margin: 0;
}

.banner-content h2 {
    font-size: 45px;
    color: #3a3a3a;
    margin: 0;
}

.banner-content p,
.banner-content p a {
    font-size: 13px;
    color: #7f7e7e;
    margin: 6px 0;
}

/***********************************************************/
/********Forgot password**********/

/*.forgot-password .form-content-box { padding: 0 40px; text-align: center; width: 60%; margin: 70px auto 0; }

.forgot-password .form-content .form-inline label.form-label { width:50%; float:left; }

.forgot-password .form-content .form-inline input { width:50%; float:left; }*/

/********Forgot password**********/
.mobile-wrapper,
.icon-menu {
    display: none;
}

/************Thank You demo page********************/
/******************/
.accounts-btns-wrapper.trading-ac a {
    position: relative;
    display: inline-block;
    width: 290px;
    height: 57px;
    font-size: 23px;
    text-transform: uppercase;
    padding: 13px 0;
    background: #3e4a45;
    margin: 0 19px;
    background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0);
}

.oaa {
    color: #393939;
    font-size: 23px;
    text-align: center;
    padding: 0;
    margin: 30px 0 -10px 0;
}

.clrwhite {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    padding-left: 35px;
    position: relative;
}

.no-pading {
    padding: 0;
}

/************Ticker**************/

.social-dash .title {
    color: #E6814B !important;
    text-align: center !important;
    margin: 0 0 30px 0 !important;
    font-size: 24px !important;
}

#market_rates_ticker {
    background: #3f3f3f;
    color: #999999;
}

/************Ticker**************/

/*******/
.ticketing-details .td-header,
.get-tickets .td-header {
    padding: 20px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ticketing-details .td-header h2,
.get-tickets h2 {
    margin: 0;
    font-size: 22px;
    color: #000;
    padding: 10px 0;

}

.ticketing-details .td-header .common-btn {
    float: right;
}

.ticketing-details .td-chat-content {
    padding: 0 20px;
}

.td-chat-content .post.cases-post {
    background: #36aac517;
    padding: 15px;
    border-radius: 9px;
    border: 1px solid #36aac529;
    margin: 0 0 15px 0;
    color: #838383;
}

.post.cases-post.admin-reply {
    background: var(--lv2-surface-alt);
    border: 1px solid #e3e3e3;
}

.td-chat-content .post.cases-post p {
    margin: 0 0 4px 0;
    font-size: 13px;
    color: #848484;
}

.td-chat-content .post.cases-post .username span {
    width: 100%;
    display: block;
}

.td-chat-content .post.cases-post .username .nameclass {
    font-size: 14px;
}

.td-chat-content .post.cases-post .username .nameclass i {
    margin-right: 5px;
}

.td-chat-content .post.cases-post .description {
    margin-left: 20px;
}

.td-chat-content .case-form-content .control-label {
    font-size: 16px;
    margin: 6px 0 6px 0;
}

.td-chat-content .case-form-content .btn-wrap {
    margin-top: 15px;
}

.ticketing-details .post .form-group {
    margin: 0;
}

.ticketing-details .cke_top,
.addTicket .cke_top {
    border-bottom: 1px solid #dfdfdf;
    background: #fff;
}

.ticketing-details .cke_chrome,
.addTicket .cke_chrome {
    border: 1px solid #dfdfdf;
    box-shadow: none;
}

.ticketing-details .cke_toolgroup,
.addTicket .cke_toolgroup {
    background: #fff;
    border: 1px solid #dfdfdf;
}

.ticketing-details a.cke_combo_button,
.addTicket a.cke_combo_button {
    background: #fff;
}

.ticketing-details .cke_bottom,
.addTicket .cke_bottom {
    background: #fff;
}

.withdrawal-request.addTicket .steps-main-heading {
    margin: 0;
    padding: 25px 15px 0 15px;
}

.ticketing-details .btn-warning {
    color: #fff !important;
    background-color: #E6814B !important;
    border-color: #E6814B !important;
}

/*******/


/******User Name section**********/
span.user-name {
    color: #545454;
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
}

.right-links .btn-group .caret::after {
    right: 10px;
    top: 9px;
}

span.main-user-name {
    color: #06203d;
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
}

span.main-user-name.equity {
    color: #E6814B;
}

/******User Name section**********/
/*****************Common Css********************/
body {
    position: relative;
    font-size: 14px;
    overflow-x: hidden;
    color: #636363;
}

p {
    font-size: 14px;
    color: #dad8d8;
}

a {
    color: #767779;
}

a:hover,
a:focus {
    color: #337ab7 !important;
    text-decoration: underline;
}

.main-heading {
    color: #363636;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 30px 15px;
    text-transform: capitalize;
}

.steps-main-heading {
    color: #000;
    font-size: 27px;
    padding-left: 20px;
    margin: 0 0 0px 0;
    padding: 30px 30px 10px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.withdrawal-request .steps-main-heading {
    margin: 0;
}

.main-heading.step-title {
    padding: 30px 0;
}

.form-error {
    font-size: 12px;
}

.form-group.has-error {
    margin: 0;
}

.small-heading {
    color: #363636;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 18px;
    margin-top: 0;
    padding: 0 15px;
}

.padding-lr0px {
    padding-left: 0;
    padding-right: 0;
}

/* ............. Utility classess.......... */
.p-0 {
    padding: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-40 {
    padding: 40px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*checkbox css start*/
.checkbox-wrapp {
    margin: 0 0 0 0;
    display: flex;
    align-items: baseline;
}

.checkbox-wrapp input.CheckBoxClass {
    width: auto !important;
    margin-right: 8px;
    margin-top: -6px;
}

/* [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { left: -9999px; position: absolute; }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { color: #444; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 32px; margin: 0; padding-left: 30px; padding-top: 0; position: relative; text-align: left; }
[type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::before { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: none; content: ""; height: 20px; left: 2px; position: absolute; top: 4px; width: 20px; }
[type="checkbox"]:checked + label::after, [type="checkbox"]:not(:checked) + label::after { color: #E6814B; content: "✔"; font-size: 13px; left: 7px; line-height: 0.8; position: absolute; top: 8px; transition: all 0.2s ease 0s; }
[type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:checked + label::before, [type="checkbox"]:disabled:not(:checked) + label::before { background-color: #ddd; border-color: #bbb; box-shadow: none; }
[type="checkbox"]:disabled:checked + label::after { color: #999; }
[type="checkbox"]:disabled + label { color: #aaa; } */
label a {
    color: #E6814B;
    font-weight: 600;
}

label a:hover,
label a:focus {
    color: #767779 !important;
    text-decoration: none;
}

label:hover::before {
    border: 1px solid #9e9e9e !important;
}

.trading_history .select-arrow:after {
    display: none;
}

.dashboard-bottom .select-arrow:after {
    display: none;
}

body table.dataTable thead .sorting {
    background-image: url(/Images/sort_both.png) !important;
}

body table.dataTable thead .sorting_asc {
    background-image: url(/Images/sort_asc.png) !important;
}

/************************/
/**********pymnt-mthds*************/
.pymnt-mthds {
    box-shadow: 0 0 10px #ccc inset;
    margin: 0 auto 25px;
    padding: 10px 10px;
    text-align: center;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pymnt-mthds img {
    width: 60%;
}

.pymnt-mthds h4 {
    margin-bottom: 0px;
}

/**********************************/
.Introducing_brokers_affiliates p.rotat-p {
    font-size: 40px !important;
    bottom: -243px !important;
    left: -92px !important;
}

/**********/
.amount-options {
    display: block;
    margin: 0 0 10px;
    padding: 0px;
}

.amount-options li {
    display: inline-block;
    list-style: none;
}

.amount-options span {
    display: inline-block;
    font-size: 13px;
    color: rgb(85, 85, 85);
    font-weight: 500;
    position: relative;
    background: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(168, 168, 168);
    border-image: initial;
    border-radius: 4px;
    padding: 5px 8px;
    margin: 0px 7px 0px 0px;
}

/**********/
/************/
table.bnk-trnsfer {
    border: 1px solid #ccc;
    border-collapse: separate;
    margin: 0 0 30px;
    width: 100%;
}

table.bnk-trnsfer tr th {
    background: #E6814B none repeat scroll 0 0;
    border-bottom: medium none;
    border-right: 1px solid #fff;
    border-top: medium none;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    text-align: center;
    padding: 8px 12px;
    text-transform: uppercase;
    vertical-align: middle;
}

table.bnk-trnsfer tr th:last-child {
    border-right: medium none;
}

table.bnk-trnsfer td {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}

table.bnk-trnsfer tr:nth-child(2n+1) td {
    background: #e8e8ec none repeat scroll 0 0;
}

/**********/
.text-muted-sm {
    padding: 10px !important;
    margin: 10px 0 !important;
}

/************Deposit Table CSS************/
.common-table {
    background: #fff none repeat scroll 0 0;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #DCDCDC;
}

.common-table th {
    background: #EEF3FA none repeat scroll 0 0;
    font-weight: normal;
    box-sizing: border-box;
    color: #494848;
    float: none;
    font-size: 15px;
    padding: 15px 6px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
}

.common-table th:first-child {
    border-radius: 0;
}

.common-table th:last-child {
    border-radius: 0;
    border-right: none;
}

.common-table td {
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    color: #8C8C8C;
    font-size: 15px;
    font-weight: 300;
    padding: 15px 6px;
    text-align: center;
    text-transform: capitalize;
    text-align: center;
    background: #ffffff;
}

.common-table td a.deposit-btn {
    border: 2px solid #99d213;
    border-radius: 20px;
    color: #99d213;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 18px;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
}

.common-table td a.deposit-btn:hover,
.common-table td a.deposit-btn:focus {
    background: #99d213 none repeat scroll 0 0;
    border: 2px solid transparent;
    color: #fff;
    text-decoration: none;
}

.common-table td:last-child {
    border-right: none;
}

.common-table a {
    color: #000000;
    ;
}

.common-table thead {
    border-bottom: 1px solid #DCDCDC;
}

/***************************/
/**********top header********************/
.home .inner_bnr_container {
    display: none;
}

.site-header {
    z-index: 9999999;
}

.top-head-bar{
    align-items: center;
    background: #12223a repeat scroll 0 0;
    display:flex;
    padding: 0 0;
    /* width: 100vw;border-bottom: 1px solid #edbc5d; */
}
.form-content .form-inline .form-group span#phone-error {
    bottom: -18px;
}
.main-top-text {
    font-size: 16px;
    font-weight: 400;
    background: black;
    color: #fff;
    padding: 10px 24px;
    border-radius: 6px;
    display: inline-block;
    margin: 0;
}

.hamburger-menu {
    font-size: 22px;
    cursor: pointer;
    top: -16px;
    position: relative;
    padding-right: 8px;
}

.logo {
    width: 250px !important;
    padding: 5px 0;
    text-align: center;
    justify-content: center ! IMPORTANT;
    position: relative;
    background: #fff;
    display: flex;    border-right: 1px solid #edbc5d;
}

.site-title.logo {
    display: inline-block;
}

.top-head-bar .left-links a {
    color: #7f7f7f;
    font-size: 13px;
    display: inline-block;
    margin: 0 25px 0 0;
    position: relative;
}

.top-head-bar .left-links a:hover {
    text-decoration: underline;
}

.left-links a span {
    font-size: 17px;
    margin: 0 6px 0 0 !important;
}

.left-links a:last-child span {
    margin: 0;
    position: relative;
    left: -6px;
}

.top-head-bar .left-links a:after {
    content: "";
    height: 12px;
    width: 1px;
    background: #7f7f7f;
    position: absolute;
    right: -13px;
    top: 4px;
}

.top-head-bar .left-links a:last-child:after {
    display: none;
}

.top-head-bar .right-links {
    text-align: right;
}

.top-head-bar .right-links img {
    position: relative;
    /*top: -5px;*/
}

.common-btn {
    /* box-shadow: 1px 0px 4px #88cff1; */
    border-radius: 21.5px;
    padding: 8px 50px;
    color: #fff ! Important;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    background: #E6814B;
    margin: 10px 0;
    border: 1px solid transparent;
    position: relative;
}

.common-btn:hover,
.common-btn:focus {
    border: 1px solid #E6814B;
    color: #000000 !important;
    background: #0000;
}

.common-btn-profile {
    display: inline-block;
    font-size: 15px;
    margin-top: 28px;
    padding: 12px 50px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-transform: capitalize;
    transition: all 0.3s ease-in 0s;
    border-radius: 0;
    font-family: 'Roboto-Bold';
    background: #E6814B;
    color: #fff;
    border: 0;
    border-radius: 21.5px;
    background: #E6814B;
}

body .datepicker-dropdown.datepicker-orient-left:before {
    left: 16px;
}

body .datepicker-dropdown.datepicker-orient-left:after {
    left: 17px;
}

/*************** flag dropdown *************/
.r-page .dropdown-right-wrapper {
    background: #fff;
    float: right;
    margin: 0 0 0 10px;
    display: flex;
    display: none;
}

.dropdown-right .drop-down .button a.select-list-link {
    color: #7f7f7f;
    position: relative;
    float: right;
}

.dropdown-right .drop-down select {
    display: none;
}

.dropdown-right .drop-down .button span.fa.fa-angle-down {
    position: relative;
    height: auto;
    width: auto;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    font-size: 15px;
}

.dropdown-right .drop-down .select-list li {
    display: none;
    list-style: none;
}

.dropdown-right .drop-down .select-list li:hover {
    background: #eeeeee;
}

.dropdown-right .drop-down .button:hover .select-list {
    display: block;
}

.dropdown-right .drop-down .select-list li span {
    background-color: none;
    background-position: right 8px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #363636;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    min-height: auto;
    min-width: auto;
    opacity: 1;
    padding: 6px 32px 6px 10px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.dropdown-right .drop-down .select-list li span:hover,
.dropdown-right .drop-down .select-list li span:focus {
    opacity: 1;
    background-color: #eeeeee;
}

.dropdown-right .drop-down {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    margin-top: 0;
    position: relative;
    width: 90px;
    padding: 9px 10px 9px 10px;
    border: 1px solid #ccc;
}

.top-head-bar .dropdown-right .drop-down {
    border: none;
}

.dropdown-right .drop-down .button {
    width: 100%;
}

.dropdown-right .drop-down .button span {
    background-position: right 1px center;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: medium none;
    color: #e2e2e2;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
    width: 50px;
    float: left;
}

.dropdown-right .drop-down .button span.fa.fa-sort-desc {
    font-size: 17px;
    margin: -9px 0 0 0;
    padding: 4px 0 4px 5px;
    width: auto;
}

.dropdown-right .drop-down .select-list {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 40;
    margin-top: 40px;
    padding: 0;
    background-color: #595959;
    width: 90px;
    margin-left: 0;
}

.dropdown-right .drop-down .button:hover .select-list {
    display: block;
}

.dropdown-right .drop-down .select-list li span:hover,
.dropdown-right .drop-down .select-list li span:focus {
    opacity: 1;
}

/**********top header********************/
/*****************main Menu******************/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #434b50;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    display: inline-block;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

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

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

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

.main-navigation .navbar-nav>li {
    float: none;
    display: inline-block;
}

.main-navigation {
    background: #06203d;
}

.main-navigation .navbar-nav {
    margin: 0 auto;
    width: 100%;
    float: none;
    text-align: center;
}

.main-navigation .navbar-default {
    background: transparent;
    border: 0;
}

.main-navigation .navbar-default {
    background: transparent;
    border: 0;
    margin: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #4477c4;
}

.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu {
    background-image: none;
    background-color: #4477c4;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0px 0 0 0;
    border: 0;
}

.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a {
    padding: 10px 60px 10px 20px;
    color: #fff;
}

.main-navigation ul.primary-menu li:hover {
    background-color: #4477c4;
}

.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a:focus,
.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a:hover {
    background: #2d61ad;
}

.main-navigation ul.primary-menu .dropdown-menu>.active>a,
.main-navigation ul.primary-menu .dropdown-menu>.active>a:focus,
.main-navigation ul.primary-menu .dropdown-menu>.active>a:hover {
    background-image: none;
    background-color: #2d61ad;
}

.login-details {
    text-align: right;
}

button.btn.btn-default.dropdown-toggle.user {
    background: transparent;
    border: 0;
    box-shadow: none;
}

button.btn.btn-default.dropdown-toggle.user:hover {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.login-details .common-btn {
    float: right;
    margin-left: 7px;
}

/*****************main Menu******************/
/**************Login Page******************/
.login-page{
    height: calc(96vh - 2vh);
    position: relative;
}

/*.login-page .form-content { height: 100%; }*/
.login-page .form-content-box {
    padding: 0 40px;
    text-align: center;
    width: 50%;
    margin: 70px auto 0;
}

/*.login-page .register-wrap {
    width: 90%;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: initial;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0px 0px 6px 0px #7d7d7d;
    padding: 0;
    border-radius: 30px;
}*/
.login-page .register-wrap {
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.login-text {
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    padding: 18px 0;
    text-align: center;
}

.login-page .registration-top {
    padding: 0 40px 0 0;
    border-bottom: 0;
    /* margin-top: 40px; */
    display: block;
}

.page-title {
    display: none;
}

.registration-bottom {
    padding: 20px 0 35px 0;
    text-align: center;
}

.registration-bottom p {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
}

.signup-text a.here {
    color: #767779;
}

/* .forgot-password-sec{ border-radius:20px; background:#E6814B;} */
.login-page .forgot-password-sec .registration-top {
    background: #fff;
    padding: 0px !important;
    margin: 0;
    width: 100%;
    display: block;
    border-radius: 20px;
}

.login-page .forgot-password-sec .registration-top h2 {
    color: #E6814B;
}

.login-page .forgot-password-sec .registration-top img {
    height: 50px;
}

.forgot-password p.rotat-p {
    font-size: 25px;
    left: -73px;
    bottom: -167px;
}

.thank-you .registration-top {
    display: block;
}

.before-left-content {
    background: #F4FEFF;
    padding: 30px 30px 30px 15px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 100%;
}

.before-right-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 30px 15px 30px 30px;
    /* align-items: center; */
}

.before-right-content h2 {
    padding: 0;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: 28px;
    color: #E6814B;
}

.before-right-top p {
    color: #666464;
}

.before-login-pages .before-right-content p {
    font-size: 15px;
    color: #000 !important;
    padding: 0;
    padding: 0;
}

.padd-top {
    padding-top: 20px;
    border-radius: 10px;
}


.reg-bottom h3 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 15px;
}

.login-page .login-img {
    height: 80%;
}

.form-group.input-icon {
    position: relative;
    margin: 0;
}

.country-icon.selct-new select {
    width: 100% !important;
    padding-left: 5px !important;
}



.input-icon.username-icon:after {
    background-position: -71px -116px;
}

.input-icon.password-icon1:after {
    background-position: -71px -166px;
}

.input-icon.username-icon2:after {
    background-position: -71px -367px;
}

.input-icon.country-icon:after,
.input-icon.country-icon:after {
    background-position: -71px -493px;
}

.input-icon.email-icon:after {
    background-position: -71px -450px;
}

.input-icon.password-icon:after {
    background-position: -71px -410px;
}

.eye-open .password-icon-login:after {
    background-position: -78px -664px;
    left: -30px;
    top: -54px;
    width: 25px;
    height: 25px;
    margin: 0 auto;    
    position: absolute;
    display: inline-block;
}

.password-icon-login:after {
    content: "";
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: inline-block;
    background: url(/Images/sprite-proppulse.png);
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: -54px;
    left: -30px;
    background-position: -78px -615px;
}

.password-icon-login-reg:after {
    content: "";
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: inline-block;
    background: url(/Images/sprite-proppulse.png);
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: -54px;
    left: -30px;
    background-position: -78px -615px;
}

.eye-open .password-icon-login-reg:after {
    background-position: -78px -664px;
    left: -30px;
    top: -54px;
    width: 25px;
    height: 25px;
    margin: 0 auto;    
    position: absolute;
    display: inline-block;
}
.input-icon:after {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: inline-block;
    background: url(/Images/new-sprite-lt.png);
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: 11px;
    left: 10px;
}

/********Login Page**********/
.forgot-password.login-page .home-redirect {
    display: inline-block;
}

.home-redirect {
    position: absolute;
    right: 5px;
    top: 10px;
    margin: 0;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 19px;
    font-weight: 400;
    z-index: 1;
    background: #E6814B;
    border-radius: 40px;
    display: none;
}

span.close-btm {
    vertical-align: middle;
}

.home-redirect a {
    font-family: monospace;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    top: 2px;
}

/*********Spet2 page**************/
.form-step-wrapper {
    padding: 0;
    overflow: hidden;
    background: #06203d;
    position: relative;
}

.form-step {
    padding: 0 15px;
    text-align: center;
    display: inline-block;
    width: 33%;
}

.form-step h2 {
    vertical-align: middle;
    margin: 5px 0 9px 0;
}

.main-heading.step-two {
    padding: 40px 0 0 0;
}

.form-step h2 span.text-head {
    font-size: 18px;
    color: #fff;
    background: transparent !important;
    border: none !important;
    display: block;
    width: auto;
    height: auto;
    padding: 0 0;
    margin: 0 0;
    text-transform: capitalize;
}

.form-step h2 span {
    font-size: 30px;
    width: 45px;
    height: 45px;
    color: #185da8;
    border-radius: 25px;
    padding: 1px 6px 6px 6px;
    margin-right: 9px;
    display: inline-block;
    margin-right: 11px;
    text-align: center;
    border: 2px solid #fff;
    vertical-align: middle;
    background: #06203d;
}

.form-step.active h2 span {
    color: #fff;
    background: #185da8;
    border: 2px solid #185da8;
}

.form-step.active.icon-check h2 span {
    color: #fff;
    background: #55b429;
    border: 2px solid #55b429;
}

.form-step.active.icon-check h2 span i {
    color: #03560b;
}

.form-content-box.step-two-wrapper {
    padding: 0 15px;
    color: #fff;
    background: #f3f3f3;
}

.form-content-box.step-two-wrapper .step-two-box select {
    width: 100%;
}

.form-content-box.step-two-wrapper button.btn.btn-default {
    width: 100%;
    padding: 5px 70px;
    font-size: 22px;
    height: auto;
    background: #E6814B;
    text-decoration: none;
    border: 0;
}

.form-content-box.step-two-wrapper button.btn.btn-default:hover {
    background: #6bda36;
    text-decoration: none;
    border: 0;
}

.form-content-box.step-two-wrapper button.btn.btn-default:focus {
    background: #3e8d18;
    text-decoration: none;
    border: 0;
}

.form-content-box.step-two-wrapper button.btn.btn-default:after {
    display: none;
}

.form-content-box.step-two-wrapper .form-group .arrow select {
    width: 32.5%;
}

.form-content-box.step-two-wrapper .form-group .arrow.middle select {
    width: 31%;
}

.step-two-wrapper {
    background: #ffffff none repeat scroll 0 0;
    padding: 25px 35px 0px 0;
    border-radius: 0 0 30px 30px;
}

.step-two-box.step2 {
    padding: 0;
}

.forgot-password .step-two-wrapper {
    padding: 15px 20px 10px 40px;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: -1px 0 0 0;
}

.real-form-boder {
    padding-bottom: 15px;
}

.step-box-head {
    margin: 0 0 35px;
}

.personal-details .step-box-head {
    margin: 30px 15px;
}

.step-box-head a {
    color: #363636;
}

.title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    color: 636363;
    line-height: normal;
}

:lang(sv) .title {
    font-size: 16px !important;
}

:lang(sv) .sub-footer .sf_title {
    font-size: 20px;
}

.medium-title {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 6px;
    color: 636363;
    line-height: normal;
}

.thank-title {
    font-size: 34px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 6px;
    color: 636363;
    line-height: normal;
}

.green-heading {
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
    color: #E6814B;
    line-height: normal;
}

.personal-details .step-box-head .green-bg:before {
    display: none;
}

.personal-details .step-box-head .green-bg {
    border-radius: 16px !important;
}

.step-info {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 18px;
    display: flex;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.green-bg {
    background: #119a68 none repeat scroll 0 0;
    border-radius: 16px 0 0 16px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative;
    color: #fff;
}

.green-bg::after {
    border-bottom: 19px solid transparent;
    border-left: 14px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    right: -13px;
    top: 0;
}

.green-bg:last-child::before {
    border-bottom: 19px solid transparent;
    border-left: 14px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.green-bg:nth-child(2n)::before {
    border-bottom: 19px solid transparent;
    border-left: 14px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.green-bg:last-child {
    border-radius: 0 16px 16px 0 !important;
}

.green-bg:nth-child(2n) {
    border-radius: 0;
}

.green-bg:last-child::after {
    display: none;
}

.common-border {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

.common-border-profile {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-top: 5px;
}

.select-btn {
    background: #e6e6e6 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px !important;
    display: inline-block;
    padding: 10px 15px;
    width: 31.3%;
    color: #333;
}

.select-btn-middle {
    margin: 0 10px !important;
}

.select-btn.active,
.select-btn:focus,
.select-btn:hover,
.select-btn.active,
.select-btn.focus {
    background: #E6814B none repeat scroll 0 0 !important;
    border: medium none;
    box-shadow: none;
}

.step-two-wrapper .btn-group {
    display: block;
}

.extra-padding {
    padding-left: 45px;
    padding-right: 45px;
}

.flex-box {
    align-items: center;
    display: flex;
    justify-content: center;
}

.small-size-para {
    font-size: 12px;
}

.leverage-details {
    margin-bottom: 35px;
}

.leverage-details .btn-group .btn {
    float: none;
}

.shwd-wrap-box {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 3px 4px 33px 1px rgba(204, 204, 204, 0.75);
    margin: 8px 0;
    padding: 25px 0;
    text-align: center;
    border-radius: 5px;
}

.shwd-wrap-box .medium-title {
    color: #969696;
    font-size: 32px;
    margin-bottom: 16px;
}

.shwd-wrap-box .select-btn {
    background: rgba(162, 231, 0, 1);
    background: -moz-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162, 231, 0, 1)), color-stop(100%, rgba(133, 190, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2e700', endColorstr='#85be00', GradientType=0);
    border: medium none;
    border-radius: 40px !important;
    padding: 15px 65px;
    width: auto;
    display: inline-block;
    color: #fff;
}

.shwd-wrap-box .select-btn:hover,
.shwd-wrap-box .select-btn:focus {
    background: rgba(133, 190, 0, 1);
    background: -moz-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 190, 0, 1)), color-stop(100%, rgba(162, 231, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85be00', endColorstr='#a2e700', GradientType=0);
}

.shwd-wrap-box:nth-child(2n) {
    padding: 25px 0 5px;
    z-index: 2;
}

.shwd-wrap-box:nth-child(2n)::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 6px 12px rgba(204, 204, 204, 0.4);
    bottom: -16px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.shwd-wrap-box:nth-child(2n)::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 -6px 12px rgba(204, 204, 204, 0.4);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -16px;
    width: 100%;
}

.ribbon-title {
    background: #309bff none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: -25px -11px 15px;
    padding: 8px 0;
    position: relative;
}

.ribbon-title::before {
    border-bottom: 7px solid #95ccff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    left: 1px;
    top: -16px;
}

.ribbon-title::after {
    border-bottom: 7px solid #95ccff;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    right: 1px;
    top: -16px;
}

.white-bg {
    position: relative;
    box-sizing: border-box;
}

.white-bg:before {
    border: 13.5px solid black;
    border-color: transparent;
    content: "";
    position: absolute;
    left: -12px;
    top: 28px;
    width: 0;
    height: 0;
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: rotate(-135deg);
}

a.new-account {
    font-size: 13px;
    color: #000000;
}

a.new-account:hover {
    text-decoration: none;
}

a.new-account:hover {
    color: #E6814B;
}

.home-redirect a:hover {
    color: #fff;
}

/*********Step2 page**************/
/*****************Registration Step One *************************************/
/******* registration top **********/
/*---------------------*/
.register-logo {
    display: flex;
    margin: 0;
    align-items: center;
}

.register-logo img.img-responsive {
    width: auto;
    margin-right: 50px;
}

.login-top {
    text-align: center;
    display: flex;
    justify-content: center;
}

.before-reg {
    background: #5b9fae24;
    padding: 30px 30px 30px 15px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 100%;
}

.before-reg .login-img {
    padding: 80px 0 80px 0;
}

.switcher {
    align-items: center;
    display: none !important;
    justify-content: center;
    margin: 10px 20px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0 12px;
}

.switch input {
    display: none;
}

.login-box {
    display: none !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E6814B;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

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

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

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:checked+a .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.switcher>span {
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

span.green {
    color: #E6814B;
}

.green {
    color: #E6814B;
}

.text {
    font-size: 12px;
}

/*-------------------*/
.right-cont {
    align-items: center;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

.right-cont div {
    display: inline-block;
}

.registration-top {
    /*background: #fff none repeat scroll 0 0;*/
    /* border-radius: 0px 30px 0 0; */
    padding: 0px 40px 20px;
    width: 100%;
    margin: auto;
    display: none;
}

.join-btn {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #119a68;
    border-radius: 25px;
    color: #119a68;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 10px 35px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s ease-in 0s;
}

.join-btn:hover,
.join-btn:focus {
    background: #119a68 none repeat scroll 0 0;
    border: 2px solid #E6814B;
    color: #fff;
    text-decoration: none;
}

/******* registration top end **********/
.register-wrap {
    margin: 0 auto;
    width: 90%;
    background: #ffffff none repeat scroll 0 0;
    position: relative;
    padding: 0px;
    border-radius: 30px
}

.form-content-box {
    padding: 0;
}

.left-login-wrapper {
    padding: 50px 0;
}

.right-login-wrapper {
    background: #ffffff none repeat scroll 0 0;
    padding: 30px;
    height: auto;
    position: relative;
}

.right-login-wrapper .main-heading,
.left-login-wrapper .main-heading {
    padding: 0 0 30px 0;
}

.ibuser-login {
    overflow: hidden;
}

.ibuser-login .rpl-top {
    align-items: center !important;
}

/* .form-content .ibuser-login .form-inline .form-group span{bottom: 0;right:15px;} */

.icon-title {
    color: #3a3a3a;
    font-size: 22px;
}

.icon-title img {
    background: #365c95;
    border-radius: 30px;
    padding: 9px 10px 5px 8px;
    margin-right: 15px;
}

.btn.sign-up,
.sign-up {
    width: 100%;
    font-size: 15px;
    margin: 0 0 5px;
    text-decoration: none;
    background: #119a68;
    border: none;
    border-radius: 30px;
    color: #fff;
    display:
        inline-block;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    font-family: 'Roboto-Bold';
}

.btn.sign-up:hover,
.btn.sign-up:focus,
.sign-up:hover,
.sign-up:focus {
    background: #767779;
    border: none;
    color: #fff;
    text-decoration: none;
}

.right-login-wrapper p {
    margin: 0 0 15px;
    font-size: 10px;
    text-align: center;
}

.right-login-wrapper .form-group input.country-code {
    width: 20%;
    float: left;
    margin-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

span.form-control-colour-text {
    color: #545454;
    padding: 10px 3px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
    border: 1px solid #cccccc;
    padding-left: 12px;
    border-radius: 5px;
    text-align: left;
}

.right-login-wrapper .form-group input.ph-number {
    width: 80% !important;
    margin: 0 !important;
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 10px !important;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.btn.normal-btn,
.normal-btn {
    padding: 15px 65px;
    width: auto;
    background: transparent;
    color: #119a68;
    border: 2px solid;
}

.btn.normal-btn.normal-btn-left:hover,
.btn.normal-btn.normal-btn-left:focus,
.normal-btn.normal-btn-left:hover,
.normal-btn.normal-btn-left:focus {
    background: #119a68;
    border: 2px solid #119a68;
    color: #fff;
}

.btn.normal-btn.normal-btn-right,
.normal-btn.normal-btn-right {
    color: #767779;
}

.btn.normal-btn.normal-btn-right:hover,
.btn.normal-btn.normal-btn-right:focus,
.normal-btn.normal-btn-right:hover,
.normal-btn.normal-btn-right:focus {
    background: #767779;
    border: 2px solid #767779;
    color: #fff;
}

.select-btn.active {
    background: #E6814B !important;
}

tr.active td:first-child {
    /* background: #e7e7e7; */
}

.register-wrap .btn-primary {
    color: #E6814B ! IMPORTANT;
    background: #0000;
    border: 1px solid #0000;
    color: #E6814B;
    border-radius: 25px !important;
    box-shadow: 1px 0px 11px -4px #57849b !important;
}

.register-wrap .btn-primary.select-btn.active,
.register-wrap .select-btn:hover {
    color: #fff !IMPORTANT;
    background: #E6814B;
    border: 1px solid #E6814B;
}

body .report_page {
    padding: 30px;
}

.report_page table.dataTable.no-footer {
    border-bottom: 1px solid #DCDCDC;
}

.report_page table.dataTable>thead>tr>th,
.report_page table.dataTable>thead>tr>td {
    border-bottom: 1px solid #DCDCDC;
}

.report_page table.dataTable thead .sorting {
    background-image: none !important;
}

.report_page .btn-default {
    margin: 0 0 0 7px;
}

.report_page .input-daterange .input-group-addon {
    border-width: 1px 0px 1px 1px;
}

.report_page .paging_simple_numbers span a {
    border: 1px solid #119a68;
    margin: 0 2px;
    box-shadow: 1px 0px 4px #88cff1;
    border-radius: 21.5px;
    padding: 3px 15px;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    background: #E6814B;
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
}

.report_page .paging_simple_numbers a {
    text-decoration: underline;
}

/*****************Registration Step One End*************************************/
/***************Side Bar CSS*****************************/
/****************Slidebar START**********************/
aside.main-sidebar {
    float: left;
    height: 100Vh;
}

.sidebar ul.sidebar-menu {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99;
}

/*.sidebar ul.sidebar-menu::after { background: #252d3a none repeat scroll 0 0; content: ""; height: 40%; position: absolute; width: 250px; z-index: 0; }*/
.sidebar ul.sidebar-menu:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 33%;
    background: #252d3a;
    display: none;
}

.sidebar ul.sidebar-menu li {
    list-style: outside none none;
    margin: 0 auto;
}

.sidebar ul.sidebar-menu .text-center {
    display: block;
    text-align: left;
    padding-left: 15px;
}

.sidebar ul.sidebar-menu li a {
    color:#404040;
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Roboto-Bold';
    background: #F2BB4A;
}

.sidebar ul.sidebar-menu li a i {
    padding-right: 15px;
}

.sidebar ul.sidebar-menu li a i.withdrawal {
    transform: rotate(180deg) translate(15px, 0px);
}

.sidebar ul.sidebar-menu li a:hover i,
.sidebar ul.sidebar-menu li a:focus i {
    color: #767779;
}

li.treeview.active a i {
    color: #ffffff;
}

.sidebar ul.sidebar-menu li a:hover,
.sidebar ul.sidebar-menu li a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
    background: #E6814B;
    ;
    position: relative;
}

.sidebar ul.sidebar-menu li a:hover:after,
.sidebar ul.sidebar-menu li a:focus:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #767779;
    display: none;
}

.sidebar li.treeview.active a {
    color: #fff !important;
    text-decoration: none !important;
    background: #E6814B;
}

li.treeview.active {
    position: relative;
}

li.treeview.active a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    display: none;
}

.sidebar ul.sidebar-menu li a:hover,
.sidebar ul.sidebar-menu li a:focus {
    color: #fff;
    text-decoration: none !important;
    background: #E6814B
}

.sidebar ul.sidebar-menu li:last-child {
    border: none;
}

.sidebar ul.sidebar-menu li a i {
    color: #fff;
}

.sidebar ul.sidebar-menu li.trade-now-bttn {
    background: #119a68;
}

.sidebar ul.sidebar-menu li.trade-now-bttn a {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.sidebar ul.sidebar-menu li.trade-now-bttn a:hover,
.sidebar ul.sidebar-menu li.trade-now-bttn a:focus {
    color: #fff;
}

.sidebar ul.sidebar-menu li .s-icon {
    height: 20px;
    width: 20px;
    display: block;
    margin: auto;
    float: left;
    margin-right: 10px;
    display:none;
}

.sidebar ul.sidebar-menu .op-icon {
    background-position: -168px -655px;
}

.sidebar ul.sidebar-menu li a:hover .op-icon,
.sidebar ul.sidebar-menu li a.active .op-icon {
    background-position: -168px -655px;
}

.sidebar ul.sidebar-menu .user {
    background-position: -277px -51px;
}

.sidebar ul.sidebar-menu li a:hover .user,
.sidebar ul.sidebar-menu li a.active .user {
    background-position: -170px -52px;
}

.sidebar ul.sidebar-menu .d-icon {
    background-position: -279px -114px;
}

.sidebar ul.sidebar-menu li a:hover .d-icon,
.sidebar ul.sidebar-menu li a.active .d-icon {
    background-position: -171px -113px;
}

.sidebar ul.sidebar-menu .w-icon {
    background-position: -276px -173px;
}

.sidebar ul.sidebar-menu li a:hover .w-icon,
.sidebar ul.sidebar-menu li a.active .w-icon {
    background-position: -168px -173px;
}

.sidebar ul.sidebar-menu .t-icon {
    background-position: -276px -231px;
}

.sidebar ul.sidebar-menu li a:hover .t-icon,
.sidebar ul.sidebar-menu li a.active .t-icon {
    background-position: -169px -231px;
}

.sidebar ul.sidebar-menu .a-icon {
    background-position: -277px -289px;
}

.sidebar ul.sidebar-menu li a:hover .a-icon,
.sidebar ul.sidebar-menu li a.active .a-icon {
    background-position: -169px -290px;
}

.sidebar ul.sidebar-menu .b-icon {
    background-position: -279px -350px;
}

.sidebar ul.sidebar-menu li a:hover .b-icon,
.sidebar ul.sidebar-menu li a.active .b-icon {
    background-position: -171px -350px;
}

.sidebar ul.sidebar-menu .earphone {
    background-position: -278px -409px;
}

.sidebar ul.sidebar-menu li a:hover .earphone,
.sidebar ul.sidebar-menu li a.active .earphone {
    background-position: -170px -411px;
}

.sidebar ul.sidebar-menu .mo-icon {
    background-position: -275px -588px;
}

.sidebar ul.sidebar-menu li a:hover .mo-icon,
.sidebar ul.sidebar-menu li a.active .mo-icon {
    background-position: -168px -589px;
}

.sidebar ul.sidebar-menu .ar-icon {
    background-position: -275px -620px;
}

.sidebar ul.sidebar-menu li a:hover .ar-icon,
.sidebar ul.sidebar-menu li a.active .ar-icon {
    background-position: -168px -620px;
}

.main-sidebar:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3000px;
    background: #F2BB4A;
    right: 0;
}

button.btn.btn-secondary {
    color: #fff;
    border-radius: 50px;
}

/****************Sidebar End**********************/
/*************************/
.small-box.bg-aqua {
    margin: 0 0 15px 0;
}

.small-box.bg-aqua .inner {
    text-align: center;
    position: relative;
}

.small-box.bg-aqua .inner h3 {
    color: #004c93;
    padding: 25px 0;
    border: 1px solid;
    margin: 0;
    font-family: 'Roboto-Bold';
}

.small-box.bg-aqua .inner p {
    color: #000;
    padding: 6px 20px;
    font-family: 'Roboto-Bold';
    margin: auto;
    display: inline-block;
    background: #fff;
    position: relative;
    top: 16px;
    left: 0;
    right: 1px;
    margin: auto;
}

/*.four-box>div {
    padding: 0 8px;
}*/

.four-box .verify-ac {
    display: block;
    text-align: center;
    padding: 25px 0;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    background: rgba(212, 23, 23, 1);
    background: -moz-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 23, 23, 1)), color-stop(100%, rgba(102, 1, 1, 1)));
    background: -webkit-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: -o-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: -ms-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: linear-gradient(to bottom, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41717', endColorstr='#660101', GradientType=0);
    transition: 1s;
}

.four-box .verify-ac:hover {
    color: #fff;
    background: rgba(102, 1, 1, 1);
    background: -moz-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102, 1, 1, 1)), color-stop(100%, rgba(212, 23, 23, 1)));
    background: -webkit-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: -o-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: -ms-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: linear-gradient(to bottom, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660101', endColorstr='#d41717', GradientType=0);
}


/************************/
.wr-table-wrap {
    display: flex;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #223752;
}

.wr-table-wrap>div {
    width: 33.33%;
    text-align: center;
}

@media screen and (max-width: 767px) {

    .trading-history-heading {
        margin: 0;
    }

    .wr-table-wrap>div {
        width: 50%;
        text-align: center;
    }

    .payment-methods-table .common-table tr td span.color-link {
        display: inline-block;
        margin: 0 15px 8px 0;
    }

    .before-right-content {
        padding: 0;
    }

    .right-login-wrapper {
        padding: 30px 0 10px 0;
        margin-bottom: 10px;
    }

    .login-page .register-wrap {
        width: 100%;
        padding: 0 20px;
    }

    .step-two-wrapper {
        padding: 0;
    }

    .login-page .registration-top {
        padding: 0;
    }

    .lang-dropdown .drop-down {
        width: 75px;
    }

    .login-page .register-wrap {
        width: 100%;
    }

}

/****************Right Content***************/
.content-area {
    position: relative;
    min-height: 100%;
    /* float: left; */
}

.content-area.r-page {
    min-height: 100vh;
    /* float: left; */
    display: flex;
    align-items: center;
}

.my-ac-wrapper {
    margin-bottom: 40px;
}

.my-ac-wrapper .row-inner {
    display: block;
    float: left;
    width: 100Vw;
    overflow: hidden;
}

.my-ac-wrapper .row-inner {
    background-color: #ffffff;
    
}

.right-content {
    /*float: left;*/
}

.right-content p {
    font-size: 14px;
    padding: 0 15px;
    color: #000000;
    ;
}

.content-wrapper {
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin: 20px 30px 25px 0px;
}

.white-background {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 15px #e4e4e4;
    padding: 0 20px 30px;
}

.trade-btns {
    border: 1px solid #363636;
    border-radius: 30px;
    color: #363636;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 100%;
}

.trade-btns:hover,
.trade-btns:focus {
    text-decoration: none;
    color: #fff;
    background: #363636;
    border: 1px solid #363636;
}

.trade-btns.green {
    border: 1px solid #363636;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 18px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 100%;
    background: #363636;
}

.trade-btns.green:hover,
.trade-btns.green:focus {
    text-decoration: none;
    border: 1px solid #363636;
    background: transparent;
    color: #363636;
}

.trade-deposit-btns {
    background: #3e4a45;
    background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0);
    padding: 4px 40px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    border-radius: 30px;
    text-transform: uppercase;
    margin: 18px auto 0;
    position: relative;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    float: right;
    border: 1px solid #119a68;
    background: #119a68;
}

.trade-deposit-btns:hover,
.trade-deposit-btns:focus {
    background: #1f1f1f;
    background: -moz-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1f1f1f), color-stop(100%, #3e4a45));
    background: -webkit-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: -o-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: -ms-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: linear-gradient(to bottom, #1f1f1f 0%, #3e4a45 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#3e4a45', GradientType=0);
    text-decoration: none;
    border: 0;
    color: #d8d8d8;
    border: 1px solid #119a68;
}

.trade-deposit-btns span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    top: 0;
}

.trade-deposit-btns.demo-btn {
    font-size: 17px;
    padding: 18px 0;
}

.dashboar-content {
    text-align: center;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000
}

.before-right-content h2 {
    margin: 20px 0 5px 0;
}

.swedish .trade-deposit-btns {
    padding: 15px;
}

.f-lex {
    display: flex;
    align-items: center;
}

.dashboard-top {
    position: relative;
    margin-bottom: 30px;
}

.dashboard-top .s-icon {
    height: 38px;
    width: 37px;
    border-radius: 50%;
    background: #efefef;
}

.d-sec .s-icon.icon1 {
    background-position: -39px -362px;
}

.d-sec .s-icon.icon2 {
    background-position: -40px -448px;
}

.d-sec .s-icon.icon3 {
    background-position: -40px -539px;
}

.d-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0px #a2a2a2;
    padding: 15px;
}

.dashboard-top .col-md-4:nth-child(1) .d-sec {
    background: #ceffb5;
}

.dashboard-top .col-md-4:nth-child(2) .d-sec {
    background: #b1ec93;
}

.dashboard-top .col-md-4:nth-child(3) .d-sec {
    background: #E6814B;
}

.dashboard-top .col-md-4:nth-child(1) .d-sec h3 {
    color: #1d2918;
}

.dashboard-top .col-md-4:nth-child(2) .d-sec h3 {
    color: #1d2918;
}

.dashboard-top .col-md-4:nth-child(3) .d-sec h3 {
    color: #1d2918;
}

.d-sec h3 {
    margin: 0 0 0 15px;
    color: #000;
    font-size: 22px;
}

.d-sec h3 span {
    font-size: 30px;
    font-family: 'Roboto-Bold';
    margin-left: 15px;
}

.dashboard-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 915px;
    height: auto;
}

.content-wrapper.dashboard-wrap {
    min-height: 925px;
    height: auto;
    margin-top: 20px;
}

.dashboard-bottom>div.col-md-9 {
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    -webkit-box-shadow: 0px -1px 9px 6px #d5e4fe;
    -moz-box-shadow: 0px -1px 9px 6px #d5e4fe;
    height: fit-content;
    background-color: none;
    padding: 0;
    padding-bottom: 25px;
    border-radius: 20px;
}

.content-wrapper>.dashboard-bottom>div.col-md-12 {
    /* box-shadow: 0px -1px 9px 6px #d5e4fe;
    -webkit-box-shadow: 0px -1px 9px 6px #d5e4fe;
    -moz-box-shadow: 0px -1px 9px 6px #d5e4fe; */
    height: fit-content;
    padding-bottom: 25px;
    /* background-color: none; */
    /* border: 1px solid #D8D8D8; */
    border-radius: 20px;
    box-shadow: 0px -1px 9px 6px #d5e4fe;


}

.content-wrapper>.dashboard-bottom.d-upload>div.col-md-12 {
    box-shadow: none;
    height: fit-content;
    padding-bottom: 25px;
    background-color: none;
}

.dashboar-content h2 {
    color: #119a68;
    font-size: 27px;
}

.border-link {
    margin: 0 5px;
    text-decoration: underline !important;
    font-family: 'Roboto-Bold';
    color: #363636;
}

/****************Right Content**************/
/********************Withdrawal Request************************/
button.btn.btn-default.cancle {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #9f9f9f;
    border-radius: 40px;
    color: #9f9f9f;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 20px 80px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
}

button.btn.btn-default.cancle:hover,
button.btn.btn-default.cancle:focus {
    text-decoration: none;
    color: #fff;
    background: #9f9f9f;
    border: 2px solid #9f9f9f;
}

.equal-part {
    display: inline-block;
    margin-right: 1%;
    width: 48%;
}



.equal-part:last-child {
    margin-left: 1%;
    margin-right: 0;
}

.monetary_stmt_form {
    padding: 0;
    margin: 0;
}

/* Additional Real Account */
.additional-rpage .checkbox-wrapp {
    position: relative;
    margin: 0 0 0 20px;
}

.additional-rpage .CheckBoxClass {
    position: absolute;
    top: 12px;
    left: -20px;
    border-color: rgb(185, 74, 72);
}

.additional-rpage .form-content .form-inline .form-group.checkboxerror .form-error {
    right: auto;
    left: 21px;
    bottom: -5px;
}

/********************Withdrawal Request***********************/

/*******table********/
#myTable_wrapper #myTable_length,
#myTable_wrapper #myTable_filter,
#myTable_wrapper #myTable_paginate,
#myTable_wrapper #myTable_paginate {
    display: none;
}

table.table.table-cm.table-th-cm {
    border: 1px solid #ccc !important;
    background: #f1f1f1;
    border: none;
    border-radius: 0;
    margin: 0 auto 40px;
}

table.table.table-cm.table-th-cm>thead>tr>th {
    background: #F6F6F6;
    vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
    color: #000;
    font-family: 'Roboto-Bold';
    text-align: center;
    padding: 15px 6px;
    text-transform: capitalize;
    border-bottom: 1px solid #ccc;

}

table.table.table-cm.table-th-cm>thead>tr>th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

table.table.table-cm.table-th-cm>thead>tr>th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

table.table.table-cm.table-th-cm>tbody>tr>td {
    font-size: 15px;
    font-weight: normal;
    color: #363636;
    padding: 15px 6px;
    border-bottom: 1px solid #d0d0d0;
    border-right: 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: 300;
    background: #fff;
}

table.table.table-cm.table-th-cm>tbody>tr>td:last-child {
    border-right: none;
}

.td-link {
    border: 2px solid #119a68;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 10px;
    text-transform: uppercase !important;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    background: #119a68;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Roboto-Bold';
    margin: 0 0 5px 0;
}

.td-link:hover,
.td-link:focus {
    background: #767779;
    text-decoration: none;
    border: 2px solid #767779;
    color: #fff !important;
}

p.risk-warning {
    float: right;
    text-align: left;
    font-size: 14px;
    margin: 8px 0;
}

td.pymnt-methods {
    background: #61666d;
    font-family: 'Roboto-Bold' !important;
}

#myTable_wrapper #myTable_paginate,
#myTable_wrapper #myTable_paginate {
    display: block;
    float: right;
}

.paging_simple_numbers a {
    font-size: 16px;
    margin: 0 8px;
    cursor: pointer;
    color: #000000;
}

.paging_simple_numbers span a {
    border: 1px solid #119a68;
    padding: 0 8px;
    margin: 0 2px;
}

/******table*********/
/********************Personal Details***********************/
.account-info {
    margin: 0 0 35px;
    text-align: center;
}

.account-info h4 {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 10px;
}

.account-info span {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 30px;
    display: inline-block;
    padding: 8px 24px;
}

/********************Personal Details end***********************/
/**************Deposite Fund************************/
.account-type-accordion {
    display: none;
}

.tab-content.deposit-wrapper-content {
    margin-top: -30px;
}

.deposit-wrapper .nav-tabs {
    border: 0;
}

.form-content .form-inline input {}

.form-content.spacetop3x .form-group .btn-group .btn.btn-secondary {
    padding: 10px 10px;
    border-radius: 0;
    border: 1px solid rgb(189, 189, 238);
}

.form-content.spacetop3x .form-group .btn-group .btn.btn-secondary.active {
    background-color: rgb(186, 186, 206);
}

.form-content-box.form-content-box-label-full.form-content-box-label-full-personal .form-inline textarea.form-control.form-message {
    height: 164px !important;
    width: 100%;
}

.form-content-box.form-content-box-label-full.form-content-box-label-full-personal input#captcha {
    width: 80%;
}

.form-content-box.form-content-box-label-full.form-content-box-label-full-personal span.captcha {
    top: 0;
    margin: 0;
    float: right;
    padding: 6px 10px;
}

.form-content .form-inline label.form-label {
    align-items: center;
    color: white;
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding-left: 0;
}

.deposit-wrapper .form-content-box {
    padding: 30px 0;
    margin-bottom: 70px;
}

.deposit-wrapper-tabs .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 33px;
}

.account-wrapp>span.details-wrapp {
    display: none;
}

.account-wrapp>.form-content label.form-label span {
    position: relative;
    color: #f83232;
    left: -5px;
    margin-left: -6px;
    display: none;
}

.form-inline .form-group select.form-control.e-date {
    width: 26%;
    float: left;
    margin-right: 2%;
}

.form-inline .form-group select.form-control.e-date:last-child {
    margin: 0;
}

.deposit-wrapper-tabs li a {
    cursor: pointer;
    background-color: #365c95;
    border: 0;
    border-bottom-color: transparent;
    height: 55px;
    background: url(/Images/sprite.png);
    background-repeat: no-repeat;
    background-position: 14% -17px;
}

.deposit-wrapper-tabs li a:hover,
.deposit-wrapper-tabs li.active>a,
.deposit-wrapper-tabs li.active>a:hover,
.deposit-wrapper-tabs li.active>a:focus {
    background-color: #365c95;
    background-position: 14% -87px;
    border-radius: 6px;
}

.deposit-wrapper-tabs li.wire a {
    background-position: 14% -165px;
}

.deposit-wrapper-tabs li.wire a:hover,
.deposit-wrapper-tabs li.wire.active>a,
.deposit-wrapper-tabs li.wire.active>a:hover,
.deposit-wrapper-tabs li.wire.active>a:focus {
    background-position: 14% -236px;
}

.deposit-wrapper-tabs li.neteller a {
    background-position: 14% -310px
}

.deposit-wrapper-tabs li.neteller a:hover,
.deposit-wrapper-tabs li.neteller.active>a,
.deposit-wrapper-tabs li.neteller.active>a:hover,
.deposit-wrapper-tabs li.neteller.active>a:focus {
    background-position: 14% -370px;
}

.deposit-wrapper-tabs li.neteller a {
    background-position: 14% -310px;
}

.deposit-wrapper-tabs li.neteller a:hover,
.deposit-wrapper-tabs li.neteller.active>a,
.deposit-wrapper-tabs li.neteller.active>a:hover,
.deposit-wrapper-tabs li.neteller.active>a:focus {
    background-position: 14% -370px;
}

.deposit-wrapper-tabs li.alternative a {
    background-position: 14% -443px;
}

.deposit-wrapper-tabs li.alternative a:hover,
.deposit-wrapper-tabs li.alternative.active>a,
.deposit-wrapper-tabs li.alternative.active>a:hover,
.deposit-wrapper-tabs li.alternative.active>a:focus {
    background-position: 14% -510px;
}

.deposit-wrapper-tabs li.money a {
    background-position: 14% -579px;
}

.deposit-wrapper-tabs li.money a:hover,
.deposit-wrapper-tabs li.money.active>a,
.deposit-wrapper-tabs li.money.active>a:hover,
.deposit-wrapper-tabs li.money.active>a:focus {
    background-position: 14% -655px;
}

.deposit-wrapper h2.small-heading {
    padding: 0 0 30px;
    margin: 0;
}

/*------------------ Payment Type Wrap --------------------*/
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.payment-type-wrap {
    margin: 20px 0;
}

.payment-detail-box {
    align-items: center;
    border: 3px solid #ccc;
    border-radius: 6px;
    display: flex;
    color: #363636;
    font-size: 16px;
    font-weight: 400;
    /*height: 100%;*/
    justify-content: center;
    margin: 0 0 8px;
    padding: 15px 0;
    position: relative;
}

body.spanish .payment-detail-box {
    min-height: 130px;
}

.payment-detail-box.active {
    background: #f1fed3 none repeat scroll 0 0;
    border: 3px solid #99d213;
}

.payment-detail-box.active::after {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #99d213;
    border-radius: 18px;
    color: #969696;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 13px;
    height: 28px;
    padding-top: 2px;
    position: absolute;
    right: -14px;
    top: -12px;
    width: 28px;
}

.payment-support {
    margin: 0;
    padding: 0;
}

.payment-support li {
    align-items: center;
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    list-style: outside none medium;
    margin: 0;
    padding: 0 15px;
    position: relative;
}

.payment-detail-box.document-detail-box {
    padding: 15px 0;
    cursor: pointer;
}

/*.document_active_box:after { background: #fff none repeat scroll 0 0; border: 3px solid #99d213; border-radius: 18px; color: #969696; content: "\f00c"; font-family: fontawesome; font-size: 13px; height: 28px; padding-top: 2px; position: absolute; right: -14px; top: -12px; width: 28px; }

.document_active_box { background: #f1fed3 none repeat scroll 0 0; border: 3px solid #99d213; padding: 25px 0; position:relative; align-items: center; border-radius: 6px; color: #363636; display: flex; font-size: 12px; font-weight: 400; height: 100%; justify-content: center; margin: 0 0 8px; cursor:pointer; }*/

.payment-detail-box.document-detail-box span {
    display: inline-block;
}

/*------------------ Payment Type Wrap --------------------*/
/********* ****Deposite Fund***********************/
/*********************Demo Page****************************/
.demo-page .form-content {
    padding: 0 0 0 0;
}

.demo-page .form-content .main-heading {
    padding: 10px 0 30px 0;
}

.demo-check-content {
    width: 70%;
    float: right;
    text-align: left;
    color: #939393;
}

.demo-check-content input.CheckBoxClass {
    float: left;
    width: 5%;
    margin-right: 3%;
}

.demo-check-content label {
    float: left;
    width: 92%;
}

.demo-page .submit-box button {
    width: 100%;
    background: #E6814B;
    border: 0;
    font-weight: 500;
    font-size: 24px;
    margin: 15px 0;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.demo-page .submit-box button:hover {}

.demo-page .submit-box button:hover {
    background: #6bd937;
    color: #fff;
    text-decoration: none;
}

.demo-page .submit-box button:focus {
    background: #3d8d17;
    color: #fff;
    text-decoration: none;
}

.form-content.personal-details .form-group {
    font-size: 14px;
    color: #636363;
}

.form-content.personal-details .form-group label {
    font-size: 14px;
    color: #fff;
    margin: 0 0 15px 0;
    width: 172px;
}

button#demo_submit:after {
    display: none;
}

.demo-page {
    margin: 40px 0 0 0;
    background: #f3f3f3;
    padding: 25px 30px;
}

.demo-page .form-group {
    width: 100%;
    margin: 0 0 20px 0;
}

.demo-page .form-group input.country-code {
    width: 20%;
    float: left;
    margin-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.demo-page .form-group input.ph-number {
    width: 80% !important;
    margin-right: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.demo-page label.CheckBoxLabelClass {
    font-size: 14px;
    font-weight: normal;
}

p.demo-bottom-text {
    font-size: 14px;
    font-weight: normal;
    margin: 13px 0 50px 0
}

.demo-page .submit-box {
    text-align: right;
    margin: 0;
    padding: 0 0 5px 0;
}

.demo-form-border {
    border-right: 1px solid #d0d0d0;
}

.real-form-border {}

.form-content.form-content-full-width .form-inline .form-group .form-control {
    width: 100%;
    box-shadow: none;
}

.form-content.real-reg .form-inline .form-group .form-control {
    width: 100%;
}

.form-content-box .right-login-wrapper .form-group input::placeholder {
    color: #000000 !important;
}

.form-inline .form-group.input-icon .form-control.ph-number {
    padding-left: 10px !important;
}

.arrow select.form-control {
    width: 32% !important;
    background: #e7e7e7 !important;
    border-radius: 0;
    padding: 0 0 0 15px !important;
}

.right-login-wrapper .btn-group {
    display: block;
}

.flex {
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.selct-new label {
    width: 22%;
    height: 40px;
    display: flex !important;
    align-items: center;
    position: relative;
    margin: 0;
    color: #000;
}

.selct-new select {
    width: 78% !important;
    padding-left: 25px !important;
}

/* .register-wrap  .selct-new select {    width: 78%!important;padding-left: 5px!important;} */

.dashboard-bottom .form-content .selct-new label {
    /* border: 1px solid #ccc; */
    /* border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; */
    /* border-right: 0; */
    border-radius: 25px;
    font-size: 13px;
    line-height: 13px;
    padding: 0 10px;
}

/* .dashboard-bottom .form-content .selct-new select{border-top-left-radius:0; border-bottom-left-radius:0;} */
.smdashboard-wrap {
    padding-right: 30px;
}

.smdashboard {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    padding: 8px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    height: 93%;
}

.login-social-box {
    margin-top: 6px;
}

.r-page-left .btn-group {
    height: 40px;
}

.selct-new label.btn {
    width: 33%;
    margin-left: 3% !important;
}

.r-page .form-inline button.btn.btn-default {
    background: #E6814B;
    border: none;
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease all;
    border-radius: 21.5px;
    /* background:rgba(120, 190, 60, 1); */
    /* box-shadow: 1px 0px 4px 0px #E6814B; */
}

.r-page .form-inline button.btn.btn-default:hover {
    color: black !important;
    background: white;
    border: 1px solid #E6814B;
    ;
}

.right-login-wrapper:before {
    content: '';
    height: 520px;
    position: absolute;
    width: 321px;
    background: #fff;
    top: 0;
    left: -155px;
    border-radius: 80%;
    display: none;
}

.r-page p.rotat-p {
    bottom: -257px;
    left: -108px;
    color: #fff;
    font-size: 50px;
}

.d-page .right-login-wrapper:before {
    height: 452px
}

/*.real-demo {    position: absolute;    top: 311px;}
.real-demo a {    display: flex;    font-size: 20px;    color: #119a68;    align-items: center;  margin-bottom: 10px;}
.real-demo a:hover {color: #2bff2d;outline: none;text-decoration: none;}
.real-demo a:focus{color: #fff;    outline: none;    text-decoration: none;}
*/
.r-page-left {
    padding-left: 100px;
}

.real_page .r-page-left {
    padding-left: 0;
}

.real_page .rp-logo {
    display: none;
}

.real_page .rpl-top {
    padding: 30px 30px 25px 30px;
    display: block;
    text-align: center;
}

.real_page .step1-title {
    font-family: 'Roboto-Bold';
    margin-top: 30px;
}

.real_page .register-wrap #Date_of_Birth-div #Date_of_Birth-error {
    color: #a94442;
    text-align: right;
}

.real_page .progressbar-circle {
    padding: 15px 0 10px 0px;
    position: relative;
    background: #003685;
}

.rpl-top {
    background: #ffffff;
    padding: 30px 30px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rp-logo {
    padding-right: 35px;
}

.real-demo a {
    font-size: 16px;
    padding: 5px 10px;
    background: #3c3c3c;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.real-demo a:hover,
.real-demo a:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
}

.check-ed {
    height: 25px;
    width: 25px;
    background: url(/Images/green.png);
    display: inline-block;
    margin-right: 10px;
}

.uncheck .check-ed {
    background: url(/Images/grey.png) !important;
}

a.uncheck {
    background: #ccc !important;
}

a.uncheck:hover {
    color: #fff;
}

.register-page-left {
    position: relative;
}

/*********************Demo Page****************************/
/***page not- found********/
.page-not-found {
    padding: 70px 0;
    width: 80%;
    margin: 40px auto 40px;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.page-not-found h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    margin: 20px 0;
}

.page-not-found a {
    background: #E6814B;
    padding: 12px 40px;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
}

.page-not-found a:hover {
    color: #fff;
    text-decoration: none;
    background: #767779;
}

/********************/
/********************Thank you page*************************************/
.content-wrapper-full {
    background: #f3f3f3;
    margin: 40px 0 40px 0;
    padding: 15px 30px 35px 30px;
    text-align: center;
}

.thank-you {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.thank-you .register-wrap {
    border-radius: 20px;
    padding: 40px;
}

.thank-you .register-wrap .register-logo {
    justify-content: center;
    padding: 0 0 20px 0;
}

.Thank-you-left p.rotat-p {
    bottom: -170px;
    left: -99px;
    width: 235px;
    color: #fff;
}

.Thank-you-right {
    background: #fff;
    padding: 0;
    text-align: center;
}

.Thank-you-right h2 {
    color: #E6814B;
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.Thank-you-right label {
    color: #14205a;
    font-family: 'Roboto-Regular';
}

.Thank-you-right p.t-border {
    border: 1px solid;
    padding: 10px;
    color: #14205a;
    font-size: 16px;
    margin: 0px;
}

.Thank-you-right h3 {
    color: #14205a;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 20px;
    margin: 40px 0 15px 0;
}

.Thank-you-right p {
    font-size: 15px;
    color: #000;
    margin: 0 0 20px 0;
}

.border-btn {
    display: inline-block;
    padding: 8px 20px;
    border: 2px solid;
    color: #E6814B;
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

.border-btn:hover {
    text-decoration: none;
    outline: none;
}

.Thank-you-right a.border-btn {
    margin: 0 20px;
}

.Thank-you-left {
    position: absolute;
    left: 20px;
}

.s-icon {
    height: 50px;
    width: 45px;
    display: inline-block;
}

.s-icon2 {
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url(/Images/new-sprite-lt.png);
}

.s-icon.icon1 {
    background-position: -35px -185px;
}

.Thank-you-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0 0;
}

.Thank-you-bottom a {
    color: #000;
    font-size: 18px;
    text-decoration: underline;
    outline: none;
    font-family: 'Roboto-Bold';
    margin-left: 8px;
}

.Thank-you-bottom a:hover {
    color: #fff;
}

/********************************************************/
/*************POPUP MSG********************/
.pop-msg-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    background: rgba(10, 10, 10, 0.8);
    z-index: 9999999;
    width: 100%;
    height: 100%;
}

.pop-msg-container {
    padding: 10px 20px;
    background: #fff none repeat scroll 0 0;
    position: relative;
    height: auto;
    vertical-align: middle;
    width: 520px;
    border-radius: 0;
    text-align: left;
}

.pop-msg-container:before {
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    background: #df0c0c;
    position: absolute;
    z-index: 99;
    content: "";
}

.pop-msg-container.success:before {
    background: #27d50c;
}

.cross_pop img {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    border-radius: 50px;
    padding: 4px;
    z-index: 999999;
    cursor: pointer;
}

.pop-msg-container .form p {
    font-size: 14px;
    margin: 0 0 4px 0;
    color: #424242;
}

.pop-msg-container .form p:last-child {
    margin: 0;
}

.pop-msg-container .form h2 {
    color: #99d213;
    margin: 0 0 15px;
}

.pop-msg-container h4 {
    font-size: 18px;
    line-height: 31px;
    font-weight: bold;
}

.prop-contnet .prop-contnet-top {
    display: flex;
    align-items: center;
}

.pop-msg-container .form {
    display: block;
    padding: 0;
    border-radius: 10px;
}

/*************************************/
/*******Mobile hide section*******/
.mobile-wrapper {
    display: none;
}

/*******Mobile hide section*******/
/******************************** Inner page Banner css*******************/
section.entry-header {
    display: none;
}

.inner_bnr_container .banner-content {
    padding: 30px 15px;
}

.crumb a {
    color: #e9e9e9;
}

.inner_bnr_container {
    background: #ebebeb;
    margin: 0;
}

.banner-content h2 {
    font-size: 45px;
    color: #3a3a3a;
    margin: 0;
}

.banner-content p,
.banner-content p a {
    font-size: 13px;
    color: #7f7e7e;
    margin: 6px 0;
}

/***********************************************************/
/**********trader contan page*************/
.traders-contact .form-group {
    position: relative;
}

span.contact-required {
    position: absolute;
    left: 5px;
    top: 11px;
    color: #ff0000;
    font-size: 14px;
}

.form-content .traders-contact.form-inline input.country-code {
    width: 30% !important;
}

.form-content .traders-contact.form-inline input.ph-number {
    width: 70% !important;
}

/**********trader contan page*************/
/****************** FOOTER PART HERE *****************************/
.add-more-files a {
    color: #3f89d9;
    font-size: 19px;
    padding: 0 0 12px 0;
    margin: 0;
    display: inline-block;
    text-decoration: none;
}

.add-more-files a:hover {
    text-decoration: none;
}

.add-more-files a i {
    font-size: 27px;
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
}

/*****************************************/
/*******************form-content*************/
.form-inline .form-group label {
    font-size: 13px;
    font-weight: 300;
    display: block;
    color: #000;
}

.personal-details.profile .form-inline .form-group label {
    display: block;
    display: flex;
    align-items: flex-end;
    height: 30px;
}

.form-inline .form-group label.CheckBoxLabelClass {
    font-size: 13px;
    line-height: 1.9em;
}

.form-inline .form-group .form-control {
    margin: 0 0 25px 0;
    height: 45px;
    border: 0;
    color: #000000;
    font-size: 13px;
    background: black;
    padding-left: 25px;
    box-shadow: 1px 0px 9px -4px #E6814B !important;
    border-radius: 45px;
    width: 100%;
    position: relative;
    /* border: 1px solid  #DCDCDC; */
}

.form-inline .form-group.input-icon .form-control {
    padding-left: 40px !important;
}

.submit-box {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
}

.content-area.r-page .form-inline .form-group .form-control {
    border: 0;
    /* border-bottom: 1px solid #000; */
    border-right: 0;
    /* border: 1px solid #5a5a59 !important; */
}

.login-page .submit-box {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

.login-page .submit-box>div:first-child {
    width: 100%;
    text-align: center;
}

/*.login-page .submit-box > div:last-child{padding-left:10px !important;}*/

/* .login-page .form-inline button.btn.btn-default {
    padding: 8px 36px;
	border-radius:5px;
	margin: 0;
} */

/* .login-social-box{
    padding: 30px 0 0 0;
} */
.login-social-box h3 {
    color: #808080;
    margin: 0;
    text-align: center;
    font-size: 16px;
    position: relative;
    margin-bottom: 24px;
}

.login-social-box h3 span {
    position: relative;
    z-index: 5;
    background: #E1F0FC;
    padding: 3px 10px;
    display: inline-block;
}

.login-social-box h3:after {
    content: "";
    background: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 9px;
}

.login-social-box a {
    color: #fff;
    padding: 9px 15px;
    display: block;
    text-align: center;
    border-radius: 5px;
}

.login-social-box a span.fa {
    display: inline-block;
    margin-right: 10px;
}

.login-social-box a:hover {
    color: #fff;
    text-decoration: none;
}

.login-social-box a.facebook {
    background: #385591;
    margin-right: 8px;
}

.login-social-box a.linkedin {
    background: #0771ad;
    margin-left: 8px;
}

.registration-bottom h3 {
    text-align: center;
    margin: 15px 0 10px 0;
    font-size: 15px;
    color: #000000;
}

.signup-text span {
    padding: 0 4px;
    position: relative;
    top: -2px;
}

.form-inline .form-group .form-control.btn-group {
    box-shadow: none !important;
}

.form-content .form-inline input.country-code , .form-content .form-inline p.country-code , .form-content .form-inline select.country-code {
    width: 35% !IMPORTANT;
    float: left;
    margin-right: 0;
    background: #fff;
    border-radius: 25px;
    margin-right: 2% !IMPORTANT;
}

.form-content .form-inline input.ph-number , .form-content .form-inline p.ph-number {
    width: 63% !important;
    border-radius: 25px;
}

.bootstrap-filestyle.input-group {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 7px;
    display: flex;
    height: 40px;
    padding: 0;
    width: 100%;
    background: #e7e7e7;
}

.bootstrap-filestyle.input-group input {
    float: left !important;
    width: 65% !important;
    border: 0 !important;
    background: transparent;
    box-shadow: none;
    height: auto !important;
}

.bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn {
    align-items: center;
    background: #e7e7e7;
    border: 2px solid #E6814B;
    border-radius: 0 7px 7px 0;
    display: flex;
    float: left;
    height: 40px;
    justify-content: center;
    text-align: center;
    width: 35% !important;
    clear: none;
}

.bootstrap-filestyle.input-group .btn-default {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #767779;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    text-transform: uppercase;
}

.buttonText {
    color: #E6814B !important;
}

.content-wrapper.personal-details .form-inline .form-group .form-control,
.content-wrapper.personal-details .form-inline select {
    background-color: transparent !important;
    color: #000000;
}

.content-wrapper.personal-details .form-inline .form-group .form-control::placeholder {
    color: #000000 !important;
}

.captcha {
    border: 1px solid #E6814B;
    color: #365c95;
    display: inline-block;
    font-style: italic;
    margin: 10px 0 0;
    padding: 5px 10px;
    text-align: center;
    /*width: 60%;*/
    border-radius: 5px;
}

.form-inline .form-group .form-control.picker-field {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
    padding-left: 20px;
    margin-bottom: 0;
}

.form-inline .form-group .input-group-addon {
    box-shadow: 1px 0px 11px -4px #57849b !important;
    margin-bottom: 20px;
    border-radius: 45px;
    background-color: #ddd;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-right: 15px;
}

.form-inline .form-group .input-group-addon i.fa-calendar {
    font-size: 18px;
}

.clear-btn {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 0;
}

.form-inline button.btn.btn-default.full-width-btn {
    width: 100%;
}

.form-inline .form-group-captcha .security-code-wrapp {
    width: 60%;
    float: left;
}

.form-inline .form-group-captcha .captcha-wrapp {
    float: right;
    width: 50%;
    text-align: right;
    top: -4px;
    position: relative;
}

.form-inline .form-group-captcha .clearfix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline .form-group-captcha .captcha-wrapp span .captchacode1 {
    background: #E6814B;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 25px;
    margin-right: 8px;
    bottom: 0;
    right: 21px;
}

.form-inline .form-group-captcha .captcha-wrapp img.refresh_captcha,
img.refresh_captcha_reg {
    cursor: pointer;
}

.top-vload {
    padding-top: 20px;
}

.form-inline .top-vload .form-group .form-control,
.form-inline .bottom-vload .form-group .form-control {
    background: transparent !important;
}

.form-inline .top-vload .form-group select.form-control,
.form-inline .bottom-vload .form-group select.form-control {
    background: transparent url("/Images/select-img.png") no-repeat scroll 96% 50% / 8px auto !important;
}

.input-group-addon.pin-bg {
    background: #525252 !important;
    color: #fff !important;
}

.common-btn.rds-btn {
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.clr-btn {
    background: #cb3d5b;
}

.clr-btn:hover,
.clr-btn:focus {
    background: #ab1e3c;
}

.bottom-vload {
    padding: 20px 10px;
    box-shadow: 0 0px 20px #bdbdbd;
    border-radius: 8px;
    margin: 30px 14px 0;
}

.select-arrow {
    position: relative;
}

.select-arrow .form-control {
    padding: 0 8px !important;
}

.full-two-buttons a:hover,
.full-two-buttons a:focus {
    color: #fff;
}

.ibuser-login .form-group input.ph-number {
    padding-left: 25px !important;
}

/********************************************/
.trading_history .form-content .form-inline .form-group span {
    left: 0px;
}

/*********/
.cashier34-div {
    max-width: 530px;
    margin: 0 auto;
    padding: 21px 0 0 0;
    width: 100%;
    text-align: center;
}

.cashier34-div .form-control {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
}

.l-price iframe {
    height: 800px !important;
}

.l-price {
    position: relative;
}

.l-price:after {
    height: 30px;
    width: 40px;
    content: '';
    background: #ffffff08;
    position: absolute;
    right: 0;
    bottom: 12px;
}

/********/
/*MARKETS TICKET CSS START*/
.market-ticker {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 0;
    margin-top: 0;
}

.option_wrapper>input {
    color: #000;
    border: 1px solid #ccc;
    width: 103px;
    padding: 2px 3px 2px 5px;
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 13px;
    text-align: left;
}

.market_wrapper {
    color: #000000;
    height: 45px;
    margin-top: 0;
    width: 100%;
}

#market_rates4 .leverate-rates-animated-row {
    display: none !important;
}

#market_rates4 div:nth-child(1),
#market_rates4 div:nth-child(2) {
    display: block !important;
}

#market_rates3 .leverate-rates-animated-row,
#market_rates3 .sirix-ticker-logo-wrapper {
    display: none !important;
}

#market_rates3 div:nth-child(1),
#market_rates3 div:nth-child(2) {
    display: block !important;
}

#market_rates2 .leverate-rates-animated-row,
#market_rates2 .sirix-ticker-logo-wrapper {
    display: none !important;
}

#market_rates2 div:nth-child(1),
#market_rates2 div:nth-child(2) {
    display: block !important;
}

#market_rates .leverate-rates-animated-row,
#market_rates .sirix-ticker-logo-wrapper {
    display: none;
}

#market_rates div:nth-child(1),
#market_rates div:nth-child(2) {
    display: block !important;
}

.social-trading .social-feed-container {
    height: 345px !important;
    overflow: hidden !important;
}

@media not all {

    #inc,
    #dec {
        right: 5px;
        top: 14px;
    }

    #dec {
        top: 2px;
    }
}

.market-rates-ticker-dv {
    position: relative;
    z-index: 9999999;
    background: #fff;
}

.market-rates-ticker-dv:after {
    height: 95%;
    width: 40px;
    content: '';
    background: #ffffff;
    position: absolute;
    right: 4px;
    bottom: 1px;
    z-index: 999;
}

.leverate-rates-ticker-container {
    height: 45px !important;
}

.leverate-rates-ticker-container .leverate-rates-animated-row {
    width: initial !important;
    height: 40px;
    z-index: 0 !important;
}

.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item {
    border-right: 1px solid #bfbfbf;
    display: inline-block;
    float: left;
    font-family: Tahoma;
    font-size: 10px;
    height: 35px;
    margin: 0 5px;
    padding: 0 15px;
    width: 100px;
}

.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-symbol-icon {
    display: none;
}

.option_wrapper p {
    font-size: 8.5px;
    margin-left: 5px;
    text-align: left;
}

.leverate-item-symbol-icon img {
    display: block;
}

#market_rates {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates2 {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates3 {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates4 {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates5 {
    position: inherit;
    right: 0;
    width: 100%;
}

#inc,
#dec {
    background: rgba(0, 0, 0, 0)) no-repeat scroll 0px -2px;
    border: medium none;
    cursor: pointer;
    height: 11px;
    line-height: 11px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 21px;
    width: 16px;
    right: 13px;
}

#dec {
    top: 9px;
    right: 13px;
}

.option_wrapper {
    float: left;
    height: 44px;
    left: 0;
    position: absolute;
    width: 125px;
    background: #fff;
    z-index: 1;
    padding: 8px 10px 0 10px;
    box-shadow: 3px 0px 10px #d4d4d4;
    top: 0;
}

body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate {
    clear: both;
    display: block;
    float: none;
    font-size: 10px;
    margin-left: 0;
}

body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item {
    font-family: "Roboto", sans-serif;
    width: 160px !important;
    margin-top: 6px;
}

body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate span {
    font-size: 10px !important;
}

/*MARKETS TICKET CSS END*/

/****bloomberg iframe*****/
.bloomberg-container {}

.bloomberg-right {
    padding: 20px 0;
    text-align: center;
}

.bloomberg-left {
    height: auto;
    padding: 0;
}

.bloomberg-container .bloomberg-right iframe {
    height: 730px;
    margin: 0 auto;
    width: 100%;
}

.bloomberg-container .bloomberg-left img {
    padding: 20px 0 0 0;
    position: relative;
    width: 80%;
    max-width: 400px;
    margin: 0 auto;
}

.bloomberg-container .content-wrapper {}

.bal_cls {
    padding: 15px 27px;
    background: #EEF3FA;
    color: #E6814B;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    margin: 0;
}

/***************************************************************************************************
FOOTER CSS START
***************************************************************************************************/
.main-footer {
    padding: 40px 0;
    background: #333333;
    color: #f0f6ff;
}

.sub-footer {
    padding: 30px 20px;
    background: #12223a;
    color: #727C93;
    position: relative;
    z-index: 999;
}

.sub-footer p {
    color: #585858;
    margin: 0;
    font-size: 13px;
}

.site-footer {
    padding: 0;
    background: #1a1a1a;
    color: #fff;
}

.contact-info {
    margin: 0;
    padding: 0;
}

.contact-info li {
    display: inline-block;
    padding-left: 20px;
    font-size: 16px;
    color: #fff;
}

.contact-info li:first-child {
    padding-left: 0;
}

.contact-info li a {
    color: #fff;
    text-decoration: none;
}

.contact-info li a:hover,
.contact-info li a:focus {
    color: #04b1b7;
    text-decoration: none;
}

.social-network {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-network li {
    padding: 0 10px;
    list-style: none;
    display: inline-block;
}

.social-network li>a {
    font-size: 24px;
    color: #000;
    text-transform: uppercase
}

.social-network a:hover,
.social-network a:focus {
    color: #fff;
    text-decoration: none
}

.disclaimer {
    padding-top: 20px;
}

.disclaimer p {
    color: #d6d6d6;
    font-size: 13px;
    line-height: 20px;
}

.disclaimer p a {
    color: #04b1b7;
    text-decoration: underline
}

.disclaimer a:hover,
.disclaimer a:focus {
    color: #04b1b7;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

.footer-links li {
    display: inline-block;
    padding: 0 10px;
}

.footer-links li a {
    color: #d6d6d6;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer-links li a:hover,
.footer-links li a:focus {
    color: #fff;
}

.footer-copyright .copyright {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 9px;
    right: 9px;
    display: none;
}

.back-to-top span {
    background: #000;
    color: #fff;
    padding: 7px;
    font-size: 16px;
    border-radius: 6px;
}

.back-to-top span:hover,
.back-to-top span:focus {
    opacity: 0.7
}

.payment-sectioin h3 {
    margin: 0;
    font-size: 20px;
    padding: 25px 0 0 0;
}

.payment-sectioin p {
    color: #867d7e;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.footer-links {
    text-align: right;
}

.footer-links ul li {
    position: relative;
    padding: 0 25px;
    float: left;
}

.footer-links ul li a {
    font-size: 14px;
    color: #d4d4d4;
}

.footer-links ul li:after {
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #636363;
    position: absolute;
    left: auto;
}

.footer-links ul li:last-child:after {
    display: none;
}

.list-inline {
    display: inline-block;
    margin: 0;
}

.footer-links ul li:first-child {
    padding-left: 0;
}

.risk-warning p {
    color: #867d7e;
    margin: 0;
}

.risk-warning p.white {
    color: #fff;
    margin: 10px 0 0 0;
}

.copyrights {
    padding: 25px 0 0 0;
    text-align: right;
}

.copyrights p {
    color: #fff;
}

.paymet-wrap {
    padding: 16px 0 0 0;
}


/*------------------------------xxxxxxxxxxxxxxxxxxxxx----------------------------------------------*/
.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:placeholder-shown {
    color: #000;
    opacity: 1;
}

.footer-top-wrapp {
    padding: 10px 15px;
}

.credit-card-dv {
    padding-bottom: 25px;
}

.liqvor-sect {
    position: relative;
}

.liq-sec:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    left: -5px;
    bottom: -8px;
}

.liqvor-img {
    padding: 15px;
    background: #fff;
}

.footer-text-wrap {
    padding: 60px 0 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-text-wrap p {
    font-size: 12px;
    color: #cdcdcd;
    margin: 0;
    text-align: left;
}

.footer-contact-details {
    padding: 30px 20px;
    background: #737373;
}

.footer-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.footer-group .fa {
    font-size: 20px;
    margin-right: 15px;
    color: #b3b3b3;
}

.footer-contact-details h3 {

    text-transform: uppercase;
    font-size: 15px;
    margin: 0 20px 10px 0;
    color: #b3b3b3;
}

.footer-text-wrap p {
    font-size: 14px;
    color: #cdcdcd;
    margin: 0;
    text-align: left;
}

.footer-group:last-child {
    margin-bottom: 0;
}

.footer-text-wrap ul {
    font-size: 12px;
    color: #000;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.footer-text-wrap ul li {
    position: relative;
    display: inline-block;
}

.footer-text-wrap ul li a {
    color: #929292;
    font-size: 14px;
    padding: 0 5px;
}

.footer-text-wrap ul li:after {
    content: "";
    height: 13px;
    width: 1px;
    background: #929292;
    position: absolute;
    top: 3px;
    right: -3px;
}

.footer-text-wrap ul li:last-child:after {
    display: none;
}

.footer-contact-details p,
.footer-contact-details a {
    color: #cdcdcd;
    font-size: 15px;
    margin: 0;
}

.footer-contact-details a:hover,
.footer-contact-details a:focus {
    color: #cdcdcd;
    text-decoration: none;
}

.spanish .footer-text-wrap ul li a {
    font-size: 11px;
    padding: 0 0px;
}

/***************************************/
/**************  calendar widgets css  *****************/
.profit-calc {
    margin-bottom: 20px;
    position: relative;
    padding: 0px 2px 0;
    /*background: #f3f3f3;*/
}

.profit-calc:before {
    content: '';
    height: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.margin-calc {
    padding: 0px 2px 0;
    /* background: #f3f3f3;*/
}

/***********   customer details   **************/

.custom-details .panel-heading a.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f077";
    position: absolute;
    right: 20px;
    font-size: 20px;
}

.custom-details .panel-heading a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f078 ";
    /* adjust as needed, taken from bootstrap.css */
}

.custom-details .panel.panel-default {
    border-radius: 0;
    margin-bottom: 30px;
    outline: none;
    border: 0;
    box-shadow: none;
}

.custom-details .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
}

.tab-content-page {
    /* border: 1px solid #DCDCDC; */
}

.lock {
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 8px 10px 10px;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #ffffff;

}

.modallock {
    font-size: 40px;
    color: #26946c;
}

.lock:hover {
    color: #119a68;
}

.edu-video .customWidget {
    position: relative;
    overflow: hidden;
}

.trfx-category-title {
    font-size: 24px;
    color: #505050;
    text-align: left;
    padding: 10px 0;
    text-transform: uppercase;
}


.custom-details .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 10px 0;
    border-top: 0px;
}

.custom-details .collapse.in {
    margin-top: 10px;
}

.custom-details .panel-heading {
    background-color: transparent !important;
    position: relative;
    padding: 15px 30px;
}

.custom-details .panel-heading h4 {
    font-size: 20px;
    color: #E6814B;

}

.custom-details .panel-heading h4 a {
    display: block;
    text-decoration: none;
}

.custom-details .panel-heading h4 a.collapsed {
    color: #ababab;
}

/*tabs*/
.customer-tabs {
    padding: 20px 15px 0px 15px;
}

.customer-tabs .tabs-left {
    /* border-bottom: 0; */
    /* border-bottom: 1px solid #ccc; */
    /* border-radius: 70px; */
    display: flex;
}

.customer-tabs .nav-tabs>li.active a {
    /* background: #119a68;
    color: #E6814B;
*/
    padding: 0 30px;
}

.customer-tabs .nav-tabs>li a {
    margin: 0;
    background: none;
    border-radius: 0;
    height: 70px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 15px;
    border: 0;
    justify-content: center;
    font-weight: bold;
    color: #727C93;
    border-bottom: 2px solid #0000;
}

.customer-tabs .nav-tabs>li a:focus {
    background: none;
}

.customer-tabs .nav-tabs>li {
    width: 33.33%;
}

.customer-tabs .nav-tabs>li:first-child {
    border-left: 0;
}

.customer-tabs .nav-tabs>li.active {
    border-left: 0;
    border: none;
    position: relative;
}

.customer-tabs .nav-tabs>li.active>a {
    color: #E6814B;

    border: none;
}

.customer-tabs .nav-tabs>li.active:after {
    content: '';
    /* border-right: 1px solid #fff; */
    position: absolute;
    width: 1px;
    height: 100%;
    right: -1px;
    top: 0;
    z-index: 1;
}

.customer-tabs .nav-tabs>li>a:hover {
    border-bottom: 2px solid #E6814B;
    color: #E6814B;
    background: transparent;
}

.customer-tabs .nav-tabs>li.active>a,
.customer-tabs .nav-tabs>li.active>a:hover,
.customer-tabs .nav-tabs>li.active>a:focus {
    border-bottom-color: transparent;
    /* color: #E6814B;
 */
    border-bottom: 2px solid #E6814B;
}

.c-details .steps-main-heading {
    padding: 30px;
    margin: 0px 0px 25px;
    border-radius: 0;
}

.nav-dots {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-top: 1px solid #ddd;
    font-size: 14px;
    margin-top: 35px;
}

.nav-dots li {
    position: relative;
    cursor: pointer;
}

.nav-dots>li>a {
    color: black;
    padding-top: 20px;
    font-weight: bold;
}

.nav-dots>li :hover {
    color: #E6814B;

    font-weight: bold;
    background: none;
}

.nav-dots>li>a span {
    width: 18px;
    height: 18px;
    background: #dddd;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.nav-dots>li>a span:hover {
    background: var(--lv2-accent);
}

.nav-dots>li.active>a {
    color: #E6814B;
    font-weight: bold;
}

.nav-dots>li>a:hover,
.nav-dots>li>a:focus {
    text-decoration: none !important;
    ;
    background-color: #0000 !important;
}

#form1,
#form2,
#form3 {
    margin-top: 20px;
}

.nav-dots>li.active>a span:after {
    width: 10px;
    height: 10px;
    background: #E6814B;
    position: absolute;
    top: 4px;
    content: "";
    border-radius: 5px;
    left: 4px;
}

.steps-main-heading button.btn.btn-secondary {
    float: right;
}

/******Upload wrapper********/

.input_fields_wrap.upload-form {
    width: 100%;
    padding: 0;
    position: relative;
}

.input_fields_wrap.upload-form span.choose-file {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 3px 20px;
    left: 11px;
    top: 10px;
}

.input_fields_wrap.upload-form.btn-default {
    color: #333;
    background-color: none;
    border-color: #ccc;
    width: 70% !important;
}

/*************************/
.top_performers {
    height: 186px !important;
}

.paddingbottom2x {
    padding-bottom: 20px;
}

/***************Form Step*****************************/
/*****************main Menu******************/
.main-navigation .navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 13px;
    padding: 15px;
    text-transform: uppercase;
}

a,
select,
a:active,
a:focus {
    outline: 0;
    outline: none;
    color:var(--lv2-text-muted) !important;
}

.left-links span.user-name {
    font-size: 13px;
    padding: 7px 0;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
}

.left-links span.user-name span.main-user-name {
    color: #ffb400;
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}

.left-links span.user-name span.main-user-name.equity {
    color: #16b757;
    font-size: 13px;
}

.submit-box .text-right {
    text-align: right;
}

span.form-control-colour-text.yellow {}

.form-content.personal-details .demo-full-wrapper .form-group label {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    display: table-cell;
    float: none;
    color: #c3c3c3;
    vertical-align: middle;
    font-weight: normal;
}

.payment-methods {
    padding: 27px 0;
    clear: both;
    text-align: center;
}

span.help-block.form-error {
    font-size: 12px;
    display: block;
    clear: both;
    margin: 0;
    text-align: right;
    padding: 0;
    color: #ff0909 !important;
}

span.help-block.form-error p {
    font-size: 12px;
    display: block;
    clear: both;
    margin: 0;
    text-align: right;
    padding: 0;
    color: #a94442;
}

.error-text {
    display: block;
    font-size: 12px;
    margin: 0;
    text-align: right;
    padding: 0;
    color: #a94442;
}

span.help-block.form-error.form-error-real-val,
.checkboxes span.help-block.form-error.form-error-real-val {
    text-align: left;
    padding-left: 35px;
}

.no-padding {
    padding-right: 0;
    padding-left: 0;
}

.paddingtop1x {
    padding-top: 10px;
}

.paddingtop2x {
    padding-top: 20px;
}

.paddingtop3x {
    padding-top: 30px;
}

.paddingtop4x {
    padding-top: 40px;
}

.spacetop1x {
    margin-top: 10px;
}

.spacetop2x {
    margin-top: 20px;
}

.spacetop3x {
    margin-top: 20px;
}

.spacetop4x {
    margin-top: 40px;
}

.spacebottom2x {
    margin-bottom: 20px;
}

.top-border {
    border-top: 1px solid #ccc;
}

.container-xs.container-xs-955px {
    width: 955px;
    padding: 60px 0;
}

.container-xs.container-xs-955px .form-content .form-inline label.form-label {
    width: 40%;
    color: #c3c3c3;
    font-weight: normal;
}

.container-xs.container-xs-955px .form-content .form-inline input,
.container-xs.container-xs-955px .form-content span.form-control {
    width: 60%;
    border: 1px solid #363636;
    background: #fff;
    border-radius: 0;
}

.container-xs.container-xs-955px .form-content .form-inline select {
    width: 60%;
    border: 1px solid #363636;
}

.main-sidebar-push-menu {
    width: 157px;
    float: left;
}

.container-xs.container-xs-955px .form-content .form-inline input.form-control.country-code {
    width: 19%;
    float: left;
}

.container-xs.container-xs-955px .form-content .form-inline input.form-control.ph-number {
    width: 40%;
}

.container-xs.container-xs-955px .form-content-box {
    padding: 0;
}

.form-border {
    border: 1px solid #3a3939;
}

.container-xs.container-xs-955px .form-border .form-border {
    padding: 0;
}

.form-content .form-inline textarea {
    border: 1px solid #363636;
    border-radius: 0;
    background: #fff;
    width: 60%;
    height: 122px;
    resize: none;
}

.container-xs.container-xs-955px .submit-box {
    padding: 22px 15px;
    margin: 0;
    display: block;
}

.accounts-btns-wrapper p {
    color: #fff;
    font-size: 25px;
}

.top-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #000;
}

/*.top-right .top-box:nth-child(3) {    display: none;}*/
.site-header .top-head-bar .navbar {
    display: none;
}

.top-right {
    padding: 0 0 0 30px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    float: left !important;
}

/*.top-box:after{content: ''; position: absolute;    height: 100%;    width: 1px;    background: #e8e8e8;    top: 0;    right: 0;} */
.top-box:last-child:after {
    display: none;
}

.top-box:last-child {
    padding: 0;
}

.top-box .s-icon {
    height: 25px;
    width: 25px;
}

.top-box .logout {
    background-position: -72px -776px;
    height: 21px;
    width: 21px;
}

.top-box a {
    text-decoration: none;
    color: var(--lv2-text-muted) !important;
    font-size: 15px;
    outline: none;
}

.top-box:last-child a {
    background: #de8654;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.top-box a:hover,
.top-box a:focus {
    text-decoration: none;
    outline: none;
}

.top-box .fa-envelope {
    color: #4899e4;
    font-size: 13px;
}

.top-right .top-box:nth-child(2) {
    flex-direction: column;
    color: black;
}

.top-right .top-box:nth-child(2) h4 {
    color: black;
    margin: 4px;
    font-family: 'Roboto-Bold';
}

.top-box-wrap {
    display: flex;
    align-items: center;
}

.top-right .ns-box {
    display: flex;
    margin: 0;
    padding: 3px 0;
    background: #0000;
    box-shadow: none;
    border: none;
}

.top-right .ns-box p {
    color: white;
    ;
}

.top-right .ns-box .ns-user {
    margin: 0;
    width: 40px;
}

.top-right .ns-user-details {
    padding: 0 10px 0 10px;
}

.top-right .ns-user-details {
    text-align: left;
    padding: 0 10px;
}

.top-right .ns-user-details h3 {
    font-size: 15px;
    margin: 6px 0 0 0;
}

.top-right .ns-user-details h4 {
    font-size: 12px;
    margin: 2px 0 0 0;
}

.top-right .ns-user-btn {
    display: flex;
    align-items: center;
}

.top-right .ns-user-btn .new-common-btn {
    box-shadow: none;
    border-radius: 50px;
    color: #fff !Important;
    font-size: 11px;
    display: inline-block;
    background: #E6814B;
    padding: 8px 20px;
    margin: 0;
    text-decoration: none;
}

.top-right .ns-box.display-additional>div {
    display: none;
}

/*form trading history*/
.form-content-history {
    padding: 0;
}

table.table.table-cm.no-border-bottom td {
    border-bottom: 0 !important;
}

.container-xs.container-xs-955px .form-content .form-inline label.form-label span {
    color: #f83232;
    margin-right: 4px;
    margin-left: 0;
    left: 0;
}

/*table css comman*/
.submit-box .col-md-12 p {}

.checkboxes span.help-block.form-error {
    text-align: left;
    padding: 0;
    padding-left: 0;
}

.table.table-cm th {
    font-size: 12px;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: 25px 8px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    border-right: 1px solid #e1e1e1;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    float: none;
    display: table-cell;
}

table.table.table-cm.table-th-cm th:last-child {
    border-right: 0;
}

.table.table-cm {
    margin: 0 0 50px;
    border-top: 1px solid #f0f0f0;
}

.table.table-cm th:last-child,
.table.table-cm td:last-child {
    border-right: 0;
}

.table.table-cm th span,
.table.table-cm td span {
    display: block;
}

body .table.table-cm td {
    font-size: 12px;
    /*padding: 15px 6px !important;*/
    color: #c3c3c3;
    border-top: 0;
    vertical-align: middle;
    float: none;
    text-align: center;
    display: table-cell;
}

body .table.table-cm td.result-green-bg {
    background: #3b943f;
    color: #fff;
}

body .table.table-cm td span {
    display: block;
}

body .table.table-cm td.medium {}

body .table.table-cm td.bold {}

/*my account page*/
.trade-btns i.icon-my-account {
    position: relative;
    right: 0;
    padding: 0 5px;
    top: 0;
}

.trade-btns.trade-deposit-btns {
    background: #159439;
    border: 1px solid #0ebd40;
    font-size: 16px;
    padding: 10px 10px;
}

a:hover {
    text-decoration: none;
}

table.table.table-cm.table-th-cm td .color-link,
table.table.table-cm.table-th-cm td a,
table.table.table-cm.table-th-cm td a:hover,
.color-link,
.color-link:hover {
    color: #000000;
    text-transform: capitalize;
    text-decoration: none;
}

.yellow-link,
.yellow-link:hover {
    color: #ffb400;
    text-decoration: none;
}

table.table.table-cm.table-th-cm {
    margin: 25px 0 0;
}

table.table.table-cm.table-th-cm th {
    background: #becdc8;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

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

/********** Change Password  css start ***********/

button.hidden-md {
    position: absolute;
    right: 15px;
    background: transparent;
    border: none;
    padding: 0 15px;
    top: 0px;
}

button.hidden-md.hidden-md-chk {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 0 15px;
    top: 41px;
}

.form-content .form-inline .form-group {
    position: relative;
    margin: 0 0 0px;
}

/********** Change Password  css start ***********/
/********** Deposit page table css start ***********/
.alternate-payment .table-responsive .table th {
    padding: 26px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    border-top: 0;
}

.alternate-payment .table-responsive .table {
    border: 1px solid #f0f0f0;
    margin: 0;
    text-align: center;
}

.alternate-payment .table-responsive .table td {
    border: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #c3c3c3;
    padding: 15px 15px;
}

.alternate-payment .table-responsive .table td.logo-td {
    background: #fff;
    padding: 0 15px;
    width: 130px;
}

.alternate-payment .table-responsive .table td.logo-td img {
    width: 130px;
    max-width: 130px;
    height: 60px;
}

.alternate-payment .table-responsive .table td .make-deposit-btn {
    background: #159439;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #0ebd40;
    width: 118px;
    display: block;
    line-height: 16px;
}

body .table-responsive .table td .make-deposit-btn.grey-withdrawal {
    background: #363636;
    border: 1px solid #363636;
}

.alternate-payment .table-responsive .table td .text-left {
    text-align: left;
    display: inline-block;
}

/********** Deposit page table css end ***********/
/****Thank You********/
.tank-you-wrapper {
    background: #bfbfbf;
    width: 100%;
    padding: 60px 0 40px 0;
    margin: 0 auto;
    position: relative;
    max-width: 480px;
}

.tank-you-wrapper:after {
    position: absolute;
    content: "";
    border: 2px solid #fff;
    margin: 0 auto;
    left: 3%;
    right: 3%;
    top: 4%;
    bottom: 4%;
}

.tank-you-wrapper p {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0;
    text-transform: capitalize;
}

.tank-you-wrapper p a {
    color: #e2001a;
    display: inline-block;
    position: relative;
    z-index: 99999;
}

.user-details {
    margin: 30px 0;
}

.user-details p {
    display: inline-block;
    margin: 0 15px;
}

.user-details span.real-label {
    color: #282828;
    font-weight: bold;
    background: #c0c0c0;
    padding: 7px 15px 7px 15px;
    font-family: 'Roboto-Bold';
}

.user-details .box-real {
    padding: 5px 20px 5px 20px;
    margin: 0 0 0 -11px;
    display: inline-block;
    background: #595959;
    color: #fff;
    line-height: 18px;
    border: 1px solid #595959;
}

.tank-you-wrapper img.img-responsive {
    max-width: 320px;
    width: 100%;
}

/****Thank You********/
/*Document Upload*/
.container-xs.container-xs-955px .form-content span.group-span-filestyle.input-group-btn {
    float: left;
}

.container-xs.container-xs-955px .form-content input.form-control {
    float: right;
}

.container-xs.container-xs-955px .form-content span.group-span-filestyle.input-group-btn label.btn.btn-default {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0;
    font-size: 13px;
    padding: 7px 15px;
}

.container-xs.container-xs-955px .form-content .bootstrap-filestyle.input-group input.form-control {
    float: right;
    width: 62%;
}

.my-ac-wrapper .tab-content>.active .content-wrapper {
    margin: 0 0 20px;
}

.my-ac-wrapper .tab-content>.active .content-wrapper .dashboard-bottom {
    padding: 0 0 20px;
}

/*withdrawal page css for col structure */
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full input.form-control,
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full select {
    width: 100%;
    float: none;
}

.container-xs.container-xs-955px .form-content-box.form-content-box-label-full label.form-label {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.container-xs.container-xs-955px .form-content-box.form-content-box-label-full .textbox-two .form-control {
    width: 49%;
    float: left;
}

.container-xs.container-xs-955px .form-content-box.form-content-box-label-full .textbox-two .form-control:first-child {
    margin-right: 2%;
}

/*deposit page css*/
.deposit-wrapper ul.deposit-wrapper-tabs {
    margin: 0 0 40px;
    border: 0 !important;
}

.deposit-wrapper ul.deposit-wrapper-tabs li:first-child {
    border-left: 0;
}

.deposit-wrapper ul.deposit-wrapper-tabs li {
    border: 1px solid #3a3939;
    width: 20%;
    border-right: none;
    height: 75px;
    display: table;
}

.deposit-wrapper ul.deposit-wrapper-tabs li a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #c3c3c3;
    text-align: center;
    padding: 16px 0 12px 0;
    border: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a,
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a:focus,
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a:hover,
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li>a:hover {
    color: #fff;
    background: #000;
    border: none;
}

.container-xs .form-content .form-inline .date-option-two select {
    width: 49%;
    float: left;
}

.container-xs .form-content .form-inline .date-option-two select:first-child {
    margin-right: 2%;
}

.container-xs.container-xs-955px .form-content .form-inline label.form-label span.details-wrapp {
    background: #12a1ac;
    display: inline-block;
    color: #fff;
    margin: 0 4px;
    padding: 2px 0;
    font-size: 14px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    text-align: center;
}

/************** account-type-accordion ***********************/
.account-type-accordion {
    display: none;
}

.account-type-accordion {
    padding: 15px;
}

.account-type-accordion .account-type-wrapp h3,
.account-type-accordion .panel-default>.panel-heading a {
    background: #1f1f1f;
    margin: 0;
    padding: 15px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    border: 1px solid #393939;
}

.account-type-accordion .panel-group .panel+.panel {
    margin-top: 30px;
}

.account-type-accordion .panel-default>.panel-heading.panel-clr.active a {
    background: #1d1c1c;
    color: #fff;
    border-top: 10px solid transparent;
    border: 1px solid #393939;
}

.account-type-accordion .panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f107";
    padding-right: 5px;
    font-size: 32px;
    margin-top: -10px;
}

.account-type-accordion .panel-title>a.collapsed:before {
    float: right !important;
    content: "\f106";
    color: #fff;
    font-size: 32px;
    margin-top: -10px;
}

.account-type-accordion .panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
}

.account-type-accordion .panel-body,
.account-type-accordion .panel-group .panel-heading {
    padding: 0;
    border: none !important;
}

.account-type-accordion .account-type-wrapp {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
}

.account-type-accordion .panel-default>.panel-heading h4 {
    font-size: 16px;
}

.account-type-accordion .panel-group .panel,
.account-type-accordion .panel-default>.panel-heading a {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}

.account-type-accordion .panel-group .panel {
    background: transparent;
    border: none;
}

.account-type-accordion .panel-default>.panel-heading a {
    color: #fff;
    display: block;
}

.account-type-accordion .account-type-wrapp .types-wrapp:nth-child(2n+1) {
    background: #1f1f1f;
}

.account-type-accordion .account-type-wrapp .types-wrapp {
    border-bottom: 1px solid #393939;
    color: #c3c3c3;
    font-size: 15px;
    font-weight: 500;
    background: #1d1c1c;
    overflow: hidden;
    vertical-align: middle;
    height: 80px;
    display: table;
    width: 100%;
}

.account-type-accordion .account-type-wrapp .item-text,
.account-type-accordion .account-type-wrapp .value-text {
    width: 50%;
    padding: 15px;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}

.account-type-accordion .account-type-wrapp .item-text {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    border-right: 1px solid #393939;
}

.account-type-accordion .account-type-wrapp .value-text {
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.account-type-accordion .account-type-wrapp .value-text span {
    display: block;
}

.account-type-accordion .account-wrapp {
    border: 4px solid #000;
    padding: 15px 0 0;
    overflow: hidden;
}

.account-type-accordion .panel-group .panel-heading.active h4 a {
    background: #000 !important;
    border: 1px solid #000 !important;
}

.account-type-accordion .account-wrapp .table-responsive .table th {
    padding: 26px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    border-top: 0;
}

.account-type-accordion .account-wrapp .table-responsive .table {
    border: 1px solid #f0f0f0;
    margin: 0;
    text-align: center;
}

.account-type-accordion .account-wrapp .table-responsive .table td {
    border: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #c3c3c3;
    padding: 15px 15px;
}

.account-type-accordion .account-wrapp .table-responsive .table td.logo-td {
    background: #fff;
    padding: 0 15px;
    width: 130px;
}

.account-type-accordion .account-wrapp .table-responsive .table td.logo-td img {
    width: 130px;
    max-width: 130px;
    height: 60px;
}

.account-type-accordion .account-wrapp .table-responsive .table td .make-deposit-btn {
    background: #159439;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #0ebd40;
    width: 118px;
    display: block;
    line-height: 16px;
}

.account-type-accordion .account-wrapp .table-responsive .table td .make-deposit-btn.grey-withdrawal {
    background: #363636;
    border: 1px solid #363636;
}

.account-type-accordion .account-wrapp .table-responsive .table td .text-left {
    text-align: left;
    display: inline-block;
}

.account-type-accordion .account-wrapp .table-responsive {
    padding: 0 15px;
}

/************** inner pages css start end ***********************/
.form-content .form-inline label.form-label.dark-long-radio-text {
    width: 68%;
    /*color: #656262;*/
    color: #fff;
    margin-right: 2%;
}

.form-content .form-inline .step-two-box-bottom select {
    width: 25%;
}

/*radio  btn css*/
.form-content.step-three .radio-wrapper {
    width: 28%;
    float: left;
    padding: 15px 0 0;
}

.radio-wrapper .radio-left {
    float: left;
    width: 50%;
    position: relative;
}

.radio-wrapper {
    width: 30%;
    float: left;
    padding: 15px 0 0;
}

.radio-wrapper .radio-left input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.radio-wrapper .radio-left label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    padding: 2px 0 2px 30px;
    height: auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    margin: 0;
}

.radio-wrapper .radio-left:hover label {
    color: #FFFFFF;
}

.radio-wrapper .radio-left .check {
    display: block;
    position: absolute;
    border: 2px solid #7e7e7e;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 1px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.radio-wrapper .radio-left:hover .check {
    border: 5px solid #FFFFFF;
}

.radio-wrapper .radio-left .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radio-wrapper .radio-left input[type=radio]:checked~.check {
    border: 2px solid #7e7e7e;
}

.radio-wrapper .radio-left input[type=radio]:checked~.check::before {
    background: #fff;
}

.radio-wrapper .radio-left input[type=radio]:checked~label {
    color: #fff;
}

/*=========================== checkbox css========================*/
/* Base for label styling */
/* .check-box-wrapp { padding: 8px 0; clear:both; }
.check-box-wrapper [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
.check-box-wrapper [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { color: #545454; cursor: pointer; /*font-size: 12px; line-height: normal;*/
margin: 0;
padding-left: 35px;
position: relative;
}

/* checkbox aspect */
.check-box-wrapper [type="checkbox"]:not(:checked)+label::before,
[type="checkbox"]:checked+label::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-shadow: none;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 1px;
    width: 20px;
}

.check-box-wrapper [type="checkbox"]:not(:checked)+label.requiredche::before,
[type="checkbox"]:checked+label.requiredche::before {
    background: #4d4c4c none repeat scroll 0 0;
    border: 1px solid #f00;
    box-shadow: none;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 1px;
    width: 20px;
}

/* checked mark aspect */
.check-box-wrapper [type="checkbox"]:not(:checked)+label::after,
/*[type="checkbox"]:checked + label::after*/
    {
    color: #000;
    content: "\2713";
    font-size: 13px;
    left: 7px;
    line-height: 0.8;
    position: absolute;
    top: 5px;
    transition: all 0.2s ease 0s;
}

/* checked mark aspect changes */
.check-box-wrapper [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.check-box-wrapper [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.check-box-wrapper [type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #4d4c4c;
    background-color: #4d4c4c;
}

.check-box-wrapper [type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

.check-box-wrapper [type="checkbox"]:disabled+label {
    color: #aaa;
}

*/

/* hover style just for information */
.check-box-wrapper label:hover:before {
    border: 1px solid #4d4c4c !important;
}

.step-two-box-bottom span.help-block.form-error {
    width: 63%;
    position: absolute;
}

/******************* mobile-user-sidebar-wrapper **************/
.user-icon-slide-right {
    position: absolute;
    right: 60px;
    top: 0;
    margin: 24px 15px;
    float: right;
    z-index: 50;
    display: none;
}

.mobile-user-sidebar-wrapper {
    width: 270px;
    padding: 15px 25px 15px 25px;
    background: rgba(0, 0, 0, 0.95);
    background-size: cover;
    position: fixed;
    top: 0;
    height: 100%;
    margin: 0 -300px 0 0;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
    right: 0;
    z-index: 55;
}

.mobile-user-sidebar-wrapper.menushow .menu-btn {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.mobile-user-sidebar-wrapper.menushow {
    margin: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 1);
}

.mobile-user-sidebar-wrapper ul {
    margin: 60px 0 0 0;
}

.mobile-user-sidebar-wrapper a,
.mobile-user-sidebar-wrapper .menu-btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    -ms-transition: .25s ease-in;
    transition: .25s ease-in;
}

.mobile-user-sidebar-wrapper a:hover {
    background: rgba(255, 255, 255, .125);
}

.mobile-user-sidebar-wrapper .menu-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.mobile-user-sidebar-wrapper .menu-btn a {
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 3px;
}

.mobile-user-sidebar-wrapper .menu-btn a:hover {
    background: none;
}

span.user-name {
    text-align: center;
}

span.user-name img,
span.user-name .main-user-name {
    display: inline-block;
    vertical-align: middle;
}

span.user-name .main-user-name {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffb400;
}

.mobile-user-sidebar-wrapper .equity-wrapper {
    padding: 15px 0;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.mobile-user-sidebar-wrapper .equity-wrapper span.main-user-name.equity {
    color: #11c949;
}

.mobile-user-sidebar-wrapper .menu-btn-deposit {
    display: block;
    clear: both;
    transform: none !important;
    position: relative;
}

.mobile-user-sidebar-wrapper .menu-btn-deposit a {
    text-transform: uppercase;
    border: 1px solid #0ebd40;
    text-align: center;
    font-size: 22px;
    background: #159439;
}

.mobile-user-sidebar-wrapper .menu-btn-deposit a:focus {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
}

/******************* drop-down select**************/
/*-------------- Side menu overlay ----------------*/
.grey-box {
    background: #dcdce0;
    padding: 150px 0;
    margin: 0 auto;
}

.top-head-bar .navbar {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin: 0;
    min-height: auto;
    position: relative;
    width: auto;
    line-height: normal;
    top: 1px;
}

.top-head-bar .navbar .navbar-brand {
    color: #5f656f;
    height: auto;
    padding: 0;
}

.top-head-bar .navbar .navbar-brand {
    color: #5f656f;
    height: auto;
    padding: 0 15px 0 0;
}

.top-head-bar .navbar span.menu-linebar {
    background: #026688;
    width: 20px;
    margin-bottom: 4px;
    display: block;
    height: 3px;
    border: 1px solid #E6814B;
}

.container-fluid.my-ac-wrapper {
    margin-bottom: 0;
    padding: 0;
}

.top-head-bar .navbar .navbar-brand:hover,
.top-head-bar .navbar .navbar-brand:focus {
    color: #5f656f;
}

#wrapper {
    padding-left: 0;
    transition: all .4s ease 0s;
    /*height: 100% */
    position: relative;
}

#sidebar-wrapper {
    margin-left: -265px;
    left: 0;
    width: 250px;
    background: #edbc5d;
    /* position: absolute; */
    z-index: 99;
    transition: all .4s ease 0s;
    position: relative;
    /*height: 100%;*/
    float: left;
    height: 100%;
    height: 100%;
    max-height: 1455px;
    min-height: 1107px;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 800px;
    background: #F2BB4A;
}

#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}

#wrapper.toggled {
    padding-left: 0;
}

#wrapper.toggled #sidebar-wrapper {
    left: 265px;
}

#wrapper.toggled .canvas {
    margin-left: 260px;
}

#wrapper .canvas {
    padding-left: 0;
    transition: all .4s ease 0s;
    /* height: 100%; */
    position: relative;
    margin-left: 265px;
    float: left;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
}

/*Lang dropdown CSS Start*/

/*
.italian .dropdown-right .drop-down .select-list li:nth-child(3) {
    display: none!important;
}
*/
.english .dropdown-right .drop-down .select-list li:nth-child(1) {
    display: none !important;
}

.spanish .dropdown-right .drop-down .select-list li:nth-child(4) {
    display: none !important;
}

.top-performers-container .performer-item .user-name {
    font-size: 9px;
}

.button.copy {
    display: none;
}

.iframe-box h2 {
    text-transform: uppercase;
    color: #119a68;
    margin-bottom: 20px;
}

.iframe-box-top {
    background: #f4f4f4;
    padding: 15px;
    border-top: 1px solid #ccc;
    margin-bottom: 25px;
}

.iframe-box h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.iframe-box a {
    color: #119a68;
}

.iframe-box p {
    padding-left: 0px;
    margin-bottom: 15px;
    font-size: 16px
}

.iframe-box p:last-child {
    margin-bottom: 0;
}

b {
    font-family: 'Roboto-Bold';
}

.iframe-box h3 b {
    color: #119a68;
}

.iframe-box img {
    margin-top: 30px;
    height: 100%;
}

/* responsive */
@media(max-width: 1600px) {
    body .dashbrd {
        display: block;
    }

    .tp_detail_card_flx {
        display: flex;
    }

    .smdashboard-wrap {
        padding-right: 15px !important;
        width: 100% !important;
    }

    .smdashboard {
        height: 100%;
    }

    body .tp_detail_card,
    body .right-content,
    body .page-content-area {
        width: 100%;
    }

    body .content-wrapper {
        margin: 10px 0 25px 0px;
    }

    .tp_detail_card .ns-box {
        float: left;
    }

    .tp_detail_card .ns-box:first-child {
        width: 30%;
    }

    .tp_detail_card .ns-box:last-child {
        width: 68%;
        margin-left: 2%;
        padding-top: 35px;
    }

    .right-sidbar-content .rsc-box h3 {
        font-size: 22px;
    }

    body .prop-bx {
        width: 33.33%;
    }
}

/*Lang dropdown CSS end here*/
@media(max-width: 1199px) {

    /*.registration-bottom {    padding: 0 15px 24px 0;}*/
    .signup-text span {
        padding: 0 2px;
    }

    .registration-bottom a {
        font-size: 13px;
    }

    .top-head-bar{display:block;}

}

@media(max-width: 991px) {

    .login-social-box a.facebook {
        margin: 0 0 5px 0;
    }

    .login-social-box a.linkedin {
        margin: 0;
    }

    .signup-text {
        text-align: center;
    }

    .login-page .submit-box>div:first-child {
        width: 35%;
    }

    .login-page .form-inline button.btn.btn-default {
        padding: 6px 23px;
        font-size: 15px;
    }

    .site-header .top-head-bar .navbar {
        display: block;
        position: absolute;
        top: 25px;
        left: 15px;
    }

    #wrapper .canvas {
        margin-left: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        position: absolute;
        z-index: 9999;
    }

    .before-right-content {
        padding: 30px 15px 30px 15px;
    }

    .right-login-wrapper {
        padding: 30px 0;
        ;
    }

    .login-page .register-wrap {
        width: 90%;
    }



}


@media (max-width:767px) {

    .login-page .submit-box>div:first-child {
        width: auto;
    }

    .register-logo {
        margin: 0;
    }

    .customer-tabs .tabs-left {
        border: 0;
        display: block;
    }

    .customer-tabs .nav-tabs>li {
        border-left: 0px;
        /* border-bottom: 1px solid #ccc; */
        width: 100%;
        margin-bottom: 5px;
    }

    .customer-tabs .nav-tabs>li.active:after {
        width: 100%;
        height: 1px;
        background: #fff;
    }

    .customer-tabs .nav-tabs>li a br {
        display: none;
    }

    /*.customer-tabs .nav-tabs > li:first-child{border: 0;}*/
    .customer-tabs .nav-tabs>li:last-child {
        border: 0;
    }

    .customer-tabs .nav-tabs>li.active {
        border: 0;
    }

    .register-wrap .row-flex {
        display: block;
    }

    p.rotat-p {
        display: none;
    }

    /* .register-wrap .row-flex .col-sm-6:first-child {    display: none;} */

    .login-img {
        display: none;
    }


}


.successful-wrapper {
    padding: 40px 0;
    text-align: center;
}

.successful-wrapper h4 {
    padding: 40px 0;
    margin: 0;
    font-size: 30px;
    text-transform: capitalize;
    color: #000;
}

/****block-language *******/
.block-language {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 900;
}

.block-language .links li {
    width: 41px;
    list-style: none;
    height: 25px;
    display: none;
    position: relative;
}

.block-language .links li a {
    display: inline-block;
    width: 40px;
    font-size: 0;
    height: 20px;
}

.block-language .links li a img {
    width: 65%;
}

.block-language .links li.is-active {
    display: block;
}

.block-language .links li.is-active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #757575 transparent transparent transparent;
    position: absolute;
    right: 0;
    top: 40%;
}

.block-language .links:hover li {
    display: block;
}

.block-language .links:hover li.is-active:after {
    display: none;
}

.block-language .links {
    background: #000;
    position: relative;
    z-index: 99;
    padding: 5px 0 5px 15px;
}

/**********/
.box iframe .inlineblock {
    display: block !important;
}

/*****grey-sidebar*****/
.grey-sidebar {
    font-size: 16px;
    box-shadow: 0px 0 15px 1px rgb(0, 0, 0, 30%);
    -webkit-box-shadow: 0px 0 15px 1px rgb(0, 0, 0, 30%);
    -moz-box-shadow: 0px 0 15px 1px rgb(0, 0, 0, 30%);
    padding: 0;
}

.grey-sidebar h3 {
    background: #119a68;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px 10px 30px;
    margin: 0;
    position: relative;
}

.swedish .grey-sidebar h3 {
    font-size: 14px;
    padding: 11px 20px 11px 15px;
}

.grey-sidebar h3:after {
    content: "";
    background: url(/Images/tag.png);
    position: absolute;
    right: -21px;
    width: 41px;
    height: 38px;
    top: 0;
    background-position: 0 3px;
    display: none;
}

.grey-sidebar p {
    font-size: 15px;
    padding: 15px 20px;
    margin: 0;
    border-bottom: 1px solid #fff;
}

.swedish .grey-sidebar p {
    padding: 15px 15px;
}

.grey-sidebar p:last-child {
    margin: 0;
    padding-bottom: 0;
    border: 0;
}

.grey-sidebar p b {
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto-Bold';
}

.grey-sidebar ul {
    padding: 10px 0 10px 28px;
    color: #004c93;
    font-weight: 500;
}

.divider {
    background: #b2b2b2;
    height: 1px;
    margin: 25px 0;
    width: 100%;
}

.grey-contact-box i {
    color: #004c93;
    font-size: 22px;
}

.grey-contact-box span {
    color: #004c93;
    font-size: 22px;
}

.grey-contact-box span {
    color: #004c93;
    font-size: 20px;
    font-weight: 500;
    margin: -3px 0 5px 0;
    display: inline-block;
}

.grey-contact-box {
    font-weight: 500;
}

.mb20 {
    margin: 0 0 15px 0;
}

.grey-sidebar #ofm-table-products-container h2 {
    display: none;
}

.grey-sidebar h2 {
    margin-top: 10px;
    font-size: 24px;
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
    color: #119a68;
}

.blue-head {
    color: #119a68;
}

/*********/

/*******suren-flag-css***********/
.form-group.selct-new.new-drop-flag {
    margin: 0 !important;
}

.new-drop-flag .dropdown dd ul {
    background: #fff;
    color: #000;
    display: none;
    padding: 5px 0px;
    top: 2px;
    min-width: 170px;
    height: 235px;
    overflow-y: scroll;
    position: absolute;
    z-index: 99;
    top: 40px;
    box-shadow: 0 1px 7px #959393;
}

.new-drop-flag .dropdown span.value {
    display: none;
}

.new-drop-flag .dropdown dd ul li a {
    padding: 5px;
    display: block;
}

.new-drop-flag .dropdown dd ul li a:hover {
    background-color: #d0c9af;
}

.new-drop-flag .dropdown img.flag {
    border: none;
    padding-right: 15px;
}

.new-drop-flag .flagvisibility {
    display: none;
}

.new-drop-flag dl#sample {
    width: 78%;
    float: right;
}

.new-drop-flag dl#sample a {
    width: 100%;
    height: 40px;
    background: no-repeat;
    border: snow;
    border-bottom: 1px solid;
    text-decoration: none;
    color: #5a5757;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-login-wrapper.remove-before:before {
    display: none;
}

.new-drop-flag .dropdown dt a {
    display: block;
    font-size: 12px;
    color: #626262;
    padding: 10px;
}

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

/********suren-flag-css-end**********/

/******************/
.referall-wrap {
    margin: 0 -17px;
    position: relative;
}

.refer-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.refer-content h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
}

.refer-content p {
    padding: 0;
    color: #fff;
    font-size: 17px;
    margin: 0;
    text-align: left !important;
}

.refer-content a {
    background: #fff;
    padding: 10px 25px;
    border-radius: 35px;
    float: right;
    font-size: 17px;
    text-decoration: none;
    transition: 0.5s;
}

.refer-content a:hover {
    background: #119a68;
    color: #fff;
    text-decoration: none;
}

.referall-wrap img.img-responsive {
    width: 100%;
}

.invite-friend .form-content .form-inline .form-group span {
    position: absolute;
    bottom: -19px;
    right: 0;
}

.invite-friend .form-content .form-inline .form-content-box.form-content-box-label-full .form-group {
    padding: 0;
    margin: 0 0 15px 0;
}

/***************************************************************************************************
PAGE NOT FOUND PAGE CSS START
**************************************************************************************************/
.container-404 .row {
    display: flex;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.container-404 {
    display: table;
    overflow: hidden;
    padding: 50px 15px;
}

.container-404 p {
    font-size: 20px;
}

.container-404 p.bold {
    font-weight: bold;
    font-size: 30px;
}

.container-404 p.regular {
    font-weight: 100;
}

.container-404 img {
    text-align: center;
    display: inline-block;
}

.container-404 .row img,
.container-404 .row img {
    text-align: center;
    display: inline-block;
    padding-bottom: 30px;
}

/***************************************************************************************************
PAGE NOT FOUND PAGE CSS END
**************************************************************************************************/
/***********personal account page**********/
.account-info h4 {
    background: #E6814B;
    color: #fff;
    padding: 15px 0;
    border-right: 1px solid #e4e4e4;
    margin: 0;
}

.account-info span {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 0;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

/***********personal account page**********/
.graf-section .panel-body {
    overflow-x: scroll;
    display: flex;
    justify-content: center;
}

.graf-section .panel-heading {
    background: #004c93;
    color: #fff;
    border-radius: 0;
    padding: 15px 0;
}

.graf-section .panel-heading h4 {
    margin: 0;
}

/************/

.tradingview-widget-container {
    position: relative;
    display: flex;
}

.tradingview-widget-container:after {
    position: absolute;
    content: "";
    right: 9px;
    bottom: 0;
    width: 32px;
    height: 36px;
    background: #fff;
    border-radius: 100%;
}

.tradingview-widget-container iframe {
    height: 100% !important;
}

/******calculator-table*********/
table.calculator-table {
    background-color: transparent;
    width: 100%;
}

table.calculator-table td {
    border: 1px solid #d8d8d8;
    padding: 7px 15px;
}

.form-inline table.calculator-table select,
.form-inline table.calculator-table input {
    width: 100%;
    display: block;
    margin: 0;
    border: 1px solid #ccc;
    padding: 2px 8px;
}

table.calculator-table td.comm {
    border: 0;
}

.cal_submit {
    background: #004c93;
    color: #fff;
    padding: 8px 20px !important;
    display: inline-block;
    font-size: 17px;
    width: auto !important;
}

.swapriskmoney {
    background: #ffffff;
    padding: 8px 15px !important;
    width: auto !important;
    border: 2px solid #8bc838 !important;
    color: #8bc838;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

.swapriskmoney:hover,
.swapriskmoney:focus {
    background: #99d213;
    text-decoration: none;
    border: 2px solid transparent !important;
    color: #fff !important;
}

table.form-tbl.wholecolored.calculator-table td.left {
    width: 48%;
}

table.form-tbl.wholecolored.calculator-table {
    width: auto;
}

.calculator-page .steps-main-heading {
    font-size: 30px
}

/******calculator-table*********/
.form-content form.search-form {
    margin-bottom: 15px;
    padding: 0;
    float: right;
}

.form-content #searchform.search-form {
    margin-bottom: 15px;
    padding: 0;
    float: right;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .select-arrow:after {
        display: none;
    }

    .page-loader {
        padding: 15%;
        display: block;
    }
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}

.responsive_tbl {
    background: #f1f1f1;
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: 300;
    width: 97.5%;
    margin: 20px 15px 20px 15px;
}

.responsive_tbl tr th {
    border: 1px solid #ccc;
    background: #F6F6F6;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    text-align: center;
    padding: 20px 6px;
    text-transform: capitalize;
}

/*.responsive_tbl tr th:last-child { border-right:0 none }*/
.responsive_tbl tr td {
    border: 1px solid #ccc;
    color: #333;
    font-size: 15px;
    padding: 15px 6px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    background: #fff;
}

.responsive_tbl tr td:first-child {
    font-weight: bold;
    font-family: 'Roboto-Bold';
}

.responsive_tbl tr td>a {
    color: #E6814B !important;
}

.responsive_tbl .td-link {
    padding: 6px 10px;
}

/*.responsive_tbl .tbl-btn { background: #151c1f; border: 1px solid #9a7e19; border-radius: 0; display: inline-block; text-align: center; padding: 6px 15px; color: #deb417!important; }
.responsive_tbl .tbl-btn:hover, .responsive_tbl .tbl-btn:focus { background: #b6bc1c; border: 1px solid #b6bc1c; border-radius: 0; color: #fff!important; text-decoration:none; }*/
table.legal-table td {
    text-align: center;
}

.trading_history .form-content .form-inline .form-group span {
    text-align: left;
}

.payment-methods-table .common-table tr th {
    text-align: center;
    padding: 20px 15px;
    font-size: 14px;
}

.payment-methods-table .common-table tr td {
    text-align: left;
    padding: 20px 15px;
    font-size: 13px;
}

.payment-methods-table .common-table tr td img {
    margin-right: 10px;
    height: 30px;
}

.payment-methods-table .common-table tr td span.color-link {
    display: inline-block;
    margin: 0 15px 0 0;
}


@media (max-width: 767px) {

    .responsive_tbl table,
    .responsive_tbl thead,
    .responsive_tbl tbody,
    .responsive_tbl th,
    .responsive_tbl td,
    .responsive_tbl tr {}

    .responsive_tbl {
        border: medium none;
        background: transparent;
    }

    .responsive_tbl tr th {
        border-bottom: 1px solid #444;
        border-right: medium none;
        width: 100%;
        font-size: 14px;
        padding: 15px 6px;
    }

    .responsive_tbl tr {
        border: 1px solid #e9e9e9;
        margin-bottom: 15px;
        padding: 0;
    }

    .responsive_tbl tr td {
        padding: 10px 6px;
        position: relative;
        white-space: normal;
        border-right: 0px;
    }

    .responsive_tbl td::before {
        color: #a2a2a2;
        content: attr(data-title);
        display: none;
        font-size: 16px;
        padding-bottom: 1px;
        padding-right: 0;
        text-align: left;
        white-space: nowrap
    }

    #ofm-table-products,
    #ofm-table-products td,
    #ofm-table-products th,
    #ofm-table-products h2 {
        margin: auto;
    }

    .grey-sidebar {
        background: transparent;
    }

    .grey-sidebar .table-responsive {
        border: none;
    }

    .custom-details .panel-heading h4 {
        font-size: 18px;
    }

    .custom-details .panel-heading a.accordion-toggle:after {
        font-size: 15px
    }

    /*header*/
    .top-head-bar {
        display: block;
    }

    .top-head-bar .side-overlay-menu {
        width: 30%;
        z-index: 999999999;
        order: 2;
    }

    .top-head-bar .market-ticket {
        position: relative;
        top: 0;
        width: 100%;
        padding: 0 0 10px 0;
    }

    .login-details {
        text-align: center;
        order: 2;
        width: 70% !important;
        float: left;
        padding-top: 0;
        z-index: 99999999;
        position: relative;
    }

    .top-head-bar .col-md-6.col-sm-4.col-xs-4.text-center {
        width: 100%;
        padding: 0 0 10px 0;
        order: 1;
    }

    .top-head-bar .common-btn {
        margin-left: 7px;
    }

    .leverate-rates-ticker-container .leverate-rates-animated-row {
        left: 0;
    }

    /**/

}

@media (max-width: 560px) {}

@media (max-width: 480px) {
    .cashier34-div {
        max-width: 100%;
        width: 100%;
    }

    .cashier34-div .form-control {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    .cashier34-div label {
        font-size: 13px;
    }

    .custom-details .panel-heading h4 {
        font-size: 16px;
    }
}

@media(min-width: 1460px) {
    .side-overlay-menu {
        width: 15% !important;
    }

    .market-ticket {
        width: 60% !important;
    }

    .login-details {
        width: 30% !important;
    }
}

@media(min-width: 1800px) {
    .market-ticket {
        width: 80% !important;
    }
}



/**************   New technical Analysis   ***************/
.page-id-2311 .content-area,
.page-id-2325 .content-area,
.page-id-2332 .content-area,
.page-id-2333 .content-area,
.page-id-2331 .content-area {
    padding: 0px;
}

.page-id-2311 .inner_bnr_container,
.page-id-2325 .inner_bnr_container,
.page-id-2332 .inner_bnr_container,
.page-id-2333 .inner_bnr_container,
.page-id-2331 .inner_bnr_container {
    display: none;
}

.technical-analysis {
    padding: 0px;
}

.technical-analysis p {
    font-size: 16px;
    padding: 0px;
}

.tech-one {
    position: relative;
}

.tech-one-content {
    width: 70%;
    padding-top: 60px;
    top: 0;
}

.tech-one-content h3 {
    font-size: 24px;
    color: #000;
    margin-top: 0;
}

.tech-one-content h2 {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    /*color: #fff;*/
}

.tech-one-content p {
    font-size: 32px;
    /*color: #fff;*/
    padding: 0px;
}

.tech-one-content a {
    margin-top: 02px;
    font-size: 18px;
    text-transform: uppercase;
    background: #000;
    padding: 10px 30px;
    color: #fff !important;
    display: inline-block;
    text-decoration: none !important;
}

.tech-two {
    padding: 50px 0px;
}

.tech-two img {
    float: right;
    height: 600px;
    padding-right: 20px;
}

:lang(ar).tech-two img {
    float: left;
    padding-right: 0;
    padding-left: 20px;
}

.technical-analysis .lg-head {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
    color: #274b99;
    margin-bottom: 35px;
}

.tech-three {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 15px;
    color: #fff;
}

.tech-three p {
    color: #fff;
    margin-top: 20px;
}

.tech-three h2 {
    font-size: 24px;
}

.tech-three .icon {
    width: 170px;
    height: 170px;
    margin: 30px auto 0;
}

.tech-three .one {
    background-position: -642px -640px;
}

.tech-three .two {
    background-position: -654px -926px;
}

.tech-three .three {
    background-position: -648px -1210px;
}

.tech-three .four {
    background-position: -1000px -41px;
}

.tech-three .five {
    background-position: -989px -353px;
}

.tech-three .six {
    background-position: -993px -668px;
}

.tech-four {
    padding: 50px 0;
}

.tech-four .tabs-left>li>a {
    border-radius: 0px;
    margin-right: 0;
    display: block;
    padding: 10px 30px;
    margin-bottom: 16px !important;
    text-transform: uppercase;
    border: 0 !important;
    background: #fff;
    margin-bottom: 0;
    font-size: 14px;
}

.tech-four .tabs-left>li {
    margin-right: 0;
    display: block;
    text-align: center;
    padding: 0 60px 0 0;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

:lang(ar).tech-four .tabs-left>li {
    padding: 0 0px 0 60px;
}

.tech-four .tabs-left>li.active>a:after {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #1b3071;
    position: absolute;
    content: '';
    right: -40px;
    top: -18px;
}

:lang(ar).tech-four .tabs-left>li.active>a:after {
    right: auto;
    top: -19px;
    left: -38px;
    transform: rotate(180deg);
}

.tech-four .tabs-left>li>a:hover {
    background-color: transparent;
    color: #1b3071;
}

.tech-four .tabs-left>li.active>a,
.tech-four .tabs-left>li.active>a:hover,
.tech-four .tabs-left>li.active>a:focus {
    background: #1b3071;
    color: #fff;
    border: 0;
}

.tech-four .tab-content h2 {
    margin-top: 0;
    margin-bottom: 25px;
    color: #1b3071;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}

.tech-four .tab-content img {
    margin-bottom: 20px;
}

.tech-four .tabs-left,
.tech-four .tabs-right {
    margin-top: 30px;
    border: 0;
}

.ar-l {
    display: none !important;
}


.dear-client {
    /* position: absolute;
    top: 0;
    z-index: 1;
    padding: 20px 15px;*/
}

.dear-client p {
    color: #2d2d2d;
}

/* *************likedin,google,fb css */
.social-btns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.social-btns a {
    border: 1px solid #ccc;
    border-radius: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    font-size: 13px;
    text-decoration: none;
    padding: 10px;
}

.social-btns a img {
    width: 25px;
}

.customWidget {
    height: 220px;
    border: 1px solid darkgray;
    border-radius: 9px;
}

.customWidget a:hover,
.customWidget a:focus {
    text-decoration: none;
}

.ImgWidg {
    /* background-image: url('/Images/widgets/SentimentComplexPlaceholder.png'); */
    height: 160px;
    background-size: cover;
}

.alignInCenter {
    text-align: center;
}

.mainTitle {
    font-size: 18px;
    color: black;
}

.subTitle {
    font-size: 10px;
    color: black;
}

.custWidg {
    background: white;
    width: 100%;
    height: 100%;
    border: 0px;
    border-radius: 100px;
}

.widgetListing .no-rt-padd {
    padding-left: 0px;
}

/* Widgets filter floating button starts here */
.widget-btn {
    display: flex;
    height: 89px;
    width: 89px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #12a16d;
    position: fixed;
    right: 6px;
    bottom: 140px;
    z-index: 9999;
    cursor: pointer;
}

.widget-filter-modal {
    text-align: center;
}

.widget-filter-modal:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.widget-filter-modal .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    width: 750px;
    text-align: left;
}

.widget-filter-modal .modal-content {
    padding: 10px 15px 15px;
    border-radius: 15px;
}

.widget-filter-modal .modal-content h2 {
    font-size: 22px;
    font-family: 'Roboto-Bold';
}

.widget-filter-modal .modal-dialog label {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: 'Roboto-Bold';
}

.widget-filter-modal .modal-dialog label input[type=checkbox] {
    margin: 0 8px 0 0;
}

.widget-filter-modal .modal-footer {
    border-top: 0;
    text-align: left;
}

.widget-filter-modal .modal-footer .btn-default {
    border-radius: 0;
    border: 2px solid;
    outline: none;
}

.widget-filter-modal .modal-footer .btn-default:first-child {
    border-color: #12a16d;
}

.widget-filter-modal button.close {
    border: 1px solid;
    border-radius: 50%;
    padding: 0 5px;
    opacity: 0.8;
}

@media(max-width:767px) {
    .widget-filter-modal .modal-dialog {
        width: 90%;
    }

    .widget-filter-modal:before {
        height: auto;
    }
}


/* Widgets filter floating button ends here */


.sidebar ul.sidebar-menu .myprofile a {
    display: flex;
    align-items: center;
    /* border: 1px solid #048f5c; */
    margin-bottom: 0;
    padding: 12px 20px;
}

.sidebar ul.sidebar-menu .myprofile a .fa {
    height: 40px;
    width: 40px;
    background: #ece4e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    margin-right: 10px;
    font-size: 35px;
    color: #c5c3bb;
    overflow: hidden;
}

.sidebar ul.sidebar-menu .myprofile .fa-user:before {
    margin-bottom: -9px;
}

#loginTP {
    border: 1px solid #e7e7e7;
    padding-left: 10px;
}

#images_pymentmethods {
    height: 22px;
    width: 22px;
}

.forgot-lock {
    padding: 30px 0 0 0;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.login-page .forgot-password-sec .registration-top img {
    position: relative;
    top: 4px;
}

.forgot-lock img.img-responsive {
    width: 52px !IMPORTANT;
    margin: 0 auto;
}

.forgot-password.login-page .register-wrap {
    border-radius: 30px;
    width: 450px;
    padding: 30px;
}

.input-icon.user-info {
    position: absolute;
    bottom: 44px;
    background: url(/Images/new-sprite-lt.png);
    height: 24px;
    width: 24px;
    background-position: -69px -726px;
    margin-left: 10px;
}

.ns-box {
    /* background: #fff; */
    /* box-shadow: 0px -1px 9px 6px #d5e4fe; */
    border-radius: 13px;
    text-align: center;
    padding: 20px;
    margin: 10px 0 30px 0;
    position: relative;
    /* width: 245px !important; */
    border: 1px solid #DCDCDC
}

.new-common-btn {
    /* box-shadow: 1px 0px 4px #88cff1; */
    border-radius: 21.5px;
    padding: 8px 30px;
    color: black;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    background: #E6814B;
    margin-bottom: 5px;
    margin-top: 5px;
}

.input-icon.user-info abbr {
    display: none;
}

.input-icon.user-info:hover abbr {
    display: block;
    position: absolute;
    bottom: 28px;
    z-index: 99;
    width: 200px;
    height: auto;
    background: #E7E7E7;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    padding: 12px;
}

.input-icon.user-info:hover abbr:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 10px #D1D1D1;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    bottom: -9px;
    left: 10px;
}

.right-sidbar-content .rsc-box {
    box-shadow: 0px -1px 9px 2px #d5e4fe;
    border-radius: 13px;
    /* background: #E1F0FC; */
    margin: 0 0 15px 0;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
}

.right-sidbar-content {
    padding-top: 55px;
}

.right-sidbar-content .rsc-box h4 {
    margin: 0;
    font-size: 14px;
}

.right-sidbar-content .rsc-box h3 {
    color: #000;
    font-size: 30px;
    margin: 0;
}

.dashboard-content h2 {
    padding: 0 0 15px 0 !important;
    color: #000;
    text-align: left;
    margin: 0;
    font-size: 24px;
}

.page-content-area {
    margin-top: 10px;
    border-radius: 20px;
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    padding: 8px;
    margin-left: 10px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
    /* border: 1px solid #D8D8D8 */
}

.ns-box h3 {
    margin: 15px 0 5px 0;
    padding: 0;
    font-size: 18px;
    color: #E6814B;
    font-weight: bold;
}

.ns-box h4 {
    font-size: 16px;
    color: #000;
}

.ns-box p {
    color: white;
}

.ns-box .ns-user {
    margin-top: -15px;
}

.middle-content-wrap li {
    list-style: none;
    color: black !important;
    padding-bottom: 10px;
}

.middle-content-wrap .nav-top a {
    color: #727C93;
    border-bottom: 2px solid transparent;
    font-weight: bold;
}

.middle-content-wrap .nav-top a:hover {
    color: #E6814B !important;
    font-weight: bold;
    border: 0 !important;
    text-decoration: none;
}

.middle-content-wrap .nav-top li.active a {
    color: #E6814B;
    font-weight: bold;
    border-bottom: 2px solid #E6814B;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: -1px;
}

.middle-content-wrap .nav-top {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
    padding-left: 0;
    border: 1px solid #DCDCDC;
    padding-top: 12px;
}

.dash-tabs {
    border: none;
}

.tab-info {
    border: 1px solid #DCDCDC;
    border-top: none;
}

.mdata,
.thdata,
.tdata {
    padding: 10px;
}

.page-left {
    padding: 15px;
}

.page-content-area .dashboard-bottom {
    min-height: auto;
}

.dashbrd {
    display: flex;
    justify-content: space-evenly;
}

.form-content .form-inline label.form-label {
    width: auto;
}

/* FAC-132 */
.btn-round {
    color: #E6814B;

    border: 2px solid;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 8px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: capitalize;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    border-radius: 45px;
    font-family: 'Roboto-Bold';
    background: #fff;
}

/* FAC-132 */
/* FAC-120 */
.register-wrap #Date_of_Birth-div span {
    position: relative;
    bottom: 0;
    right: 0;
    color: #5a5a5a;
}

.register-wrap #Date_of_Birth-div .input-group.date.year18 {
    width: 100%;
}

.register-wrap #Date_of_Birth-div .input-group-addon {
    width: 30px;
}

select {
    padding-left: 25px !important;
}

/* end FAC-120 */
/* FAC-145 */
/* .register-wrap #Date_of_Birth-div,.register-wrap #currency-div{ margin-bottom: 25px;}
.register-wrap #Date_of_Birth-error{
    font-size: 11px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    color: #a94442 !important;
    bottom: -18px !important;
    right: -4px !important;
    position: absolute !important;
} */
.fixed-height-div {
    height: 90px !important;
}

/* fac 145 end */

/* ALTCRM-1370 */
/*****prop pulse****/
.proppulse-head {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: linear-gradient(180deg, #E6814B 0%, #b7edff 100%);
    background: rgba(0, 146, 179, 1);
    background: -moz-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 146, 179, 1)), color-stop(100%, rgba(2, 102, 136, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6814B', endColorstr='#026688', GradientType=0);
}

.flex-row {
    display: flex;
    justify-content: space-between;
}

/* .row{
    display:flex;
} */
.straight {
    display: flex;
}

.profit {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding-right: 10px;
}

.profit-text {
    font-family: Roboto;
    font-size: 25px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.profit-div {
    padding-left: 20px;
}

.profit-image {
    padding-top: 10px;
    padding-right: 10px;
}

.challenge-profit {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.challenge-profit-div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.no-limit {
    background: #0a5e70;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding: 3px 12px 3px 12px;
    margin-right: 10px;
}

.evaluation1-div {
    margin-top: 20px;
}

.meta-trader {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

/* .activity-div{
    background: #fff;box-shadow: 0px -1px 9px 6px #d5e4fe;border-radius: 13px;padding: 10px;margin: 10px 0 30px 0;
}
.activity-text{
    font-family: Roboto;font-size: 22px;font-weight: 500;line-height: 26px;letter-spacing: 0em;text-align: left;
}
.activity-div1{
    background: #F5F5F5;padding: 10px;width: 234px;height: 90px;top: 1145px;left: 625px;
}
.activity-div2{
    background: #F5F5F5;padding: 10px;width: 410px;height: 85px;top: 982px;left: 592px;
}
.activity-tick{
    border: 1px solid #22A447;padding: 3px;margin-bottom: 10px;margin-right:5px;
} */

/* activity css */

.activity-div .activity-div1.profit1-div {
    background: linear-gradient(90deg, #ECE9E9 0%, rgba(255, 255, 255, 0) 140%);
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.activity-div .activity-tick {
    /* border: 1px solid #22A447; */
    padding: 3px;
    width: 25px;
    height: 25px;
    margin: 0 20px 0 0;
}

.activity-div1 p {
    margin: 0;
}

.activity-div .flex {
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 15px;
}

.activity-div .activity-para {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
}

.activity-div .activity-span {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    display: block;
    font-family: "Lexend Deca SemiBold";
    margin: 0 0 4px 0;
}

/* activity css ends */
/* 
.evaluation{
    font-family: Roboto;font-size: 16px;font-weight: 500;line-height: 26px;letter-spacing: 0em;text-align: left;color: #000000;
} */
/* .step1-text{
    font-family: Roboto;font-size: 18px;font-weight: 400;line-height: 21px;letter-spacing: 0em;text-align: left;
} */
.profit1-div {
    background: linear-gradient(90deg, #ECE9E9 0%, rgba(255, 255, 255, 0) 140%);
    padding: 13px;
}

.activity-span {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.activity-para {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.evaluation-div {
    box-shadow: 0px 16px 24px 0px #0000000F;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    border-radius: 28px;
    padding: 50px 20px;
}

.trade-div {
    box-shadow: 0px 16px 24px 0px #0000000F;
    background: #FFFFFF;
    border-radius: 28px;
    padding: 5px 10px;
    margin: 10px;
}

.balance {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #696969;
}

.evaluation1-div {
    margin-top: 10px;
}

.row-margin {
    display: flex;
    margin-left: -23px;
}

.evaluation-text {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #404040;
}

.loss-div {
    width: 33.33%;
    height: 152px;
    top: 369px;
    left: 303px;
    background: linear-gradient(90deg, #FCFCFC 0%, rgba(255, 255, 255, 0) 140%);
    padding: 15px;
}

.evaluation-span {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.evaluation-para {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    margin-top: 20px;
}

.graph-div {
    margin-top: 20px;
}

.margin-left {
    margin-left: 20px;
}

.trade-div1 {
    background: #E6814B;
    box-shadow: 0px 16px 24px 0px #0000000F;
    border-radius: 28px;
    padding: 5px 10px;
    margin: 10px;
    color: #FFFFFF;
}

.balance1 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.bal-para {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.bal-span {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.tab-div-selected {
    background: #E6814B !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.tab-div {
    width: 156px;
    height: 47px;
    top: 636px;
    left: 281px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    border: 1px solid #DCE4DE;
    font-family: Lexend Deca;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #727272;
    text-decoration: none !important;
    cursor: pointer;
}

.tab-div:hover {
    background: #E6814B !important;
    color: #FFFFFF !important;
}

.overflow-tab-main-div {
    display: flex;
    margin-top: 10px;
}

.overflow-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 15px;
}

.objectives-div {
    background: #b7edff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
    margin: 0 0 15px 0;
}

.objectives-text {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #404040;
}

.milestones-div {
    background: #b7edff;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    margin-top: 10px;
    margin: 15px 0 8px 0;
}

.milestones-text {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #404040;
}

.milestone-select {
    border: 0;
    background: #fff;
    padding: 0 0 0 11px !important;
    height: 40px;
    margin: 3px 0 0 0;
}

.list {
    list-style: none;
}

.profit-main-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 20px;
}

.row-tab {
    padding: 20px;
}

.profit-para {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}

.paginationText {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.captchacode1 {
    width: 71px;
    border-radius: 15px;
}

.instruments-main-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 20px;
}

.profit-breakdown-div {
    background: #b7edff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.add-filter {
    background: #FFFFFF;
    color: #000;
    padding: 5px 10px;
    font-size: 10px;
}

.trades-main-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 50px;
    padding: 25px 30px 25px 25px !important;
}

.trading-div {
    border: 1px solid #DBDBDB;
    background: #FFFFFF;
    width: 228px;
    margin: 10px;
}

.trades-container {
    box-shadow: 0px 16px 24px 16px #0000000F;
    border-radius: 10px;
    padding: 7px;
}

.row1 {
    display: flex;
}

.trade-icon {
    background: #DDF9E4;
    margin-right: 10px;
    padding: 10px;
}

.trade-details {
    border: 1px solid #BAE7C7;
    padding: 10px 20px;
    width: 100%;
    ;
}

.trade-details p {
    margin: 0;
}

.trade-div-contrainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.trade-text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.trade-span {
    font-family: Roboto;
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    position: relative;
    z-index: 99;
}

.trade-para {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.trade-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.daily-profit-graph-div {
    border: 1px solid #DBDBDB;
    border-radius: 25px;
    width: 49% ! IMPORTANT;
    margin: 0 0.5%;
}

.trade-main .trade-div-contrainer {
    width: 100%;
    padding-left: 34px;
}

.trades-container .trading-div {
    width: 47%;
    height: 130px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
}

.trades-container .trading-div h2.trade-text {
    margin: -18px 0 0 0;
}

.trades-container .trading-div h2.trade-text .trade-para {
    margin: 0;
}

.trades-container .trading-div img {
    right: 20px;
    width: 90px;
    position: absolute;
    top: 38px;
    bottom: 0;
}

.daily-profit-graph {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.hr {
    margin: 0;
}


.trade-div {
    padding: 20px;
}

.overflow-tab-main-div {
    margin-top: 20px;
}

.evaluation1-div {
    margin-top: 15px;
}

.prop-table th,
.prop-table td {
    text-align: left;
    font-size: 15px;
    padding: 15px 20px;
}

.milestone-select {
    padding-left: 0px !important;
    padding: 0;
    text-align: center;
}

.pop-msg-container-proppulse {
    padding: 10px 30px 20px 30px;
    background: #fff none repeat scroll 0 0;
    position: relative;
    height: auto;
    vertical-align: middle;
    border-radius: 15px;
    text-align: left;
}

.pagination {
    float: right;
}

.pagination button {
    background: #fff;
    border: 1px solid #cccc;
    padding: 5px 15px;
}

.instruments-main-div .flex-row {
    display: flex;
    align-items: center;
}

.paginationText P {
    margin: 0;
}


/****prop-pulse-challenges*****/
.dashboard-bottom.prop-pulse-challenges {
    display: block;
}

.prop-pulse-challenges ul {
    background: #EEF3FA;
    ;
    ;
    margin-bottom: 42px;
    padding: 0 70px;
}

.prop-pulse-challenges .tab-div {
    background: transparent;
    height: 55px;
    color: #565454;
    border-radius: 0;
    border: 0;
    border-bottom: 4px solid #0000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: auto;
    padding: 0 20px;
    font-size: 15px;
}

.prop-pulse-challenges .tab-div.tab-div-selected,
.prop-pulse-challenges .tab-div:hover {
    background: #E6814B;
}

.prop-pulse-challenges .Challenges-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-right: 30px;
}

.prop-pulse-challenges .Challenges-wrapper>div {
    margin-bottom: 30px;
}

.prop-pulse-challenges .Challenges-box {
    border-radius: 10px;
    border: 1px solid #E6814B;
    padding: 4px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.prop-pulse-challenges .cb-body {
    flex: auto;
}

.prop-pulse-challenges .Challenges-box .cb-header {
    border-radius: 10px 10px 0 0;
    background: #E6814B;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prop-pulse-challenges .Challenges-box .cb-header h3 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0 0 6px 0;
    font-weight: 700;
}

.prop-pulse-challenges .Challenges-box .cb-header .cbh-left span {
    border-radius: 3px;
    border: 1px solid #2f6bc9;
    background: #E1F0FC;
    font-size: 12px;
    padding: 6px 10px;
    display: inline-block;
    color: #424040;
}

.Challenges-box .cb-header .cbh-left span:last-child {
    color: #153B76;
}

.prop-pulse-challenges .Challenges-box .cb-body p {
    font-size: 14px;
    color: #000000;
    margin: 15px 20px;
    min-height: 60px;
}

.prop-pulse-challenges .Challenges-box .cb-body ul {
    background: #ffffff;
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-height: 200px;
}

body .report_page #prop_pulse_traders_wrapper {
    overflow: auto;
}

.prop-pulse-challenges .Challenges-box .cb-footer .comments {
    margin: 25px 0;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li {
    position: relative;
    padding: 8px 15px 10px 50px;
    border-bottom: 1px solid #f9f5f5;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li:last-child {
    border: none;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li:before {
    height: 18px;
    width: 18px;
    background: url(/dist/img/icons.png);
    content: "";
    position: absolute;
    background-position: -1402px -71px;
    left: 22px;
    top: 10px;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li span.tick {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 24px;
    top: 10px;
}

.prop-pulse-challenges .Challenges-box .cb-footer a,
.prop-pulse-challenges .Challenges-box .cb-footer button {
    border: 0;
    border-radius: 21px;
    background: #E6814B;
    color: #ffffff;
    padding: 8px 20px;
    display: inline-block;
}

.prop-pulse-challenges .Challenges-box .cb-footer a:hover,
.prop-pulse-challenges .Challenges-box .cb-footer button:hover {
    color: #000000 !important;
    text-decoration: none;
}

.prop-pulse-challenges .Challenges-box .cb-footer {
    padding: 25px 20px 20px 20px;
}

.prop-pulse-challenges .Challenges-box span.circle {
    background: #fff;
    height: 100px;
    width: 100px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    border: 5px solid #E1F0FC;
}

.challenges-tab-datails {
    padding: 0 0 0 0 !important;
}

.challenges-table h3 {
    margin: 0 0 15px 0;
    font-size: 20px;
}

.challenges-table {
    padding: 25px;
    border-radius: 13px;
    border: 1px solid #85C3E9;
    background: #FFF;
    margin-bottom: 25px;
}

.challenges-table .table th {
    background: #EAFBFF;
    border: 0;
    font-size: 15px;
    font-weight: normal;
}

.challenges-table .table {
    margin: 0;
}

.challenges-table .table th:first-child {
    border-radius: 8px 0 0px 0px;
}

.challenges-table .table th:last-child {
    border-radius: 0 8px 0px 0px;
}

.challenges-table .table td {
    border: 0;
    font-size: 14px;
    border-top: 0 !important;
}

.challenges-table .table tr:nth-child(even) {
    background: #F5F5F5;
}

.challenges-table .table tr:hover {
    background: #F1FBFE;
}

/****prop-pulse-challenges*****/
/*#my-challenges {
  padding: 0 16px 0 10px;
  margin: 0 0 20px 0;
}*/
.my-challenges-wrap {
    border-radius: 17px;
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
    box-shadow: 0px -1px 55.4px -19px rgba(0, 0, 0, 0.25), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    padding: 10px;
    margin: 0 0 20px 0;
}

.prop-wrap {
    padding: 0 15px;
    height: 800px;
    overflow: auto;
}

.my-challenges-wrap .mcb-header {
    border-radius: 10px 10px 0px 0px;
    background: #E6814B;
    padding: 8px 15px;
    display: flex;
    align-items: center;
}

.my-challenges-wrap.failed-box .mcb-header {
    background: rgba(255, 7, 7, 1);
    background: -moz-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 7, 7, 1)), color-stop(60%, rgba(0, 146, 179, 0.84)), color-stop(100%, rgba(0, 146, 179, 0.73)));
    background: -webkit-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: -o-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: -ms-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: linear-gradient(to right, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0707', endColorstr='#E6814B', GradientType=1);
}

.my-challenges-wrap .mcb-header .mcb-left {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
}

.my-challenges-wrap .mcb-header .mcb-left>div {
    padding: 10px 20px;
    text-align: left;
}

.my-challenges-wrap .mcb-header .mcb-left>div:first-child {
    padding-left: 0;
}

.my-challenges-wrap .mcb-header .mcb-left>div h4 {
    font-size: 15px;
    margin: 0;
    color: B7EDFF;
}

.my-challenges-wrap .mcb-header .mcb-left>div h4:last-child {
    margin-top: 4px;
}

.my-challenges-wrap .mcb-header .mcb-left>div .failed-btn {
    border-radius: 26px;
    border: 1px solid #CF0B0B;
    background: linear-gradient(90deg, rgba(255, 7, 7, 0.00) 0%, rgba(192, 4, 4, 0.57) 100%);
    color: #fff;
    padding: 10px 28px;
    font-size: 14px;
}


.my-challenges-wrap .mcb-header .mcb-right {
    width: 50%;
    float: left;
    display: flex;
    justify-content: flex-end;
}

.my-challenges-wrap .mcb-header .mcb-right>div {
    padding: 10px 20px;
    text-align: left;
    color: #fff;
    background: linear-gradient(270deg, #E6814B 0%, #068EAD 100%);
    margin-right: 10px;
}

.my-challenges-wrap .mcb-header .mcb-right>div h4 {
    font-size: 13px;
    margin: 0;
}

.my-challenges-wrap .mcb-header .mcb-right>div h3 {
    margin: 6px 0 0 0;
    font-size: 15px;
}

.my-challenges-wrap .mcb-header h2 {
    margin: 0;
    color: #fff;
    font-size: 25px;
}

.mcb-body .mcb-col {
    width: 28%;
}

.mcb-body .mcb-col:first-child {
    width: 13%;
}

.mcb-body .mcb-col {
    width: 28%;
    display: flex;
    padding: 15px;
    justify-content: space-around;
    align-items: center;
}

.mcb-body .mcb-col h2 {
    margin: 0;
    font-weight: bold;
}

.mcb-body .mcb-col:first-child h3 {
    margin: 0 0 10px 0;
}

.mcb-body .mcb-col:first-child h4.blue {
    margin: 0 0 8px 0;
    color: #E6814B;

    font-size: 19px !important;
}

.mcb-body .mcb-col div>h4 {
    font-size: 20px;
}

.mcb-body {
    display: flex;
}

.mcb-body .mcb-col:first-child {
    width: 13%;
    display: block;
}

.mcb-link {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url(/Images/new-sprite-lt.png);
    background-position: -146px -329px;
}

.green-num {
    color: #038900;
}

.blank-history {
    border-radius: 30px;
    border: 1px solid #B3670E;
    background: #F7F7F7;
    padding: 15px;
}

.blank-history p {
    margin: 0;
    text-align: center;
    color: #000;
}

/*********/
button {
    border: 0;
    border-radius: 21px;
    background: #E6814B;
    color: #ffffff !important;
    padding: 8px 20px;
    display: inline-block;
}

button a {
    color: #fff;
}

button a:hover,
button a:focus {
    color: #fff;
}

/********/

.red-prop {
    color: #eb1e22;
}

.green-prop {
    color: #00881d;
}

.panel {
    background-color: #ffffff !important;
    ;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #E6814B !important;
    ;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: none !important;
}

label {
    color: var(--lv2-text-muted);
    font-weight: normal !important;
}

.trading-history-heading {
    border: none !important;
    ;
    color: #727C93 !important;
    ;
    background: none !important;
}

.trading-history-heading:active,
.trading-history-heading:hover {
    color: #E6814B;
    border: none !important;
    border-bottom: 2px solid #E6814B !important;
}

.selected {
    color: #E6814B !important;
    ;
    border-bottom: 2px solid #E6814B !important;
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: 8px 10px;
    background: #ffffff !important;
    ;
    color: #000000 !important;
    ;
    border: 1px solid #DCDCDC;
}

.input-group .form-control {
    background: white !important;
    ;
    ;
    color: black !important;
    ;
    ;
}

.input-group .form-control::placeholder {
    background: white !important;
    ;
    ;
    color: black !important;
    ;
    ;
}

.form-content .form-inline .step-two-box select,
.form-content .form-inline .step-two-box input::placeholder {
    background: white !important;
    ;
    ;
    color: black !important;
    ;
    ;
}

.form-control {
    background: #ffffff !important;
}

a:hover {}

.arrow-list li {
    color: black !important;
}

input[type="checkbox"]:checked {
    accent-color: #fff;
}

.transperant-bg {
    background-color: transparent !important;
    border: none !important;
}

.background-dark {
    /* background-color: #000000!important; */
    /* border: 1px solid #5a5a59 !important; */
}

.form-content-box.form-content-box-label-full h4 {
    color: #000;
}

.form-content h4 {
    color: #000;
}

.common-table td a:hover {
    color: #000000 !important;
    ;
}

.btn-warning:active:hover {
    color: #fff;
}

a.new-common-btn:hover {
    color: #000000 !important;
    ;
}

.tele_qr_code {
    width: 110px;
    margin-left: 12px;
    background: white;
}


.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open>.dropdown-toggle.datepicker table tr td.active,
.open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    background-color: #E6814B;
    border-color: #E6814B;
}

#chat_mess_count {

    background: #4899e4 !important;

}

/* .top-head-bar .logo .site-title img{
    content: url('/Images/logo-lt.png')!important;
} */
/* link[rel="icon"][sizes="32x32"] {
    content: url('/Images/favicon-lt.png')!important;
} */

#tele_image {
    padding-bottom: 30px;
}

.theme-change-box {
    background-color: #E6814B;
    border-radius: 50%;
    padding: 5px;display: none;
}

.theme-change-box .theme-icon {
    background-image: url(/Images/sun_icon.svg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 19px;
    border-radius: 50%;
    width: 19px;
    display: flex;
}

.theme-change-box .theme-icon:hover {
    background-image: url(/Images/sun_icon_hr.svg) !important;
}

.login-page .forgot-password-sec .registration-top a img {
    content: url("/Images/logo-bforelogin.png") !important;
}

.login-page .forgot-password-sec .registration-top p {
    color: #666464;
}



.form-inline .form-group-captcha .captcha-wrapp img:last-child {
    content: url('/Images/refresh-lt.png');
}

.doc-box .file-wrap .fw-top img {
    content: url('/Images/upload-images-lt.png');
}

.ibuser-login .rpl-top img {
    content: url("/Images/logo-bforelogin.png") !important;
}

.ibuser-login .rpl-top h4 {
    color: #000000;
}

.report_page.page-content-area .col-md-12.resetfilter {
    display: flex;
    justify-content: end;
}

#prop_pulse_traders_filter {
    display: none;
}

.table-footer {
    display: flex;
    justify-content: space-between;
}

.table-footer .pagination_dummy_div {
    display: flex;
}

.modal-content.pamm-new-popups .modal-title {
    color: #E6814B;
}


/* ======================= PAAM PAGES STYLES ===================================  */



.paam-area .logo {
    background: none;
}

.paam-area .pamm-starting-popups {
    background-image: url("../Images/pamm_bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
}

.paam-area .pamm-new-popups .modal-header {
    padding: 15px 33px;
}

.paam-area .pamm-new-popups {
    background-color: #ffffff;
    box-shadow: 0px -1px 9px 6px #6b6e726e !important;
    border-radius: 25px;
    position: relative;
    margin: 24px 0px;
}

.paam-area .pamm-new-popups .modal-body p {
    color: #595757;
    font-size: 15px;
    line-height: 29px;
    margin-bottom: 15px;
}

.paam-area .pamm-new-popups .modal-body .signupline,
.indi-det-right-side .i-det-form .signupline {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

.paam-area .pamm-new-popups .modal-body .checkbox-lines,
.indi-det-right-side .i-det-form .checkbox-lines {
    display: flex;
    align-items: baseline;
}

.paam-area .pamm-new-popups .close {
    font-size: 14px;
    color: #E6814B !important;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0px 0 0;
    padding: 8px 9px 9px 9px;
    position: absolute;
    right: 14px;
    top: 14px;
    line-height: unset;
    text-shadow: none;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid #E6814B;
}

.paam-area .pamm-new-popups .modal-header {
    border-bottom: none;
}

.paam-area .pamm-new-popups .modal-header p {
    color: #E6814B;
}

.paam-area .pamm-new-popups .modal-body {
    position: relative;
    padding: 15px 40px 40px 40px;
}

.paam-area .pamm-new-popups input[type="checkbox"],
.paam-area .indi-det-right-side .i-det-form input[type="checkbox"] {
    accent-color: #fff;
    margin: 0px 12px 0px 0px !important;
}

.paam-area .pamm-new-popups .pamm-modal-footer {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1 {
    background-color: #E6814B;
    border: 1px solid #E6814B;
    ;
    padding: 13px 27px;
    color: #ffffff;
    border-radius: 21px;
    font-weight: bold;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1:hover {
    background-color: transparent;
    border: 1px solid #E6814B;
    ;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2 {
    border: 1px solid #E6814B;
    ;
    padding: 13px 27px;
    color: #ffffff;
    border-radius: 21px;
    font-weight: bold;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2:hover {
    background-color: #E6814B;
    ;
    border-radius: 21px;
}

.paam-area .datatable-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px 39px;
}

.paam-area #pagination_dummy_div {
    display: flex;
}

.paam-area .table-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.paam-area .paging_simple_numbers a,
.dataTables_info {
    font-size: 13px;
    color: #000000;
}

.paam-area .dataTables_length {
    font-size: 13px;
    margin: 0px 15px;
}

.paam-area .dataTables_length select {
    color: #000;
}

.paam-area .paging_simple_numbers span a {
    border: 1px solid #E6814B;
    padding: 0 8px;
    margin: 0 2px;
}

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

.paam-area .graph-img {
    margin-top: 150px;
}

.paam-area .graph-img::before {
    content: " ";
    background-image: url('/Images/trade-graph-img.png');
    height: 122px;
    width: 290px;
    position: absolute;
    bottom: 20px;
    right: 0px;
    background-repeat: no-repeat;
}

.paam-area .pamm-starting-popups .modal {
    display: flex;
    align-items: center;
}

.pamm-acc-popup {}

.paam-area .pamm-acc-popup h1 {
    font-size: 30px;
    color: #E6814B;
    margin-top: 0px;
    margin-left: 17px;
}

.paam-area .pamm-acc-table {
    background-color: #323232;
    border-radius: 10px;
}

.paam-area .pamm-acc-table .p-a-title {
    background-color: #0D0D0D;
    color: #ffffff;
    padding: 15px 20px;
    margin-bottom: 0px;
    font-size: 15px;
}

.paam-area .pamm-acc-table .p-a-list {
    padding: 10px;
    background-color: #323232;
    color: #ffffff;
}

.paam-area .pamm-acc-table .p-a-list li {
    margin: 0px 37px 23px 0px;
    list-style-type: none;
    font-size: 18px;
}

.paam-area .pamm-acc-table .p-a-list li a {
    text-decoration: none;
    color: #ffffff;
    display: flex;
    align-items: end;
}

.paam-area .pamm-acc-table .p-a-list li a:hover {
    color: #E6814B;
}

.paam-area .s-icon3 {
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url("/Images/pamm_sprite.png");

}

.paam-area .pamm-acc-popup .pamm-p01 {
    background-position: -86px -66px;
}

.paam-area .pamm-acc-popup .pamm-p02 {
    background-position: -88px -139px;
}


.paam-area .pamm-acc-popup h1 span {
    font-size: 20px;
    color: #E6814B;
}

.form-group {
    position: relative;
}


.paam-area .pamm-acc-form .p-inv-1::before,
.paam-area .indi-det-right-side .p-inv-1::before {
    content: "";
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url('/Images/pamm_sprite.png');
    background-position: -83px -281px;
    position: absolute;
    top: -22px;
}

.paam-area .pamm-acc-form .p-inv-2::before,
.indi-det-right-side .p-inv-2::before {
    content: "";
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url('/Images/pamm_sprite.png');
    background-position: -83px -353px;
    position: absolute;
    top: -22px;
}

.paam-area .pamm-acc-form .p-inv-3::before,
.indi-det-right-side .p-inv-3::before {
    content: "";
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url('/Images/pamm_sprite.png');
    background-position: -83px -211px;
    position: absolute;
    top: -22px;
}

.paam-area .pamm-acc-form {
    margin-top: 30px;
}

.paam-area .pamm-acc-form .p-a-form-btn {
    margin-top: 43px;
    text-align: center;
}

.paam-area .pamm-acc-form .p-a-submit {
    background-color: #E6814B;
    color: #ffffff;
    padding: 10px 60px;
    border-radius: 30px;
    font-size: 18px;
    margin: 10px;
}

.paam-area .pamm-acc-form .reg-acc {
    text-align: center;
    margin-top: 30px;
}

.paam-area .pamm-acc-form .reg-acc a {
    color: #898989;
    text-decoration: underline;
}

.paam-area .pamm-acc-form .reg-acc a:hover {
    color: #E6814B;
}

.paam-area .pamm-details-outer-wrap {
    border-radius: 15px;
    padding: 10px 20px 20px 20px;
}

.paam-area .pamm-indi-details-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paam-area .pamm-indi-details-header h2 {
    color: #E6814B;
    font-size: 32px;
    margin-top: 0px;
    padding: 15px 0px;
}

/* .pamm-indi-details-header h2 span {
    color: #E6814B;
} */

.paam-area .pamm-indi-details-body {
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    box-sizing: border-box;
}

.paam-area .pamm-indi-details-header .p-search-box {
    display: flex;
    position: relative;
    align-items: center;
}

.paam-area .pamm-indi-details-header .p-search-box i {
    /* position: absolute;
    right: 12px;
    top: 10px; */
    margin-right: 10px;
}

.paam-area .pamm-indi-details-header .p-search-box .form-control:focus {
    box-shadow: none;
    border-color: unset;
}

.paam-area .pamm-indi-details-header .p-search-box .form-control {
    color: #ffffff;
}

.paam-area .pamm-indi-details-header .p-search-box .form-control::placeholder {
    color: #ffffff !important;
}

.paam-area .indi-det-body .fee-table {
    background-color: #2c2c2c;
    color: white;
    padding: 20px;
    border-radius: 8px;
    border-radius: 15px;
    margin-top: -10px;

}

.paam-area .indi-det-body .fee-table .section-header {
    font-size: 15px;
    font-weight: bold;
}

.paam-area .indi-det-body .fee-table .info-icon {
    color: #6c757d;
    margin-left: 5px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info {
    padding: 0px 0px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header {
    display: flex;
    justify-content: space-between;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 16px 50px 9px 50px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header .i-title h3 {
    color: #E6814B;
    font-size: 27px;
    margin-top: 0px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header .i-title h5 {
    color: #414040;
    font-size: 18px;
    margin: 13px 0px;
}

.paam-area .indi-det-header .inves-count h3 {
    color: #E6814B;
    font-size: 27px;
}

.paam-area .indi-det-header .inves-count h3 span {
    color: #E6814B;
}

.paam-area .indi-det-left-side {
    border-radius: 15px;
    background-color: #EEF3FA;
    padding: 20px 15px;
}

.paam-area .indi-det-body .indi-det-left-side h4 {
    color: #000000;
    font-size: 23px;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 15px;
}

.paam-area .indi-det-body .indi-det-left-side h4 span {
    color: #7B8076;
    font-size: 15px;
}

.paam-area .indi-det-body .indi-det-left-side p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 21px;
}

.paam-area .indi-det-left-side .fee-table th,
.indi-det-left-side .fee-table td {
    color: #ffffff;
    border-top: none;
}

.paam-area .indi-det-left-side .fee-table .border-bt {
    border-bottom: 1px solid #3A3A3A;
}

.paam-area .indi-det-right-side {
    background-color: #EEF3FA;
    padding: 0px 23px 0px 23px;
    border-radius: 15px;
}

.paam-area .indi-det-right-side h4 {
    font-size: 30px;
    color: #000000;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 15px;
    padding-top: 15px;
}

.paam-area .indi-det-right-side .i-det-form a {
    background-color: #E6814B;
    color: #ffffff;
    padding: 10px 60px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
}

.paam-area .indi-det-right-side .i-det-form {
    padding: 0px 20px 10px 5px;

}

.paam-area .indi-det-right-side .checkbox-lines {
    margin: 10px 0px 20px 0px;
}

.paam-area .indi-det-right-side .i-det-form label {
    font-size: 13px;
    margin-top: 13px;
}

.paam-area .indi-det-right-side .i-det-form .signupline {
    font-size: 15px;
}

.paam-area .p-indi-details-info .indi-det-body {
    margin: 18px 50px 50px 50px;

}


.paam-area .p-indi-details-info .indi-det-body .det-box {
    min-height: 488px;
}

.paam-area .indi-det-left-side .title-area {
    padding: 10px 10px;
}


.paam-area .t-space-bt {
    padding-bottom: 20px !important;
}

.paam-area .t-space-tp {
    padding-top: 20px !important;
    ;
}

.paam-area .d-flex {
    display: flex;
}

.paam-area .justify-spacebtn {
    justify-content: space-between;
}

.paam-area .v-dots-btns:before {
    content: "...";
    position: absolute;
    border-radius: 7px;
    bottom: auto;
    transform: rotate(90deg);
    left: 16px;
    right: auto;
    font-size: 24px;
    top: -1px;
}

.paam-area .btn.btn-lg.btn-toggle.mailtogglebtn {
    position: absolute;
    right: 35px;
}

.paam-area .modalFilter {
    margin: 40px 0 0 0;
    display: none;
    height: auto;
    width: auto !important;
    background: #ffffff;
    border: solid 1px #ffffff;
    padding: 0;
    position: absolute;
    z-index: 1001;
}

.paam-area .modalFilter .modal-content {
    max-height: 250px;
    overflow-y: auto;
    background: #ffffff;
    padding: 10px 0 10px 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    margin: 0 0 6px 0;
    border: 0;
}

.paam-area .modalFilter .modal-content div {
    padding: 5px 10px 5px 0px;
    display: block;
    align-items: center;
}

.paam-area .modalFilter .modal-content div:hover {
    background: #ffffff;
}

.paam-area .modalFilter .modal-content label {
    padding-left: 23px;
    color: black !important;
}

.paam-area .modalFilter .modal-footer {
    background: #ffffff;
    /*height:35px;*/
    /*padding-top:6px;*/
    text-align: left;
}

.paam-area .modalFilter .btn {
    padding: 0 1em;
    height: 28px;
    line-height: 28px;
    text-transform: none;
    border: 1px solid #28acbc;
    border-radius: 4px;
    font-size: 13px;
    background: #fff;
    color: #000;
}

.paam-area .modalFilter [type="checkbox"]+label {
    margin-bottom: 0;
    padding: 2px 0 0 26px;
}

.paam-area .modalFilter [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    top: 0;
}

.paam-area .modalFilter .modal-content .modal-footer {
    padding-left: 10px;
    padding-top: 15px;
}

.paam-area .modalFilter .modal-content div:hover {
    background: transparent;
}

.paam-area .pamm-box {
    max-width: 600px;
    margin: 100px auto;
    /* border: 1px solid gray; */
    padding: 40px 40px 60px 40px;
    background-color: #ffffff;
    border-radius: 20px;
}

.paam-area .pamm-new-popups .modal-body1 {
    position: relative;
    padding: 15px 40px 40px 40px;
}

.paam-area .offer-class {
    border: 0.5px solid #DCDCDC;
    padding: 15px;
    margin: 5px 5px;
    position: relative;
}

.paam-area .pamm-details-outer-wrap {}

.paam-area ul.summary-div>li {
    display: flex;
    justify-content: space-between;
}

.paam-area ul.summary-div>li>:first-child:after {
    content: "";
    position: absolute;
    opacity: .6;
    top: 8px;
    margin-left: 0.5em;
    width: 100%;
    border-top: 1px dotted #ddd;
}

.paam-area ul.summary-div>li>:nth-child(2) {
    text-align: right;
    vertical-align: bottom;
    padding-left: 0.5em;
}

.paam-area ul.summary-div>li>:first-child {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    white-space: nowrap;
}

.paam-area .summary-wrapper {
    padding: 20px;
    margin: 0px 30px;
}

.paam-area .summary-wrapper p {
    color: #999696;
}

.paam-area .summary-dashboard {
    border: 1px solid #DCDCDC;
    border-top: 0px;
}

.paam-area .investor-header {
    margin-bottom: 20px;
}

.paam-area .summary-div {
    padding: 0;
    color: white;
    font-size: 15px;
}

.paam-area .main-section {
    border: 1px solid #DCDCDC;
    /* border-radius: 15px; */
    padding: 20px;
    margin: 20px 40px;
}

.paam-area .dp_detail {
    border: 1px solid #DCDCDC;
    padding: 15px 10px;
    border-top: none;
}

.paam-area .justify-center {
    justify-content: center;
}

.paam-area .select-money-manager .select-m-body {
    box-sizing: border-box;
    padding: 5px;
}

.paam-area .select-m-body .select-m-block {
    border: 1px solid #CAE7F9;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.paam-area .select-m-body .select-m-block h4 {
    color: #E6814B;
    padding-left: 5px;
}

.paam-area .select-m-body .select-m-block .display-part {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.paam-area .select-m-body .select-m-block .display-part p {
    color: #4e4d4d;
}

.paam-area .select-m-body .select-m-block button {
    border-radius: 3px;
}

.paam-area .select-m-body .select-m-block button a:hover {
    color: #000000 !important;
    text-decoration: none;
}

.paam-area .no_man_account p {
    color: #5b5858;
    ;
}

.p-search-box .new-common-btn {
    color: #ffffff !important;
}

.paam-area .pamm-listt {
    display: flex;
    gap: 15px;
    /* background: black !important; */
    font-size: 18px;
    padding-left: 0px !important;
    list-style: none;
    justify-content: center;
    margin: auto;
    border-bottom: 1px solid #dad8d8;
}

.paam-area .pamm-listt li a {
    padding: 10px 10px;
}

.paam-area ul.summary-div>li {
    display: flex;
    justify-content: space-between;
}

.paam-area ul.summary-div>li>:first-child:after {
    content: "";
    position: absolute;
    opacity: .6;
    top: 8px;
    margin-left: 0.5em;
    width: 100%;
    border-top: 1px dotted #ddd;
}

.paam-area ul.summary-div>li>:nth-child(2) {
    text-align: right;
    vertical-align: bottom;
    padding-left: 0.5em;
}

.paam-area ul.summary-div>li>:first-child {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    white-space: nowrap;
}


.paam-area .summary-div {
    padding: 0;
    color: white;
    font-size: 15px;
}

.paam-area .p-inv-2::before {
    top: -14px !important;
    z-index: 500 !important;
}



.paam-area .p-indi-details-info .indi-det-body {
    margin: 18px 40px 50px 30px !important;
}

.paam-area .info-icon {
    color: #E6814B;
    cursor: pointer;
    padding: 15px 17px;
    border-radius: 5px;
    position: relative;
    top: -42px;
    left: 30%;
}

.paam-area .dropdown-menu.dropdown-menu-right {
    position: absolute;
    top: -20px;
    right: 45%;
    left: 25%;
    background-color: white !important;
    padding: 20px;
}

.paam-area .dropdown .sel-btn {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.pamm-acc-popup .form-group .form-control,
.indi-det-right-side .form-group .form-control {
    padding-left: 45px;
}

.paam-area .middle-content-wrap {
    padding: 20px 0px;
}

.paam-area .common-table1 {
    background-color: #EEF3FA
}

.paam-area .common-table1 {
    border: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC !important;
}

.paam-area .report-page {
    padding: 20px;
}

.paam-area .offer-container {
    margin: 20px;
    box-shadow: 0 2px 4px -1px #c0c3c6, 0 4px 5px 0 #b6bac0, 0 1px 10px 0 #EEF3FA;
    border-radius: 5px;
    padding: 10px;
}

.paam-area .offer-container p {
    color: #000000;
}

.paam-area .summary-dashboard,
.offers_tab,
.history_tab,
.investments_tab {
    /* border: 1px solid  #DCDCDC; */
}

.paam-area .offer-tab {
    border: 1px solid #5F9CD5;
    background: #ffffff;
    border-radius: 3px;
}

.paam-area .create-offer {
    display: flex;
    justify-content: flex-end;
    margin: 10px;
}

.paam-area .btn.btn-lg.btn-toggle {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

.paam-area .btn-toggle>.handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left 0.25s;
}

.paam-area .btn-toggle.btn-lg.active>.handle {
    left: 2.8125rem;
    transition: left 0.25s;
}

.paam-area .btn-toggle:before,
.btn-toggle:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.paam-area .btn-toggle:before {
    content: 'Show Archive';
    left: 0rem;
    color: #4d4848;
    bottom: 23px;
}

.paam-area .btn-toggle.btn-lg.active:before {
    opacity: 0.5;
}

.paam-area .div.dataTables_wrapper div.dataTables_filter {
    display: none;
}

.paam-area .resetfilter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
}

.paam-area .history_tab,
.paam-area .positions_tab,
.paam-area .offer_tab {
    display: none;
    padding: 45px 10px 0px;
}

.paam-area .investor-header h2 {
    font-size: 32px;
    margin-top: 0px;
    color: #636363;
}

.paam-area .investor-header {
    display: flex;
    flex-direction: column;
}

.paam-area .modal-body span {
    font-size: 13px;
}

.paam-area .offer-int {
    justify-content: space-between;
}

.paam-area .closed-acc {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}


.paam-area .middle-content-wrap .nav-top {
    gap: 150px !important;
    padding-left: 10px !important;
    justify-content: normal !important;
}

.paam-area .middle-content-wrap #logout {
    position: absolute;
    right: 10px;
    z-index: 500;
    top: 5px;
}

.paam-area .regi_inv {
    display: flex;
    justify-content: flex-end;
    padding: 15px 5px;
}

.paam-area .step-style {
    background: #EEF3FA;
    margin: 5px 0 0px 0;
    padding: 5px;
}

.paam-area .step-style a {
    color: #000000;
    font-weight: bold;
}

.paam-area .summary-dashboard h3 {
    color: #636363;
}

.paam-area a:hover,
a:focus {
    color: #000000 !important;
}

.modal-content {
    background-color: #ffffff;
}

.paam-area .tab-content-page .tabs .dash-tabs {
    padding: 0px 15px;
}

.paam-area .indi-det-right-side.det-box .p-inv-2::before {
    top: 22px !important;
}

.middle-content-wrap .dataTables_filter {
    display: none;
}

@media (max-width: 991px) {
    .paam-area .pamm-indi-details-body {
        overflow-x: scroll;
    }

    .paam-area .indi-det-body .fee-table {
        overflow-x: scroll;
    }

    .paam-area .pamm-indi-details-body {
        width: fit-content;
        margin: auto;
    }
}


/* =============== on page css : Shifted here =================================  */

.real-registration-page #form #email {
    width: 300px;
    background: #292929;
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    font-style: 18px;
}

.real-registration-page .selct-new label {
    width: 100%;
}

.real-registration-page .Checkclass {
    font-size: 13px;
    margin-top: 10px;
    display: inline-block;
    color: #0092B3;
}

.real-registration-page .security-code-wrapp {
    width: 65%;
}

.real-registration-page .captcha-wrapp {
    width: 37%;
    margin-left: 2%;
}

.demo-registration-page .selct-new label.btn,
.real-registration-page .selct-new label.btn {
    width: 33%;
    margin-left: 3% !important;
}

.demo-registration-page .selct-new label {
    width: 100%;
}

.demo-registration-page .Checkclass {
    font-size: 13px;
    margin-top: 10px;
    display: inline-block;
    color: #0092B3;
}

.forgot-password-page .lang-wrap {
    display: flex;
    margin-top: 10px;
}

.forgot-password-page .theme-change-box {
    background-color: #3C5484;
    border-radius: 50%;
    padding: 6px;
}


.dashboard-page .clickable-number {
    cursor: pointer;
}

.dashboard-page .prop-tdata {
    padding: 10px;
}

.dashboard-page .pamm-mdata {
    padding: 10px;
}




.prop-pulse-challenge-page #addModal .modal-body {
    padding: 0px;
}

.prop-pulse-challenge-page th,
td {
    border: 1px solid #ddd;
}

.prop-pulse-challenge-page th {
    background-color: #f2f2f2;
}

.prop-pulse-challenge-page tr:hover {
    background-color: #f5f5f5;
}

.prop-pulse-challenge-page .dashbrd>.col-md-3 {
    display: none;
}

.prop-pulse-challenge-page .common-table td:last-child {
    padding: 0;
    text-align: center;
}

.prop-pulse-challenge-page .ch_paticipate {
    padding: 0;
    padding: 5px;
    border: none;
    background: #b7edff;
    font-weight: bold;
    border-radius: 4px;
}

.prop-pulse-challenge-page .ch_paticipate:hover {
    color: white;
    background: #0092B3 !important;
}

.prop-pulse-challenge-page .daterangepicker.opensright:after {
    left: auto;
    right: 30%;
}

.prop-pulse-challenge-page .daterangepicker.opensright:before {
    left: auto;
    right: 29.8%;
}

.prop-pulse-challenge-page .form-control.dat-width {
    width: 205px;
}

.prop-pulse-challenge-page .row-margin {
    display: flex;
    margin-left: -23px;
}

.prop-pulse-credit-details-page .content-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.prop-pulse-credit-details-page .top_div {
    background: #fff;
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    border-radius: 13px;
    text-align: center;
    padding: 20px;
}

.prop-pulse-credit-details-page .steps-main-heading {
    padding-bottom: 5px;
}

.prop-pulse-credit-details-page #check_default-error {
    left: 38.6%;
}




.wallet-view-page #addModal .modal-body {
    padding: 0px;
}

.wallet-view-page .steps-main-heading {
    padding: 30px 30px 11px 15px;
}



.withdrawal-request-view-page .trading-history-heading {
    border: 2px solid transparent;
    color: #0092b3;
    font-size: 16px;
    padding: 30px 15px 20px 15px;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
    margin: 0;
}

.withdrawal-request-view-page .trading-history-heading:hover {
    border-bottom: 2px solid #0092b3;
}

.withdrawal-request-view-page .selected {
    border-bottom: 2px solid #0092b3;
}

@media screen and (max-width: 767px) {
    .withdrawal-request-view-page .trading-history-heading {
        margin: 10px 20px 10px 20px;
    }

    .withdrawal-request-view-page .trading-history-heading {
        margin: 10px 20px 0 20px;
    }
    .long-q label{
        margin:5px 0 14px 0 ;
    }
}



.withdrawal-req-view2-page .amt {
    padding-top: 38px;
}

.withdrawal-req-view2-page .selct-new label {
    width: 32%;
}

.withdrawal-req-view2-page .form-control.withdra-req {
    width: 475.797px !important;
}




.withdrawal-status-page .modal {
    display: none;
    position: fixed;
    /* z-index: 1;  */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.withdrawal-status-page .modal-content {
    background-color: #fefefe;
    margin: 23% auto;
    /* 15% from the top */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px;
    text-align: center;
}

.withdrawal-status-page .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.withdrawal-status-page .close:hover,
.withdrawal-status-page .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.withdrawal-status-page .btn-group {
    margin-top: 20px;
}

.withdrawal-status-page .btn-group button {
    padding: 10px 20px;
    margin: 0 10px;
    cursor: pointer;
}

.withdrawal-status-page .btn-group button:first-child {
    background-color: #4caf50;
    color: white;
    border: none;
}

.withdrawal-status-page .btn-group button:last-child {
    background-color: #f44336;
    color: white;
    border: none;
}

.withdrawal-status-page .input-group-addon {
    box-shadow: 1px 0px 11px -4px #57849b !important;
    margin-bottom: 20px;
    border-radius: 45px;
    background-color: #ddd;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-right: 15px;
}

.withdrawal-status-page .form-group .form-control {
    margin: 0 0 0 0;
    height: 45px;
    border: 0;
    color: #000;
    font-size: 13px;
    background: #ffffff;
    padding-left: 25px;
    box-shadow: 1px 0px 11px -4px #57849b !important;
    border-radius: 45px;
    width: 100%;
    position: relative;
}

.withdrawal-status-page .date_back {
    background: white !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.get-ticket-page .right {
    float: right;
}

.get-ticket-page .ticketing-details .td-header {
    padding: 20px 5px 0 5px;
}


.get-ticket-detailed-page .comment-detail {
    font-size: 11px;
}

.get-ticket-detailed-page .description {
    margin-left: 10px;
}

.get-ticket-detailed-page .right {
    float: right;
}

.broker-affi-view-page .selct-new select {
    width: 100% !important;
}

.broker-affi-view-page .r-page-left {
       padding: 0 50px;
}

.broker-affi-view-page .rpl-top {
    position: relative;
}

.ib-lang-div{
    display: flex;
    margin: 17px 0 7px 0;
}
.ib-lang-div .theme-change-box {
    margin-left: 10px;
    width: 30px;
    height: 30px;
}
.ibuser-login .rpl-top h4 {
    padding: 0;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 28px;
    color: #E6814B;
}

.thankyou-page .Thank-you-right label {
    color: var(--lv2-text) !important;
    font-family: 'Roboto-Regular';
}



.help-support-page .success-msg,
.help-support-page .error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

.help-support-page .success-msg {
    color: #270;
    background-color: #DFF2BF;
}

.help-support-page .error-msg {
    color: #D8000C;
    background-color: #FFBABA;
}

.help-support-page .selct-new select {
    width: 100% !important;
}

.help-support-page #qr_image {
    width: 27%;
    text-align: right;
    margin-top: 10px;
}

.help-support-page #tele_image {
    display: flex;
    justify-content: center;
}

.help-support-page .steps-main-heading {
    padding: 30px 30px 30px 18px;
}

.ff-icon-btn-lang{
    padding:0 10px;
}


.no-disp-curr {
    display: none !important;
}

.top-right {
    padding-top: 10px;
}

.captcha-code-refresh {
    font-size: 18px;
    color: #E6814B;
}

.middle-content-wrap .nav-top li {
    color: #E6814B;
    border-bottom: 2px solid transparent;
    font-weight: bold;
}

.middle-content-wrap .nav-top li:hover {
    color: #E6814B !important;
    font-weight: bold;
    border: 0 !important;
    text-decoration: none;
    cursor: pointer;
    
}

.middle-content-wrap .nav-top li.active {
    color: #E6814B;
    font-weight: bold;
    border-bottom: 2px solid #E6814B;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: -1px;
}

.middle-content-wrap .nav-top {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
    padding-left: 0;
    border: 1px solid #DCDCDC;
    padding-top: 12px;
}

.form-content .form-inline .form-group p.form-control{
    font-size: 13px;
    margin: 0 0 25px 0;
    padding: 12px 0px 14px 21px;
}

.common-btn.common-bck {
    color: #000000 !important;
    border: 1px solid #E6814B;
    background: #0000;
}

input.disabled, button.disabled {
    cursor: not-allowed !important;
}

.set-pointer-crsr {
    cursor: pointer !important;
}




/* =====================================================================
   LOGIN PAGE THEME (v2) — matches altimapro-cz.faceforex.com/login
   Scoped to .login-v2 / .login-v2-topbar only. Existing ids/names/
   classes are untouched; new classes below are additive hooks only.
   Token values here are the canonical palette for the next pages too.
   ===================================================================== */
.login-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100%;
    z-index: 0;
}

.login-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.login-v2-topbar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    position: sticky;
    top: 0;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 48px !important;
    border-bottom: 0 !important;
    /* background: rgba(13, 25, 41, .92); */
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 20;
    box-sizing: border-box;
    /* min-height: 76px; */
}

.login-v2-topbar.register-logo,
.login-v2-topbar .register-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}

.login-v2-topbar img.img-responsive {
    max-height: 30px;
    width: auto;
    margin-right: 0;
    margin-top: -6px;
}

.login-v2-topbar .lang-wrap {
    margin-left: 16px;
}

.login-v2-topbar .lang-dropdown .drop-down {
    width: auto;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .03);
    border-radius: 10px;
    padding: 6px 10px;
}

.login-v2-topbar .lang-dropdown .drop-down .button {
    display: flex;
    align-items: center;
    width: auto;
    border: 0;
    padding: 0;
}

.login-v2-topbar .lang-dropdown .drop-down .button .lang-flag {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 1px solid var(--lv2-border);
    margin-right: 8px;
}

.login-v2-topbar .lang-dropdown .drop-down .button .lang-code {
    display: inline-block;
    color:#fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    width: auto;
    float: none;
}

.login-v2-topbar .lang-dropdown .drop-down .button a.select-list-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--lv2-text-muted);
    margin-left: 8px;
    background: none;
    border: 0;
    border-radius: 0;
    width: auto;
    height: auto;
}

.login-v2-topbar .lang-dropdown .drop-down .button a.select-list-link:hover {
    color: var(--lv2-accent);
}

.login-v2-topbar .select-list-arrow {
    display: inline-block;
    color: currentColor;
}

.login-v2-topbar .lang-dropdown .drop-down .select-list {
    background-color: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border);
    width: 110px;
    margin-top: 38px;
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li {
    list-style: none;
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li span {
   color: var(--lv2-accent);
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li a:hover span{
   color: var(--lv2-accent);
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li span:hover,
.login-v2-topbar .lang-dropdown .drop-down .select-list li span:focus {
    background-color: rgba(255, 255, 255, .06);
    color: var(--lv2-text);
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li.active span {
    color: var(--lv2-accent);
    font-weight: 600;
}

.login-v2-topbar .theme-change-box {
    display: none;
}

.login-v2 .form-content-box,
.login-v2 .register-wrap {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

.login-v2 .login-l {
    background: transparent;
    border-radius: 0;
    border: 0;
}

.login-v2 .login-r.login-v2-card {
    position: relative;
    z-index: 2;
    max-width: 500px;
    margin-left: auto;
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 40px 40px 32px;
}

@media (max-width: 991px) {
    .login-v2 .register-wrap .row-flex {
        display: block;
    }

    .login-v2 .register-wrap .row-flex > .col-sm-6 {
        width: 100%;
    }

    .login-v2 .login-l {
        display: none;
    }

    .login-v2 .login-r.login-v2-card {
        max-width: 460px;
        width: 100%;
        margin: 0 auto;
    }
}

.login-v2 .login-v2-card-title {
    display: block;
    position: static;
    left: auto;
    bottom: auto;
    transform: none;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    font-family: inherit;
    color: var(--lv2-text);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    margin: 0 0 28px 0;
    text-align: left;
    z-index: auto;
}

.login-v2 .step-two-wrapper {
    background: transparent;
    padding: 0;
}

.login-v2 .login-v2-field {
    position: relative;
}

.login-v2 .login-v2-input-wrap {
    position: relative;
}

.login-v2-icon {
    position: absolute;
    left: 16px;
    bottom: 0 !important;
    height: 50px;
    width: 18px;
    display: flex !important;
    align-items: center;
    background-color: var(--lv2-text-faint);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    pointer-events: none;
    z-index: 2;
}

.login-v2-icon-mail {
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik0zIDdsOSA2IDktNiIvPjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik0zIDdsOSA2IDktNiIvPjwvc3ZnPg==");
}

.login-v2-icon-lock {
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNSIgeT0iMTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiByeD0iMiIvPjxwYXRoIGQ9Ik04IDExVjdhNCA0IDAgMCAxIDggMHY0Ii8+PC9zdmc+");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNSIgeT0iMTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiByeD0iMiIvPjxwYXRoIGQ9Ik04IDExVjdhNCA0IDAgMCAxIDggMHY0Ii8+PC9zdmc+");
}

.login-v2 .login-v2-label-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-top: 8px;
}

.login-v2 .login-v2-label {
    display: block;
    font-size: 13px;
    color: var(--lv2-text-muted) !important;
    font-weight: 400;
    margin: 0;
}

.login-v2 .login-v2-field a.new-account {
    font-size: 13px;
    margin: 0;
}

.login-v2 .form-inline .form-group.login-v2-field .form-control {
    padding-left: 46px !important;
    margin-bottom: 0 !important;
}

.login-v2 .form-inline .form-group.login-v2-field {
    margin-bottom: 20px;
}

.login-v2 .form-inline .form-group .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    height: 50px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px;
    color: var(--lv2-text) !important;
    padding-left: 20px;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.login-v2 .form-inline .form-group input.form-control:read-only {
    background: rgba(255, 255, 255, .03) !important;
    color: var(--lv2-text) !important;
}

.login-v2 .form-inline .form-group .form-control::placeholder {
    background: transparent !important;
    color: var(--lv2-text-muted) !important;
    opacity: 1;
}

.login-v2 .form-inline .form-group .form-control:focus {
    border-color: var(--lv2-accent);
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
    background: rgba(72, 153, 228, .05) !important;
}

.login-v2 .form-inline .form-group .form-control:-webkit-autofill,
.login-v2 .form-inline .form-group .form-control:-webkit-autofill:focus,
.login-v2 .form-inline .form-group .form-control:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    caret-color: var(--lv2-text);
    transition: background-color 0s ease-in-out 5000s;
}

.login-v2 .password-icon-login,
.login-v2 .password-icon-login-reg {
    position: absolute;
    right: 16px;
    top: auto;
    bottom: 0 !important;
    height: 50px;
    width: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    left: auto;
}

.login-v2 .icon.eye-icon {
    display: none;
}

.login-v2 .password-icon-login:after,
.login-v2 .password-icon-login-reg:after {
    content: "";
    position: static;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    background: var(--lv2-text-faint);
    background-image: none;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEgMTJzNC03IDExLTcgMTEgNyAxMSA3LTQgNy0xMSA3LTExLTctMTEtN3oiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIi8+PC9zdmc+");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEgMTJzNC03IDExLTcgMTEgNyAxMSA3LTQgNy0xMSA3LTExLTctMTEtN3oiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIi8+PC9zdmc+");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
}

.login-v2 .eye-open .password-icon-login:after,
.login-v2 .eye-open .password-icon-login-reg:after {
    background: var(--lv2-accent);
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgM2wxOCAxOCIvPjxwYXRoIGQ9Ik0xMC42IDEwLjZhMyAzIDAgMCAwIDQuMjQgNC4yNCIvPjxwYXRoIGQ9Ik05LjkgNS4xQTExIDExIDAgMCAxIDEyIDVjNyAwIDExIDcgMTEgN2ExMy4xNiAxMy4xNiAwIDAgMS0yLjYgMy40TTYuNiA2LjZBMTMuNCAxMy40IDAgMCAwIDEgMTJzNCA3IDExIDdjMS40IDAgMi43LS4yIDMuOS0uNiIvPjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgM2wxOCAxOCIvPjxwYXRoIGQ9Ik0xMC42IDEwLjZhMyAzIDAgMCAwIDQuMjQgNC4yNCIvPjxwYXRoIGQ9Ik05LjkgNS4xQTExIDExIDAgMCAxIDEyIDVjNyAwIDExIDcgMTEgN2ExMy4xNiAxMy4xNiAwIDAgMS0yLjYgMy40TTYuNiA2LjZBMTMuNCAxMy40IDAgMCAwIDEgMTJzNCA3IDExIDdjMS40IDAgMi43LS4yIDMuOS0uNiIvPjwvc3ZnPg==");
}

.login-v2 .demo-check-content-wrapp label.CheckBoxLabelClass {
    color: var(--lv2-text-muted);
}

.login-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: var(--lv2-text);
}

.login-v2 .CheckBoxClass {
    accent-color: var(--lv2-accent);
}

.login-v2 a.new-account {
    color: var(--lv2-accent);
}

.login-v2 a.new-account:hover, .login-v2 a.new-account:focus{
    color: #79aaff !important;
    text-decoration: none;
}

.login-v2 .common-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #4899e4;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 14px 20px;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
    letter-spacing: .2px;
    transition: filter .15s ease, box-shadow .15s ease;
}

.login-v2 .common-btn:hover,
.login-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7);
}

.login-v2-btn-arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNE0xMyA2bDYgNi02IDYiLz48L3N2Zz4=");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNE0xMyA2bDYgNi02IDYiLz48L3N2Zz4=");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transition: transform .15s ease;
}

.login-v2 .common-btn:hover .login-v2-btn-arrow {
    transform: translateX(3px);
}

.login-v2 .registration-bottom {
    border-top: 1px solid rgba(255, 255, 255, .06);
    margin-top: 8px;
}

.login-v2 .registration-bottom h3 {
    color: var(--lv2-text-muted);
    font-weight: 400;
}

.login-v2 .registration-bottom a {
    color: var(--lv2-accent);
}

.login-v2 .registration-bottom a:hover {
    color: #79aaff !important;
}

.login-v2 .signup-text span {
    color: var(--lv2-text-faint);
}

@media (max-width: 991px) {
    .login-v2-topbar {
        padding: 22px 24px !important;
    }
}

@media (max-width: 767px) {
    .login-v2 .login-r.login-v2-card {
        border-radius: 16px;
        padding: 32px 24px 24px;
    }

    .login-v2-topbar {
        padding: 18px 20px !important;
    }

    .login-v2 .registration-bottom {
        padding: 16px 0 24px;
    }
}


/* =====================================================================
   REAL REGISTRATION THEME (v2) — matches altimapro-cz.faceforex.com
   /live-registration. Scoped to .real-reg-v2 only. Structure/markup
   of real_registration.php is unchanged — this is colors/background
   /text/select/input recoloring only, reusing the login-v2 token set.
   ===================================================================== */
.real-reg-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.real-reg-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.real-reg-v2 .register-wrap,
.real-reg-v2 .form-content-box {
    background: transparent;
    box-shadow: none;
}

.real-reg-v2 .before-reg {
    background: transparent;
}

.real-reg-v2 .right-login-wrapper {
    background: transparent;
}

.real-reg-v2 .before-right-content {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.real-reg-v2 .before-right-content h2 {
    color: var(--lv2-text);
}

.real-reg-v2 .before-right-top p {
    color: var(--lv2-text-muted);
}

.real-reg-v2 .home-redirect a {
    color: var(--lv2-text);
}

.real-reg-v2 .right-login-wrapper .real-form-title {
    background: rgba(255, 255, 255, .04);
    color: var(--lv2-text-muted);
}

.real-reg-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.real-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass {
    color: var(--lv2-text-muted);
}

.real-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass a {
    color: var(--lv2-accent);
}

.real-reg-v2 .login-bottom .signup-text h3 {
    color: var(--lv2-text-muted);
    font-weight: 400;
}

.real-reg-v2 .login-bottom .signup-text a,
.real-reg-v2 .login-bottom p.text-center a {
    color: var(--lv2-accent);
}

.real-reg-v2 .signup-text span {
    color: var(--lv2-text-faint);
}

/* inputs & selects: background + text color only, everything else untouched */
.real-reg-v2 .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.real-reg-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.real-reg-v2 .form-inline .form-group input.form-control,
.real-reg-v2 .form-inline .form-group select.form-control {
    height: 50px !important;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.real-reg-v2 .form-group.input-icon .form-control {
    padding-left: 44px !important;
}

.real-reg-v2 .input-icon:after {
    top: 25px;
    transform: translateY(-50%);
}

.real-reg-v2 .form-control::placeholder,
.real-reg-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

/* down-arrow indicator on selects — same icon, size and position as the
   after-login selects (see the .form-group select.form-control rule near
   the top of this file). The inset box-shadow on .real-reg-v2
   .form-control paints over the background, so it is reset here —
   otherwise the arrow stays hidden behind it. */
.real-reg-v2 select.form-control,
.real-reg-v2 .form-content .form-inline .form-group select.form-control,
.real-reg-v2 .form-content.real-reg .form-inline .form-group select.form-control {
    background-color: var(--lv2-surface) !important;
    background-image: url("/Images/select-img.png") !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    background-size: 8px auto !important;
    color: var(--lv2-text) !important;
    padding-right: 30px !important;
    box-shadow: none !important;
}

.real-reg-v2 select.form-control:focus,
.real-reg-v2 .form-content .form-inline .form-group select.form-control:focus,
.real-reg-v2 .form-content.real-reg .form-inline .form-group select.form-control:focus {
    box-shadow: 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.real-reg-v2 select.form-control option {
    background-color: var(--lv2-surface);
    color: var(--lv2-text);
}

.real-reg-v2 .input-icon:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .6;
}

.real-reg-v2 .password-icon-login-reg:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .7;
}

.real-reg-v2 .select-btn {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--lv2-border);
    color: var(--lv2-text-muted);
}

.real-reg-v2 .select-btn.active,
.real-reg-v2 .select-btn:focus,
.real-reg-v2 .select-btn:hover,
.real-reg-v2 .select-btn.focus {
    background: rgba(72, 153, 228, .16) !important;
    border: 1px solid var(--lv2-accent);
    color: var(--lv2-text);
}

.real-reg-v2 .captcha-wrapp,
.real-reg-v2 .security-code-wrapp {
    color: var(--lv2-text-muted);
}

.real-reg-v2 .captcha-wrapp {
    background: var(--lv2-surface-alt);
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: 12px;
}

.real-reg-v2 .captchacode1 {
    width: 90px;
    height: 40px;
    border-radius: 8px;
}

.real-reg-v2 .captchacode1 {
    vertical-align: middle;
    width: 75%;
}

.real-reg-v2 .captcha-code-refresh {
    color: #4a5568;
    vertical-align: middle;
}

.real-reg-v2 .common-btn {
    background: #4899e4;
    border: 1px solid transparent;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
}

.real-reg-v2 .common-btn:hover,
.real-reg-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
}


/* intlTelInput (phone country picker) theming.
   Note: real.js initializes intlTelInput with dropdownContainer:
   document.body, so the search box and country list render as direct
   children of <body>, not inside .real-reg-v2. body:has() scopes these
   to pages that contain .real-reg-v2 without touching the JS. */
body:has(.real-reg-v2) {
    --iti-dropdown-bg: #12223a;
    --iti-border-color: #223752;
    --iti-hover-color: rgba(72, 153, 228, .14);
    --iti-dialcode-color: #8fa1bd;
    --iti-arrow-color: #8fa1bd;
}

body:has(.real-reg-v2) .iti__search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: #0d1929 !important;
    border: 1px solid #223752 !important;
    border-radius: 8px;
    color: #f7f9fc !important;
    box-shadow: inset 0 0 0 1000px #0d1929 !important;
}

body:has(.real-reg-v2) .iti__search-input::placeholder {
    color: #8fa1bd !important;
}

body:has(.real-reg-v2) .iti__dropdown-content {
    margin-top: 8px !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .55);
}

body:has(.real-reg-v2) .iti__country-list {
    border-radius: 12px;
}

body:has(.real-reg-v2) .iti__country-list {
    background-color: #12223a;
}

body:has(.real-reg-v2) .iti__country,
body:has(.real-reg-v2) .iti__country-name {
    color: #f7f9fc;
}

body:has(.real-reg-v2) .iti__dial-code {
    color: #8fa1bd;
}

.real-reg-v2 .iti__selected-country-primary,
.real-reg-v2 .iti__selected-dial-code {
    color: var(--lv2-text);
}

/* Remove the background inherited by the intl-tel-input country selector. */
.iti__country-container button {
    background: none !important;
}

/* jQuery UI datepicker (date of birth field) theming.
   real.js/real_new.js initialize .datepicker() with no `appendTo`, so
   jQuery UI renders the calendar as a direct child of <body>, not
   inside .real-reg-v2/.demo-reg-v2. body:has() scopes it to pages that
   contain those forms without touching the JS or jquery-ui.css. */
body:has(.real-reg-v2) .ui-datepicker,
body:has(.demo-reg-v2) .ui-datepicker {
    background: #0d1929;
    border: 1px solid #223752;
    border-radius: 12px;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, .65);
    padding: 8px;
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-header,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-header {
    background: #12223a;
    border: 1px solid #223752;
    color: #f7f9fc;
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-prev .ui-icon,
body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-next .ui-icon,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-prev .ui-icon,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-next .ui-icon {
    filter: invert(1) brightness(1.6) saturate(0);
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-title select,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-title select {
    background: #0d1929;
    color: #f7f9fc;
    border: 1px solid #223752;
    border-radius: 8px;
}

body:has(.real-reg-v2) .ui-datepicker th,
body:has(.demo-reg-v2) .ui-datepicker th {
    color: #8fa1bd;
    border: 0;
}

body:has(.real-reg-v2) .ui-datepicker td a,
body:has(.real-reg-v2) .ui-datepicker td span,
body:has(.demo-reg-v2) .ui-datepicker td a,
body:has(.demo-reg-v2) .ui-datepicker td span {
    background: transparent;
    border: 1px solid transparent;
    color: #f7f9fc;
}

body:has(.real-reg-v2) .ui-datepicker td a.ui-state-hover,
body:has(.real-reg-v2) .ui-datepicker td a:hover,
body:has(.demo-reg-v2) .ui-datepicker td a.ui-state-hover,
body:has(.demo-reg-v2) .ui-datepicker td a:hover {
    background: rgba(72, 153, 228, .18);
    border-color: #4899e4;
    color: #f7f9fc;
}

body:has(.real-reg-v2) .ui-datepicker td a.ui-state-active,
body:has(.demo-reg-v2) .ui-datepicker td a.ui-state-active {
    background: #4899e4;
    border-color: #4899e4;
    color: #fff;
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-today a,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-today a {
    background: rgba(72, 153, 228, .12);
    border-color: #4899e4;
    color: #f7f9fc;
}

/* =====================================================================
   DEMO REGISTRATION THEME (v2) — mirrors the real_registration.php
   treatment for demo.php. Scoped to .demo-reg-v2 only. Structure/markup
   of demo.php is unchanged — this is colors/background
   /text/select/input recoloring only, reusing the login-v2 token set.
   ===================================================================== */
.demo-reg-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.demo-reg-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.demo-reg-v2 .register-wrap,
.demo-reg-v2 .form-content-box {
    background: transparent;
    box-shadow: none;
}

.demo-reg-v2 .before-reg {
    background: transparent;
}

.demo-reg-v2 .right-login-wrapper {
    background: transparent;
}

.demo-reg-v2 .right-login-wrapper {
    background: transparent;
}

.demo-reg-v2 .before-right-content {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.demo-reg-v2 .before-right-content h2 {
    color: var(--lv2-text);
}

.demo-reg-v2 .before-right-top p {
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .home-redirect a {
    color: var(--lv2-text);
}

.demo-reg-v2 .right-login-wrapper .real-form-title {
    background: rgba(255, 255, 255, .04);
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.demo-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass {
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass a {
    color: var(--lv2-accent);
}

.demo-reg-v2 .login-bottom .signup-text h3 {
    color: var(--lv2-text-muted);
    font-weight: 400;
}

.demo-reg-v2 .login-bottom .signup-text a,
.demo-reg-v2 .login-bottom p.text-center a {
    color: var(--lv2-accent);
}

.demo-reg-v2 .signup-text span {
    color: var(--lv2-text-faint);
}

/* inputs & selects: background + text color only, everything else untouched */
.demo-reg-v2 .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.demo-reg-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.demo-reg-v2 .form-inline .form-group input.form-control,
.demo-reg-v2 .form-inline .form-group select.form-control {
    height: 50px !important;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.demo-reg-v2 .form-group.input-icon .form-control {
    padding-left: 44px !important;
}

.demo-reg-v2 .input-icon:after {
    top: 25px;
    transform: translateY(-50%);
}

.demo-reg-v2 .form-control::placeholder,
.demo-reg-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

.demo-reg-v2 .form-content .form-inline .form-group select.form-control,
.demo-reg-v2 .form-content.real-reg .form-inline .form-group select.form-control {
    background-color: var(--lv2-surface) !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiA5bDYgNiA2LTYiLz48L3N2Zz4=") !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    background-size: 10px auto !important;
    color: var(--lv2-text) !important;
}

.demo-reg-v2 select.form-control option {
    background-color: var(--lv2-surface);
    color: var(--lv2-text);
}

.demo-reg-v2 .input-icon:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .6;
}

.demo-reg-v2 .password-icon-login-reg:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .7;
}

.demo-reg-v2 .select-btn {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--lv2-border);
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .select-btn.active,
.demo-reg-v2 .select-btn:focus,
.demo-reg-v2 .select-btn:hover,
.demo-reg-v2 .select-btn.focus {
    background: rgba(72, 153, 228, .16) !important;
    border: 1px solid var(--lv2-accent);
    color: var(--lv2-text);
}

.demo-reg-v2 .captcha-wrapp,
.demo-reg-v2 .security-code-wrapp {
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .captcha-wrapp {
    background: var(--lv2-surface-alt);
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: 12px;
}

.demo-reg-v2 .captchacode1 {
    width: 90px;
    height: 40px;
    border-radius: 8px;
}

.demo-reg-v2 .captchacode1 {
    vertical-align: middle;
}

.demo-reg-v2 .captcha-code-refresh {
    color: #4a5568;
    vertical-align: middle;
}

.demo-reg-v2 .common-btn {
    background: #4899e4;
    border: 1px solid transparent;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
}

.demo-reg-v2 .common-btn:hover,
.demo-reg-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
}


/* intlTelInput (phone country picker) theming.
   Note: real.js initializes intlTelInput with dropdownContainer:
   document.body, so the search box and country list render as direct
   children of <body>, not inside .demo-reg-v2. body:has() scopes these
   to pages that contain .demo-reg-v2 without touching the JS. */
body:has(.demo-reg-v2) {
    --iti-dropdown-bg: #12223a;
    --iti-border-color: #223752;
    --iti-hover-color: rgba(72, 153, 228, .14);
    --iti-dialcode-color: #8fa1bd;
    --iti-arrow-color: #8fa1bd;
}

body:has(.demo-reg-v2) .iti__search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: #0d1929 !important;
    border: 1px solid #223752 !important;
    border-radius: 8px;
    color: #f7f9fc !important;
    box-shadow: inset 0 0 0 1000px #0d1929 !important;
}

body:has(.demo-reg-v2) .iti__search-input::placeholder {
    color: #8fa1bd !important;
}

body:has(.demo-reg-v2) .iti__dropdown-content {
    margin-top: 8px !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .55);
}

body:has(.demo-reg-v2) .iti__country-list {
    border-radius: 12px;
}

body:has(.demo-reg-v2) .iti__country-list {
    background-color: #12223a;
}

body:has(.demo-reg-v2) .iti__country,
body:has(.demo-reg-v2) .iti__country-name {
    color: #f7f9fc;
}

body:has(.demo-reg-v2) .iti__dial-code {
    color: #8fa1bd;
}

.demo-reg-v2 .iti__selected-country-primary,
.demo-reg-v2 .iti__selected-dial-code {
    color: var(--lv2-text);
}


/* =====================================================================
   FORGOT PASSWORD THEME (v2) — mirrors login-v2 for
   views/traders_room/forgot_password/forgot_password.php. Scoped to
   .forgot-v2 only. Header now comes from the shared
   templates/before_login_topbar.php partial (see .login-v2-topbar
   rules above), so this block only covers the card + form below it.
   ===================================================================== */
.forgot-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.forgot-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.forgot-v2 .register-wrap,
.forgot-v2 .form-content-box {
    background: transparent;
    box-shadow: none;
}

.forgot-v2 .forgot-password-sec {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 8px 24px 24px;
}

.forgot-v2 .forgot-password-sec .registration-top {
    background: transparent !important;
}

.forgot-v2 .forgot-password-sec .registration-top h2 {
    color: var(--lv2-text) !important;
}

.forgot-v2 .step-two-wrapper {
    background: transparent;
    padding: 20px 0 0;
}

.forgot-v2 .forgot-lock p {
    color: var(--lv2-text-muted);
}

.forgot-v2 .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    height: 50px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--lv2-surface) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.forgot-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.forgot-v2 .form-inline .form-group .form-control::placeholder,
.forgot-v2 .form-content .form-inline .step-two-box .form-control::placeholder {
    background: transparent !important;
    color: var(--lv2-text-muted) !important;
    opacity: 1;
}

.forgot-v2 .form-group.input-icon .form-control {
    padding-left: 44px !important;
}

.forgot-v2 .input-icon:after {
    top: 25px;
    transform: translateY(-50%);
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .6;
}

.forgot-v2 .common-btn {
    background: #4899e4;
    border: 1px solid transparent;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
}

.forgot-v2 .common-btn:hover,
.forgot-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
}

/* =====================================================================
   THANK YOU PAGE THEME (v2) — mirrors login-v2/real-reg-v2/demo-reg-v2
   for views/traders_room/real_account/thankyou-real.php and
   views/traders_room/demo_account/thankyou-demo.php. Scoped to
   .thankyou-v2 only. Header comes from the shared
   templates/before_login_topbar.php partial (see .login-v2-topbar
   rules above); this block replaces the old .background-img
   (before_bg.jpg) body background and re-themes the card.
   ===================================================================== */
.thankyou-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.thankyou-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}


.thankyou-v2 .register-wrap {
    background: transparent;
    box-shadow: none;
}

.thankyou-v2 .Thank-you-right {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding:25px;
    line-height: 25px
}

.thankyou-v2 .Thank-you-right h2 {
    color: var(--lv2-accent);
}

.thankyou-v2 .Thank-you-right h3 {
    color: var(--lv2-text);
}

.thankyou-v2 .Thank-you-right label {
    color: var(--lv2-text);
}

.thankyou-v2 .Thank-you-right p.t-border {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--lv2-border);
    border-radius: 12px;
    color: var(--lv2-text);
    padding: 12px 16px;
}

.thankyou-v2 .Thank-you-right p {
    color: var(--lv2-text-muted);
}

.thankyou-v2 .Thank-you-bottom a {
    color: var(--lv2-text-muted);
}

.thankyou-v2 .border-btn {
    background: var(--lv2-accent);
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff !important;
    padding: 10px 24px;
    /* box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55); */
    transition: filter .15s ease, box-shadow .15s ease;
}

.thankyou-v2 .border-btn:hover,
.thankyou-v2 .border-btn:focus {
    background: var(--lv2-accent);
    border-color: transparent;
    color: #fff;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — matches altimapro-cz.faceforex.com
   header / sidebar / footer chrome. Scoped to .app-shell-v2, set on
   <body> in templates/header.php — covers templates/sidebar.php and
   templates/footer.php too since they render inside the same <body>.
   .dashboard-v2 covers the dashboard content (views/user/dashboardnew.php).
   Structure/markup is unchanged — this is colors/background/spacing
   recoloring only, reusing the login-v2 token set.
   ===================================================================== */
.app-shell-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    background-color: #06101d;
    background-image: radial-gradient(circle at 76% -10%, rgba(72, 153, 228, .18), transparent 34%);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.app-shell-v2 .theme-change-box {
    display: none;
}

/* ---- Header ---- */
.app-shell-v2 .site-header {
    background: rgba(13, 25, 41, .88);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--lv2-border);
    box-shadow: none;
    position: relative;
}

.app-shell-v2 .menu-linebar,
.app-shell-v2 .navbar-toggle .icon-bar {
    background-color: var(--lv2-text);
}

.app-shell-v2 .ns-user-details h3 {
    color: var(--lv2-text);
}

.app-shell-v2 .ns-user-details h4 {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .top-box-wrap .top-box,
.app-shell-v2 .top-box-wrap .top-box a {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .top-box-wrap .top-box a:hover {
    color: var(--lv2-accent);
}

.app-shell-v2 .top-box-wrap .s-icon2.logout {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .75;
}

.app-shell-v2 .lang-dropdown .drop-down {
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    border-radius: 10px;
}

.app-shell-v2 .lang-dropdown .drop-down .button span {
    color: var(--lv2-text);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list {
    background-color: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span:hover,
.app-shell-v2 .lang-dropdown .drop-down .select-list li span:focus {
    background-color: rgba(255, 255, 255, .06);
    color: var(--lv2-text);
}

.app-shell-v2 .new-common-btn {
    background: #4899e4 !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(72, 153, 228, .24);
}

.app-shell-v2 .new-common-btn:hover {
    opacity: .95;
}

/* shared rounded-panel treatment for the user-info / promo cards that
   reuse .ns-box in both the header and the sidebar */
.app-shell-v2 .ns-box {
    background: linear-gradient(145deg, var(--lv2-surface), var(--lv2-surface-alt));
    margin: 0 20px;
}

.app-shell-v2 .ns-box h3,
.app-shell-v2 .ns-box h4 {
    color: var(--lv2-text);
}

.app-shell-v2 .ns-box p {
    color: var(--lv2-text-muted);
}

/* ---- Sidebar / page shell ---- */
.app-shell-v2 #wrapper,
.app-shell-v2 .content-area,
.app-shell-v2 .canvas,
.app-shell-v2 .dashbrd {
    background: transparent;
}

.app-shell-v2 .main-sidebar {
    background: var(--lv2-surface);
    border-right: 1px solid var(--lv2-border);
}

/* Sidebar nav items — fresh classes (.ff-nav-item/-icon/-label/-sub),
   added directly in templates/sidebar.php markup, ported 1:1 from
   React-Client-Portal/src/index.css .ff-nav-item so there is no
   specificity fight with legacy .sidebar-menu rules to win. */
.app-shell-v2 .ff-nav-item {
    display: flex !important;
    align-items: center;
    gap: 12px !important;
    padding: 10px 14px !important;
    margin: 8px 14px !important;
    border-radius: 12px;
    color: var(--lv2-text-muted) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700;
    cursor: pointer;
    background: transparent !important;
    box-shadow: none;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.app-shell-v2 .ff-nav-item:hover,
.app-shell-v2 .ff-nav-item:focus {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text) !important;
    text-decoration: none !important;
}

.app-shell-v2 li.treeview.active > .ff-nav-item,
.app-shell-v2 li.treeview.active > .ff-nav-item:hover {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19) !important;
}

.app-shell-v2 .ff-nav-icon {
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    color: inherit;
}

.app-shell-v2 .ff-nav-icon i,
.app-shell-v2 .ff-nav-icon span {
    color: inherit;
    font-size: inherit;
}

.app-shell-v2 .ff-nav-label {
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-shell-v2 .ff-nav-item .caret {
    border-top-color: currentColor;
    opacity: .7;
    flex-shrink: 0;
}

.app-shell-v2 .ff-nav-sub.dropdown-menu {
    padding: 6px !important;
}

/* !important is required: the base .ff-nav-item rule above uses !important on
   margin (to beat the legacy `.sidebar ul.sidebar-menu li a` rule, which wins
   on element count), and !important beats specificity — so without it here the
   submenu items were silently inheriting the wide 14px side inset meant for
   top-level items. */
.app-shell-v2 .ff-nav-sub .ff-nav-item {
    margin: 5px 6px !important;
}

/* ---- Footer ---- */
.app-shell-v2 .site-footer {
    background: var(--lv2-surface);
    border-top: 1px solid var(--lv2-border);
}

.app-shell-v2 .site-footer .sub-footer > p {
    color: var(--lv2-text-faint);
}

.app-shell-v2 .site-footer .spacetop1x p {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .site-footer a {
    color: var(--lv2-accent);
}

/* ---- Dashboard (views/user/dashboardnew.php) ---- */
.dashboard-v2 .dashboard-content h2 {
    color: var(--lv2-text);
}

.dashboard-v2 .tab-content-page.dash-tabs {
    background: var(--lv2-surface);
    border: 1px solid var(--lv2-border);
    border-radius: 19px;
    overflow: hidden;
}

.dashboard-v2 .dash-tabs .nav-top {
    display: flex;
    gap: 4px;
    padding: 6px;
    margin: 0;
    list-style: none;
    background: var(--lv2-surface-alt);
}

.dashboard-v2 .dash-tabs .nav-top li {
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--lv2-text-muted);
    cursor: pointer;
}

.dashboard-v2 .dash-tabs .nav-top li.active {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08));
    color: var(--lv2-text);
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19);
}

.dashboard-v2 .account-info-tbl {
    background: transparent;
    color: var(--lv2-text);
}

.dashboard-v2 .account-info-tbl thead th {
    color: var(--lv2-text-faint);
    border-bottom: 1px solid var(--lv2-border);
    background: transparent;
}

.dashboard-v2 .account-info-tbl tbody td {
    border-top: 1px solid var(--lv2-border);
    color: var(--lv2-text-muted);
}

.dashboard-v2 .account-info-tbl tbody tr:hover td {
    background: var(--lv2-surface-alt);
}

.dashboard-v2 .account-info-tbl .clickable-number {
    color: var(--lv2-text);
    font-weight: 700;
}

.dashboard-v2 .account-info-tbl .withdraw-ajax_options1 {
    color: var(--lv2-accent);
    font-weight: 700;
}

.dashboard-v2 .right-sidbar-content .rsc-box {
    background: linear-gradient(145deg, var(--lv2-surface), var(--lv2-surface-alt));
    border: 1px solid var(--lv2-border);
    border-radius: 19px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.dashboard-v2 .right-sidbar-content .rsc-box h3 {
    color: var(--lv2-accent);
}

.dashboard-v2 .right-sidbar-content .rsc-box h4 {
    color: var(--lv2-text-muted);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 2. The rules above only
   won the specificity fight for nav-item text/hover colors. The actual
   opaque panel backgrounds were untouched because they're set by
   selectors this scope couldn't beat: an ID (#sidebar-wrapper), a
   sibling wrapper that paints over the header (.top-head-bar sits
   inside .site-header and has its own solid #fff background), and a
   wrapper that paints over the whole canvas (.my-ac-wrapper .row-inner
   is solid #fff). This pass targets those directly, plus a few
   !important legacy rules and unstyled borders. Still colors/background
   only — no structural changes.
   ===================================================================== */

/* Header — the actual visible bar is .top-head-bar, not .site-header */
.app-shell-v2 .top-head-bar {
    background: rgba(13, 25, 41, .88) !important;
    border-bottom: 1px solid var(--lv2-border) !important;
    padding: 6px 0 !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.app-shell-v2 .top-head-bar .navbar span.menu-linebar {
    background: var(--lv2-text) !important;
    border-color: var(--lv2-border) !important;
}

/* Sidebar — #sidebar-wrapper is an ID, it beats any class-only override */
.app-shell-v2 #sidebar-wrapper {
    background: var(--lv2-surface) !important;
}

.app-shell-v2 .main-sidebar:after {
    background: var(--lv2-surface) !important;
}

/* Whole content canvas backdrop */
.app-shell-v2 .my-ac-wrapper .row-inner {
    background: #06101d !important;
    background-image: radial-gradient(circle at 76% -10%, rgba(72, 153, 228, .18), transparent 34%) !important;
}

.app-shell-v2 {
    min-height: 100vh;
}

/* Footer — .sub-footer paints its own solid white bar inside .site-footer */
.app-shell-v2 .sub-footer {
    background: var(--lv2-surface) !important;
}

/* Dashboard tab labels are forced black via `.middle-content-wrap li { color: black !important; }` */
.app-shell-v2 .middle-content-wrap li {
    color: var(--lv2-text-muted) !important;
}

.dashboard-v2 .dash-tabs .nav-top li.active {
    color: var(--lv2-text) !important;
}

.dashboard-v2 .dash-tabs .nav-top {
    border: 1px solid var(--lv2-border);
}

.dashboard-v2 .tab-info {
    border: 1px solid var(--lv2-border);
    border-top: none;
    background: transparent;
}

.dashboard-v2 .account-info-tbl {
    border: 1px solid var(--lv2-border);
}

/* .page-content-area draws its own light-blue glow box-shadow; this div
   also carries .dashboard-v2 (added in dashboardnew.php), so target the
   exact element directly */
.dashboard-v2.page-content-area {
    background: transparent;
    box-shadow: none;
}

/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 3. Header/sidebar/footer
   are dark everywhere via .app-shell-v2 (all 52 controllers share these
   templates), but only the dashboard page body got matching light text
   (.dashboard-v2). Every other after-login page body still defaults to
   dark/black text with no explicit color, which is now unreadable on
   the dark canvas. This is a safe, inherited fallback only — anything
   with its own explicit color (buttons, pills, profit/loss, links)
   still wins by specificity. Same --lv2-text/-muted tokens as login-v2.
   ===================================================================== */
.app-shell-v2 .canvas {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .canvas h1,
.app-shell-v2 .canvas h2,
.app-shell-v2 .canvas h3,
.app-shell-v2 .canvas h4,
.app-shell-v2 .canvas h5,
.app-shell-v2 .canvas h6 {
    color: var(--lv2-text);
}

.app-shell-v2 .canvas a:not(.new-common-btn):not(.ff-nav-item) {
    color: var(--lv2-accent);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 4. Header icon buttons
   (language/logout) and the dashboard main-content card language
   (eyebrow label, label-above-value stat tiles) ported from
   React-Client-Portal AppHeader.tsx (HEADER_ICON_BTN_CLASS) and
   Dashboard/AccountCardUI.tsx (.ff-stat, eyebrow pattern). New classes
   added directly in templates/header.php and user/dashboardnew.php.
   ===================================================================== */
.app-shell-v2 .ff-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    color: var(--lv2-text-muted);
    transition: all .2s ease;
}

.app-shell-v2 .ff-icon-btn:hover {
    border-color: var(--lv2-accent);
    color: var(--lv2-accent);
    /* box-shadow: 0 0 12px rgba(72, 153, 228, .35); */
}

.app-shell-v2 .ff-icon-btn a,
.app-shell-v2 .ff-icon-btn a:hover {
    color: inherit !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.app-shell-v2 .ff-icon-pill {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
}

.app-shell-v2 .ff-icon-pill a {
    color: var(--lv2-text-muted) !important;
    font-size: 12px;
    font-weight: 700;
}

.app-shell-v2 .ff-icon-pill a:hover {
    color: var(--lv2-accent) !important;
}

/* Dashboard main content */
.dashboard-v2 .ff-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--lti-teal, #31d5c8);
    margin-bottom: 4px;
}

.dashboard-v2 .rsc-box.ff-stat {
    align-items: center;
    padding: 14px;
}

.dashboard-v2 .rsc-box.ff-stat h4 {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--lv2-text-muted) !important;
    margin: 0 0 6px 0;
}

.dashboard-v2 .rsc-box.ff-stat h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--lv2-text) !important;
    margin: 0;
}

.dashboard-v2 .rsc-box-icon img {
    opacity: 1;
    /* filter: grayscale(1) brightness(1.6); */
    width: 40px;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 5. Unify every table
   sitewide (.common-table is the shared table class across ~50 after-
   login views: PAMM, prop pulse, trading history, wallets, withdrawal
   requests, tickets, uploads, etc.) to match the shared React table
   component (CommonTable.tsx): no white background anywhere, header
   as a muted uppercase strip, body text exactly
   rgb(143 161 189 / var(--tw-text-opacity, 1)) — same value as
   --lv2-text-muted / dark:text-lti-t-mid in CommonTable.tsx, row
   dividers only (no vertical borders), accent-colored links.
   ===================================================================== */
.app-shell-v2 .common-table {
    background: transparent !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .common-table thead {
    border-bottom: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .common-table th {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-faint) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--lv2-border) !important;
    border-right: none !important;
}

.app-shell-v2 .common-table td {
    background: transparent !important;
    color: rgb(143 161 189 / var(--tw-text-opacity, 1)) !important;
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px solid var(--lv2-border) !important;
    border-right: none !important;
}

.app-shell-v2 .common-table tbody tr:hover td {
    background: var(--lv2-surface-alt);
}

.app-shell-v2 .common-table a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .common-table td a:hover {
    color: var(--lv2-accent) !important;
}


/* jQuery DataTables plugin also renders many of the same after-login
   tables (trading history, wallets, PAMM) and forces its own solid
   white background + black text with !important — same fix as the
   .common-table pass above, same reasoning. */
.app-shell-v2 table.dataTable>tbody>tr>th,
.app-shell-v2 table.dataTable>tbody>tr>td {
    background: transparent !important;
    color: rgb(143 161 189 / var(--tw-text-opacity, 1)) !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 table.dataTable>thead>tr>th,
.app-shell-v2 table.dataTable>thead>tr>td {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-faint) !important;
    border-bottom: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .dataTables_info,
.app-shell-v2 .paging_simple_numbers a,
.app-shell-v2 .dataTables_length,
.app-shell-v2 .dataTables_length select {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 6. Global !important
   rules force every form input/select and every <label> to white-bg/
   black-text sitewide. Same fix pattern as tables: scoped override
   under .app-shell-v2 using the same --lv2-* tokens, !important to
   match what it takes to beat the original !important rules.
   ===================================================================== */
.app-shell-v2 .form-control,
.app-shell-v2 .input-group .form-control,
.app-shell-v2 select.form-control {
    background: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.app-shell-v2 .form-control::placeholder,
.app-shell-v2 .input-group .form-control::placeholder,
.app-shell-v2 .form-content .form-inline .step-two-box input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

.app-shell-v2 select.form-control option {
    background: var(--lv2-surface);
    color: var(--lv2-text);
}

.app-shell-v2 label {
    color: var(--lv2-text-muted) !important;
}


.app-shell-v2 .right-content p {
    color: var(--lv2-text-muted) !important;
}



/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 7. The visible gold
   sidebar background in the screenshot wasn't #sidebar-wrapper (already
   fixed) — it's `.sidebar-nav`, a SEPARATE rule on the same <ul
   class="sidebar-menu sidebar-nav"> element, with its own opaque
   `background: #F2BB4A` and a fixed 800px height that paints over the
   dark surface underneath. Colors/background only.
   ===================================================================== */
.app-shell-v2 .sidebar-nav {
    background: var(--lv2-surface) !important;
    height: auto !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 8. Every input/select/
   textarea sitewide gets the same rounded, dark, login-page look
   (border-radius 12px, var(--lv2-surface) background, var(--lv2-border)
   border, 50px height for single-line controls). Legacy per-page rules
   set wildly different radii (0 / 25px / 45px pill / 7px) and hardcoded
   white/black backgrounds — every one of those is beaten here with
   matching-or-higher specificity + !important, same pattern as the
   table/form-control fixes in PASS 5/6. Colors/background/radius only.
   ===================================================================== */
.app-shell-v2 .form-control,
.app-shell-v2 .input-group .form-control,
.app-shell-v2 select.form-control,
.app-shell-v2 .form-inline .form-group .form-control,
.app-shell-v2 .form-inline .form-group select.form-control,
.app-shell-v2 .form-content .form-inline .form-group select.form-control,
.app-shell-v2 .form-content.form-content-full-width .form-inline .form-group select.form-control,
.app-shell-v2 .form-content .form-inline .step-two-box select,
.app-shell-v2 .form-content .form-inline .step-two-box input,
.app-shell-v2 .form-content .form-inline input,
.app-shell-v2 .form-content .form-inline select,
.app-shell-v2 .arrow select.form-control,
.app-shell-v2 .content-area.r-page .form-inline .form-group .form-control,
.app-shell-v2 .container-xs.container-xs-955px .form-content .form-inline input,
.app-shell-v2 .container-xs.container-xs-955px .form-content span.form-control,
.app-shell-v2 .content-wrapper.personal-details .form-inline .form-group .form-control,
.app-shell-v2 .content-wrapper.personal-details .form-inline select,
.app-shell-v2 .withdrawal-status-page .form-group .form-control,
.app-shell-v2 .right-login-wrapper .form-group input.country-code,
.app-shell-v2 .right-login-wrapper .form-group input.ph-number,
.app-shell-v2 .demo-page .form-group input.country-code,
.app-shell-v2 .demo-page .form-group input.ph-number {
    background: var(--lv2-surface) !important;
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    height: 50px !important;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

/* Native <input type="date"> calendar panel (e.g. Trading History /
   Monetary Statement date filters) is a browser-rendered popup that
   can't be restyled with CSS directly — color-scheme is the only hook
   browsers expose, switching it to their built-in dark palette instead
   of the default white one. Chromium also repaints the picker icon
   itself white once color-scheme is dark, so don't filter/invert it
   here too — that double-flips it straight back to black.  */
.app-shell-v2 input[type="date"].form-control,
.app-shell-v2 input[type="time"].form-control,
.app-shell-v2 input[type="datetime-local"].form-control {
    color-scheme: dark;
}

.app-shell-v2 input[type="date"].form-control::-webkit-calendar-picker-indicator,
.app-shell-v2 input[type="time"].form-control::-webkit-calendar-picker-indicator,
.app-shell-v2 input[type="datetime-local"].form-control::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.app-shell-v2 textarea.form-control,
.app-shell-v2 .form-content .form-inline textarea {
    height: auto !important;
    min-height: 110px;
    line-height: 1.5;
    border-radius: 12px !important;
    background: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    box-shadow: none !important;
}

.app-shell-v2 .form-control:focus,
.app-shell-v2 .form-inline .form-group .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.app-shell-v2 .form-control::placeholder,
.app-shell-v2 .input-group .form-control::placeholder,
.app-shell-v2 .form-content .form-inline .step-two-box input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

.app-shell-v2 input.form-control:read-only,
.app-shell-v2 .form-inline .form-group input.form-control:read-only {
    background: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 select.form-control,
.app-shell-v2 .form-inline .form-group select.form-control,
.app-shell-v2 .form-content .form-inline .form-group select.form-control,
.app-shell-v2 .form-content.form-content-full-width .form-inline .form-group select.form-control,
.app-shell-v2 .arrow select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fa1bd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    background-size: 10px auto !important;
    padding-right: 34px !important;
}

.app-shell-v2 select.form-control option {
    background: var(--lv2-surface);
    color: var(--lv2-text-muted) ;
}

.app-shell-v2 .input-group-addon,
.app-shell-v2 .form-inline .form-group .input-group-addon,
.app-shell-v2 .input-group-addon.pin-bg,
.app-shell-v2 .withdrawal-status-page .input-group-addon,
.app-shell-v2 .report_page .input-daterange .input-group-addon {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.app-shell-v2 .bootstrap-filestyle.input-group {
    background: var(--lv2-surface) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.app-shell-v2 .bootstrap-filestyle.input-group input {
    background: transparent !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 .bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn {
    background: var(--lv2-surface-alt) !important;
    border: 0 !important;
    border-left: 1px solid var(--lv2-border) !important;
    border-radius: 0 !important;
}

.app-shell-v2 .bootstrap-filestyle.input-group .btn-default {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .captcha-wrapp {
    background: #fff;
    border-radius: 10px;
    padding: 4px 10px;
}

.app-shell-v2 .captcha,
.app-shell-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 9. Buttons must match the
   login page's gradient pill (see .login-v2 .common-btn), and the
   after-login header's language switcher must match the exact look
   already built for .login-v2-topbar .lang-dropdown (same markup —
   render_lang_switcher() is shared by both). Also fixes the header row
   actually breaking onto multiple visual boxes: the lang-switcher was
   double-boxed (outer .ff-icon-btn pill + inner .drop-down pill) and
   the logout link still carried the legacy circular-orange treatment
   from `.top-box:last-child a`, which is no longer the true last
   .top-box now that ff-icon-btn/-pill wrap things — templates/header.php
   now tags those two wrappers with .ff-icon-btn-lang / .ff-icon-btn-logout
   so they can be targeted directly instead of guessing at :last-child.
   ===================================================================== */
.app-shell-v2 .common-btn,
.app-shell-v2 .new-common-btn,
.app-shell-v2 .form-submit-btn,
.app-shell-v2 .btn.form-submit-btn,
.app-shell-v2 .trade-deposit-btns,
.app-shell-v2 .td-link,
.app-shell-v2 .join-btn,
.app-shell-v2 .btn.sign-up,
.app-shell-v2 .sign-up,
.app-shell-v2 button:not(.theme-change-box),
.app-shell-v2 .btn:not(.close) {
    background: #4899e4 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55) !important;
    transition: filter .15s ease, box-shadow .15s ease;
}

/* Remove the background inherited by the intl-tel-input country selector. */
.iti__country-container button {
    background: none !important;
}

.app-shell-v2 .common-btn:hover,
.app-shell-v2 .common-btn:focus,
.app-shell-v2 .new-common-btn:hover,
.app-shell-v2 .form-submit-btn:hover,
.app-shell-v2 .btn.form-submit-btn:hover,
.app-shell-v2 .trade-deposit-btns:hover,
.app-shell-v2 .td-link:hover,
.app-shell-v2 .join-btn:hover,
.app-shell-v2 .btn.sign-up:hover,
.app-shell-v2 .sign-up:hover,
.app-shell-v2 button:not(.theme-change-box):hover,
.app-shell-v2 .btn:not(.close):hover {
    background: #4899e4 !important;
    border-color: transparent !important;
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7) !important;
}

/* Header icon-button row: force one line, no double-boxing */
.app-shell-v2 .top-box-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px;
}

.app-shell-v2 .top-box-wrap > .top-box {
    flex-shrink: 0;
    padding: 0 10px;
}

 .ff-icon-btn-lang{
        padding: 0 !important;
    }

.app-shell-v2 .theme-change-box {
    display: none !important;
}

.app-shell-v2 .ff-icon-pill a {
    white-space: nowrap;
}

/* de-box the lang switcher wrapper so only the inner pill (matching
   the before-login topbar) is visible — no nested double border */
.app-shell-v2 .ff-icon-btn-lang {
    background: transparent !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
}

.app-shell-v2 .lang-dropdown .drop-down {
    width: auto;
    min-height: 44px;
    height: auto;
    display: flex;
    align-items: center;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    border-radius: 10px;
    padding: 8px 12px;
}

.app-shell-v2 .lang-wrap {
    margin-left: 0;
}

.app-shell-v2 .lang-dropdown .drop-down .button {
    display: flex;
    align-items: center;
    width: auto;
    border: 0;
    padding: 0;
    background: transparent;
}

.app-shell-v2 .lang-dropdown .drop-down .button .lang-flag {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 1px solid var(--lv2-border);
    margin-right: 8px;
}

.app-shell-v2 .lang-dropdown .drop-down .button .lang-code {
    display: inline-block;
    color: var(--lv2-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    width: auto;
    float: none;
}

.app-shell-v2 .lang-dropdown .drop-down .button a.select-list-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--lv2-text-muted);
    margin-left: 8px;
    background: none;
    border: 0;
    border-radius: 0;
    width: auto;
    height: auto;
}

.app-shell-v2 .lang-dropdown .drop-down .button a.select-list-link:hover {
    color: var(--lv2-accent);
}

.app-shell-v2 .select-list-arrow {
    display: inline-block;
    color: currentColor;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list {
    background-color: var(--lv2-surface-alt) !important;
    border: 1px solid var(--lv2-border);
    margin-top: 42px;
    z-index: 50;
    overflow: visible;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li {
    list-style: none;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span {
    color: var(--lv2-text-muted);
    background-color: transparent !important;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span:hover,
.app-shell-v2 .lang-dropdown .drop-down .select-list li span:focus {
    background-color: rgba(255, 255, 255, .06) !important;
    color: var(--lv2-text);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li.active span,
.app-shell-v2 .lang-dropdown .drop-down .select-list li.clsAnchor.active span {
    color: var(--lv2-accent);
    font-weight: 600;
}

/* logout icon button: drop the legacy circular-orange treatment,
   fill the 44x44 .ff-icon-btn box cleanly instead */
.app-shell-v2 .ff-icon-btn-logout a {
    background: transparent !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 10. DataTables chrome
   (length/info/paginate controls) recolored for the dark canvas and
   made to stack on narrow viewports instead of overflowing, matching
   the .common-table dark styling from PASS 5. No JS behavior touched
   here — pageLength/lengthMenu defaults are set in assets/dist/js/
   common.js so every DataTable() call gets 5/10/20 unless a page
   explicitly overrides it.
   ===================================================================== */
.app-shell-v2 .dataTables_wrapper {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .dataTables_scrollBody {
    border: 0 !important;
}

.app-shell-v2 .dataTables_scrollBody::-webkit-scrollbar,
.app-shell-v2 .dataTables_scrollHead::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.app-shell-v2 .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: var(--lv2-border);
    border-radius: 8px;
}

.app-shell-v2 .dataTables_length,
.app-shell-v2 .dataTables_filter,
.app-shell-v2 .dataTables_info,
.app-shell-v2 .dataTables_paginate {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .dataTables_length select {
    height: 34px !important;
    min-height: 34px;
    line-height: 32px;
    padding: 0 10px !important;
    margin: 0 6px;
}

.app-shell-v2 .dataTables_paginate .paginate_button {
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    background: var(--lv2-surface-alt) !important;
    border-radius: 8px !important;
    margin: 0 2px;
}

.app-shell-v2 .dataTables_paginate .paginate_button.current,
.app-shell-v2 .dataTables_paginate .paginate_button:hover {
    background: #4899e4 !important;
    color: #fff !important;
    border-color: transparent !important;
}

.app-shell-v2 .dataTables_paginate .paginate_button.disabled {
    opacity: .4;
}

@media (max-width: 767px) {
    .app-shell-v2 .dataTables_wrapper .row {
        margin: 0;
    }

    .app-shell-v2 .dataTables_length,
    .app-shell-v2 .dataTables_filter,
    .app-shell-v2 .dataTables_info,
    .app-shell-v2 .dataTables_paginate {
        text-align: center !important;
        width: 100%;
        float: none !important;
        margin-bottom: 8px;
    }

    .app-shell-v2 .table-responsive,
    .app-shell-v2 .common-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 11. Brand-color rebrand.
   The legacy orange brand color (#E6814B in custom.css / its dark-mode
   counterpart #4CA1B0 in custom-darkmode.css — same semantic role,
   different literal token per light/dark) is replaced, within the
   after-login shell only, with the v2 accent blue so every remaining
   button/link/heading/border/tab lines up with the rest of the theme.
   Auto-generated by extracting every legacy declaration referencing
   either hex value and re-emitting it unchanged except for the color
   token, scoped under .app-shell-v2 — pages outside the after-login
   shell (marketing/home pages still on the old branding) are untouched.
   ===================================================================== */
.app-shell-v2 .copy-text button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .spinner > div {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .bottom-header p a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline button.btn.btn-default {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .registration-bottom a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .social-dash .title {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .ticketing-details .btn-warning {
    background-color: var(--lv2-accent) !important;
    border-color: var(--lv2-accent) !important;
}

.app-shell-v2 span.main-user-name.equity {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 a:hover,
.app-shell-v2 a:focus {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 label a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 table.bnk-trnsfer tr th {
    background: var(--lv2-accent) none repeat scroll 0 0 !important;
}

.app-shell-v2 .common-btn-profile {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .login-page .forgot-password-sec .registration-top h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .before-right-content h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .home-redirect {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .form-content-box.step-two-wrapper button.btn.btn-default {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .green-heading {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .select-btn.active,
.app-shell-v2 .select-btn:focus,
.app-shell-v2 .select-btn:hover,
.app-shell-v2 .select-btn.active,
.app-shell-v2 .select-btn.focus {
    background: var(--lv2-accent) none repeat scroll 0 0 !important;
}

.app-shell-v2 a.new-account:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .slider {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 input:checked + .slider {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 input:focus + .slider {
    box-shadow: 0 0 1px var(--lv2-accent) !important;
}

.app-shell-v2 span.green {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .green {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .join-btn:hover,
.app-shell-v2 .join-btn:focus {
    border: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .select-btn.active {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .register-wrap .btn-primary {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .register-wrap .btn-primary.select-btn.active,
.app-shell-v2 .register-wrap .select-btn:hover {
    background: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .report_page .paging_simple_numbers span a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .sidebar ul.sidebar-menu li a:hover,
.app-shell-v2 .sidebar ul.sidebar-menu li a:focus {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .sidebar li.treeview.active a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .dashboard-top .col-md-4:nth-child(3) .d-sec {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .demo-page .submit-box button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .r-page .form-inline button.btn.btn-default {
    background: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .r-page .form-inline button.btn.btn-default:hover {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .page-not-found a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .thank-you .register-wrap {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88)) !important;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.app-shell-v2 .Thank-you-right {
    background: transparent !important;
}

.app-shell-v2 .Thank-you-right h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .Thank-you-right h3,
.app-shell-v2 .Thank-you-right p.t-border {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .Thank-you-right label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Thank-you-right p.t-border {
    border-color: var(--lv2-border);
}

.app-shell-v2 .border-btn {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline .form-group .form-control {
    /* box-shadow: 1px 0px 9px -4px var(--lv2-accent) !important; */
}

.app-shell-v2 .bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn {
    border: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .buttonText {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .captcha {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline .form-group-captcha .captcha-wrapp span .captchacode1 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .bal_cls {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .custom-details .panel-heading h4 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active > a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li > a:hover {
    border-bottom: 2px solid var(--lv2-accent) !important;
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active > a,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:hover,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .nav-dots > li :hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .nav-dots > li.active > a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .nav-dots > li.active > a span:after {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .top-box .fa-envelope {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .top-head-bar .navbar span.menu-linebar {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .account-info h4 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .responsive_tbl tr td > a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .ns-box h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li.active a {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .btn-round {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .proppulse-head {
    background: #4899e4 !important;
}

.app-shell-v2 .trade-div1 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .tab-div-selected {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .tab-div:hover {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .tab-div.tab-div-selected,
.app-shell-v2 .prop-pulse-challenges .tab-div:hover {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-header {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-footer a,
.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-footer button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .my-challenges-wrap .mcb-header {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .my-challenges-wrap .mcb-header .mcb-right > div {
    background: #4899e4 !important;
}

.app-shell-v2 .mcb-body .mcb-col:first-child h4.blue {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .nav-tabs > li.active > a,
.app-shell-v2 .nav-tabs > li.active > a:hover,
.app-shell-v2 .nav-tabs > li.active > a:focus {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .trading-history-heading:active,
.app-shell-v2 .trading-history-heading:hover {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .selected {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .datepicker table tr td.active:active,
.app-shell-v2 .datepicker table tr td.active.highlighted:active,
.app-shell-v2 .datepicker table tr td.active.active,
.app-shell-v2 .datepicker table tr td.active.highlighted.active,
.app-shell-v2 .open > .dropdown-toggle.datepicker table tr td.active,
.app-shell-v2 .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    background-color: var(--lv2-accent) !important;
    border-color: var(--lv2-accent) !important;
}

/* bootstrap-datepicker dark theme; !important beats its own light theme */
.app-shell-v2 .datepicker,
.app-shell-v2 .datepicker-dropdown {
    background: var(--lv2-surface) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, .65) !important;
}

/* jQuery 3's .show() can't detect default display on a detached element,
   so after each close/reopen the active view loses its inline
   "display:block" and falls back to this stylesheet's own "none".
   Defaulting to block fixes it; JS still hides inactive views inline. */
.app-shell-v2 .datepicker > div {
    display: block;
}

.app-shell-v2 .datepicker-dropdown:after {
    border-bottom-color: var(--lv2-surface) !important;
}

.app-shell-v2 .datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: var(--lv2-surface) !important;
}

.app-shell-v2 .datepicker table tr th {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker .datepicker-switch,
.app-shell-v2 .datepicker .prev,
.app-shell-v2 .datepicker .next {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker .datepicker-switch:hover,
.app-shell-v2 .datepicker .prev:hover,
.app-shell-v2 .datepicker .next:hover,
.app-shell-v2 .datepicker tfoot tr th:hover {
    background: rgba(72, 153, 228, .14) !important;
}

.app-shell-v2 .datepicker table tr td {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker table tr td.old,
.app-shell-v2 .datepicker table tr td.new {
    color: var(--lv2-text-faint) !important;
}

.app-shell-v2 .datepicker table tr td.day:hover,
.app-shell-v2 .datepicker table tr td.focused {
    background: rgba(72, 153, 228, .18) !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker table tr td.disabled,
.app-shell-v2 .datepicker table tr td.disabled:hover {
    background: none !important;
    color: var(--lv2-text-faint) !important;
}

.app-shell-v2 .datepicker table tr td.today,
.app-shell-v2 .datepicker table tr td.today:hover,
.app-shell-v2 .datepicker table tr td.today.disabled,
.app-shell-v2 .datepicker table tr td.today.disabled:hover {
    background: rgba(72, 153, 228, .25) !important;
    border-color: var(--lv2-accent) !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker table tr td.active,
.app-shell-v2 .datepicker table tr td.active:hover,
.app-shell-v2 .datepicker table tr td.selected,
.app-shell-v2 .datepicker table tr td.selected:hover {
    background: var(--lv2-accent) !important;
    border-color: var(--lv2-accent) !important;
    color: #fff !important;
}

.app-shell-v2 #chat_mess_count {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .theme-change-box {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .modal-content.pamm-new-popups .modal-title {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .close {
    color: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .modal-header p {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1 {
    background-color: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1:hover {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2 {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2:hover {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .paging_simple_numbers span a {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-popup h1 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-table .p-a-list li a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-popup h1 span {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-form .p-a-submit {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-form .reg-acc a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-indi-details-header h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header .i-title h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .indi-det-header .inves-count h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .indi-det-header .inves-count h3 span {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .indi-det-right-side .i-det-form a {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .select-m-body .select-m-block h4 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .info-icon {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .ibuser-login .rpl-top h4 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .captcha-code-refresh {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li.active {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .common-btn.common-bck {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .ticketing-details .td-header h2,
.app-shell-v2 .get-tickets h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .steps-main-heading {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .common-table td a.deposit-btn {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .common-table td a.deposit-btn:hover,
.app-shell-v2 .common-table td a.deposit-btn:focus {
    background: var(--lv2-accent) none repeat scroll 0 0 !important;
}

.app-shell-v2 .common-table a:hover {
    color:  var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline .form-group-captcha .captcha-wrapp span#captchacode1 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .dashboard-content h2 {
    color:  var(--lv2-accent) !important;
}

.app-shell-v2 input[type="checkbox"]:checked {
    accent-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups input[type="checkbox"],
.app-shell-v2 .paam-area .indi-det-right-side .i-det-form input[type="checkbox"] {
    accent-color: var(--lv2-accent) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 12. Table cell borders.
   PASS 5/6 recolored .common-table and table.dataTable specifically,
   but the codebase has several other table variants (.common-table1
   on PAMM pages, table.table-cm, table.bnk-trnsfer, .responsive_tbl,
   generic Bootstrap .table, etc.) that still draw light-gray/#DCDCDC
   column dividers — visible as white lines against the dark theme.
   This is a universal border-color fallback for every table cell
   anywhere under .app-shell-v2, plus a couple of specific fixes for
   the light background variants found while auditing.
   ===================================================================== */
.app-shell-v2 table,
.app-shell-v2 table th,
.app-shell-v2 table td,
.app-shell-v2 table thead,
.app-shell-v2 table tbody,
.app-shell-v2 table tfoot,
.app-shell-v2 table tr {
    border-color: var(--lv2-border) !important;
}

.app-shell-v2 table {
    border-collapse: collapse;
}

.app-shell-v2 .paam-area .common-table1 {
    background-color: var(--lv2-surface-alt) !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .paam-area .common-table1,
.app-shell-v2 .paam-area .common-table1 th,
.app-shell-v2 .paam-area .common-table1 td {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 13. Black text sitewide.
   Every legacy `color: #000000` / `#000` / `black` declaration (both
   stylesheets) is unreadable on the dark canvas. Auto-generated the same
   way as PASS 11 — extract every selector using one of those literal
   values, re-scope under .app-shell-v2 with the theme's muted text
   token. Pages outside the after-login shell are untouched.
   ===================================================================== */
.app-shell-v2 ::-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 :-ms-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 :-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-group select.form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .dropdown-right-wrapper div#lang_sel ul ul li a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .lang-dropdown .drop-down .button span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .navbar-inverse .navbar-nav > li > a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .bottom-header p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-inline .form-group input.form-control:read-only {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::-webkit-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control:-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control:-ms-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::-ms-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control:placeholder-shown {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .submit-box p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .registration-bottom h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .registration-bottom a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .ticketing-details .td-header h2,
.app-shell-v2 .get-tickets h2 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .steps-main-heading {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.bnk-trnsfer td {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .common-table a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .before-login-pages .before-right-content p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 a.new-account {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .small-box.bg-aqua .inner p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .right-content p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .d-sec h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.table.table-cm.table-th-cm > thead > tr > th {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paging_simple_numbers a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .r-page .form-inline button.btn.btn-default:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .page-not-found h2 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Thank-you-right p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Thank-you-bottom a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-inline .form-group label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-inline .form-group .form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .content-wrapper.personal-details .form-inline .form-group .form-control,
.app-shell-v2 .content-wrapper.personal-details .form-inline select {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .content-wrapper.personal-details .form-inline .form-group .form-control::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .option_wrapper > input {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .market_wrapper {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .social-network li > a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .footer-text-wrap ul {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .nav-dots > li > a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-box {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-box a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-right .top-box:nth-child(2) {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-right .top-box:nth-child(2) h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.table.table-cm.table-th-cm td .color-link,
.app-shell-v2 table.table.table-cm.table-th-cm td a,
.app-shell-v2 table.table.table-cm.table-th-cm td a:hover,
.app-shell-v2 .color-link,
.app-shell-v2 .color-link:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .tank-you-wrapper p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .check-box-wrapper [type="checkbox"]:not(:checked) + label::after {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .mobile-user-sidebar-wrapper .menu-btn-deposit a:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .successful-wrapper h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .new-drop-flag .dropdown dd ul {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .responsive_tbl tr th {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .tech-one-content h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .mainTitle {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .subTitle {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .dashboard-content h2 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .ns-box h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .middle-content-wrap li {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .activity-div .activity-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .activity-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .evaluation-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .evaluation-para {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .add-filter {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .trade-text {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .trade-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .trade-para {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-body p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-body ul li {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .blank-history p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.dataTable > tbody > tr > th,
.app-shell-v2 table.dataTable > tbody > tr > td {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .input-group .form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .input-group .form-control::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content .form-inline .step-two-box select,
.app-shell-v2 .form-content .form-inline .step-two-box input::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .arrow-list li {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content-box.form-content-box-label-full h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .common-table td a:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .ibuser-login .rpl-top h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .paging_simple_numbers a,
.app-shell-v2 .dataTables_info {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .dataTables_length select {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .indi-det-body .indi-det-left-side h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .indi-det-body .indi-det-left-side p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .indi-det-right-side h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .modalFilter .modal-content label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .select-m-body .select-m-block button a:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .offer-container p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .step-style a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area a:hover,
.app-shell-v2 a:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .withdrawal-status-page .close:hover,
.app-shell-v2 .withdrawal-status-page .close:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .withdrawal-status-page .form-group .form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-header .cbh-left span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Challenges-box .cb-header .cbh-left span:last-child {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 button a:hover,
.app-shell-v2 button a:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .tooltip-inner {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 14. Light glow shadows.
   Dozens of cards/panels use a light periwinkle/gray box-shadow
   (#d5e4fe, #ccc, #a2a2a2, #57849b, etc.) as their only visual edge —
   against the dark canvas these read as a stray white halo. Per
   request: drop the glow, give the element a plain themed border
   instead so it's still visually separated from the page.
   ===================================================================== */
.app-shell-v2 .doc-box {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .pymnt-mthds {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .login-page .register-wrap {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .shwd-wrap-box {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .register-wrap .btn-primary {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .report_page .paging_simple_numbers span a {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .white-background {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .d-sec {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .dashboard-bottom > div.col-md-9 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .content-wrapper > .dashboard-bottom > div.col-md-12 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .smdashboard {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .bottom-vload {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .option_wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .grey-sidebar {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .new-drop-flag .dropdown dd ul {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .page-content-area {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .evaluation-div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .trade-div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .trade-div1 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .trades-container {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .paam-area .offer-container {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .prop-pulse-credit-details-page .top_div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .shwd-wrap-box:nth-child(2n)::after {
    box-shadow: none !important;
}

.app-shell-v2 .shwd-wrap-box:nth-child(2n)::before {
    box-shadow: none !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 15. Logo box.
   .logo (the header cell wrapping the site logo + mobile menu toggle)
   still painted itself solid white with a gold border, standing out
   against the dark header bar. Colors only — logo image untouched.
   ===================================================================== */
.app-shell-v2 .logo {
    background: var(--lv2-surface) !important;
    border-right: 1px solid var(--lv2-border) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 16. .panel background.
   Bootstrap's .panel forces a solid white background !important
   sitewide — used by several accordion/collapse widgets in the
   after-login shell (account-type accordion, custom-details panels).
   ===================================================================== */
.app-shell-v2 .panel {
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text-muted);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 17. Unify all tab bars
   with the dashboard's pill-tab pattern (see .dashboard-v2 .dash-tabs
   .nav-top in the earlier pass): rounded muted-surface strip container,
   small uppercase muted labels, active tab gets the same rgba accent
   wash + inset border used by the dashboard. Applied to every other
   tab-bar family in the after-login shell: .middle-content-wrap .nav-top
   (the exact sibling of dash-tabs used on trading-history/wallet/PAMM
   pages), .customer-tabs (ticketing), .deposit-wrapper-tabs, and the
   prop-pulse .tab-div pills.
   ===================================================================== */

/* ---- .middle-content-wrap .nav-top (generic dash-tabs sibling) ---- */
.app-shell-v2 .middle-content-wrap .nav-top {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px !important;
    margin: 0 !important;
    list-style: none;
    background: var(--lv2-surface-alt) !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li,
.app-shell-v2 .middle-content-wrap .nav-top a {
    padding: 8px 16px !important;
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--lv2-text-muted) !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}

.app-shell-v2 .middle-content-wrap .nav-top li:hover,
.app-shell-v2 .middle-content-wrap .nav-top a:hover {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li.active,
.app-shell-v2 .middle-content-wrap .nav-top li.active a {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19) !important;
    border: 0 !important;
}

/* ---- .customer-tabs (ticketing / customer details tri-column tabs) ---- */
.app-shell-v2 .customer-tabs .nav-tabs {
    background: var(--lv2-surface-alt);
    border: none;
    border-radius: 14px 14px 0 0 ;
    padding: 6px;
    gap: 4px;
}

.app-shell-v2 .customer-tabs .nav-tabs > li > a {
    border-radius: 10px !important;
    color: var(--lv2-text-muted) !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li > a:hover {
    color: var(--lv2-text) !important;
    border-bottom: 0 !important;
    background: var(--lv2-surface) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active > a,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:hover,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:focus {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19);
    border-bottom: 0 !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active:after {
    display: none;
}

/* ---- .deposit-wrapper-tabs (sprite-icon deposit method tabs) ---- */
.app-shell-v2 .deposit-wrapper ul.deposit-wrapper-tabs {
    background: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border) !important;
    border-radius: 14px;
    padding: 6px;
    display: flex;
    gap: 4px;
}

.app-shell-v2 .deposit-wrapper ul.deposit-wrapper-tabs li {
    border: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
}

.app-shell-v2 .deposit-wrapper ul.deposit-wrapper-tabs li a {
    color: var(--lv2-text-muted) !important;
    background-color: transparent !important;
}

.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li.active > a,
.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li.active > a:focus,
.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li.active > a:hover,
.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li > a:hover {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19);
    border: 0 !important;
}

/* ---- .tab-div (prop-pulse challenge filter pills) ---- */
.app-shell-v2 .tab-div {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 10px !important;
}

.app-shell-v2 .tab-div:hover,
.app-shell-v2 .tab-div-selected {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19) !important;
    border-color: transparent !important;
}

.app-shell-v2 .prop-pulse-challenges ul {
    background: var(--lv2-surface-alt) !important;
    border-radius: 14px;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 18. .doc-box background.
   PASS 14 already dropped its light glow shadow and gave it a themed
   border, but the white fill itself was never touched.
   ===================================================================== */
.app-shell-v2 .doc-box {
    background: var(--lv2-surface) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 19 (revised in PASS 27).
   Lang switcher dropdown reliability. render_lang_switcher() hardcodes
   inline style="display:none" on every <li>, so showing the list needs
   !important to beat that inline style. Open/close is driven purely by
   the .open class from common.js — the old slideToggle() call was
   REMOVED because it fought this rule: jQuery saw the !important
   display as "visible", animated the items closed, and left inline
   height:0/overflow:hidden/padding:0 behind, so the <ul> rendered as an
   empty bordered box with zero-height items. The height/overflow/
   padding resets below are defensive: they neutralise any such inline
   leftovers (e.g. from a stale cached common.js) instead of silently
   collapsing again.
   ===================================================================== */
.app-shell-v2 .lang-dropdown.open .select-list li {
    display: list-item !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 20.
   1) Vertical table scroll: plain (non-DataTables) tables sit inside
      the standard Bootstrap .table-responsive wrapper already used
      sitewide; capping its height and letting it scroll internally
      stops long record sets from pushing the whole page into a
      page-level scrollbar.
   2) Logout icon replaced with an inline SVG (MdLogout, ported from
      React-Client-Portal's AppHeader.tsx) in templates/header.php —
      style it to fill/center inside the existing 44x44 .ff-icon-btn.
   ===================================================================== */
.app-shell-v2 .table-responsive {
    max-height: min(65vh, 560px);
    overflow-y: auto;
}

.app-shell-v2 .table-responsive::-webkit-scrollbar {
    width: 8px;
}

.app-shell-v2 .table-responsive::-webkit-scrollbar-thumb {
    background: var(--lv2-border);
    border-radius: 8px;
}

.app-shell-v2 .ff-icon-btn-logout a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.app-shell-v2 .ff-icon-btn-logout svg {
    width: 20px;
    height: 20px;
    color: inherit;
}

.app-shell-v2 .ff-icon-btn-logout:hover svg {
    color: var(--lv2-accent);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 21.
   1) Header vertical breathing room already trimmed above (FIX PASS 20
      set 14px, now 6px — user asked for less, not more).
   2) .ns-box's avatar photo + name/TP-No. block are removed from
      templates/header.php; the TP number now lives in its own pill
      (.ff-tp-pill) styled after React-Client-Portal's MainAccountLabel
      (flex items-center gap-2 h-11 px-4 rounded-md border ... shrink-0),
      sitting outside/before .ns-box, label changed "Main TP" -> "TP No."
      per request, value unchanged (still $_SESSION['username']).
   3) New .ff-user-dropdown (w-56 h-11 shrink-0, ported from
      React-Client-Portal's UserDropdown) replaces the plain name text
      with an initials avatar + name + a dropdown menu linking to
      My Profile. Open/close is class-driven (.open), same reliable
      pattern already used for .lang-dropdown — see common.js.
   ===================================================================== */
.app-shell-v2 .ff-tp-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    box-sizing: border-box;
    flex-shrink: 0;
    margin-right: 0;
}

.app-shell-v2 .ff-tp-pill-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--lv2-text-muted);
    white-space: nowrap;
}

.app-shell-v2 .ff-tp-pill-value {
    font-weight: 700;
    color: var(--lv2-text);
    white-space: nowrap;
}

.app-shell-v2 .top-box-wrap > .top-box.ff-user-dropdown {
    padding: 0;
}

.app-shell-v2 .ff-user-dropdown {
    position: relative;
    width: 224px;
    height: 44px;
    flex-shrink: 0;
}

.app-shell-v2 .ff-user-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .15s ease;
}

.app-shell-v2 .ff-user-dropdown-toggle:hover,
.app-shell-v2 .ff-user-dropdown.open .ff-user-dropdown-toggle {
    border-color: var(--lv2-accent);
}

.app-shell-v2 .ff-user-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    background: rgba(72, 153, 228, .2);
    color: var(--lv2-accent);
}

.app-shell-v2 .ff-user-name {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--lv2-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.app-shell-v2 .ff-user-dropdown-toggle .caret {
    border-top-color: currentColor;
    opacity: .6;
    flex-shrink: 0;
    color: var(--lv2-text-muted);
}

.app-shell-v2 .ff-user-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 180px;
    background: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border);
    border-radius: 10px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .45), 0 0 0 1px rgba(72, 153, 228, .04);
    padding: 6px;
    margin: 0;
    list-style: none;
    z-index: 60;
}

.app-shell-v2 .ff-user-dropdown.open .ff-user-dropdown-menu {
    display: block;
}

.app-shell-v2 .ff-user-dropdown-menu li a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--lv2-text-muted) !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
}

.app-shell-v2 .ff-user-dropdown-menu li a:hover {
    background: var(--lv2-surface);
    color: var(--lv2-text) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 22.
   1) .top-right uses justify-content: space-between across its direct
      children, so a gap kept opening between .ff-tp-pill and .ns-box
      no matter what margin was set on either — the parent was
      distributing space to ALL of its children, not just around them.
      templates/header.php now wraps both in a shared .ff-account-group
      so space-between only ever sees two groups (this one, and
      .top-box-wrap), and the pill sits flush against .ns-box.
   2) Language switcher flag swatch is now a circle (border-radius 50%)
      instead of a small rectangle, with the language code/name kept
      immediately after it — same order as before, just round.
   ===================================================================== */
.app-shell-v2 .ff-account-group {
    display: flex;
    align-items: center;
}

/* Desktop: move the user-dropdown before the support-email pill in the
   header's icon row (was theme-switcher, email, user, lang, logout). */
.app-shell-v2 .top-box-wrap > .theme-change-box {
    order: 1;
}

.app-shell-v2 .top-box-wrap > .ff-user-dropdown {
    order: 2;
}

.app-shell-v2 .top-box-wrap > .ff-icon-pill {
    order: 3;
}

.app-shell-v2 .top-box-wrap > .ff-icon-btn-lang {
    order: 4;
}

.app-shell-v2 .top-box-wrap > .ff-icon-btn-logout {
    order: 5;
}

/* The <=767px mobile header grid that used to live here was superseded by
   FIX PASS 31's <=991px grid, which covers the same reflow across a wider
   band. Both defined grid-template-areas on .top-head-bar and both applied
   below 768px; the leftover 5-row template left a phantom empty row whose
   row-gap showed up as ~12px of dead space under the last header row. */



/* =====================================================================
   FIX PASS 23 — language switcher .select-list border, before AND
   after login. The dropdown list is closed by default (its <li>s are
   inline display:none from render_lang_switcher()), which collapses
   the <ul class="select-list"> to zero height — its top/bottom border
   then render as a single stray line sitting right under the switcher
   even while "closed". Border is now off by default and only drawn
   while the list is actually being shown: on :hover (the original
   reveal mechanism, still active on both scopes) or while .open is
   set (the after-login click-toggle fallback added in FIX PASS 19).
   Touches both .login-v2-topbar (before login) and .app-shell-v2
   (after login) since both share the exact same render_lang_switcher()
   markup and this same border artifact.
   ===================================================================== */
.login-v2-topbar .lang-dropdown .drop-down .select-list,
.app-shell-v2 .lang-dropdown .drop-down .select-list {
    border: 0;
    z-index: 10000;
}

.login-v2-topbar .lang-dropdown .drop-down .button:hover .select-list,
.app-shell-v2 .lang-dropdown .drop-down .button:hover .select-list,
.app-shell-v2 .lang-dropdown.open .select-list {
    border: 1px solid var(--lv2-border) !important;
}


/* =====================================================================
   FIX PASS 24 — sitewide button unification. Every button (and every
   anchor tag carrying class="btn") across the whole project, not just
   the after-login shell / registration pages already covered above,
   must look like the login page's button: the same gradient pill and
   the same slightly-rounded (12px, not fully pill-shaped) corners.
   Unscoped/global on purpose — this is the same rule already applied
   under .app-shell-v2 (FIX PASS 9), now applied everywhere. .close is
   still excluded so Bootstrap modal dismiss ("x") buttons are unaffected.
   ===================================================================== */
.common-btn,
.new-common-btn,
.form-submit-btn,
.btn.form-submit-btn,
.trade-deposit-btns,
.td-link,
.join-btn,
.btn.sign-up,
.sign-up,
button:not(.theme-change-box),
.btn:not(.close) {
    background: #4899e4 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55) !important;
    transition: filter .15s ease, box-shadow .15s ease;
}
/* Remove the background inherited by the intl-tel-input country selector. */
.iti__country-container button {
    background: none !important;
}

.common-btn:hover,
.common-btn:focus,
.new-common-btn:hover,
.form-submit-btn:hover,
.btn.form-submit-btn:hover,
.trade-deposit-btns:hover,
.td-link:hover,
.join-btn:hover,
.btn.sign-up:hover,
.sign-up:hover,
button:not(.theme-change-box):hover,
.btn:not(.close):hover {
    background: #4899e4 !important;
    border-color: transparent !important;
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7) !important;
}


/* =====================================================================
   LOGIN PAGE THEME (v2) — FIX PASS 25. The .login-l left-hand panel was
   effectively empty on desktop (its only content, .login-icon, is
   already display:none via a pre-existing base rule). Ported the
   left-panel "story" content from React-Client-Portal's Login page
   (src/pages/Login/index.tsx — eyebrow label, headline, subtext, and
   the 4 trust badges) as static markup in login.php, styled here.
   ===================================================================== */
.login-v2 .login-l {
    display: flex;
    align-items: center;
}

.login-v2-story {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 480px;
}

.login-v2-story-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--lv2-accent);
}

.login-v2-story-eyebrow-line {
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #4899e4;
}

.login-v2-story-title {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.01em;
    color: var(--lv2-text);
    margin: 0;
}

.login-v2-story-accent {
    color: var(--lv2-accent);
}

.login-v2-story-sub {
    font-size: 15px;
    line-height: 1.6;
    color: var(--lv2-text-muted);
    max-width: 44ch;
    margin: 0;
}

.login-v2-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.login-v2-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(18, 34, 58, .7);
    border: 1px solid var(--lv2-border);
    font-size: 12px;
    font-weight: 600;
    color: var(--lv2-text-muted);
    transition: transform .2s ease, border-color .2s ease;
}

.login-v2-trust-pill:hover {
    border-color: var(--lv2-accent);
    transform: translateY(-2px);
}

.login-v2-trust-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--lv2-accent);
}


/* =====================================================================
   LOGIN PAGE THEME (v2) — FIX PASS 26. real_registration.php: the
   col-md-3 left-hand card (.before-reg, logo image + "Not yet
   registered?"/"Already have an account?" links) is removed and the
   form column now spans the full col-md-12 width. The "Already have
   an account?" link is re-added as .reg-bottom directly under the
   START TRADING button — it previously lived inside .login-bottom,
   which no longer exists on this page, so it needs its own color rule
   here instead of relying on the old .login-bottom-scoped one.
   ===================================================================== */
.real-reg-v2 .reg-bottom {
    margin-top: 16px;
}

.real-reg-v2 .reg-bottom a {
    color: var(--lv2-accent);
}


/* =====================================================================
   FIX PASS 28 — intl-tel-input v25 country selector.
   The sitewide gradient-button rule (FIX PASS 24) targets bare `button`,
   so it also captured intl-tel-input's country <button>. The existing
   `.iti__country-container button { background: none !important }` only
   cancels the gradient — it does NOT undo the forced border-radius,
   white text, or the large blue box-shadow, and it LOSES on :hover
   because `button:not(.theme-change-box):hover` (0,2,1) out-specifies it
   (0,1,1), re-applying the full gradient. The rules below neutralise the
   button treatment in every state and restyle the control to match the
   theme.

   Deliberately unscoped: the phone input appears both before and after
   login, and intlTelInput is initialised with
   `dropdownContainer: document.body`, so its dropdown renders OUTSIDE any
   *-v2 scope. Every --lv2-* token therefore carries an explicit fallback.
   Existing `body:has(.real-reg-v2) .iti__*` rules are more specific and
   keep winning on the registration pages — nothing here disturbs them.
   ===================================================================== */
.iti__country-container button,
.iti__country-container button.iti__selected-country,
.iti__country-container button.iti__selected-country:focus,
.iti__country-container button.iti__selected-country:active {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    outline: none !important;
    color: var(--lv2-text, #f7f9fc) !important;
}

/* Hover / open affordance — must out-specify button:not(.theme-change-box):hover */
.iti__country-container button.iti__selected-country:hover,
.iti__country-container button.iti__selected-country[aria-expanded="true"] {
    background: rgba(72, 153, 228, .10) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    filter: none !important;
    color: var(--lv2-text, #f7f9fc) !important;
}

.iti__selected-dial-code {
    color: var(--lv2-text-muted, #8fa1bd) !important;
}

.iti__arrow {
    border-top-color: var(--lv2-text-muted, #8fa1bd) !important;
}

.iti__arrow--up {
    border-bottom-color: var(--lv2-text-muted, #8fa1bd) !important;
}

/* ---- dropdown panel (rendered on <body>, so it needs token fallbacks) ---- */
.iti__dropdown-content {
    background-color: var(--lv2-surface-alt, #12223a);
    border: 1px solid var(--lv2-border, #223752);
    border-radius: 10px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .45);
    overflow: hidden;
}

.iti__search-input {
    background-color: var(--lv2-surface, #0d1929);
    border: 0;
    border-bottom: 1px solid var(--lv2-border, #223752);
    color: var(--lv2-text, #f7f9fc);
    padding: 10px 12px;
    width: 100%;
}

.iti__search-input::placeholder {
    color: var(--lv2-text-faint, #6b7280);
}

.iti__country-list {
    background-color: var(--lv2-surface-alt, #12223a);
}

.iti__country,
.iti__country-name {
    color: var(--lv2-text-muted, #8fa1bd);
}

.iti__country.iti__highlight,
.iti__country:hover {
    background-color: rgba(72, 153, 228, .12);
    color: var(--lv2-text, #f7f9fc);
}

.iti__dial-code {
    color: var(--lv2-text-faint, #6b7280);
}


/* =====================================================================
   FIX PASS 29 — make the AFTER-login language switcher visually identical
   to the BEFORE-login one (they already share render_lang_switcher()'s
   markup and, since FIX PASS 23/27, the same round flag + visible language
   code + inline SVG chevron). The only remaining difference was the pill
   itself: .login-v2-topbar uses a translucent white surface, while
   .app-shell-v2 used the solid --lv2-surface-alt token. Copied the
   before-login treatment across.

   Sizing is intentionally NOT copied: the before-login pill is
   padding:6px 10px with no fixed height, but in the after-login header
   this control sits in a row of 44px-tall items (email pill, user
   dropdown, logout button), so min-height:44px and the flex centering are
   kept here to preserve that alignment. Appended last so it wins over the
   two earlier .app-shell-v2 .lang-dropdown .drop-down blocks, which have
   equal specificity.
   ===================================================================== */
.app-shell-v2 .lang-dropdown .drop-down {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list {
    min-width: 92px;
    top: 7px;
}


/* =====================================================================
   FIX PASS 30 — before-login form controls + labels.

   (a) INPUT GLOW. `.form-inline .form-group .form-control` carries
       `box-shadow: 1px 0px 9px -4px #E6814B !important` — the legacy orange
       glow. Specificity 0,3,0. The themed replacements are
       `.real-reg-v2 .form-control` / `.demo-reg-v2` / `.forgot-v2` at only
       0,2,0, so the legacy rule WON on those three pages and the orange
       glow was still being painted. (.login-v2 escaped it purely because
       its selector happens to be `.login-v2 .form-inline .form-group
       .form-control` = 0,4,0.) Re-asserted below at 0,4,0 for every scope.
       The `inset 0 0 0 1000px` is deliberate and preserved — it is what
       suppresses Chrome's yellow autofill background.

   (b) INPUT-GROUP ADDON. Same story:
       `.form-inline .form-group .input-group-addon` forces a blue-grey glow
       plus a #ddd background at 0,3,0 !important.

   (c) LABEL COLOUR. A bare `label { color: #000000 !important }` exists, and
       !important beats specificity outright, so every themed
       `.CheckBoxLabelClass` colour rule (none of which used !important) lost
       and the text rendered black. After-login already had
       `.app-shell-v2 label { ... !important }` from an earlier pass; the
       before-login scopes never got the equivalent. Added here.
       Note the currency "EUR" control is a <label class="btn select-btn">;
       `.btn:not(.close)` (0,2,0 !important) still out-specifies
       `.<scope> label` (0,1,1 !important), so it correctly keeps its
       button styling.
   ===================================================================== */

/* ---- (a) inputs ---- */
.login-v2 .form-inline .form-group .form-control,
.login-v2 .form-inline .form-group select.form-control,
.real-reg-v2 .form-inline .form-group .form-control,
.real-reg-v2 .form-inline .form-group select.form-control,
.demo-reg-v2 .form-inline .form-group .form-control,
.demo-reg-v2 .form-inline .form-group select.form-control,
.forgot-v2 .form-inline .form-group .form-control,
.forgot-v2 .form-inline .form-group select.form-control {
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.login-v2 .form-inline .form-group .form-control:focus,
.login-v2 .form-inline .form-group select.form-control:focus,
.real-reg-v2 .form-inline .form-group .form-control:focus,
.real-reg-v2 .form-inline .form-group select.form-control:focus,
.demo-reg-v2 .form-inline .form-group .form-control:focus,
.demo-reg-v2 .form-inline .form-group select.form-control:focus,
.forgot-v2 .form-inline .form-group .form-control:focus,
.forgot-v2 .form-inline .form-group select.form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.login-v2 .form-inline .form-group .form-control::placeholder,
.real-reg-v2 .form-inline .form-group .form-control::placeholder,
.demo-reg-v2 .form-inline .form-group .form-control::placeholder,
.forgot-v2 .form-inline .form-group .form-control::placeholder {
    color: var(--lv2-text-faint) !important;
}

/* ---- (b) input-group addons (date picker, phone prefix, etc.) ---- */
.login-v2 .form-inline .form-group .input-group-addon,
.real-reg-v2 .form-inline .form-group .input-group-addon,
.demo-reg-v2 .form-inline .form-group .input-group-addon,
.forgot-v2 .form-inline .form-group .input-group-addon {
    background-color: var(--lv2-surface-alt) !important;
    border: 1px solid var(--lv2-border) !important;
    color: var(--lv2-text-muted) !important;
    box-shadow: none !important;
}

/* ---- (c) labels ---- */
.login-v2 label,
.real-reg-v2 label,
.demo-reg-v2 label,
.forgot-v2 label {
    color: var(--lv2-text-muted) !important;
}

.login-v2 label a,
.real-reg-v2 label a,
.demo-reg-v2 label a,
.forgot-v2 label a {
    color: var(--lv2-accent) !important;
}

.login-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover,
.real-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover,
.demo-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover,
.forgot-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: var(--lv2-text) !important;
}


/* =====================================================================
   FIX PASS 31 — RESPONSIVE (after-login shell + every page inside it).

   Everything below is either inside a max-width media query or is a
   pure defect fix, so the >=1200px desktop design is unchanged.

   (a) SITEWIDE HORIZONTAL SCROLLBAR. `.my-ac-wrapper .row-inner` is
       `width: 100Vw`. `vw` units include the classic scrollbar gutter, so
       the canvas was always ~15px wider than its container and EVERY page
       had a stray horizontal scrollbar. `.page-content-area` added another
       10px on top: it is a Bootstrap `.col-md-*` (width:100%) that also
       carries `margin-left:10px; margin-right:30px`, and content-box
       sizing means those margins are added to, not taken out of, the 100%.
   (b) LOGO. Images/logo.png is 501x75 and `.site-title img` has no cap, so
       below 1200px — where the logo column stops being `col-lg-2` and
       becomes the full-width `col-md-12` — it rendered at its full 501px
       and ate a whole header row.
   (c) HEADER <=991px. Reflowed into the four-row grid described below.
       Previously this only kicked in at <=767px, so 768-991px got the
       desktop single-row header, which overflowed the viewport by ~190px
       and pushed the language switcher and logout button off-screen.
   (d) HEADER 992-1199px. Same overflow, different cause: Bootstrap turns
       both header columns into `col-md-12`, so the logo takes a full row
       and `.top-box-wrap` (flex-wrap:nowrap, fixed-width children) ran off
       the right edge. Kept as one row here by letting the support-email
       pill truncate instead of by hiding anything.
   (e) SIDEBAR <=991px. The legacy off-canvas position is a tangle of
       `margin-left:-265px` plus five different `left:` values spread over
       responsive.css breakpoints, and at some widths they did not cancel
       out — the "closed" drawer sat ~180px on-screen, covering the page.
       Replaced with a transform-based drawer that cannot drift, plus a
       backdrop. #sidebar-wrapper is an ID, hence the !important.
   ===================================================================== */

/* ---- (a) no horizontal scrollbar, any width ---- */
.app-shell-v2 .my-ac-wrapper .row-inner,
.app-shell-v2 .top-head-bar {
    width: 100% !important;
}

.app-shell-v2 .my-ac-wrapper .row-inner {
    float: none !important;
}

.app-shell-v2 .content-area,
.app-shell-v2 .canvas,
.app-shell-v2 .dashbrd,
.app-shell-v2 .page-content-area {
    box-sizing: border-box;
    max-width: 100%;
}

.app-shell-v2 .page-content-area {
    max-width: calc(100% - 40px);
}

/* ---- (b) logo cap ---- */
.app-shell-v2 .site-title img {
    max-height: 34px;
    width: auto;
}


/* Between 1200px and 1365px the desktop header is 4-15px too wide for the
   viewport and the logout button hung over the edge. Letting the support
   email truncate is enough to absorb it. These rules change nothing when
   the row already fits — an ellipsis only appears once the text has
   actually been clipped — so the >=1366px header renders as before. */
@media (min-width: 992px) and (max-width: 1365px) {

    .app-shell-v2 .top-box-wrap {
        min-width: 0;
    }

    .app-shell-v2 .top-box-wrap > .ff-icon-pill {
        flex-shrink: 1;
        min-width: 0;
    }

    .app-shell-v2 .ff-icon-pill a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .app-shell-v2 .ns-box .ns-user-btn .new-common-btn {
        white-space: nowrap;
        flex-shrink: 0;
    }
}


/* ---------------------------------------------------------------
   (d) 992-1199px — keep the desktop single-row header, just make it
   fit. Untouched at >=1200px.
   --------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

    /* One row, like the desktop header. Previously .top-right was allowed
       to wrap, which put the TP pill + account buttons on one line and the
       user/email/language/logout group on another, with the oversized logo
       floating vertically across both and a dead area beneath it. Nothing
       here is hidden; the pieces are shrunk to the point where the row
       genuinely fits at 992px (measured ~910px of content in ~962px of
       usable width). */
    .app-shell-v2 .top-head-bar {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px;
        padding: 6px 14px !important;
    }

    .app-shell-v2 .top-head-bar > .logo {
        width: auto !important;
        flex: 0 0 auto;
        padding: 0 !important;
    }

    .app-shell-v2 .site-title img {
        max-height: 24px;
    }

    .app-shell-v2 .top-head-bar > .top-right {
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
        padding: 0 !important;
        float: none !important;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 8px;
    }

    .app-shell-v2 .ff-account-group {
        min-width: 0;
        margin-right: auto;
        gap: 8px;
    }

    .app-shell-v2 .top-box-wrap {
        min-width: 0;
        flex-wrap: nowrap !important;
        gap: 6px;
    }

    .app-shell-v2 .top-box-wrap > .top-box {
        padding: 0 2px;
    }

    .app-shell-v2 .ff-tp-pill {
        padding: 0 10px;
        gap: 6px;
    }

    .app-shell-v2 .ff-tp-pill-label {
        font-size: 10px;
    }

    .app-shell-v2 .ff-user-dropdown {
        width: 150px;
    }

    .app-shell-v2 .ns-box .ns-user-btn .new-common-btn {
        white-space: nowrap;
        flex-shrink: 0;
        font-size: 11px;
        padding: 8px 12px;
    }

    /* The support address is the one item with no room left at this width,
       so the pill drops to its envelope icon. The mailto link is unchanged
       and header.php carries the address in a title attribute. */
    .app-shell-v2 .ff-icon-pill a {
        font-size: 0;
        white-space: nowrap;
    }

    .app-shell-v2 .ff-icon-pill a .fa {
        font-size: 15px;
    }
}


/* ---------------------------------------------------------------
   (c) <=991px — mobile header.

       [ burger ][    logo    ][ logout ]
       [ avatar name ][      TP No. 80239841 ]
       [    Deposit    ][  Additional Real Account  ]
       [ EN v ][            support@firstrade24.com  ]

   The TP-number, user and email chrome go borderless here so the bar
   reads as one calm block instead of four stacked boxes; the language
   switcher keeps its outline because it is the one control you tap.
   The wrapper divs carry no layout of their own, so display:contents
   lifts their children straight into the grid without touching markup.
   --------------------------------------------------------------- */
@media (max-width: 991px) {

    /* Six equal tracks rather than three content-sized ones: with an
       `auto` middle column the logo's width decided how much room rows 2
       and 4 had left, which squeezed the TP number off the edge on a
       375px screen. Equal tracks make each row's split independent of
       the logo. */
    .app-shell-v2 .top-head-bar {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-areas:
            "burger  logo    logo    logo    logo    logout"
            "user    user    user    tp      tp      tp"
            "buttons buttons buttons buttons buttons buttons"
            "lang    lang    email   email   email   email";
        column-gap: 8px;
        row-gap: 12px;
        align-items: center;
        padding: 12px 16px 14px !important;
    }

    .app-shell-v2 .top-head-bar > .clearfix {
        display: none;
    }

    .app-shell-v2 .top-head-bar .logo,
    .app-shell-v2 .top-head-bar .logo .navbar,
    .app-shell-v2 .top-right,
    .app-shell-v2 .ff-account-group,
    .app-shell-v2 .top-box-wrap {
        display: contents !important;
    }

    /* ---- row 1: burger | logo | logout ---- */
    .app-shell-v2 .navbar-header {
        grid-area: burger;
        justify-self: start;
    }

    /* .navbar-brand#menu-toggle is the control the JS binds to; Bootstrap's
       own .navbar-toggle is a second, dead hamburger below 768px. */
    .app-shell-v2 .top-head-bar .navbar-toggle {
        display: none !important;
    }

    .app-shell-v2 .top-head-bar .navbar .navbar-brand {
        margin: 0;
        padding: 0;
        height: auto;
    }

    .app-shell-v2 .site-title {
        grid-area: logo;
        justify-self: center;
    }

    .app-shell-v2 .site-title img {
        margin: 0 auto;
        max-height: 30px;
    }

    .app-shell-v2 .ff-icon-btn-logout {
        grid-area: logout;
        justify-self: end;
    }

    /* ---- row 2: identity strip, borderless ---- */
    .app-shell-v2 .ff-user-dropdown {
        grid-area: user;
        justify-self: start;
        width: auto !important;
        height: auto;
        min-width: 0;
        max-width: 100%;
        padding: 0 !important;
    }

    .app-shell-v2 .ff-user-dropdown-toggle {
        width: auto;
        height: auto;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0;
        cursor: default;
        gap: 8px;
    }

    .app-shell-v2 .ff-user-dropdown-toggle:hover {
        border: 0 !important;
    }

    .app-shell-v2 .ff-user-name {
        flex: 0 1 auto;
        min-width: 0;
        font-size: 13px;
        text-align: left;
    }

    .app-shell-v2 .ff-user-dropdown-toggle .caret {
        display: none;
    }

    .app-shell-v2 .ff-user-dropdown-menu,
    .app-shell-v2 .ff-user-dropdown.open .ff-user-dropdown-menu {
        display: none !important;
    }

    .app-shell-v2 .ff-tp-pill {
        grid-area: tp;
        justify-self: end;
        height: auto;
        padding: 0 !important;
        gap: 6px;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0;
        min-width: 0;
        max-width: 100%;
    }

    .app-shell-v2 .ff-tp-pill-value {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .app-shell-v2 .ff-tp-pill-label {
        font-size: 10px;
    }

    .app-shell-v2 .ff-tp-pill-value {
        font-size: 13px;
    }

    /* ---- row 3: the two account actions, equal width ---- */
    .app-shell-v2 .ns-box {
        grid-area: buttons;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .app-shell-v2 .ns-box .ns-user-btn {
        display: flex;
        gap: 10px;
        width: 100%;
    }

    .app-shell-v2 .ns-box .ns-user-btn .new-common-btn {
        flex: 1 1 0;
        min-width: 0;
        min-height: 40px;
        margin: 0;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 1.25;
        white-space: normal;
    }

    /* ---- row 4: language + support, borderless except the switcher ---- */
    .app-shell-v2 .ff-icon-btn-lang {
        grid-area: lang;
        justify-self: start;
    }

    .app-shell-v2 .ff-icon-pill {
        grid-area: email;
        justify-self: end;
        min-width: 0;
        max-width: 100%;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .app-shell-v2 .ff-icon-pill a {
        display: block;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* cancels responsive.css's legacy .top-box:nth-child(4) position:absolute */
    .app-shell-v2 .ff-icon-btn-lang,
    .app-shell-v2 .ff-icon-pill {
        position: static !important;
        top: auto !important;
        right: auto !important;
    }

    .app-shell-v2 .lang-dropdown .drop-down .select-list {
        right: auto;
        left: 0;
    }


    /* ---- (e) off-canvas sidebar ----
       Anchored to #wrapper (which begins directly under the header)
       rather than to the viewport, so the drawer slides in *below* the
       header instead of behind it — .site-header carries z-index:9999999
       and would cover the top of a fixed, top:0 drawer. */
    .app-shell-v2 #sidebar-wrapper {
        position: absolute !important;
        top: 0;
        bottom: 0;
        left: 0 !important;
        width: 265px;
        max-width: 82vw;
        margin: 0 !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden;
        z-index: 1050;
        float: none !important;
        transform: translateX(-100%);
        transition: transform .3s ease;
    }

    .app-shell-v2 #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0);
        box-shadow: 0 0 45px rgba(0, 0, 0, .55);
    }

    .app-shell-v2 #wrapper.toggled:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(3, 10, 20, .6);
        z-index: 1040;
    }

    .app-shell-v2 .sidebar-nav,
    .app-shell-v2 #sidebar-wrapper .sidebar {
        width: 100% !important;
        height: auto !important;
        min-height: 100%;
        float: none !important;
    }

    /* the canvas no longer reserves a 265px gutter for a drawer */
    .app-shell-v2 #wrapper .canvas,
    .app-shell-v2 #wrapper.toggled .canvas {
        margin-left: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    .app-shell-v2 .page-content-area {
        margin-left: 3px !important;
        margin-right: 3px !important;
        max-width: 98%
    }


    /* ---- content: tables scroll instead of overflowing the page ---- */
    .app-shell-v2 .table-responsive,
    .app-shell-v2 .dataTables_wrapper,
    .app-shell-v2 .tdata,
    .app-shell-v2 .mdata,
    .app-shell-v2 .thdata {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .app-shell-v2 table.common-table,
    .app-shell-v2 table.account-info-tbl,
    .app-shell-v2 table.dataTable {
        min-width: 520px;
    }

    /* Tab bars scroll sideways instead of collapsing into a full-width
       stack (responsive.css turns .nav-top into flex-direction:column
       with width:100% items below 768px, which buried the table under a
       column of tabs). */
    .app-shell-v2 .dash-tabs .nav-top,
    .app-shell-v2 .middle-content-wrap .nav-top {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .app-shell-v2 .dash-tabs .nav-top li,
    .app-shell-v2 .middle-content-wrap .nav-top li {
        white-space: nowrap;
        flex: 0 0 auto;
        width: auto !important;
        border-top: 0 !important;
    }

    .app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar,
    .app-shell-v2 .table-responsive::-webkit-scrollbar {
        height: 4px;
    }

    .app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar-thumb,
    .app-shell-v2 .table-responsive::-webkit-scrollbar-thumb {
        background: var(--lv2-border);
        border-radius: 4px;
    }

    /* nothing inside a page may be wider than the page */
    .app-shell-v2 img,
    .app-shell-v2 iframe,
    .app-shell-v2 canvas,
    .app-shell-v2 pre {
        max-width: 100%;
    }
}


/* ---- forms stack on phones ---- */
@media (max-width: 767px) {

    .app-shell-v2 .form-content .form-inline .form-group,
    .app-shell-v2 .form-inline .form-group {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    .app-shell-v2 .form-inline .form-group > label,
    .app-shell-v2 .form-content .form-inline label.form-label {
        display: block;
        width: auto;
        height: auto;
        text-align: left;
    }

    .app-shell-v2 .form-inline .form-group .form-control,
    .app-shell-v2 .form-inline .form-group select.form-control {
        display: block;
        width: 100% !important;
    }

    .app-shell-v2 .form-inline .form-group .input-group,
    .app-shell-v2 .form-inline .form-group .input-group.date {
        display: table;
        width: 100%;
    }

    .app-shell-v2 .form-inline .form-group .input-group .form-control {
        display: table-cell;
    }

    .app-shell-v2 .form-inline .form-group .input-group-addon {
        display: table-cell;
        width: 1%;
        white-space: nowrap;
    }

    .app-shell-v2 .submit-box .btn,
    .app-shell-v2 .form-inline button.btn.btn-default {
        width: 100%;
    }

    /* dashboard stat rail */
    .app-shell-v2 .right-sidbar-content .rsc-box {
        width: 100%;
    }

    .app-shell-v2 .site-footer .sub-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .app-shell-v2 .site-footer .sub-footer > p {
        font-size: 12px;
        line-height: 1.6;
    }
}


/* FIX PASS 32 (a translucent surface + z-index on the registration
   topbar) has been deleted. It only existed to stop content showing
   through the bar while it was position:sticky; FIX PASS 34 made the
   bar static and transparent, which is what was actually wanted, so
   the rule was dead and had already been hand-commented in
   custom.css but not in custom-darkmode.css. Removed from both so
   there is one definition of this bar, not three. */


/* =====================================================================
   FIX PASS 33 — five targeted requests.
   ===================================================================== */

/* ---- (1) Sidebar menu: more horizontal breathing room ----
   Base .ff-nav-item is padding:10px 14px inside a margin:8px 14px pill,
   so the label started 28px from the sidebar edge. Only the horizontal
   padding is raised; the vertical rhythm and the pill inset are
   untouched. !important is required because the base rule uses it on
   the padding shorthand (to beat the legacy
   `.sidebar ul.sidebar-menu li a`), and !important beats specificity. */
.app-shell-v2 .sidebar-menu .ff-nav-item {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.app-shell-v2 .ff-nav-sub .ff-nav-item {
    padding-left: 18px !important;
    padding-right: 18px !important;
}


/* ---- (2) Profile page: centre the read-only <p> field values ----
   The profile shows non-editable values as `<p class="form-control">`
   next to real inputs. Both are height:50px, border-box, line-height:48px
   — but the <p> also carries `padding:12px 0 14px 21px`, which leaves a
   22px content band for a 48px line box. The line therefore rendered low
   and clipped rather than centred, while the neighbouring <input>
   (padding 0) centred correctly.

   inline-flex + align-items:center centres it regardless of line-height,
   and inline-flex (not flex) is deliberate: the Phone Number field puts
   two of these <p>s side by side and relies on inline flow. Horizontal
   padding is matched to the input's 25px/12px so the value text lines up
   with the editable fields in the same row. */
.app-shell-v2 .form-content .form-inline .form-group p.form-control {
    display: inline-flex;
    align-items: center;
    padding: 0 12px 0 25px;
}


/* ---- (3) Dashboard: currency to the left of the balance figures ---- */
.dashboard-v2 .rsc-box.ff-stat h3 .ff-stat-cur {
    margin-right: 6px;
    font-size: .6em;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--lv2-text-muted);
}

.dashboard-v2 .rsc-box.ff-stat h3 .ff-stat-cur:empty {
    display: none;
}


/* ---- (4) Login: Remember Me + Forgot Password row ----
   Both live in .login-v2-meta-row below the password field. .flex-row is
   already display:flex + space-between, so desktop only needs the columns
   aligned and the link right-aligned; the media query below splits them on
   phones. Scoped to .login-v2 — .new-account appears on no other live
   page. */
.login-v2 .login-v2-meta-row {
    align-items: center;
}

.login-v2 .login-v2-meta-row .form-group {
    margin-bottom: 0 !important;
}

.login-v2 .login-v2-forgot-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-v2 .login-v2-forgot-col a.new-account {
    font-size: 13px;
    margin: 0;
    white-space: nowrap;
}

/* The global `a, a:active, a:focus { color: var(--lv2-text-muted) !important }`
   near the top of the file repaints the link dark the moment it is pressed
   or focused — the .login-v2 hover/focus rule above covers :focus but not
   :active, and neither beats that !important on its own. Keep the link
   white through both states. */
.login-v2 .login-v2-forgot-col a.new-account:active,
.login-v2 .login-v2-forgot-col a.new-account:focus {
    color: #fff !important;
}

/* Phones only: the row is too narrow for both, and squeezing the checkbox
   column wrapped "Remember Me" onto two lines. Stack them with the link
   directly under the password field, still right-aligned, and the checkbox
   beneath it — column-reverse because the DOM order (checkbox first) is the
   one desktop needs. The Bootstrap col-xs-12 classes are inert here since
   .flex-row makes the columns flex items, so width has to be re-stated. */
@media (max-width: 767px) {
    .login-v2 .login-v2-meta-row {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .login-v2 .login-v2-meta-row > div {
        width: 100%;
    }

    .login-v2 .login-v2-forgot-col {
        /* margin-bottom: 10px; */
        justify-content: flex-start;
    }
}

.file-wrap {
    border: 3px dashed #ddd;
    padding: 25px 35px;
    text-align: center;
}


/* ---- (5) Login: space under .login-l on mobile ----
   Below 992px the two columns stack and the story panel sat flush
   against the top of the login card. Note the earlier
   `@media (max-width:991px) { .login-v2 .login-l { display:none } }` is
   dead — FIX PASS 25's unconditional `.login-v2 .login-l{display:flex}`
   comes later in the file at equal specificity and wins — so the panel
   is visible here. display is re-asserted so that stays true regardless
   of rule order. */
/* Story panel is hidden below 992px. Stacked above the card it pushed the
   login form ~460px down and made the page scroll on tablets and phones;
   this supersedes the earlier margin-bottom treatment (and restores what
   the original, cascade-dead `display:none` rule intended). The desktop
   two-column layout is unaffected. */
@media (max-width: 991px) {
    .login-v2 .login-l {
        display: none !important;
    }

    /* The card is `position:absolute; top:50%; translateY(-50%)` inside a
       `min-height:100vh` box, so the login page was always exactly 100vh
       tall no matter how little content it held — and wherever 100vh
       resolves taller than the visible viewport (Chrome reserves the
       horizontal scrollbar in the initial containing block) that is a
       guaranteed short scroll. Putting the card back in normal flow below
       992px makes the page exactly as tall as its content instead, so it
       cannot scroll. The full-viewport backdrop is unaffected: it is
       painted by .login-v2::before, which is position:fixed. */
    .login-v2 {
        min-height: 0;
    }

    .login-page.login-v2 .register-wrap {
        position: static;
        transform: none;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }
}


/* =====================================================================
   FIX PASS 34.

   (a) BEFORE-LOGIN TOPBAR NO LONGER HOVERS OVER CONTENT.
       `.login-v2-topbar` was `position: sticky; top: 0`, so on login,
       real and demo the bar floated over the page as you scrolled and
       the story headline / form ran underneath it. Reverted to normal
       in-flow positioning, which is how the after-login header behaves.
       This also drops the surface added in FIX PASS 32 — with a static
       bar nothing passes behind it, so the background is not needed
       (and was explicitly not wanted on the registration pages). The
       backdrop-filter goes too: it only existed to blur content
       scrolling underneath, and now smears nothing.

       Applied to the shared `.login-v2-topbar` rather than per page:
       every before-login page (login, real, demo, forgot-password,
       thank-you) includes the same templates/before_login_topbar.php
       and had the identical overlap.

   (b) SPACE UNDER THE HEADER ON THE REGISTRATION PAGES.

   (c) AFTER-LOGIN HEADER — EQUAL SPACE ABOVE AND BELOW THE ELEMENTS.
       `.top-right` carries a bare `padding-top: 10px`, which pushed the
       whole right-hand group (TP pill, user dropdown, email, language,
       logout) 10px down inside a bar whose own padding is a symmetric
       6px. Measured: 16px above the controls, 7px below. `.top-head-bar`
       is already `display:flex; align-items:center`, so removing that
       stray padding lets the flexbox centre everything.
   ===================================================================== */

/* ---- (a) static, transparent before-login topbar ---- */
.login-v2-topbar {
    position: static;
    background: transparent;
    border-bottom: 0 !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}


/* NOTE: an `overflow-x: clip` on .login-v2/.real-reg-v2/.demo-reg-v2 used
   to live here to trim the topbar's `width: 100vw` overhang. It has been
   removed: the topbar is full-bleed via negative margins, so its left
   edge — where the logo sits — falls OUTSIDE its scope element's box, and
   clipping there deleted the header outright on wide desktops. The
   overhang is already invisible because `body { overflow-x: hidden }`
   propagates to the viewport, and the phone scroll it was really aimed at
   is fixed properly below by taking the login card out of absolute
   positioning under 992px. */


/* ---- (b) breathing room under the registration header ---- */
.real-reg-v2 .login-v2-topbar,
.demo-reg-v2 .login-v2-topbar {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}


/* ---- (c) after-login header: symmetric vertical padding ---- */
.app-shell-v2 .top-head-bar > .top-right {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.app-shell-v2 .top-head-bar > .logo {
    padding-top: 0;
    padding-bottom: 0;
}

/* The burger cell inherits Bootstrap's .navbar-brand box (height 50px,
   padding 15px), which made the mobile header's first grid row taller
   than its 44px contents and pushed the whole grid up — leaving a
   visibly bigger gap under the last row than above the first. */
@media (max-width: 991px) {
    .app-shell-v2 .top-head-bar {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    /* The grid ends on a stray empty implicit row, so `row-gap` also
       emitted a gap *after* the last real row — 12px of dead space that
       made the bottom inset read as 25px against the 12px on top. The
       row rhythm is therefore carried by margin-top on the items in rows
       2-4 instead of by row-gap, which cannot leave a trailing gap. */
    .app-shell-v2 .top-head-bar {
        row-gap: 0 !important;
    }

    .app-shell-v2 .ff-user-dropdown,
    .app-shell-v2 .ff-tp-pill,
    .app-shell-v2 .ns-box,
    .app-shell-v2 .ff-icon-btn-lang,
    .app-shell-v2 .ff-icon-pill {
        margin-top: 12px;
    }
   

    .app-shell-v2 .top-head-bar .navbar-header {
        display: flex;
        align-items: center;
        min-height: 0;
        height: auto;
    }

    .app-shell-v2 .top-head-bar .navbar .navbar-brand {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        height: auto;
        min-height: 0;
        line-height: 0;
    }
}


/* =====================================================================
   FIX PASS 35 — side padding on the registration cards below 768px.

   `@media (max-width:767px) { .before-right-content { padding: 0 } }`
   zeroes the card's padding, and every layer inside it nets out to zero
   as well: .right-login-wrapper drops to `padding: 30px 0 10px`, the
   Bootstrap .row inside contributes margin: 0 -15px, and its .col-md-*
   children add padding: 0 15px straight back. Measured result was a 1px
   gap between the inputs and the card border — the fields ran edge to
   edge against the outline.

   Padding is put back on the card itself (the element that actually
   draws the gradient/border), so the inputs inset from the visible edge
   rather than from an invisible wrapper. 16px matches the page gutter
   used by the after-login mobile header.
   ===================================================================== */
@media (max-width: 767px) {

    .real-reg-v2 .before-right-content,
    .demo-reg-v2 .before-right-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* The heading block carries its own .col-md-12 15px gutter, which on
       top of the card padding pushed the title 31px in while the fields
       sat at 16px. Zeroed so both align to the same edge. */
    .real-reg-v2 .before-right-top .col-md-12,
    .demo-reg-v2 .before-right-top .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}


/* =====================================================================
   FIX PASS 36 — two control-alignment defects inside the after-login shell.

   (a) FILE INPUTS ON THE DEPOSIT PAGES (bank_wire, crypto, crypto_deposit,
       bank_wire_in_widget — all `<input type="file" class="form-control">`,
       no filestyle plugin on these). The control inherits the 50px
       border-box `.form-control` box and its `line-height: 48px`, but also
       `padding: 12px 0 14px 21px`. That leaves a 24px content band for a
       48px line box, so the native button rendered off-centre in its
       field while the text inputs beside it sat correctly. Same root
       cause as the profile page's <p> values in FIX PASS 33.

       Zeroing the vertical padding lets the 48px line box centre the
       native widget exactly like every other control in the row, and the
       file-selector button is themed so it stops rendering as a light
       grey OS button on the dark surface.

   (b) ADDITIONAL REAL ACCOUNT TERMS CHECKBOX. `.additional-rpage
       .CheckBoxClass` is `position: absolute; top: 12px; left: -20px`
       (with `#addition_real_form ...` overriding top to 5px), and the
       input picks up a 50px height from the form's control sizing. A
       13px checkbox glyph centred in a 50px box put its centre 19px
       below the first line of its label — measured, not estimated.

       Replaced with ordinary flex flow: no absolute positioning, no
       negative offset, intrinsic checkbox size, and the checkbox nudged
       to sit on the label's first text line. The ID selector in the
       legacy rule is why these carry .app-shell-v2 (1,3,1 beats 1,2,1).
   ===================================================================== */

/* ---- (a) deposit file inputs ---- */
.app-shell-v2 input[type="file"].form-control {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
}

.app-shell-v2 input[type="file"].form-control::file-selector-button {
    margin-right: 12px;
    padding: 6px 14px;
    border: 1px solid var(--lv2-border);
    border-radius: 8px;
    background: var(--lv2-surface-alt);
    color: var(--lv2-text);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.app-shell-v2 input[type="file"].form-control::file-selector-button:hover {
    border-color: var(--lv2-accent);
    background: rgba(72, 153, 228, .12);
}

/* Chrome/Safari before ::file-selector-button was standardised */
.app-shell-v2 input[type="file"].form-control::-webkit-file-upload-button {
    margin-right: 12px;
    padding: 6px 14px;
    border: 1px solid var(--lv2-border);
    border-radius: 8px;
    background: var(--lv2-surface-alt);
    color: var(--lv2-text);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}


/* ---- (b) Additional Real Account terms checkbox ---- */
.app-shell-v2 .additional-rpage .form-group.checkboxerror .input-group {
    display: block;
    width: 100%;
}

.app-shell-v2 .additional-rpage .checkbox-wrapp {
    position: static;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}

.app-shell-v2 .additional-rpage .checkbox-wrapp input.CheckBoxClass,
.app-shell-v2 #addition_real_form .checkbox-wrapp input.CheckBoxClass {
    position: static;
    top: auto;
    left: auto;
    width: 16px !important;
    height: 16px;
    min-height: 0;
    flex: 0 0 auto;
    margin: 4px 0 0 0;
}

.app-shell-v2 .additional-rpage .checkbox-wrapp label.CheckBoxLabelClass {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    line-height: 1.6;
}


/* Root cause of (b), and of every squashed checkbox in the after-login
   shell: FIX PASS 8's control theming includes the bare selector
   `.app-shell-v2 .form-content .form-inline input`, so checkboxes and
   radios were also handed `height: 50px !important`, a surface
   background, a 1px border and a 12px radius. A 13px checkbox glyph
   centred in a 50px box is what put the Additional Real Account terms
   box 19px below its own label. Boxes and radios are excluded here and
   returned to their intrinsic size; `accent-color` keeps them on-theme
   without re-boxing them. */
.app-shell-v2 .form-content .form-inline input[type="checkbox"],
.app-shell-v2 .form-content .form-inline input[type="radio"],
.app-shell-v2 .form-inline .form-group input[type="checkbox"],
.app-shell-v2 .form-inline .form-group input[type="radio"],
.app-shell-v2 .form-content .form-inline .step-two-box input[type="checkbox"],
.app-shell-v2 .form-content .form-inline .step-two-box input[type="radio"],
.app-shell-v2 input[type="checkbox"],
.app-shell-v2 input[type="radio"] {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    line-height: normal !important;
    accent-color: var(--lv2-accent);
}


/* =====================================================================
   FIX PASS 37 — registration header sits at the top of the page.

   `.content-area.r-page` is `display: flex; align-items: center;
   min-height: 100vh`, and its single flex item is the `.container` that
   holds BOTH the topbar and the form. Centring that item vertically
   therefore pushed the header down with the form — on a tall viewport
   the logo ended up level with the middle of the card instead of at the
   top of the page.

   Switching the cross-axis alignment to flex-start on the two
   registration scopes pins the header to the top and lets the form flow
   under it. The header stays in normal flow, so it still does not hover
   over anything (FIX PASS 34). Bottom padding keeps the form clear of
   the viewport edge now that the block is top-aligned rather than
   centred. Login and forgot-password are untouched — login's
   .content-area has no .r-page class and was already top-aligned.
   ===================================================================== */
.real-reg-v2.r-page,
.demo-reg-v2.r-page {
    align-items: flex-start;
    padding-bottom: 40px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .real-reg-v2 .form-group.selct-new > label:not(.btn),
    .demo-reg-v2 .form-group.selct-new > label:not(.btn) {
        height: auto;
        min-height: 56px;
        align-items: flex-end;
        line-height: 1.35;
        padding-bottom: 6px;
    }
}

.before-login-topbar-inline .login-v2-topbar {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.login-v2.login-page .register-wrap { flex-direction: column; align-items: stretch; justify-content: center; }
.login-v2 .before-login-topbar-inline { margin-bottom: 8px; }

.real-reg-v2 .reg-bottom p,
.real-reg-v2 .reg-bottom p a {
    font-size: 14px;
}


/* =====================================================================
   FIX PASS 38 — four after-login shell defects.
   ===================================================================== */

/* ---- (1) User dropdown menu matches its toggle's width ----
   The menu was min-width:180px against a 224px toggle, so the panel hung
   narrower than the button it drops out of. The menu is absolutely
   positioned inside .ff-user-dropdown (position:relative, width:224px),
   so pinning both edges makes it track the toggle at whatever width the
   shell gives it. min-width is zeroed or it would still floor at 180px. */
.app-shell-v2 .ff-user-dropdown-menu {
    left: 0;
    right: 0;
    width: auto;
    min-width: 0;
}

/* ---- (2) Sidebar icons go white on hover, like the label ----
   .ff-nav-icon is color:inherit and .ff-nav-item:hover is var(--lv2-text),
   but the legacy `.sidebar ul.sidebar-menu li a:hover i { color:#767779 }`
   (specificity 0,3,4) outweighs `.app-shell-v2 .ff-nav-icon i` (0,2,1) and
   repainted the glyph grey while the text lit up. Beaten here on the
   icon wrapper and the <i> both, since the legacy rule targets the <i>. */
.app-shell-v2 .ff-nav-item:hover .ff-nav-icon,
.app-shell-v2 .ff-nav-item:focus .ff-nav-icon,
.app-shell-v2 .ff-nav-item:hover .ff-nav-icon i,
.app-shell-v2 .ff-nav-item:focus .ff-nav-icon i,
.app-shell-v2 .ff-nav-item:hover .ff-nav-icon span,
.app-shell-v2 .ff-nav-item:focus .ff-nav-icon span {
    color: #fff !important;
}

/* ---- (3) Change-password eye icon centres on the input at every width ----
   The sprite is drawn by .password-icon-login:after with hardcoded
   `top:-54px; left:-30px` measured from .form-group (position:relative),
   i.e. from the top of the *label*. On phones and tablets the column
   narrows, "Confirm Password *" wraps to a second line, the label grows
   and the input slides down while the icon stayed put.

   Anchor it to the input instead of the group: the <span> sits in normal
   flow directly after the input, so a zero-height relative block pins its
   own bottom edge to the input's bottom edge no matter how tall the label
   got — or what validation appends below. The sprite then hangs off that
   edge by (50px input - 25px sprite) / 2.

   That only works once the input's own bottom margin is out of the way:
   `.form-inline .form-group .form-control { margin: 0 0 25px 0 }` sat
   between the input and the span, which started the anchor 25px low and
   left the sprite straddling the field's bottom border. The 25px moves
   out to the .form-group, so every row keeps the same rhythm (25 + 18 =
   43px under each field) and the non-password fields in these forms stay
   aligned with the password ones. Scoped by form id, so the registration
   pages' .password-icon-login-reg and their #password-div column are
   untouched. */
.app-shell-v2 #changetppassform .form-group .form-control,
.app-shell-v2 #changepassform .form-group .form-control {
    margin-bottom: 0;
}

.app-shell-v2 #changetppassform .form-group,
.app-shell-v2 #changepassform .form-group {
    margin-bottom: 43px;
}

.app-shell-v2 #changetppassform .password-icon-login,
.app-shell-v2 #changepassform .password-icon-login {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}

.app-shell-v2 #changetppassform .password-icon-login:after,
.app-shell-v2 #changepassform .password-icon-login:after,
.app-shell-v2 #changetppassform .eye-open .password-icon-login:after,
.app-shell-v2 #changepassform .eye-open .password-icon-login:after {
    top: auto;
    left: auto;
    right: 14px;
    bottom: 12px;
    margin: 0;
    cursor: pointer;
    z-index: 3;
}

/* Keep the typed value clear of the icon it now sits under. */
.app-shell-v2 #changetppassform input[type="password"].form-control,
.app-shell-v2 #changepassform input[type="password"].form-control {
    padding-right: 44px;
}

/* ---- (4) Dashboard tab strip scrolls sideways at every width ----
   Both tabs stay on one row and the strip scrolls when the two labels
   outrun the card. The equivalent rule existed only inside the
   max-width:991px block, so between 992px and the point the labels fit,
   `justify-content:space-around` squeezed them instead. Unconditional
   here; the 991px block still handles the responsive.css column stack. */
.app-shell-v2 .dash-tabs .nav-top,
.dashboard-v2 .dash-tabs .nav-top {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.app-shell-v2 .dash-tabs .nav-top li,
.dashboard-v2 .dash-tabs .nav-top li {
    flex: 0 0 auto;
    white-space: nowrap;
}

.app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar,
.dashboard-v2 .dash-tabs .nav-top::-webkit-scrollbar {
    height: 4px;
}

.app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar-thumb,
.dashboard-v2 .dash-tabs .nav-top::-webkit-scrollbar-thumb {
    background: var(--lv2-border);
    border-radius: 4px;
}


/* =====================================================================
   FIX PASS 39 — validation messages sit below the field, in flow.
   ===================================================================== */

/* `.form-content .form-inline .form-group span { position:absolute;
   bottom:5px; right:15px }` (top of this file) takes every message span
   in these forms out of flow and pins it to the group's bottom-right, so
   the text lands over the field rather than under it, and a message long
   enough to wrap covers the input outright.

   Opting in by class rather than fixing that rule globally: it is 4
   selectors deep and every legacy form in the app is laid out around it.
   .form-errors-below is on the .form-content wrapper of the three deposit
   views — wallets/bank_wire.php (Deposit_funds/bank_wire),
   wallets/crypto_deposit.php (Deposit_funds/crypto) and
   fund_account/sales_promotion_psp_view.php (Cashier1) — and beats the
   base rule on class count alone.

   Only the message elements are un-pinned, not the bare `span` the base
   rule matches, so a <span> inside a label keeps its inline layout. */
.form-content.form-errors-below .form-inline .form-group span.form-error,
.form-content.form-errors-below .form-inline .form-group span.help-block,
.form-content.form-errors-below .form-inline .form-group span[id$="_error"],
.form-content.form-errors-below .form-inline .form-group span[id$="_msg"] {
    position: static;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    width: 100%;
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    margin: 6px 0 0;
    padding: 0;
}

/* In flow the message would otherwise open 25px under the field, because
   `.form-inline .form-group .form-control { margin: 0 0 25px 0 }` sits
   between the two. The 25px moves out to the .form-group so the message
   tucks under its own input while the row rhythm (25 + 18 = 43px below
   each field) is unchanged. */
.form-content.form-errors-below .form-inline .form-group .form-control {
    margin-bottom: 0;
}

.form-content.form-errors-below .form-inline .form-group {
    margin-bottom: 43px;
}

/* Same treatment through the responsive breakpoints. responsive.css loads
   after this file and re-touches these spans at max-width:1024px
   (`.form-content .form-inline .form-group span { font-size:10px }`), and
   the deposit columns stack full-width there, so the rules are restated
   with !important — that also beats the inline `float:right;
   text-align:right` on the Cashier1 view's #currency_msg, which no
   stylesheet rule can reach. Left-aligned and full width so a message
   that wraps reads under its own field instead of trailing off the right
   edge: the treatment customer-details already got at responsive.css:1150. */
@media screen and (max-width: 1024px) {

    .form-content.form-errors-below .form-inline .form-group span.form-error,
    .form-content.form-errors-below .form-inline .form-group span.help-block,
    .form-content.form-errors-below .form-inline .form-group span[id$="_error"],
    .form-content.form-errors-below .form-inline .form-group span[id$="_msg"] {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        clear: both;
        text-align: left !important;
        font-size: 12px !important;
        line-height: 1.4;
        white-space: normal;
        margin: 6px 0 0 !important;
        padding: 0 !important;
    }

    .form-content.form-errors-below .form-inline .form-group .form-control {
        margin-bottom: 0 !important;
    }

    .form-content.form-errors-below .form-inline .form-group {
        margin-bottom: 28px;
    }
}

/* The field itself is flagged with .input-error (see the highlight/
   unhighlight overrides in bank_wire.php and crypto_deposit.php) rather
   than with errorClass, so the control keeps its own type styling and
   just gains a red edge. */
.form-content.form-errors-below .form-inline .form-group .form-control.input-error {
    border-color: #ff0909 !important;
}


/* =====================================================================
   FIX PASS 40 — login page validation messages sit below the field.
   ===================================================================== */

/* Same root cause as the deposit forms in FIX PASS 39: the login form is
   .form-content > form.form-inline, so `.form-content .form-inline
   .form-group span { position:absolute; bottom:5px; right:15px }` at the
   top of this file pins the message over the input. Here it landed inside
   .login-v2-input-wrap for the password field (that wrapper is
   position:relative), i.e. right on the eye icon.

   login.js now appends the message to the .form-group so it clears the
   input wrapper; this puts it back in flow underneath. The control is
   already margin-bottom:0 inside .login-v2-field, so the message needs no
   spacing surgery — it opens 6px under the field it belongs to. */
.login-v2 .form-inline .form-group span.help-block.form-error,
.login-v2 .form-inline .form-group span.form-error {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
    margin: 6px 0 0;
    padding: 0;
    color: #ff0909 !important;
}

/* The field itself is flagged with .input-error by login.js's highlight /
   unhighlight overrides, so it keeps the login theme's control styling
   and only gains a red edge. */
.login-v2 .form-inline .form-group .form-control.input-error {
    border-color: #ff0909 !important;
}


/* =====================================================================
   FIX PASS 41 — disabled <option> reads like any other option.
   ===================================================================== */

/* Browsers grey out a disabled <option> on their own, so placeholder rows
   like "Please select Trading Account" rendered far dimmer than the real
   choices — on the dark surfaces they were close to unreadable. Text and
   background colour are the only things restored here: the disabled
   attribute still does its job, so the row stays unselectable.

   One rule per themed scope rather than a single global one, because each
   scope paints its normal options a different token, and "same as a normal
   option" is the whole point. opacity and -webkit-text-fill-color are
   restated because Gecko dims via opacity and WebKit via the text fill,
   neither of which plain `color` reaches. */
.app-shell-v2 select.form-control option:disabled,
.app-shell-v2 select.form-control option[disabled] {
    color: var(--lv2-text-muted);
    -webkit-text-fill-color: var(--lv2-text-muted);
    background: var(--lv2-surface);
    background-color: var(--lv2-surface);
    opacity: 1;
}

.real-reg-v2 select.form-control option:disabled,
.real-reg-v2 select.form-control option[disabled],
.demo-reg-v2 select.form-control option:disabled,
.demo-reg-v2 select.form-control option[disabled] {
    color: var(--lv2-text);
    -webkit-text-fill-color: var(--lv2-text);
    background: var(--lv2-surface);
    background-color: var(--lv2-surface);
    opacity: 1;
}

/* Everywhere else (legacy light pages, no explicit option colour): match
   whatever the select itself is painted, which is what an enabled option
   inherits anyway. */
select option:disabled,
select option[disabled] {
    color: inherit;
    -webkit-text-fill-color: inherit;
    background: inherit;
    background-color: inherit;
    opacity: 1;
}


/* =====================================================================
   FIX PASS 42 — forgot-password page no longer scrolls.
   ===================================================================== */

/* .forgot-v2 carried `min-height:100vh`, but it is not the top of the
   page: the shared before-login topbar sits above it inside the same
   .container. So the document was always topbar-height taller than the
   viewport and the page scrolled by exactly that much, however little
   content the card held. Same defect the login page had, fixed for
   phones in FIX PASS 33's max-width:991px block.

   Rather than guessing the topbar's height in a calc(), the page becomes
   a 100vh flex column: the topbar takes its natural height and the card
   area flexes into whatever is left. The document is then exactly one
   viewport tall. Content genuinely taller than the viewport (a long
   validation message on a short window) still grows the page and scrolls
   normally, because min-height — not height — is what is pinned. */
.forgot-password-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.forgot-password-page > .container {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Overrides the 100vh at the top of the FORGOT PASSWORD THEME block. */
.forgot-v2 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* With .forgot-v2 no longer a guaranteed 100vh box, the card cannot stay
   `position:absolute; inset:0; height:100%` (from `.login-page
   .register-wrap`) — out of flow it would leave the flex column with
   nothing to size against and collapse. Back in flow it is centred by
   the flex container above, which is what the absolute positioning was
   emulating. Width (450px) and padding come from
   `.forgot-password.login-page .register-wrap` and are left alone. */
.forgot-password.login-page.forgot-v2 .register-wrap {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    margin: 0 auto;
}


/* =====================================================================
   FIX PASS 43 — thank-you pages carry the same topbar as registration.
   ===================================================================== */

/* thankyou-real.php and thankyou-demo.php already included the shared
   before_login_topbar.php partial, but bare inside .container instead of
   wrapped in .before-login-topbar-inline the way demo.php / login.php /
   real_registration.php do. Unwrapped, .login-v2-topbar keeps its
   `width:100vw; margin-left:calc(50% - 50vw); padding:0 48px`, so the
   logo hugged the screen edge rather than lining up with the card. Both
   views now match demo.php: the wrapper goes first inside .register-wrap.

   That placement runs into one legacy rule — `.thank-you .register-wrap
   .register-logo { justify-content:center }` (0,3,0), written when the
   logo stood alone on these pages and outranking `.login-v2-topbar
   .register-logo`'s space-between (0,2,0). It would stack the logo and
   the switcher in the middle; restored here so the row reads logo-left /
   switcher-right like every other before-login page. The 20px of bottom
   padding it also sets is kept — it spaces the topbar off the card. */
.thank-you .register-wrap .before-login-topbar-inline .register-logo {
    justify-content: space-between;
}


/* =====================================================================
   FIX PASS 44 — thank-you "Fund your Account" link stays white.
   ===================================================================== */

/* Two rules fight over this link the moment it is pressed or focused:
   the legacy `.Thank-you-bottom a { color:#000 }` further up the file,
   and the global `a, select, a:active, a:focus { color:
   var(--lv2-text-muted) !important }`. `.thankyou-v2 .Thank-you-bottom
   a` (0,2,1) covers the resting state but carries no !important, so it
   loses both fights and the link goes dark against the card.

   Pinned white for all three interactive states with !important, the
   same treatment the login card's .new-account got in FIX PASS 38.
   :hover is included deliberately — `.Thank-you-bottom a:hover
   { color:#fff }` at the top of the file is (0,2,1), the same weight as
   the .thankyou-v2 resting rule but earlier in the cascade, so it was
   already losing and hover read muted rather than white. */
.thankyou-v2 .Thank-you-bottom a:active,
.thankyou-v2 .Thank-you-bottom a:focus,
.thankyou-v2 .Thank-you-bottom a:hover {
    color: #fff !important;
}


/* Same fight, same fix, on the registration card's "Already have an
   account?" link: `.real-reg-v2 .reg-bottom a` (FIX PASS 27) sets the
   accent colour with no !important, so the global `a:active, a:focus`
   rule takes the link dark the moment it is pressed or tabbed to.
   :hover is left alone here — nothing overrides it, so it keeps the
   accent, matching how the login card's .new-account behaves. */
.real-reg-v2 .reg-bottom a:active,
.real-reg-v2 .reg-bottom a:focus {
    color: #fff !important;
}


/* =====================================================================
   FIX PASS 45 — forgot-password header matches the registration pages.
   ===================================================================== */

/* Two things set this header apart from demo.php's, both left over from
   before the shared before_login_topbar.php partial existed.

   The include was bare inside .container, so .login-v2-topbar kept its
   `width:100vw; margin-left:calc(50% - 50vw); padding:0 48px` and the
   logo hugged the screen edge — forgot_password.php now wraps it in
   .before-login-topbar-inline like every other before-login page. It
   stays a direct child of .container rather than moving inside the card
   the way the thank-you pages did (FIX PASS 43): the flex column from
   FIX PASS 42 relies on the topbar being a sibling of .forgot-v2, and
   inside the centred card it would drift to the middle of the page.

   The other is `.forgot-password-page .lang-wrap { margin-top:10px }`,
   which pushed the switcher 10px below the logo — no other page has it,
   because no other page carries that scope. Dropped inside the topbar
   only, so any .lang-wrap elsewhere on the page is untouched.
   (`.forgot-password-page .theme-change-box` needs no such treatment:
   `.login-v2-topbar .theme-change-box { display:none }` is the same
   specificity and comes later, so the switcher is already hidden here
   exactly as it is on demo and real registration.) */
.forgot-password-page .login-v2-topbar .lang-wrap {
    margin-top: 0;
}


/* =====================================================================
   FIX PASS 46 — change-password validation messages, desktop and tablet.
   ===================================================================== */

/* customer_details.php's two password forms now carry .form-errors-below
   (FIX PASS 39), which already puts the message in flow under the field
   at every width. Two page-specific rules still had to be answered:

   responsive.css:1150 pins these messages with `top:100%` on .c-details
   below 768px — that was the author's earlier fix for phones only, so on
   desktop and tablet the base
   `.form-content .form-inline .form-group span { position:absolute;
   bottom:5px; right:15px }` still put the text over the input. The PASS 39
   rules out-specify both, so nothing extra is needed for the message
   itself; what does need stating is the row spacing, because PASS 38 set
   `.form-group { margin-bottom: 43px }` on these exact forms to anchor the
   eye icon, and .form-errors-below sets the same 43px — the two agree, and
   this comment records that they must stay in step.

   The one real addition: the message is appended to the .form-group by
   customer_details.js, so it lands after the eye toggle's zero-height
   span. That span is `width:100%`, so the message needs `clear:both` — 
   already set — and a top margin measured from the input rather than from
   the span, which is why the offset is restated here rather than inherited. */
.app-shell-v2 #changepassform .form-group span.help-block.form-error,
.app-shell-v2 #changetppassform .form-group span.help-block.form-error {
    margin-top: 8px;
}

/* The field flag from the highlight/unhighlight overrides. */
.app-shell-v2 #changepassform .form-control.input-error,
.app-shell-v2 #changetppassform .form-control.input-error {
    border-color: #ff0909 !important;
}


/* =====================================================================
   FIX PASS 47 — dashboard tab strip stacks on phones.
   ===================================================================== */

/* The strip is a flex row everywhere else: FIX PASS 38 made it scroll
   sideways unconditionally, and FIX PASS 31's max-width:991px block
   forces `flex-direction: row !important` to undo responsive.css's
   column stack. Below 768px it goes back to plain block flow, so each
   tab takes its own full-width line instead of the two labels sharing a
   sideways-scrolling row.

   Later in the file at equal specificity (0,3,0), so it wins over both
   earlier rules without !important; `flex-direction` is simply inert
   once the box is no longer a flex container. overflow-x is released
   because stacked block items cannot overflow horizontally, and the
   flex `gap` stops applying, so the row rhythm moves to margin. */
@media (max-width: 767px) {

    .app-shell-v2 .dash-tabs .nav-top,
    .dashboard-v2 .dash-tabs .nav-top {
        display: block;
        overflow-x: visible;
    }

    .app-shell-v2 .dash-tabs .nav-top li,
    .dashboard-v2 .dash-tabs .nav-top li {
        display: block;
        width: 100% !important;
        margin: 0 0 4px;
        text-align: center;
        white-space: normal;
    }

    .app-shell-v2 .dash-tabs .nav-top li:last-child,
    .dashboard-v2 .dash-tabs .nav-top li:last-child {
        margin-bottom: 0;
    }
}
@import 'font-awesome.min.css';

/* CSS Document */

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.container-xs {
    width: 950px;
    margin: 0 auto;
    padding: 0 35px;
}

.copy-text button {
    background: transparent;
    border: 0;
    background: #E6814B;
    color: #fff;
    padding: 4px 15px;
}

.copy-text {
    padding: 28px 0 0 0;
}

/********************************************************************
CSS start
*********************************************************************/

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/RobotoThin.eot');
    src: url('../fonts/RobotoThin.eot') format('embedded-opentype'), url('../fonts/RobotoThin.woff2') format('woff2'), url('../fonts/RobotoThin.woff') format('woff'), url('../fonts/RobotoThin.ttf') format('truetype'), url('../fonts/RobotoThin.svg#RobotoThin') format('svg');
}

a {
    color: #fff;
}

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

h2 {
    font-size: 42px;
    /*text-transform:uppercase;*/
}

img {
    max-width: 100%;
}

body {
    background: #f0f6ff none repeat scroll 0 0;
    font-family: 'Roboto-Regular';
    margin: 0 auto;
    font-weight: 300;
    font-size: 14px;
}

.background-img {
    background-image: url('/Images/before_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

select,
a:focus,
a.active,
select:focus,
select:active,
option,
button:focus,
button:active {
    outline: none;
    outline: none !important;
}

.form-content.form-content-full-width .form-inline .form-group select.form-control,
.form-content.form-content-full-width .form-inline .form-group select.form-control,
.form-inline .form-group select.form-control,
.form-group select.form-control {
    background: #ffffff url("/Images/select-img.png") no-repeat scroll 96% 50% / 8px auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
}

.form-group select.form-control {
    color: #000000;
}

.select-arrow {
    position: relative;
}

.select-arrow:after {
    position: absolute;
    content: "\f0dd";
    font-family: 'FontAwesome';
    right: 10px;
    top: 8px;
}

.form-inline .form-group input.form-control:read-only {
    background: #ffffff ! IMPORTANT;
    /* padding: 12px 0px 14px 21px; */
}

/********Page Loader Css***********/

.page-loader {
    background: rgb(0 0 0 / 94%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 9999999;
}

.page-wrapper {
    width: 70px;
    height: 60px;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #4899e4;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.dn {
    display: none;
}

.d-flex {
    display: flex !important;
}

/********Page Loader Css***********/

/***** Page Not Found ******/

.form-content .form-inline .form-group span {
    font-size: 10px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    color: #a94442;
    bottom: 5px;
    right: 15px;
    position: absolute;
}

.password-icon span.help-block.form-error {
    bottom: -2px;
}

.form-content .form-inline .form-group span.span-muted-sm {
    position: relative;
    bottom: 0;
}

.personal-details.profile .form-content .form-inline .form-group span {
    color: #a94442;
    position: absolute;
    right: 0;
    /*bottom: -15px;*/
    bottom: auto;
}

/* Error pages (views/errors/error.php, views/errors/pagenotfound.php).
   Re-themed in place rather than patched from a later override block: the
   old `background-color:#f1f6ff` sat a pale blue panel in the middle of
   the dark shell, and `section.error-404.not-found span a` styled a
   `<span><a>` neither view has ever contained.

   The palette is declared on the section itself, the way .login-v2 /
   .forgot-v2 / .thankyou-v2 do, because these two views do not share one
   scope: errors/error.php renders inside templates/header (body
   .app-shell-v2, tokens available) while errors/pagenotfound.php uses
   templates/header_page_not_found (bare <body>, no tokens at all). Local
   tokens make the section render identically either way. */
.error-404,
.not-found {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;

    text-align: center;
    padding: 56px 0;
    background-color: #06101d;
    background-image: radial-gradient(circle at 76% -10%, rgba(72, 153, 228, .18), transparent 34%);
    background-repeat: no-repeat;
    color: var(--lv2-text-muted);
}

/* The card the figure + copy sit in. */
.error-404 .page-content,
.not-found .page-content {
    max-width: 620px;
    margin: 0 auto;
    padding: 32px 28px;
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65);
}

.error-404 .page-content figure,
.not-found .page-content figure {
    margin: 0 0 20px;
}

/* The artwork is a light-theme PNG; keeping it under full opacity stops
   it glaring against the dark card. */
.error-404 .page-content figure img,
.not-found .page-content figure img {
    max-width: 100%;
    height: auto;
    opacity: .92;
}

.error-404 .err-title,
.not-found .err-title {
    color: var(--lv2-text);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px;
}

.error-404 .page-content p,
.not-found .page-content p {
    color: var(--lv2-text-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 18px;
}

.error-404 .page-content a.common-btn,
.not-found .page-content a.common-btn {
    background: var(--lv2-accent);
    border: 1px solid transparent;
    border-radius: 12px;
    text-transform: uppercase;
    margin: 0;
}

.error-404 .page-content a.common-btn:hover,
.error-404 .page-content a.common-btn:focus,
.not-found .page-content a.common-btn:hover,
.not-found .page-content a.common-btn:focus {
    background: var(--lv2-accent);
    color: #fff !important;
    filter: brightness(1.08);
}

/***** Page Not Found ******/
/******************** language dropdown css start *******************************/
.dropdown-right-wrapper div#lang_sel {
    height: auto;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    display: block;
    position: relative;
    padding: 0;
}

.dropdown-right-wrapper #lang_sel ul ul {
    border-top: none;
    width: 100%;
}

.dropdown-right-wrapper div#lang_sel li {
    width: 100%;
    float: none;
    display: block;
    padding: 0 16px 0 0 !important;
    cursor: pointer;
}

.dropdown-right-wrapper div#lang_sel li a {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 0;
    line-height: normal;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
}

.dropdown-right-wrapper div#lang_sel li a img.iclflag {
    float: right;
    width: 26px;
    height: 15px;
    top: 2px;
}

.dropdown-right-wrapper div#lang_sel li:after {
    position: absolute;
    content: "\f107";
    pointer-events: none;
    font-family: FontAwesome;
    color: #fff;
    top: 0;
    right: 0;
}

.dropdown-right-wrapper div#lang_sel a.lang_sel_sel:hover {
    background-color: transparent;
    color: #fff;
}

.dropdown-right-wrapper div#lang_sel ul ul li {
    padding: 3px 16px 3px 0 !important;
    background: #fff;
}

.dropdown-right-wrapper div#lang_sel ul ul li a {
    color: #000;
    font-size: 13px;
}

/*** Language Css ****/
.lang-wrap{display: block;}
.swich-language {
    padding: 0;
    position: relative;
    cursor: pointer;
    margin-top: 0px;
}

.lang-dropdown-wrapper {
    padding: 0 0 0 5px;
    width: auto;
}

.before-right-top-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-box .lang-dropdown-wrapper {
    padding: 0;
}

.lang-dropdown .drop-down .button a.select-list-link {
    color: #6b6b6b;
    position: relative;
    float: right;
}

.lang-dropdown .drop-down select {
    display: none;
}

.lang-dropdown .drop-down .button span.fa.fa-angle-down {
    position: relative;
    height: auto;
    width: auto;
    top: 0;
    right: 0;
    left: 5px;
    margin: 0;
    font-family: 'Fontawesome';
    font-size: 15px;
}

.lang-dropdown .drop-down .select-list li {
    display: none;
    list-style: none;
}

.lang-dropdown .drop-down .select-list li:hover {
    background: #eeeeee;
}

.lang-dropdown .drop-down .select-list li a {
    display: block;
}

.lang-dropdown .drop-down .button:hover .select-list {
    display: block;
}

.lang-dropdown .drop-down .select-list li span {
    background-color: none;
    background-position: right 5px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #6b6b6b;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    min-height: auto;
    min-width: auto;
    opacity: 1;
    padding: 6px 32px 6px 6px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    background-color:rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
}

.lang-dropdown .drop-down .select-list li span:hover,
.lang-dropdown .drop-down .select-list li span:focus {
    opacity: 1;
    background-color: #eeeeee;
}

.lang-dropdown .drop-down {
    display: inline-block;
    margin-top: 0;
    position: relative;
    width: 95px;
}

.lang-dropdown .drop-down .button {
    width: 100%;
    border: 1px solid #6a6a6a;
    padding: 5px 10px;
}

.lang-dropdown .drop-down .button span {
    background-position: right 1px center;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: medium none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat Medium';
    font-size: 14px;
    line-height: normal;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
    width: 80%;
}

.lang-dropdown .drop-down .select-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
    border-radius: 7px;
}

.lang-dropdown .drop-down .button:hover .select-list {
    display: block;
}

.lang-dropdown .drop-down .select-list li span:hover,
.lang-dropdown .drop-down .select-list li span:focus {
    opacity: 1;
}

.login-section .lang-dropdown .drop-down {
    margin-top: 20px;
}

.login-section .lang-dropdown .drop-down .button span {
    color: #fff;
}

.before-login.pt-pt .thank-you .btn-login.transitions {
    font-size: 14px;
    padding: 6px 6px;
}

/* .top-head-bar .lang-dropdown .drop-down .button span {
    color: #ffffff;
} */

.doc-box {
    background: #FFFFFF;
    box-shadow: 0px -1px 9px -1px #d5e4fe;
    border-radius: 13px;
    padding: 40px;
    margin-top: 40px;
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.file-wrap {
    border: 3px dashed #ddd;
    padding: 25px 50px;
    text-align: center;
}
/* .lang-wrap {
    display: none!important;
} */
/*** Language Css ****/
/********************* main content home page css*************************/
.home section.entry-header {
    display: none;
}

.slider .carousel-indicators {
    display: none;
}

.header-text.hidden-xs.container {
    position: absolute;
    top: 142px;
    left: 0;
    text-align: left;
    right: 0;
    height: 100%;
}

.header-text.hidden-xs.container h2 {
    font-size: 37px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 35px;
}

.header-text.hidden-xs.container h2 span {
    display: block;
    font-size: 49px;
    padding-top: 15px;
}

.header-text.hidden-xs.container h3 {
    font-size: 64px;
    color: #fff;
    margin: 0;
}

.header-text.hidden-xs.container p {
    color: #c3c3c3;
    font-size: 48px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

.header-text.hidden-xs.container p span.line-hr {
    height: 2px;
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
}

.header-text.hidden-xs.container p span.block {
    display: block;
}

.header-text.hidden-xs.container h4 {
    color: #fff;
    font-size: 82px;
    text-transform: uppercase;
    margin: -15px 0 0;
}

.header-text.hidden-xs.container h4 span.icon-Yellow {
    font-size: 100px;
    display: inline-block;
    width: 20px;
    position: relative;
    left: -16px;
    color: #ffb400;
    top: 37px;
}

.header-text.hidden-xs.container h4 span.icon-blue {
    width: 20px;
    position: relative;
    font-size: 100px;
    display: inline-block;
    left: -18px;
    color: #28d0dd;
}

.header-text.hidden-xs.container a,
.header-text.hidden-xs.container a:hover,
.header-text.hidden-xs.container a:focus {
    color: #28d0dd;
    font-size: 37px;
    text-transform: uppercase;
    padding: 9px 47px;
    display: inline-block;
    border: none;
    height: 68px;
    width: 338px;
    text-decoration: none;
    margin-top: 45px;
}

.bottom-header {
    background: #becdc8;
    position: relative;
}

.bottom-header .navbar-inverse {
    background: transparent;
    border: none;
    margin: 0;
}

.bottom-header .navbar-collapse {
    padding-left: 0;
    padding: 5px 0;
}

.bottom-header li.dropdown:hover .dropdown-menu {
    display: block;
    background: #fff;
    border-radius: 0;
    padding: 0px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000 !important;
}

.navbar-inverse .navbar-nav>li:first-child>a {
    padding-left: 0;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
    padding: 10px;
}

.bottom-header .row-flex {
    align-items: center;
}

.bottom-header p {
    margin: 0;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bottom-header .dropdown-menu>li>a {
    padding: 7px 20px;
}

.bottom-header .s-icon.icon1 {
    background-position: -50px -704px;
    height: 17px;
    width: 17px;
    margin-right: 6px;
}

.bottom-header p a {
    background: #E6814B;
    display: inline-block;
    color: #fff;
    padding: 7px 15px;
    margin-left: 10px;
    text-decoration: none;
}

/******************* home .accounts-btns-wrapper  ********************/
.arrow-indicator.arrow-indicator-full {
    width: 100% !important;
}

.content-wrapper .arrow-indicator {
    width: 17%;
    float: left;
    margin: 0;
    padding: 0;
}

.arrow-indicator.arrow-indicator-middle {
    margin: 0 2%;
}

.content-wrapper .arrow-indicator select {
    width: 100% !IMPORTANT;
}

.form-content-box.form-content-box-label-full.praxispay-wrapper {
    padding: 15px;
}

/**************home newsletter-wrapper ***********************/
/*.form-inline .form-group .form-control { width: 55%; float: left; margin: 0 2% 0 0; height: 50px; border: 1px solid #ccc; border-radius: 5px; }*/
.right-login-wrapper input.ph-number {
    width: 80% !important;
    margin-right: 0 !important;
}
.right-login-wrapper .real-form-title{
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    background: #ebebeb;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: bold;
    color: #4a4a4a;
}

.form-inline button.btn.btn-default {
    text-transform: capitalize;
    padding: 7px 55px;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    text-shadow: none;
    color: #fff;
    font-family: 'Roboto-Bold';
    transition: 0.3s ease all;
    border-radius: 21.5px;
    background: #E6814B;
}

input.submit-common-btn {
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 0;
    max-width: 200px;
    font-size: 24px;
    font-weight: 600;
    text-shadow: none;
    background: #004c93;
    color: #fff;
    float: right !important;
}

input.submit-common-btn:hover {
    background: rgba(133, 190, 0, 1);
    background: -moz-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 190, 0, 1)), color-stop(100%, rgba(162, 231, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85be00', endColorstr='#a2e700', GradientType=0);
    text-decoration: none;
    border: 0 !important;
}

.form-inline .input-group-addon {
    padding: 6px 5px;
}

.form-inline .form-group input.form-control:read-only {
    background: #ffffff !important;
    color: #000000;
    /* border: 1px solid #5a5a59 !important; */
}

.form-inline button.btn.btn-default:hover,
.form-inline button.btn.btn-default:focus {
    background: #000;
    border: none;
    text-decoration: none;
}

.form-submit-btn {
    text-transform: capitalize;
    padding: 20px 40px;
    border-radius: 30px;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 17px;
    font-weight: 600;
    text-shadow: none;
    background: #E6814B;
    color: #fff;
}

.form-submit-btn:hover,
.form-submit-btn:focus {
    background: #767779;
    border: none;
    color: #fff;
    text-decoration: none;
    outline: none
}

/*.form-inline button.btn.btn-default.full-width-btn { width:100%; }*/
.newsletter-wrapper.newsletter-wrapper-desktop {
    display: none;
}

/**************home newsletter-wrapper ***********************/
.border-box {
    border: 2px solid #ccc;
    border-radius: 25px;
    font-weight: 400;
    margin: 0 0 8px;
    padding: 10px;
    color: #969696;
}

.blue {
    color: #5699fd;
    font-size: 15px !important;
    font-weight: 400;
}

.contact-details p a {
    color: #5699fd;
    display: inline-block;
}

.country-flag {
    display: inline-block;
    padding-right: 8px;
}

.countries-wrap p {
    padding: 5px 0 !important;
}

/************************************************/
/************************* footer-container-bottom **************************/
.footer-container-bottom {
    padding: 60px 0 40px 0;
}

.payment-methods {
    padding: 27px 0;
}

/********************************************/
/*************************************/
div#main-column {
    position: relative;
}

.open-account-btns-wrapper {
    z-index: 1;
    left: 0;
    right: 0;
}

.accounts-btns-wrapper a {
    position: relative;
    display: inline-block;
    width: 341px;
    height: 62px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    padding: 16px 30px;
    background: #3e4a45;
    margin: 0 19px;
    background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0);
}

.accounts-btns-wrapper {
    text-align: center;
    padding: 40px 0;
}

.accounts-btns-wrapper a:hover,
.accounts-btns-wrapper a:focus {
    text-decoration: none;
}
/******************* home .accounts-btns-wrapper  ********************/

.captcha-wrapp {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: -15px;
}


h1.main-heading {
    font-size: 40px;
    text-align: center;
    color: #fff;
    margin: 24px 0 13px;
    text-transform: uppercase;
}

` #site-footer {
    background: #1d1c1c;
}

@media (min-width: 768px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
    }
}

@media (min-width: 992px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }
}

.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:placeholder-shown {
    color: #000;
    opacity: 1;
}

.form-control::placeholder {
    color: #000 !important;
    opacity: 1;
}

/******form-step***********/

.line-wrapp {
    display: none;
}

.blacl-btn-wrapper {
    display: none;
}

h2.steps-heading {
    margin: 0;
    padding: 15px;
    font-size: 25px;
    color: #fff;
    display: none;
}

.form-step.active h2 span span.number-in,
.form-step h2 span span.number-in {
    background: transparent;
    border: none;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

.form-content .form-inline .form-group {
    margin-bottom: 18px;
    display: inline-block;
    width: 100%;
}

.form-content .form-inline .form-group .form-group {
    margin-bottom: 0;
}

.personal-details.profile .form-content .form-inline .form-group.has-error {
    margin: 0 0 15px;
}

.form-content form {
    margin: 0;
}

.form-content .form-inline label.form-label {
    width: 45%;
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 6px 0 0 0;
    font-weight: normal;
}

.form-content .form-inline label.form-label.form-label2 {
    padding: 0 0 0;
    margin: -7px 0 0;
}

.form-content .form-inline .step-two-box label.form-label.long {
    padding: 0;
    width: 100%;
    margin: 0 0 20px;
}

.form-content .form-inline .step-two-box label.form-label.dark-long {
    width: 50%;
    margin-right: 2%;
    /*color: #656262;*/
    color: #fff;
}

.form-content .form-inline .step-two-box select,
.form-content .form-inline .step-two-box input {
    width: 100%;
    box-shadow: none;
    outline: 0;
}

.form-content .form-inline .step-two-box input.dark-input {
    background: #403e3e;
    width: 48%;
    border: 0;
}

.form-content .form-inline .step-two-box input.light-input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    width: 48%;
}

.form-content .form-inline .step-two-box input.form-control[disabled],
.form-content .form-inline .check-box-wrapper input.form-control[disabled] {
    background: #403e3e !important;
}

.form-content .form-inline label.form-label span {
    position: relative;
    color: #f83232;
    left: 0;
    margin-right: 6px;
    display: inline-block;
}

.form-content .form-inline input {
    width: 70%;
    border: 1px solid #363636;
    border-radius: 0;
}

.form-content .form-inline select {
    border-radius: 0;
    width: 70%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -os-appearance: none;
    -ms-appearance: none;
    background: #fff;
    background-repeat: no-repeat;
    border: 1px solid #363636;
}

.form-content .form-inline.paxix select,
.form-content .form-inline.paxix input {
    width: 100%;
}

.content-wrapper .form-inline.paxix .arrow-indicator {
    width: 32%;
}

.submit-box p {
    font-size: 13px;
    color: #000;
    padding: 10px 0 0 0;
}

.container-xs.form-border {
    border: 1px solid #3a3939;
    padding: 0;
    margin-bottom: 90px;
    margin-top: 30px;
}

.form-content .form-inline input.country-code {
    width: 19%;
    float: left;
    margin-right: 1%;
}

.form-content input.ph-number {
    width: 50%;
    float: left;
}

.form-content .form-inline .form-group .arrow select {
    -moz-appearance: none;
    background: #fff no-repeat scroll 90% 14px;
    float: left;
    width: 32%;
}

.form-content .form-inline .form-group .arrow.middle select {
    float: left;
    margin: 0 2%;
    width: 32%;
}

.custom-details .form-content .form-inline label.form-label span {
    bottom: 0;
}

/*.submit-box .btn { font-size: 17px; margin: 0; text-decoration:none; background: #119a68; color: #fff; 
border: none; border-radius: 30px; color: #fff; display: inline-block; font-weight: 600; padding: 14px 0; position: relative; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; width:38%; }
.submit-box .btn:hover,
.submit-box .btn:focus { background: #767779; 
border: none;
color: #fff;
text-decoration: none;
}*/
.star {
    display: inline-block !important;
}

.right-login-wrapper p {
    margin: 0 0 15px;
    font-size: 10px;
    text-align: center;
}

.right-login-wrapper .form-group input.country-code {
    width: 20%;
    float: left;
    margin-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

span.form-control-colour-text {
    color: #545454;
    padding: 10px 3px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
    border: 1px solid #cccccc;
    padding-left: 12px;
    border-radius: 5px;
    text-align: left;
}

.submit-box button.btn-yellow {
    background: #ffb400 none repeat scroll 0 0;
    color: #1d1c1c;
    font-size: 20px;
    padding: 8px 35px 3px;
    border: #b08214;
}

.submit-box button:last-child {
    margin-right: 0;
}

.step-two-box-bottom {
    padding: 0 25px 15px 38px;
}

.form-content .form-inline .step-two-box-bottom input {
    width: 240px;
    margin-left: 33px;
}

.form-content .form-inline .step-two-box-bottom label.form-label {
    width: 38%;
}

.form-submit-btn,
.btn.form-submit-btn {
    text-transform: capitalize;
    padding: 10px 40px;
    border-radius: 30px;
    margin: 0;
    border: 2px solid #E6814B;
    width: auto !important;
    font-size: 17px;
    font-family: 'Roboto-Bold';
    text-shadow: none;
    background: #E6814B;
    color: #fff;
}

.form-submit-cancel,
.btn.form-submit-cancel {
    text-transform: capitalize;
    padding: 10px 40px;
    border-radius: 30px;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 17px;
    font-weight: 600;
    text-shadow: none;
    background: #fff;
    color: #9f9f9f;
    border: 2px solid #9f9f9f;
}

.form-submit-cancel:hover,
.form-submit-cancel:focus,
.btn.form-submit-cancel:hover,
.btn.form-submit-cancel:focus {
    background: #9f9f9f;
    padding: 10px 40px;
    border: 2px solid #9f9f9f;
    color: #fff;
    text-decoration: none;
    outline: none
}

.form-submit-btn:hover,
.form-submit-btn:focus,
.btn.form-submit-btn:hover,
.btn.form-submit-btn:focus {
    background: #767779;
    border: 2px solid #767779;
    color: #fff;
    text-decoration: none;
    outline: none;
}

/****/
/*************  before login  ***************/
p.rotat-p {
    display: none;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: -167px;
    z-index: 9;
    transform: rotate(90deg);
    bottom: 220px;
    font-family: 'RobotoThin';
}

.register-wrap .row-flex {
    position: relative;
}

.login-l {
    height: 100%;
    background: #4b4b4d url(/Images/login-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 30px 0 0 30px;
}
#addition_real_form .checkbox-wrapp input.CheckBoxClass{    margin-top: 0;
    position: absolute;
    top: 5px;}
.login-icon {
    position: absolute;
    bottom: 50px;
    right: 45px;
}

.login-l .login-icon {
    display: none;
}

.registration-bottom h3 {
    font-size: 14px;
    text-transform: capitalize;
    color: #000000
}

.registration-bottom a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

/* .registration-bottom a.active{color: #E6814B;}*/
.registration-bottom a:hover {
    text-decoration: none;
    outline: none;
    color: #E6814B !important;
}

/*************  before login  ***************/
.form-content.step-three {
    color: #fff;
}

.form-content.step-three .form-inline label.form-label.long {
    width: 70%;
    float: left;
    margin-right: 2%;
}

.form-content.step-three .form-inline label.form-label.full {
    width: 100%;
    float: left;
}

.check-box-wrapper {
    color: #656262;
}

.form-content .form-inline .check-box-wrapper input[type="checkbox"] {
    width: auto;
    margin-right: 9px;
}

.form-content .form-inline .check-box-wrapper input.cb {
    width: 240px;
    margin-left: 15px;
    background: #403e3e;
    border: 0;
}

.form-content.step-three .form-inline label.form-label {
    width: 70%;
    float: left;
    margin-right: 2%;
}

.form-content.step-three .form-inline select {
    width: 28%;
}

.squaredThree label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}


.demo-check-content-wrapp {
    margin: 0 0 1px 0;
}

.demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: #E6814B;
}

.demo-check-content-wrapp .check-box-wrapp {
    display: flex;
    align-items: center;
}

.before-login-pages .before-right-content .before-right-bottom .check-box-wrapp {
    padding: 0;
}

.demo-check-content-wrapp .check-box-wrapper .CheckBoxClass {
    width: auto;
    margin-right: 10px;
    margin-top: -7px;
}





/***/
/*******************************/
.icon-title {
    font-weight: bold;
}

.icon-title img {
    background: #365c95;
    border-radius: 30px;
    padding: 9px 10px 5px 8px;
    margin-right: 15px;
}

.left-login-wrapper {
    padding: 50px 0;
}

/***************************/
/******************************** Inner page Banner css*******************/
section.entry-header {
    display: none;
}

.inner_bnr_container .banner-content {
    padding: 30px 0;
}

.crumb a {
    color: #e9e9e9;
}

.inner_bnr_container {
    background: #ebebeb;
    margin: 0;
}

.banner-content h2 {
    font-size: 45px;
    color: #3a3a3a;
    margin: 0;
}

.banner-content p,
.banner-content p a {
    font-size: 13px;
    color: #7f7e7e;
    margin: 6px 0;
}

/***********************************************************/
/********Forgot password**********/

/*.forgot-password .form-content-box { padding: 0 40px; text-align: center; width: 60%; margin: 70px auto 0; }

.forgot-password .form-content .form-inline label.form-label { width:50%; float:left; }

.forgot-password .form-content .form-inline input { width:50%; float:left; }*/

/********Forgot password**********/
.mobile-wrapper,
.icon-menu {
    display: none;
}

/************Thank You demo page********************/
/******************/
.accounts-btns-wrapper.trading-ac a {
    position: relative;
    display: inline-block;
    width: 290px;
    height: 57px;
    font-size: 23px;
    text-transform: uppercase;
    padding: 13px 0;
    background: #3e4a45;
    margin: 0 19px;
    background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0);
}

.oaa {
    color: #393939;
    font-size: 23px;
    text-align: center;
    padding: 0;
    margin: 30px 0 -10px 0;
}

.clrwhite {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    padding-left: 35px;
    position: relative;
}

.no-pading {
    padding: 0;
}

/************Ticker**************/

.social-dash .title {
    color: #E6814B !important;
    text-align: center !important;
    margin: 0 0 30px 0 !important;
    font-size: 24px !important;
}

#market_rates_ticker {
    background: #3f3f3f;
    color: #999999;
}

/************Ticker**************/

/*******/
.ticketing-details .td-header,
.get-tickets .td-header {
    padding: 20px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ticketing-details .td-header h2,
.get-tickets h2 {
    margin: 0;
    font-size: 22px;
    color: #000;
    padding: 10px 0;

}

.ticketing-details .td-header .common-btn {
    float: right;
}

.ticketing-details .td-chat-content {
    padding: 0 20px;
}

.td-chat-content .post.cases-post {
    background: #36aac517;
    padding: 15px;
    border-radius: 9px;
    border: 1px solid #36aac529;
    margin: 0 0 15px 0;
    color: #838383;
}

.post.cases-post.admin-reply {
    background: var(--lv2-surface-alt);
    border: 1px solid #e3e3e3;
}

.td-chat-content .post.cases-post p {
    margin: 0 0 4px 0;
    font-size: 13px;
    color: #848484;
}

.td-chat-content .post.cases-post .username span {
    width: 100%;
    display: block;
}

.td-chat-content .post.cases-post .username .nameclass {
    font-size: 14px;
}

.td-chat-content .post.cases-post .username .nameclass i {
    margin-right: 5px;
}

.td-chat-content .post.cases-post .description {
    margin-left: 20px;
}

.td-chat-content .case-form-content .control-label {
    font-size: 16px;
    margin: 6px 0 6px 0;
}

.td-chat-content .case-form-content .btn-wrap {
    margin-top: 15px;
}

.ticketing-details .post .form-group {
    margin: 0;
}

.ticketing-details .cke_top,
.addTicket .cke_top {
    border-bottom: 1px solid #dfdfdf;
    background: #fff;
}

.ticketing-details .cke_chrome,
.addTicket .cke_chrome {
    border: 1px solid #dfdfdf;
    box-shadow: none;
}

.ticketing-details .cke_toolgroup,
.addTicket .cke_toolgroup {
    background: #fff;
    border: 1px solid #dfdfdf;
}

.ticketing-details a.cke_combo_button,
.addTicket a.cke_combo_button {
    background: #fff;
}

.ticketing-details .cke_bottom,
.addTicket .cke_bottom {
    background: #fff;
}

.withdrawal-request.addTicket .steps-main-heading {
    margin: 0;
    padding: 25px 15px 0 15px;
}

.ticketing-details .btn-warning {
    color: #fff !important;
    background-color: #E6814B !important;
    border-color: #E6814B !important;
}

/*******/


/******User Name section**********/
span.user-name {
    color: #545454;
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
}

.right-links .btn-group .caret::after {
    right: 10px;
    top: 9px;
}

span.main-user-name {
    color: #06203d;
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
}

span.main-user-name.equity {
    color: #E6814B;
}

/******User Name section**********/
/*****************Common Css********************/
body {
    position: relative;
    font-size: 14px;
    overflow-x: hidden;
    color: #636363;
}

p {
    font-size: 14px;
    color: #dad8d8;
}

a {
    color: #767779;
}

a:hover,
a:focus {
    color: #337ab7 !important;
    text-decoration: underline;
}

.main-heading {
    color: #363636;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 30px 15px;
    text-transform: capitalize;
}

.steps-main-heading {
    color: #000;
    font-size: 27px;
    padding-left: 20px;
    margin: 0 0 0px 0;
    padding: 30px 30px 10px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.withdrawal-request .steps-main-heading {
    margin: 0;
}

.main-heading.step-title {
    padding: 30px 0;
}

.form-error {
    font-size: 12px;
}

.form-group.has-error {
    margin: 0;
}

.small-heading {
    color: #363636;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 18px;
    margin-top: 0;
    padding: 0 15px;
}

.padding-lr0px {
    padding-left: 0;
    padding-right: 0;
}

/* ............. Utility classess.......... */
.p-0 {
    padding: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-40 {
    padding: 40px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*checkbox css start*/
.checkbox-wrapp {
    margin: 0 0 0 0;
    display: flex;
    align-items: baseline;
}

.checkbox-wrapp input.CheckBoxClass {
    width: auto !important;
    margin-right: 8px;
    margin-top: -6px;
}

/* [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { left: -9999px; position: absolute; }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { color: #444; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 32px; margin: 0; padding-left: 30px; padding-top: 0; position: relative; text-align: left; }
[type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::before { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: none; content: ""; height: 20px; left: 2px; position: absolute; top: 4px; width: 20px; }
[type="checkbox"]:checked + label::after, [type="checkbox"]:not(:checked) + label::after { color: #E6814B; content: "✔"; font-size: 13px; left: 7px; line-height: 0.8; position: absolute; top: 8px; transition: all 0.2s ease 0s; }
[type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:checked + label::before, [type="checkbox"]:disabled:not(:checked) + label::before { background-color: #ddd; border-color: #bbb; box-shadow: none; }
[type="checkbox"]:disabled:checked + label::after { color: #999; }
[type="checkbox"]:disabled + label { color: #aaa; } */
label a {
    color: #E6814B;
    font-weight: 600;
}

label a:hover,
label a:focus {
    color: #767779 !important;
    text-decoration: none;
}

label:hover::before {
    border: 1px solid #9e9e9e !important;
}

.trading_history .select-arrow:after {
    display: none;
}

.dashboard-bottom .select-arrow:after {
    display: none;
}

body table.dataTable thead .sorting {
    background-image: url(/Images/sort_both.png) !important;
}

body table.dataTable thead .sorting_asc {
    background-image: url(/Images/sort_asc.png) !important;
}

/************************/
/**********pymnt-mthds*************/
.pymnt-mthds {
    box-shadow: 0 0 10px #ccc inset;
    margin: 0 auto 25px;
    padding: 10px 10px;
    text-align: center;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pymnt-mthds img {
    width: 60%;
}

.pymnt-mthds h4 {
    margin-bottom: 0px;
}

/**********************************/
.Introducing_brokers_affiliates p.rotat-p {
    font-size: 40px !important;
    bottom: -243px !important;
    left: -92px !important;
}

/**********/
.amount-options {
    display: block;
    margin: 0 0 10px;
    padding: 0px;
}

.amount-options li {
    display: inline-block;
    list-style: none;
}

.amount-options span {
    display: inline-block;
    font-size: 13px;
    color: rgb(85, 85, 85);
    font-weight: 500;
    position: relative;
    background: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(168, 168, 168);
    border-image: initial;
    border-radius: 4px;
    padding: 5px 8px;
    margin: 0px 7px 0px 0px;
}

/**********/
/************/
table.bnk-trnsfer {
    border: 1px solid #ccc;
    border-collapse: separate;
    margin: 0 0 30px;
    width: 100%;
}

table.bnk-trnsfer tr th {
    background: #E6814B none repeat scroll 0 0;
    border-bottom: medium none;
    border-right: 1px solid #fff;
    border-top: medium none;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    text-align: center;
    padding: 8px 12px;
    text-transform: uppercase;
    vertical-align: middle;
}

table.bnk-trnsfer tr th:last-child {
    border-right: medium none;
}

table.bnk-trnsfer td {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}

table.bnk-trnsfer tr:nth-child(2n+1) td {
    background: #e8e8ec none repeat scroll 0 0;
}

/**********/
.text-muted-sm {
    padding: 10px !important;
    margin: 10px 0 !important;
}

/************Deposit Table CSS************/
.common-table {
    background: #fff none repeat scroll 0 0;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #DCDCDC;
}

.common-table th {
    background: #EEF3FA none repeat scroll 0 0;
    font-weight: normal;
    box-sizing: border-box;
    color: #494848;
    float: none;
    font-size: 15px;
    padding: 15px 6px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
}

.common-table th:first-child {
    border-radius: 0;
}

.common-table th:last-child {
    border-radius: 0;
    border-right: none;
}

.common-table td {
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    color: #8C8C8C;
    font-size: 15px;
    font-weight: 300;
    padding: 15px 6px;
    text-align: center;
    text-transform: capitalize;
    text-align: center;
    background: #ffffff;
}

.common-table td a.deposit-btn {
    border: 2px solid #99d213;
    border-radius: 20px;
    color: #99d213;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 18px;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
}

.common-table td a.deposit-btn:hover,
.common-table td a.deposit-btn:focus {
    background: #99d213 none repeat scroll 0 0;
    border: 2px solid transparent;
    color: #fff;
    text-decoration: none;
}

.common-table td:last-child {
    border-right: none;
}

.common-table a {
    color: #000000;
    ;
}

.common-table thead {
    border-bottom: 1px solid #DCDCDC;
}

/***************************/
/**********top header********************/
.home .inner_bnr_container {
    display: none;
}

.site-header {
    z-index: 9999999;
}

.top-head-bar{
    align-items: center;
    background: #12223a repeat scroll 0 0;
    display:flex;
    padding: 0 0;
    /* width: 100vw;border-bottom: 1px solid #edbc5d; */
}
.form-content .form-inline .form-group span#phone-error {
    bottom: -18px;
}
.main-top-text {
    font-size: 16px;
    font-weight: 400;
    background: black;
    color: #fff;
    padding: 10px 24px;
    border-radius: 6px;
    display: inline-block;
    margin: 0;
}

.hamburger-menu {
    font-size: 22px;
    cursor: pointer;
    top: -16px;
    position: relative;
    padding-right: 8px;
}

.logo {
    width: 250px !important;
    padding: 5px 0;
    text-align: center;
    justify-content: center ! IMPORTANT;
    position: relative;
    background: #fff;
    display: flex;    border-right: 1px solid #edbc5d;
}

.site-title.logo {
    display: inline-block;
}

.top-head-bar .left-links a {
    color: #7f7f7f;
    font-size: 13px;
    display: inline-block;
    margin: 0 25px 0 0;
    position: relative;
}

.top-head-bar .left-links a:hover {
    text-decoration: underline;
}

.left-links a span {
    font-size: 17px;
    margin: 0 6px 0 0 !important;
}

.left-links a:last-child span {
    margin: 0;
    position: relative;
    left: -6px;
}

.top-head-bar .left-links a:after {
    content: "";
    height: 12px;
    width: 1px;
    background: #7f7f7f;
    position: absolute;
    right: -13px;
    top: 4px;
}

.top-head-bar .left-links a:last-child:after {
    display: none;
}

.top-head-bar .right-links {
    text-align: right;
}

.top-head-bar .right-links img {
    position: relative;
    /*top: -5px;*/
}

.common-btn {
    /* box-shadow: 1px 0px 4px #88cff1; */
    border-radius: 21.5px;
    padding: 8px 50px;
    color: #fff ! Important;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    background: #E6814B;
    margin: 10px 0;
    border: 1px solid transparent;
    position: relative;
}

.common-btn:hover,
.common-btn:focus {
    border: 1px solid #E6814B;
    color: #000000 !important;
    background: #0000;
}

.common-btn-profile {
    display: inline-block;
    font-size: 15px;
    margin-top: 28px;
    padding: 12px 50px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-transform: capitalize;
    transition: all 0.3s ease-in 0s;
    border-radius: 0;
    font-family: 'Roboto-Bold';
    background: #E6814B;
    color: #fff;
    border: 0;
    border-radius: 21.5px;
    background: #E6814B;
}

body .datepicker-dropdown.datepicker-orient-left:before {
    left: 16px;
}

body .datepicker-dropdown.datepicker-orient-left:after {
    left: 17px;
}

/*************** flag dropdown *************/
.r-page .dropdown-right-wrapper {
    background: #fff;
    float: right;
    margin: 0 0 0 10px;
    display: flex;
    display: none;
}

.dropdown-right .drop-down .button a.select-list-link {
    color: #7f7f7f;
    position: relative;
    float: right;
}

.dropdown-right .drop-down select {
    display: none;
}

.dropdown-right .drop-down .button span.fa.fa-angle-down {
    position: relative;
    height: auto;
    width: auto;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    font-size: 15px;
}

.dropdown-right .drop-down .select-list li {
    display: none;
    list-style: none;
}

.dropdown-right .drop-down .select-list li:hover {
    background: #eeeeee;
}

.dropdown-right .drop-down .button:hover .select-list {
    display: block;
}

.dropdown-right .drop-down .select-list li span {
    background-color: none;
    background-position: right 8px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #363636;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    min-height: auto;
    min-width: auto;
    opacity: 1;
    padding: 6px 32px 6px 10px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.dropdown-right .drop-down .select-list li span:hover,
.dropdown-right .drop-down .select-list li span:focus {
    opacity: 1;
    background-color: #eeeeee;
}

.dropdown-right .drop-down {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    margin-top: 0;
    position: relative;
    width: 90px;
    padding: 9px 10px 9px 10px;
    border: 1px solid #ccc;
}

.top-head-bar .dropdown-right .drop-down {
    border: none;
}

.dropdown-right .drop-down .button {
    width: 100%;
}

.dropdown-right .drop-down .button span {
    background-position: right 1px center;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: medium none;
    color: #e2e2e2;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
    width: 50px;
    float: left;
}

.dropdown-right .drop-down .button span.fa.fa-sort-desc {
    font-size: 17px;
    margin: -9px 0 0 0;
    padding: 4px 0 4px 5px;
    width: auto;
}

.dropdown-right .drop-down .select-list {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 40;
    margin-top: 40px;
    padding: 0;
    background-color: #595959;
    width: 90px;
    margin-left: 0;
}

.dropdown-right .drop-down .button:hover .select-list {
    display: block;
}

.dropdown-right .drop-down .select-list li span:hover,
.dropdown-right .drop-down .select-list li span:focus {
    opacity: 1;
}

/**********top header********************/
/*****************main Menu******************/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #434b50;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    display: inline-block;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

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

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

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

.main-navigation .navbar-nav>li {
    float: none;
    display: inline-block;
}

.main-navigation {
    background: #06203d;
}

.main-navigation .navbar-nav {
    margin: 0 auto;
    width: 100%;
    float: none;
    text-align: center;
}

.main-navigation .navbar-default {
    background: transparent;
    border: 0;
}

.main-navigation .navbar-default {
    background: transparent;
    border: 0;
    margin: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #4477c4;
}

.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu {
    background-image: none;
    background-color: #4477c4;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0px 0 0 0;
    border: 0;
}

.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a {
    padding: 10px 60px 10px 20px;
    color: #fff;
}

.main-navigation ul.primary-menu li:hover {
    background-color: #4477c4;
}

.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a:focus,
.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a:hover {
    background: #2d61ad;
}

.main-navigation ul.primary-menu .dropdown-menu>.active>a,
.main-navigation ul.primary-menu .dropdown-menu>.active>a:focus,
.main-navigation ul.primary-menu .dropdown-menu>.active>a:hover {
    background-image: none;
    background-color: #2d61ad;
}

.login-details {
    text-align: right;
}

button.btn.btn-default.dropdown-toggle.user {
    background: transparent;
    border: 0;
    box-shadow: none;
}

button.btn.btn-default.dropdown-toggle.user:hover {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.login-details .common-btn {
    float: right;
    margin-left: 7px;
}

/*****************main Menu******************/
/**************Login Page******************/
.login-page{
    height: calc(96vh - 2vh);
    position: relative;
}

/*.login-page .form-content { height: 100%; }*/
.login-page .form-content-box {
    padding: 0 40px;
    text-align: center;
    width: 50%;
    margin: 70px auto 0;
}

/*.login-page .register-wrap {
    width: 90%;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: initial;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0px 0px 6px 0px #7d7d7d;
    padding: 0;
    border-radius: 30px;
}*/
.login-page .register-wrap {
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.login-text {
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    padding: 18px 0;
    text-align: center;
}

.login-page .registration-top {
    padding: 0 40px 0 0;
    border-bottom: 0;
    /* margin-top: 40px; */
    display: block;
}

.page-title {
    display: none;
}

.registration-bottom {
    padding: 20px 0 35px 0;
    text-align: center;
}

.registration-bottom p {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
}

.signup-text a.here {
    color: #767779;
}

/* .forgot-password-sec{ border-radius:20px; background:#E6814B;} */
.login-page .forgot-password-sec .registration-top {
    background: #fff;
    padding: 0px !important;
    margin: 0;
    width: 100%;
    display: block;
    border-radius: 20px;
}

.login-page .forgot-password-sec .registration-top h2 {
    color: #E6814B;
}

.login-page .forgot-password-sec .registration-top img {
    height: 50px;
}

.forgot-password p.rotat-p {
    font-size: 25px;
    left: -73px;
    bottom: -167px;
}

.thank-you .registration-top {
    display: block;
}

.before-left-content {
    background: #F4FEFF;
    padding: 30px 30px 30px 15px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 100%;
}

.before-right-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 30px 15px 30px 30px;
    /* align-items: center; */
}

.before-right-content h2 {
    padding: 0;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: 28px;
    color: #E6814B;
}

.before-right-top p {
    color: #666464;
}

.before-login-pages .before-right-content p {
    font-size: 15px;
    color: #000 !important;
    padding: 0;
    padding: 0;
}

.padd-top {
    padding-top: 20px;
    border-radius: 10px;
}


.reg-bottom h3 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 15px;
}

.login-page .login-img {
    height: 80%;
}

.form-group.input-icon {
    position: relative;
    margin: 0;
}

.country-icon.selct-new select {
    width: 100% !important;
    padding-left: 5px !important;
}



.input-icon.username-icon:after {
    background-position: -71px -116px;
}

.input-icon.password-icon1:after {
    background-position: -71px -166px;
}

.input-icon.username-icon2:after {
    background-position: -71px -367px;
}

.input-icon.country-icon:after,
.input-icon.country-icon:after {
    background-position: -71px -493px;
}

.input-icon.email-icon:after {
    background-position: -71px -450px;
}

.input-icon.password-icon:after {
    background-position: -71px -410px;
}

.eye-open .password-icon-login:after {
    background-position: -78px -664px;
    left: -30px;
    top: -54px;
    width: 25px;
    height: 25px;
    margin: 0 auto;    
    position: absolute;
    display: inline-block;
}

.password-icon-login:after {
    content: "";
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: inline-block;
    background: url(/Images/sprite-proppulse.png);
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: -54px;
    left: -30px;
    background-position: -78px -615px;
}

.password-icon-login-reg:after {
    content: "";
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: inline-block;
    background: url(/Images/sprite-proppulse.png);
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: -54px;
    left: -30px;
    background-position: -78px -615px;
}

.eye-open .password-icon-login-reg:after {
    background-position: -78px -664px;
    left: -30px;
    top: -54px;
    width: 25px;
    height: 25px;
    margin: 0 auto;    
    position: absolute;
    display: inline-block;
}
.input-icon:after {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: inline-block;
    background: url(/Images/new-sprite-lt.png);
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: 11px;
    left: 10px;
}

/********Login Page**********/
.forgot-password.login-page .home-redirect {
    display: inline-block;
}

.home-redirect {
    position: absolute;
    right: 5px;
    top: 10px;
    margin: 0;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 19px;
    font-weight: 400;
    z-index: 1;
    background: #E6814B;
    border-radius: 40px;
    display: none;
}

span.close-btm {
    vertical-align: middle;
}

.home-redirect a {
    font-family: monospace;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    top: 2px;
}

/*********Spet2 page**************/
.form-step-wrapper {
    padding: 0;
    overflow: hidden;
    background: #06203d;
    position: relative;
}

.form-step {
    padding: 0 15px;
    text-align: center;
    display: inline-block;
    width: 33%;
}

.form-step h2 {
    vertical-align: middle;
    margin: 5px 0 9px 0;
}

.main-heading.step-two {
    padding: 40px 0 0 0;
}

.form-step h2 span.text-head {
    font-size: 18px;
    color: #fff;
    background: transparent !important;
    border: none !important;
    display: block;
    width: auto;
    height: auto;
    padding: 0 0;
    margin: 0 0;
    text-transform: capitalize;
}

.form-step h2 span {
    font-size: 30px;
    width: 45px;
    height: 45px;
    color: #185da8;
    border-radius: 25px;
    padding: 1px 6px 6px 6px;
    margin-right: 9px;
    display: inline-block;
    margin-right: 11px;
    text-align: center;
    border: 2px solid #fff;
    vertical-align: middle;
    background: #06203d;
}

.form-step.active h2 span {
    color: #fff;
    background: #185da8;
    border: 2px solid #185da8;
}

.form-step.active.icon-check h2 span {
    color: #fff;
    background: #55b429;
    border: 2px solid #55b429;
}

.form-step.active.icon-check h2 span i {
    color: #03560b;
}

.form-content-box.step-two-wrapper {
    padding: 0 15px;
    color: #fff;
    background: #f3f3f3;
}

.form-content-box.step-two-wrapper .step-two-box select {
    width: 100%;
}

.form-content-box.step-two-wrapper button.btn.btn-default {
    width: 100%;
    padding: 5px 70px;
    font-size: 22px;
    height: auto;
    background: #E6814B;
    text-decoration: none;
    border: 0;
}

.form-content-box.step-two-wrapper button.btn.btn-default:hover {
    background: #6bda36;
    text-decoration: none;
    border: 0;
}

.form-content-box.step-two-wrapper button.btn.btn-default:focus {
    background: #3e8d18;
    text-decoration: none;
    border: 0;
}

.form-content-box.step-two-wrapper button.btn.btn-default:after {
    display: none;
}

.form-content-box.step-two-wrapper .form-group .arrow select {
    width: 32.5%;
}

.form-content-box.step-two-wrapper .form-group .arrow.middle select {
    width: 31%;
}

.step-two-wrapper {
    background: #ffffff none repeat scroll 0 0;
    padding: 25px 35px 0px 0;
    border-radius: 0 0 30px 30px;
}

.step-two-box.step2 {
    padding: 0;
}

.forgot-password .step-two-wrapper {
    padding: 15px 20px 10px 40px;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: -1px 0 0 0;
}

.real-form-boder {
    padding-bottom: 15px;
}

.step-box-head {
    margin: 0 0 35px;
}

.personal-details .step-box-head {
    margin: 30px 15px;
}

.step-box-head a {
    color: #363636;
}

.title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    color: 636363;
    line-height: normal;
}

:lang(sv) .title {
    font-size: 16px !important;
}

:lang(sv) .sub-footer .sf_title {
    font-size: 20px;
}

.medium-title {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 6px;
    color: 636363;
    line-height: normal;
}

.thank-title {
    font-size: 34px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 6px;
    color: 636363;
    line-height: normal;
}

.green-heading {
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
    color: #E6814B;
    line-height: normal;
}

.personal-details .step-box-head .green-bg:before {
    display: none;
}

.personal-details .step-box-head .green-bg {
    border-radius: 16px !important;
}

.step-info {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 18px;
    display: flex;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.green-bg {
    background: #119a68 none repeat scroll 0 0;
    border-radius: 16px 0 0 16px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative;
    color: #fff;
}

.green-bg::after {
    border-bottom: 19px solid transparent;
    border-left: 14px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    right: -13px;
    top: 0;
}

.green-bg:last-child::before {
    border-bottom: 19px solid transparent;
    border-left: 14px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.green-bg:nth-child(2n)::before {
    border-bottom: 19px solid transparent;
    border-left: 14px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.green-bg:last-child {
    border-radius: 0 16px 16px 0 !important;
}

.green-bg:nth-child(2n) {
    border-radius: 0;
}

.green-bg:last-child::after {
    display: none;
}

.common-border {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

.common-border-profile {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-top: 5px;
}

.select-btn {
    background: #e6e6e6 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px !important;
    display: inline-block;
    padding: 10px 15px;
    width: 31.3%;
    color: #333;
}

.select-btn-middle {
    margin: 0 10px !important;
}

.select-btn.active,
.select-btn:focus,
.select-btn:hover,
.select-btn.active,
.select-btn.focus {
    background: #E6814B none repeat scroll 0 0 !important;
    border: medium none;
    box-shadow: none;
}

.step-two-wrapper .btn-group {
    display: block;
}

.extra-padding {
    padding-left: 45px;
    padding-right: 45px;
}

.flex-box {
    align-items: center;
    display: flex;
    justify-content: center;
}

.small-size-para {
    font-size: 12px;
}

.leverage-details {
    margin-bottom: 35px;
}

.leverage-details .btn-group .btn {
    float: none;
}

.shwd-wrap-box {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 3px 4px 33px 1px rgba(204, 204, 204, 0.75);
    margin: 8px 0;
    padding: 25px 0;
    text-align: center;
    border-radius: 5px;
}

.shwd-wrap-box .medium-title {
    color: #969696;
    font-size: 32px;
    margin-bottom: 16px;
}

.shwd-wrap-box .select-btn {
    background: rgba(162, 231, 0, 1);
    background: -moz-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162, 231, 0, 1)), color-stop(100%, rgba(133, 190, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(162, 231, 0, 1) 0%, rgba(133, 190, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2e700', endColorstr='#85be00', GradientType=0);
    border: medium none;
    border-radius: 40px !important;
    padding: 15px 65px;
    width: auto;
    display: inline-block;
    color: #fff;
}

.shwd-wrap-box .select-btn:hover,
.shwd-wrap-box .select-btn:focus {
    background: rgba(133, 190, 0, 1);
    background: -moz-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 190, 0, 1)), color-stop(100%, rgba(162, 231, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(133, 190, 0, 1) 0%, rgba(162, 231, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85be00', endColorstr='#a2e700', GradientType=0);
}

.shwd-wrap-box:nth-child(2n) {
    padding: 25px 0 5px;
    z-index: 2;
}

.shwd-wrap-box:nth-child(2n)::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 6px 12px rgba(204, 204, 204, 0.4);
    bottom: -16px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.shwd-wrap-box:nth-child(2n)::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 -6px 12px rgba(204, 204, 204, 0.4);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -16px;
    width: 100%;
}

.ribbon-title {
    background: #309bff none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: -25px -11px 15px;
    padding: 8px 0;
    position: relative;
}

.ribbon-title::before {
    border-bottom: 7px solid #95ccff;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    left: 1px;
    top: -16px;
}

.ribbon-title::after {
    border-bottom: 7px solid #95ccff;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    right: 1px;
    top: -16px;
}

.white-bg {
    position: relative;
    box-sizing: border-box;
}

.white-bg:before {
    border: 13.5px solid black;
    border-color: transparent;
    content: "";
    position: absolute;
    left: -12px;
    top: 28px;
    width: 0;
    height: 0;
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: rotate(-135deg);
}

a.new-account {
    font-size: 13px;
    color: #000000;
}

a.new-account:hover {
    text-decoration: none;
}

a.new-account:hover {
    color: #E6814B;
}

.home-redirect a:hover {
    color: #fff;
}

/*********Step2 page**************/
/*****************Registration Step One *************************************/
/******* registration top **********/
/*---------------------*/
.register-logo {
    display: flex;
    margin: 0;
    align-items: center;
}

.register-logo img.img-responsive {
    width: auto;
    margin-right: 50px;
}

.login-top {
    text-align: center;
    display: flex;
    justify-content: center;
}

.before-reg {
    background: #5b9fae24;
    padding: 30px 30px 30px 15px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 100%;
}

.before-reg .login-img {
    padding: 80px 0 80px 0;
}

.switcher {
    align-items: center;
    display: none !important;
    justify-content: center;
    margin: 10px 20px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0 12px;
}

.switch input {
    display: none;
}

.login-box {
    display: none !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E6814B;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

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

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

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:checked+a .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.switcher>span {
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

span.green {
    color: #E6814B;
}

.green {
    color: #E6814B;
}

.text {
    font-size: 12px;
}

/*-------------------*/
.right-cont {
    align-items: center;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

.right-cont div {
    display: inline-block;
}

.registration-top {
    /*background: #fff none repeat scroll 0 0;*/
    /* border-radius: 0px 30px 0 0; */
    padding: 0px 40px 20px;
    width: 100%;
    margin: auto;
    display: none;
}

.join-btn {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #119a68;
    border-radius: 25px;
    color: #119a68;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 10px 35px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s ease-in 0s;
}

.join-btn:hover,
.join-btn:focus {
    background: #119a68 none repeat scroll 0 0;
    border: 2px solid #E6814B;
    color: #fff;
    text-decoration: none;
}

/******* registration top end **********/
.register-wrap {
    margin: 0 auto;
    width: 90%;
    background: #ffffff none repeat scroll 0 0;
    position: relative;
    padding: 0px;
    border-radius: 30px
}

.form-content-box {
    padding: 0;
}

.left-login-wrapper {
    padding: 50px 0;
}

.right-login-wrapper {
    background: #ffffff none repeat scroll 0 0;
    padding: 30px;
    height: auto;
    position: relative;
}

.right-login-wrapper .main-heading,
.left-login-wrapper .main-heading {
    padding: 0 0 30px 0;
}

.ibuser-login {
    overflow: hidden;
}

.ibuser-login .rpl-top {
    align-items: center !important;
}

/* .form-content .ibuser-login .form-inline .form-group span{bottom: 0;right:15px;} */

.icon-title {
    color: #3a3a3a;
    font-size: 22px;
}

.icon-title img {
    background: #365c95;
    border-radius: 30px;
    padding: 9px 10px 5px 8px;
    margin-right: 15px;
}

.btn.sign-up,
.sign-up {
    width: 100%;
    font-size: 15px;
    margin: 0 0 5px;
    text-decoration: none;
    background: #119a68;
    border: none;
    border-radius: 30px;
    color: #fff;
    display:
        inline-block;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    font-family: 'Roboto-Bold';
}

.btn.sign-up:hover,
.btn.sign-up:focus,
.sign-up:hover,
.sign-up:focus {
    background: #767779;
    border: none;
    color: #fff;
    text-decoration: none;
}

.right-login-wrapper p {
    margin: 0 0 15px;
    font-size: 10px;
    text-align: center;
}

.right-login-wrapper .form-group input.country-code {
    width: 20%;
    float: left;
    margin-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

span.form-control-colour-text {
    color: #545454;
    padding: 10px 3px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
    border: 1px solid #cccccc;
    padding-left: 12px;
    border-radius: 5px;
    text-align: left;
}

.right-login-wrapper .form-group input.ph-number {
    width: 80% !important;
    margin: 0 !important;
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 10px !important;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.btn.normal-btn,
.normal-btn {
    padding: 15px 65px;
    width: auto;
    background: transparent;
    color: #119a68;
    border: 2px solid;
}

.btn.normal-btn.normal-btn-left:hover,
.btn.normal-btn.normal-btn-left:focus,
.normal-btn.normal-btn-left:hover,
.normal-btn.normal-btn-left:focus {
    background: #119a68;
    border: 2px solid #119a68;
    color: #fff;
}

.btn.normal-btn.normal-btn-right,
.normal-btn.normal-btn-right {
    color: #767779;
}

.btn.normal-btn.normal-btn-right:hover,
.btn.normal-btn.normal-btn-right:focus,
.normal-btn.normal-btn-right:hover,
.normal-btn.normal-btn-right:focus {
    background: #767779;
    border: 2px solid #767779;
    color: #fff;
}

.select-btn.active {
    background: #E6814B !important;
}

tr.active td:first-child {
    /* background: #e7e7e7; */
}

.register-wrap .btn-primary {
    color: #E6814B ! IMPORTANT;
    background: #0000;
    border: 1px solid #0000;
    color: #E6814B;
    border-radius: 25px !important;
    box-shadow: 1px 0px 11px -4px #57849b !important;
}

.register-wrap .btn-primary.select-btn.active,
.register-wrap .select-btn:hover {
    color: #fff !IMPORTANT;
    background: #E6814B;
    border: 1px solid #E6814B;
}

body .report_page {
    padding: 30px;
}

.report_page table.dataTable.no-footer {
    border-bottom: 1px solid #DCDCDC;
}

.report_page table.dataTable>thead>tr>th,
.report_page table.dataTable>thead>tr>td {
    border-bottom: 1px solid #DCDCDC;
}

.report_page table.dataTable thead .sorting {
    background-image: none !important;
}

.report_page .btn-default {
    margin: 0 0 0 7px;
}

.report_page .input-daterange .input-group-addon {
    border-width: 1px 0px 1px 1px;
}

.report_page .paging_simple_numbers span a {
    border: 1px solid #119a68;
    margin: 0 2px;
    box-shadow: 1px 0px 4px #88cff1;
    border-radius: 21.5px;
    padding: 3px 15px;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    background: #E6814B;
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
}

.report_page .paging_simple_numbers a {
    text-decoration: underline;
}

/*****************Registration Step One End*************************************/
/***************Side Bar CSS*****************************/
/****************Slidebar START**********************/
aside.main-sidebar {
    float: left;
    height: 100Vh;
}

.sidebar ul.sidebar-menu {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99;
}

/*.sidebar ul.sidebar-menu::after { background: #252d3a none repeat scroll 0 0; content: ""; height: 40%; position: absolute; width: 250px; z-index: 0; }*/
.sidebar ul.sidebar-menu:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 33%;
    background: #252d3a;
    display: none;
}

.sidebar ul.sidebar-menu li {
    list-style: outside none none;
    margin: 0 auto;
}

.sidebar ul.sidebar-menu .text-center {
    display: block;
    text-align: left;
    padding-left: 15px;
}

.sidebar ul.sidebar-menu li a {
    color:#404040;
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Roboto-Bold';
    background: #F2BB4A;
}

.sidebar ul.sidebar-menu li a i {
    padding-right: 15px;
}

.sidebar ul.sidebar-menu li a i.withdrawal {
    transform: rotate(180deg) translate(15px, 0px);
}

.sidebar ul.sidebar-menu li a:hover i,
.sidebar ul.sidebar-menu li a:focus i {
    color: #767779;
}

li.treeview.active a i {
    color: #ffffff;
}

.sidebar ul.sidebar-menu li a:hover,
.sidebar ul.sidebar-menu li a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
    background: #E6814B;
    ;
    position: relative;
}

.sidebar ul.sidebar-menu li a:hover:after,
.sidebar ul.sidebar-menu li a:focus:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #767779;
    display: none;
}

.sidebar li.treeview.active a {
    color: #fff !important;
    text-decoration: none !important;
    background: #E6814B;
}

li.treeview.active {
    position: relative;
}

li.treeview.active a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    display: none;
}

.sidebar ul.sidebar-menu li a:hover,
.sidebar ul.sidebar-menu li a:focus {
    color: #fff;
    text-decoration: none !important;
    background: #E6814B
}

.sidebar ul.sidebar-menu li:last-child {
    border: none;
}

.sidebar ul.sidebar-menu li a i {
    color: #fff;
}

.sidebar ul.sidebar-menu li.trade-now-bttn {
    background: #119a68;
}

.sidebar ul.sidebar-menu li.trade-now-bttn a {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.sidebar ul.sidebar-menu li.trade-now-bttn a:hover,
.sidebar ul.sidebar-menu li.trade-now-bttn a:focus {
    color: #fff;
}

.sidebar ul.sidebar-menu li .s-icon {
    height: 20px;
    width: 20px;
    display: block;
    margin: auto;
    float: left;
    margin-right: 10px;
    display:none;
}

.sidebar ul.sidebar-menu .op-icon {
    background-position: -168px -655px;
}

.sidebar ul.sidebar-menu li a:hover .op-icon,
.sidebar ul.sidebar-menu li a.active .op-icon {
    background-position: -168px -655px;
}

.sidebar ul.sidebar-menu .user {
    background-position: -277px -51px;
}

.sidebar ul.sidebar-menu li a:hover .user,
.sidebar ul.sidebar-menu li a.active .user {
    background-position: -170px -52px;
}

.sidebar ul.sidebar-menu .d-icon {
    background-position: -279px -114px;
}

.sidebar ul.sidebar-menu li a:hover .d-icon,
.sidebar ul.sidebar-menu li a.active .d-icon {
    background-position: -171px -113px;
}

.sidebar ul.sidebar-menu .w-icon {
    background-position: -276px -173px;
}

.sidebar ul.sidebar-menu li a:hover .w-icon,
.sidebar ul.sidebar-menu li a.active .w-icon {
    background-position: -168px -173px;
}

.sidebar ul.sidebar-menu .t-icon {
    background-position: -276px -231px;
}

.sidebar ul.sidebar-menu li a:hover .t-icon,
.sidebar ul.sidebar-menu li a.active .t-icon {
    background-position: -169px -231px;
}

.sidebar ul.sidebar-menu .a-icon {
    background-position: -277px -289px;
}

.sidebar ul.sidebar-menu li a:hover .a-icon,
.sidebar ul.sidebar-menu li a.active .a-icon {
    background-position: -169px -290px;
}

.sidebar ul.sidebar-menu .b-icon {
    background-position: -279px -350px;
}

.sidebar ul.sidebar-menu li a:hover .b-icon,
.sidebar ul.sidebar-menu li a.active .b-icon {
    background-position: -171px -350px;
}

.sidebar ul.sidebar-menu .earphone {
    background-position: -278px -409px;
}

.sidebar ul.sidebar-menu li a:hover .earphone,
.sidebar ul.sidebar-menu li a.active .earphone {
    background-position: -170px -411px;
}

.sidebar ul.sidebar-menu .mo-icon {
    background-position: -275px -588px;
}

.sidebar ul.sidebar-menu li a:hover .mo-icon,
.sidebar ul.sidebar-menu li a.active .mo-icon {
    background-position: -168px -589px;
}

.sidebar ul.sidebar-menu .ar-icon {
    background-position: -275px -620px;
}

.sidebar ul.sidebar-menu li a:hover .ar-icon,
.sidebar ul.sidebar-menu li a.active .ar-icon {
    background-position: -168px -620px;
}

.main-sidebar:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3000px;
    background: #F2BB4A;
    right: 0;
}

button.btn.btn-secondary {
    color: #fff;
    border-radius: 50px;
}

/****************Sidebar End**********************/
/*************************/
.small-box.bg-aqua {
    margin: 0 0 15px 0;
}

.small-box.bg-aqua .inner {
    text-align: center;
    position: relative;
}

.small-box.bg-aqua .inner h3 {
    color: #004c93;
    padding: 25px 0;
    border: 1px solid;
    margin: 0;
    font-family: 'Roboto-Bold';
}

.small-box.bg-aqua .inner p {
    color: #000;
    padding: 6px 20px;
    font-family: 'Roboto-Bold';
    margin: auto;
    display: inline-block;
    background: #fff;
    position: relative;
    top: 16px;
    left: 0;
    right: 1px;
    margin: auto;
}

/*.four-box>div {
    padding: 0 8px;
}*/

.four-box .verify-ac {
    display: block;
    text-align: center;
    padding: 25px 0;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    background: rgba(212, 23, 23, 1);
    background: -moz-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212, 23, 23, 1)), color-stop(100%, rgba(102, 1, 1, 1)));
    background: -webkit-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: -o-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: -ms-linear-gradient(top, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    background: linear-gradient(to bottom, rgba(212, 23, 23, 1) 0%, rgba(102, 1, 1, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41717', endColorstr='#660101', GradientType=0);
    transition: 1s;
}

.four-box .verify-ac:hover {
    color: #fff;
    background: rgba(102, 1, 1, 1);
    background: -moz-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102, 1, 1, 1)), color-stop(100%, rgba(212, 23, 23, 1)));
    background: -webkit-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: -o-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: -ms-linear-gradient(top, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    background: linear-gradient(to bottom, rgba(102, 1, 1, 1) 0%, rgba(212, 23, 23, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660101', endColorstr='#d41717', GradientType=0);
}


/************************/
.wr-table-wrap {
    display: flex;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #223752;
}

.wr-table-wrap>div {
    width: 33.33%;
    text-align: center;
}

@media screen and (max-width: 767px) {

    .trading-history-heading {
        margin: 0;
    }

    .wr-table-wrap>div {
        width: 50%;
        text-align: center;
    }

    .payment-methods-table .common-table tr td span.color-link {
        display: inline-block;
        margin: 0 15px 8px 0;
    }

    .before-right-content {
        padding: 0;
    }

    .right-login-wrapper {
        padding: 30px 0 10px 0;
        margin-bottom: 10px;
    }

    .login-page .register-wrap {
        width: 100%;
        padding: 0 20px;
    }

    .step-two-wrapper {
        padding: 0;
    }

    .login-page .registration-top {
        padding: 0;
    }

    .lang-dropdown .drop-down {
        width: 75px;
    }

    .login-page .register-wrap {
        width: 100%;
    }

}

/****************Right Content***************/
.content-area {
    position: relative;
    min-height: 100%;
    /* float: left; */
}

.content-area.r-page {
    min-height: 100vh;
    /* float: left; */
    display: flex;
    align-items: center;
}

.my-ac-wrapper {
    margin-bottom: 40px;
}

.my-ac-wrapper .row-inner {
    display: block;
    float: left;
    width: 100Vw;
    overflow: hidden;
}

.my-ac-wrapper .row-inner {
    background-color: #ffffff;
    
}

.right-content {
    /*float: left;*/
}

.right-content p {
    font-size: 14px;
    padding: 0 15px;
    color: #000000;
    ;
}

.content-wrapper {
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin: 20px 30px 25px 0px;
}

.white-background {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 15px #e4e4e4;
    padding: 0 20px 30px;
}

.trade-btns {
    border: 1px solid #363636;
    border-radius: 30px;
    color: #363636;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 100%;
}

.trade-btns:hover,
.trade-btns:focus {
    text-decoration: none;
    color: #fff;
    background: #363636;
    border: 1px solid #363636;
}

.trade-btns.green {
    border: 1px solid #363636;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 18px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 100%;
    background: #363636;
}

.trade-btns.green:hover,
.trade-btns.green:focus {
    text-decoration: none;
    border: 1px solid #363636;
    background: transparent;
    color: #363636;
}

.trade-deposit-btns {
    background: #3e4a45;
    background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%);
    background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0);
    padding: 4px 40px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    border-radius: 30px;
    text-transform: uppercase;
    margin: 18px auto 0;
    position: relative;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    float: right;
    border: 1px solid #119a68;
    background: #119a68;
}

.trade-deposit-btns:hover,
.trade-deposit-btns:focus {
    background: #1f1f1f;
    background: -moz-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1f1f1f), color-stop(100%, #3e4a45));
    background: -webkit-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: -o-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: -ms-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%);
    background: linear-gradient(to bottom, #1f1f1f 0%, #3e4a45 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#3e4a45', GradientType=0);
    text-decoration: none;
    border: 0;
    color: #d8d8d8;
    border: 1px solid #119a68;
}

.trade-deposit-btns span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    top: 0;
}

.trade-deposit-btns.demo-btn {
    font-size: 17px;
    padding: 18px 0;
}

.dashboar-content {
    text-align: center;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000
}

.before-right-content h2 {
    margin: 20px 0 5px 0;
}

.swedish .trade-deposit-btns {
    padding: 15px;
}

.f-lex {
    display: flex;
    align-items: center;
}

.dashboard-top {
    position: relative;
    margin-bottom: 30px;
}

.dashboard-top .s-icon {
    height: 38px;
    width: 37px;
    border-radius: 50%;
    background: #efefef;
}

.d-sec .s-icon.icon1 {
    background-position: -39px -362px;
}

.d-sec .s-icon.icon2 {
    background-position: -40px -448px;
}

.d-sec .s-icon.icon3 {
    background-position: -40px -539px;
}

.d-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0px #a2a2a2;
    padding: 15px;
}

.dashboard-top .col-md-4:nth-child(1) .d-sec {
    background: #ceffb5;
}

.dashboard-top .col-md-4:nth-child(2) .d-sec {
    background: #b1ec93;
}

.dashboard-top .col-md-4:nth-child(3) .d-sec {
    background: #E6814B;
}

.dashboard-top .col-md-4:nth-child(1) .d-sec h3 {
    color: #1d2918;
}

.dashboard-top .col-md-4:nth-child(2) .d-sec h3 {
    color: #1d2918;
}

.dashboard-top .col-md-4:nth-child(3) .d-sec h3 {
    color: #1d2918;
}

.d-sec h3 {
    margin: 0 0 0 15px;
    color: #000;
    font-size: 22px;
}

.d-sec h3 span {
    font-size: 30px;
    font-family: 'Roboto-Bold';
    margin-left: 15px;
}

.dashboard-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 915px;
    height: auto;
}

.content-wrapper.dashboard-wrap {
    min-height: 925px;
    height: auto;
    margin-top: 20px;
}

.dashboard-bottom>div.col-md-9 {
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    -webkit-box-shadow: 0px -1px 9px 6px #d5e4fe;
    -moz-box-shadow: 0px -1px 9px 6px #d5e4fe;
    height: fit-content;
    background-color: none;
    padding: 0;
    padding-bottom: 25px;
    border-radius: 20px;
}

.content-wrapper>.dashboard-bottom>div.col-md-12 {
    /* box-shadow: 0px -1px 9px 6px #d5e4fe;
    -webkit-box-shadow: 0px -1px 9px 6px #d5e4fe;
    -moz-box-shadow: 0px -1px 9px 6px #d5e4fe; */
    height: fit-content;
    padding-bottom: 25px;
    /* background-color: none; */
    /* border: 1px solid #D8D8D8; */
    border-radius: 20px;
    box-shadow: 0px -1px 9px 6px #d5e4fe;


}

.content-wrapper>.dashboard-bottom.d-upload>div.col-md-12 {
    box-shadow: none;
    height: fit-content;
    padding-bottom: 25px;
    background-color: none;
}

.dashboar-content h2 {
    color: #119a68;
    font-size: 27px;
}

.border-link {
    margin: 0 5px;
    text-decoration: underline !important;
    font-family: 'Roboto-Bold';
    color: #363636;
}

/****************Right Content**************/
/********************Withdrawal Request************************/
button.btn.btn-default.cancle {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #9f9f9f;
    border-radius: 40px;
    color: #9f9f9f;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 20px 80px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
}

button.btn.btn-default.cancle:hover,
button.btn.btn-default.cancle:focus {
    text-decoration: none;
    color: #fff;
    background: #9f9f9f;
    border: 2px solid #9f9f9f;
}

.equal-part {
    display: inline-block;
    margin-right: 1%;
    width: 48%;
}



.equal-part:last-child {
    margin-left: 1%;
    margin-right: 0;
}

.monetary_stmt_form {
    padding: 0;
    margin: 0;
}

/* Additional Real Account */
.additional-rpage .checkbox-wrapp {
    position: relative;
    margin: 0 0 0 20px;
}

.additional-rpage .CheckBoxClass {
    position: absolute;
    top: 12px;
    left: -20px;
    border-color: rgb(185, 74, 72);
}

.additional-rpage .form-content .form-inline .form-group.checkboxerror .form-error {
    right: auto;
    left: 21px;
    bottom: -5px;
}

/********************Withdrawal Request***********************/

/*******table********/
#myTable_wrapper #myTable_length,
#myTable_wrapper #myTable_filter,
#myTable_wrapper #myTable_paginate,
#myTable_wrapper #myTable_paginate {
    display: none;
}

table.table.table-cm.table-th-cm {
    border: 1px solid #ccc !important;
    background: #f1f1f1;
    border: none;
    border-radius: 0;
    margin: 0 auto 40px;
}

table.table.table-cm.table-th-cm>thead>tr>th {
    background: #F6F6F6;
    vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
    color: #000;
    font-family: 'Roboto-Bold';
    text-align: center;
    padding: 15px 6px;
    text-transform: capitalize;
    border-bottom: 1px solid #ccc;

}

table.table.table-cm.table-th-cm>thead>tr>th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

table.table.table-cm.table-th-cm>thead>tr>th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

table.table.table-cm.table-th-cm>tbody>tr>td {
    font-size: 15px;
    font-weight: normal;
    color: #363636;
    padding: 15px 6px;
    border-bottom: 1px solid #d0d0d0;
    border-right: 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: 300;
    background: #fff;
}

table.table.table-cm.table-th-cm>tbody>tr>td:last-child {
    border-right: none;
}

.td-link {
    border: 2px solid #119a68;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 10px;
    text-transform: uppercase !important;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    background: #119a68;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Roboto-Bold';
    margin: 0 0 5px 0;
}

.td-link:hover,
.td-link:focus {
    background: #767779;
    text-decoration: none;
    border: 2px solid #767779;
    color: #fff !important;
}

p.risk-warning {
    float: right;
    text-align: left;
    font-size: 14px;
    margin: 8px 0;
}

td.pymnt-methods {
    background: #61666d;
    font-family: 'Roboto-Bold' !important;
}

#myTable_wrapper #myTable_paginate,
#myTable_wrapper #myTable_paginate {
    display: block;
    float: right;
}

.paging_simple_numbers a {
    font-size: 16px;
    margin: 0 8px;
    cursor: pointer;
    color: #000000;
}

.paging_simple_numbers span a {
    border: 1px solid #119a68;
    padding: 0 8px;
    margin: 0 2px;
}

/******table*********/
/********************Personal Details***********************/
.account-info {
    margin: 0 0 35px;
    text-align: center;
}

.account-info h4 {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 10px;
}

.account-info span {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 30px;
    display: inline-block;
    padding: 8px 24px;
}

/********************Personal Details end***********************/
/**************Deposite Fund************************/
.account-type-accordion {
    display: none;
}

.tab-content.deposit-wrapper-content {
    margin-top: -30px;
}

.deposit-wrapper .nav-tabs {
    border: 0;
}

.form-content .form-inline input {}

.form-content.spacetop3x .form-group .btn-group .btn.btn-secondary {
    padding: 10px 10px;
    border-radius: 0;
    border: 1px solid rgb(189, 189, 238);
}

.form-content.spacetop3x .form-group .btn-group .btn.btn-secondary.active {
    background-color: rgb(186, 186, 206);
}

.form-content-box.form-content-box-label-full.form-content-box-label-full-personal .form-inline textarea.form-control.form-message {
    height: 164px !important;
    width: 100%;
}

.form-content-box.form-content-box-label-full.form-content-box-label-full-personal input#captcha {
    width: 80%;
}

.form-content-box.form-content-box-label-full.form-content-box-label-full-personal span.captcha {
    top: 0;
    margin: 0;
    float: right;
    padding: 6px 10px;
}

.form-content .form-inline label.form-label {
    align-items: center;
    color: white;
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding-left: 0;
}

.deposit-wrapper .form-content-box {
    padding: 30px 0;
    margin-bottom: 70px;
}

.deposit-wrapper-tabs .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 33px;
}

.account-wrapp>span.details-wrapp {
    display: none;
}

.account-wrapp>.form-content label.form-label span {
    position: relative;
    color: #f83232;
    left: -5px;
    margin-left: -6px;
    display: none;
}

.form-inline .form-group select.form-control.e-date {
    width: 26%;
    float: left;
    margin-right: 2%;
}

.form-inline .form-group select.form-control.e-date:last-child {
    margin: 0;
}

.deposit-wrapper-tabs li a {
    cursor: pointer;
    background-color: #365c95;
    border: 0;
    border-bottom-color: transparent;
    height: 55px;
    background: url(/Images/sprite.png);
    background-repeat: no-repeat;
    background-position: 14% -17px;
}

.deposit-wrapper-tabs li a:hover,
.deposit-wrapper-tabs li.active>a,
.deposit-wrapper-tabs li.active>a:hover,
.deposit-wrapper-tabs li.active>a:focus {
    background-color: #365c95;
    background-position: 14% -87px;
    border-radius: 6px;
}

.deposit-wrapper-tabs li.wire a {
    background-position: 14% -165px;
}

.deposit-wrapper-tabs li.wire a:hover,
.deposit-wrapper-tabs li.wire.active>a,
.deposit-wrapper-tabs li.wire.active>a:hover,
.deposit-wrapper-tabs li.wire.active>a:focus {
    background-position: 14% -236px;
}

.deposit-wrapper-tabs li.neteller a {
    background-position: 14% -310px
}

.deposit-wrapper-tabs li.neteller a:hover,
.deposit-wrapper-tabs li.neteller.active>a,
.deposit-wrapper-tabs li.neteller.active>a:hover,
.deposit-wrapper-tabs li.neteller.active>a:focus {
    background-position: 14% -370px;
}

.deposit-wrapper-tabs li.neteller a {
    background-position: 14% -310px;
}

.deposit-wrapper-tabs li.neteller a:hover,
.deposit-wrapper-tabs li.neteller.active>a,
.deposit-wrapper-tabs li.neteller.active>a:hover,
.deposit-wrapper-tabs li.neteller.active>a:focus {
    background-position: 14% -370px;
}

.deposit-wrapper-tabs li.alternative a {
    background-position: 14% -443px;
}

.deposit-wrapper-tabs li.alternative a:hover,
.deposit-wrapper-tabs li.alternative.active>a,
.deposit-wrapper-tabs li.alternative.active>a:hover,
.deposit-wrapper-tabs li.alternative.active>a:focus {
    background-position: 14% -510px;
}

.deposit-wrapper-tabs li.money a {
    background-position: 14% -579px;
}

.deposit-wrapper-tabs li.money a:hover,
.deposit-wrapper-tabs li.money.active>a,
.deposit-wrapper-tabs li.money.active>a:hover,
.deposit-wrapper-tabs li.money.active>a:focus {
    background-position: 14% -655px;
}

.deposit-wrapper h2.small-heading {
    padding: 0 0 30px;
    margin: 0;
}

/*------------------ Payment Type Wrap --------------------*/
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.payment-type-wrap {
    margin: 20px 0;
}

.payment-detail-box {
    align-items: center;
    border: 3px solid #ccc;
    border-radius: 6px;
    display: flex;
    color: #363636;
    font-size: 16px;
    font-weight: 400;
    /*height: 100%;*/
    justify-content: center;
    margin: 0 0 8px;
    padding: 15px 0;
    position: relative;
}

body.spanish .payment-detail-box {
    min-height: 130px;
}

.payment-detail-box.active {
    background: #f1fed3 none repeat scroll 0 0;
    border: 3px solid #99d213;
}

.payment-detail-box.active::after {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #99d213;
    border-radius: 18px;
    color: #969696;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 13px;
    height: 28px;
    padding-top: 2px;
    position: absolute;
    right: -14px;
    top: -12px;
    width: 28px;
}

.payment-support {
    margin: 0;
    padding: 0;
}

.payment-support li {
    align-items: center;
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    list-style: outside none medium;
    margin: 0;
    padding: 0 15px;
    position: relative;
}

.payment-detail-box.document-detail-box {
    padding: 15px 0;
    cursor: pointer;
}

/*.document_active_box:after { background: #fff none repeat scroll 0 0; border: 3px solid #99d213; border-radius: 18px; color: #969696; content: "\f00c"; font-family: fontawesome; font-size: 13px; height: 28px; padding-top: 2px; position: absolute; right: -14px; top: -12px; width: 28px; }

.document_active_box { background: #f1fed3 none repeat scroll 0 0; border: 3px solid #99d213; padding: 25px 0; position:relative; align-items: center; border-radius: 6px; color: #363636; display: flex; font-size: 12px; font-weight: 400; height: 100%; justify-content: center; margin: 0 0 8px; cursor:pointer; }*/

.payment-detail-box.document-detail-box span {
    display: inline-block;
}

/*------------------ Payment Type Wrap --------------------*/
/********* ****Deposite Fund***********************/
/*********************Demo Page****************************/
.demo-page .form-content {
    padding: 0 0 0 0;
}

.demo-page .form-content .main-heading {
    padding: 10px 0 30px 0;
}

.demo-check-content {
    width: 70%;
    float: right;
    text-align: left;
    color: #939393;
}

.demo-check-content input.CheckBoxClass {
    float: left;
    width: 5%;
    margin-right: 3%;
}

.demo-check-content label {
    float: left;
    width: 92%;
}

.demo-page .submit-box button {
    width: 100%;
    background: #E6814B;
    border: 0;
    font-weight: 500;
    font-size: 24px;
    margin: 15px 0;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.demo-page .submit-box button:hover {}

.demo-page .submit-box button:hover {
    background: #6bd937;
    color: #fff;
    text-decoration: none;
}

.demo-page .submit-box button:focus {
    background: #3d8d17;
    color: #fff;
    text-decoration: none;
}

.form-content.personal-details .form-group {
    font-size: 14px;
    color: #636363;
}

.form-content.personal-details .form-group label {
    font-size: 14px;
    color: #fff;
    margin: 0 0 15px 0;
    width: 172px;
}

button#demo_submit:after {
    display: none;
}

.demo-page {
    margin: 40px 0 0 0;
    background: #f3f3f3;
    padding: 25px 30px;
}

.demo-page .form-group {
    width: 100%;
    margin: 0 0 20px 0;
}

.demo-page .form-group input.country-code {
    width: 20%;
    float: left;
    margin-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.demo-page .form-group input.ph-number {
    width: 80% !important;
    margin-right: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.demo-page label.CheckBoxLabelClass {
    font-size: 14px;
    font-weight: normal;
}

p.demo-bottom-text {
    font-size: 14px;
    font-weight: normal;
    margin: 13px 0 50px 0
}

.demo-page .submit-box {
    text-align: right;
    margin: 0;
    padding: 0 0 5px 0;
}

.demo-form-border {
    border-right: 1px solid #d0d0d0;
}

.real-form-border {}

.form-content.form-content-full-width .form-inline .form-group .form-control {
    width: 100%;
    box-shadow: none;
}

.form-content.real-reg .form-inline .form-group .form-control {
    width: 100%;
}

.form-content-box .right-login-wrapper .form-group input::placeholder {
    color: #000000 !important;
}

.form-inline .form-group.input-icon .form-control.ph-number {
    padding-left: 10px !important;
}

.arrow select.form-control {
    width: 32% !important;
    background: #e7e7e7 !important;
    border-radius: 0;
    padding: 0 0 0 15px !important;
}

.right-login-wrapper .btn-group {
    display: block;
}

.flex {
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.selct-new label {
    width: 22%;
    height: 40px;
    display: flex !important;
    align-items: center;
    position: relative;
    margin: 0;
    color: #000;
}

.selct-new select {
    width: 78% !important;
    padding-left: 25px !important;
}

/* .register-wrap  .selct-new select {    width: 78%!important;padding-left: 5px!important;} */

.dashboard-bottom .form-content .selct-new label {
    /* border: 1px solid #ccc; */
    /* border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; */
    /* border-right: 0; */
    border-radius: 25px;
    font-size: 13px;
    line-height: 13px;
    padding: 0 10px;
}

/* .dashboard-bottom .form-content .selct-new select{border-top-left-radius:0; border-bottom-left-radius:0;} */
.smdashboard-wrap {
    padding-right: 30px;
}

.smdashboard {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    padding: 8px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    height: 93%;
}

.login-social-box {
    margin-top: 6px;
}

.r-page-left .btn-group {
    height: 40px;
}

.selct-new label.btn {
    width: 33%;
    margin-left: 3% !important;
}

.r-page .form-inline button.btn.btn-default {
    background: #E6814B;
    border: none;
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease all;
    border-radius: 21.5px;
    /* background:rgba(120, 190, 60, 1); */
    /* box-shadow: 1px 0px 4px 0px #E6814B; */
}

.r-page .form-inline button.btn.btn-default:hover {
    color: black !important;
    background: white;
    border: 1px solid #E6814B;
    ;
}

.right-login-wrapper:before {
    content: '';
    height: 520px;
    position: absolute;
    width: 321px;
    background: #fff;
    top: 0;
    left: -155px;
    border-radius: 80%;
    display: none;
}

.r-page p.rotat-p {
    bottom: -257px;
    left: -108px;
    color: #fff;
    font-size: 50px;
}

.d-page .right-login-wrapper:before {
    height: 452px
}

/*.real-demo {    position: absolute;    top: 311px;}
.real-demo a {    display: flex;    font-size: 20px;    color: #119a68;    align-items: center;  margin-bottom: 10px;}
.real-demo a:hover {color: #2bff2d;outline: none;text-decoration: none;}
.real-demo a:focus{color: #fff;    outline: none;    text-decoration: none;}
*/
.r-page-left {
    padding-left: 100px;
}

.real_page .r-page-left {
    padding-left: 0;
}

.real_page .rp-logo {
    display: none;
}

.real_page .rpl-top {
    padding: 30px 30px 25px 30px;
    display: block;
    text-align: center;
}

.real_page .step1-title {
    font-family: 'Roboto-Bold';
    margin-top: 30px;
}

.real_page .register-wrap #Date_of_Birth-div #Date_of_Birth-error {
    color: #a94442;
    text-align: right;
}

.real_page .progressbar-circle {
    padding: 15px 0 10px 0px;
    position: relative;
    background: #003685;
}

.rpl-top {
    background: #ffffff;
    padding: 30px 30px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rp-logo {
    padding-right: 35px;
}

.real-demo a {
    font-size: 16px;
    padding: 5px 10px;
    background: #3c3c3c;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.real-demo a:hover,
.real-demo a:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
}

.check-ed {
    height: 25px;
    width: 25px;
    background: url(/Images/green.png);
    display: inline-block;
    margin-right: 10px;
}

.uncheck .check-ed {
    background: url(/Images/grey.png) !important;
}

a.uncheck {
    background: #ccc !important;
}

a.uncheck:hover {
    color: #fff;
}

.register-page-left {
    position: relative;
}

/*********************Demo Page****************************/
/***page not- found********/
.page-not-found {
    padding: 70px 0;
    width: 80%;
    margin: 40px auto 40px;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.page-not-found h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    margin: 20px 0;
}

.page-not-found a {
    background: #E6814B;
    padding: 12px 40px;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
}

.page-not-found a:hover {
    color: #fff;
    text-decoration: none;
    background: #767779;
}

/********************/
/********************Thank you page*************************************/
.content-wrapper-full {
    background: #f3f3f3;
    margin: 40px 0 40px 0;
    padding: 15px 30px 35px 30px;
    text-align: center;
}

.thank-you {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.thank-you .register-wrap {
    border-radius: 20px;
    padding: 40px;
}

.thank-you .register-wrap .register-logo {
    justify-content: center;
    padding: 0 0 20px 0;
}

.Thank-you-left p.rotat-p {
    bottom: -170px;
    left: -99px;
    width: 235px;
    color: #fff;
}

.Thank-you-right {
    background: #fff;
    padding: 0;
    text-align: center;
}

.Thank-you-right h2 {
    color: #E6814B;
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.Thank-you-right label {
    color: #14205a;
    font-family: 'Roboto-Regular';
}

.Thank-you-right p.t-border {
    border: 1px solid;
    padding: 10px;
    color: #14205a;
    font-size: 16px;
    margin: 0px;
}

.Thank-you-right h3 {
    color: #14205a;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 20px;
    margin: 40px 0 15px 0;
}

.Thank-you-right p {
    font-size: 15px;
    color: #000;
    margin: 0 0 20px 0;
}

.border-btn {
    display: inline-block;
    padding: 8px 20px;
    border: 2px solid;
    color: #E6814B;
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

.border-btn:hover {
    text-decoration: none;
    outline: none;
}

.Thank-you-right a.border-btn {
    margin: 0 20px;
}

.Thank-you-left {
    position: absolute;
    left: 20px;
}

.s-icon {
    height: 50px;
    width: 45px;
    display: inline-block;
}

.s-icon2 {
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url(/Images/new-sprite-lt.png);
}

.s-icon.icon1 {
    background-position: -35px -185px;
}

.Thank-you-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0 0;
}

.Thank-you-bottom a {
    color: #000;
    font-size: 18px;
    text-decoration: underline;
    outline: none;
    font-family: 'Roboto-Bold';
    margin-left: 8px;
}

.Thank-you-bottom a:hover {
    color: #fff;
}

/********************************************************/
/*************POPUP MSG********************/
.pop-msg-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    background: rgba(10, 10, 10, 0.8);
    z-index: 9999999;
    width: 100%;
    height: 100%;
}

.pop-msg-container {
    padding: 10px 20px;
    background: #fff none repeat scroll 0 0;
    position: relative;
    height: auto;
    vertical-align: middle;
    width: 520px;
    border-radius: 0;
    text-align: left;
}

.pop-msg-container:before {
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    background: #df0c0c;
    position: absolute;
    z-index: 99;
    content: "";
}

.pop-msg-container.success:before {
    background: #27d50c;
}

.cross_pop img {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    border-radius: 50px;
    padding: 4px;
    z-index: 999999;
    cursor: pointer;
}

.pop-msg-container .form p {
    font-size: 14px;
    margin: 0 0 4px 0;
    color: #424242;
}

.pop-msg-container .form p:last-child {
    margin: 0;
}

.pop-msg-container .form h2 {
    color: #99d213;
    margin: 0 0 15px;
}

.pop-msg-container h4 {
    font-size: 18px;
    line-height: 31px;
    font-weight: bold;
}

.prop-contnet .prop-contnet-top {
    display: flex;
    align-items: center;
}

.pop-msg-container .form {
    display: block;
    padding: 0;
    border-radius: 10px;
}

/*************************************/
/*******Mobile hide section*******/
.mobile-wrapper {
    display: none;
}

/*******Mobile hide section*******/
/******************************** Inner page Banner css*******************/
section.entry-header {
    display: none;
}

.inner_bnr_container .banner-content {
    padding: 30px 15px;
}

.crumb a {
    color: #e9e9e9;
}

.inner_bnr_container {
    background: #ebebeb;
    margin: 0;
}

.banner-content h2 {
    font-size: 45px;
    color: #3a3a3a;
    margin: 0;
}

.banner-content p,
.banner-content p a {
    font-size: 13px;
    color: #7f7e7e;
    margin: 6px 0;
}

/***********************************************************/
/**********trader contan page*************/
.traders-contact .form-group {
    position: relative;
}

span.contact-required {
    position: absolute;
    left: 5px;
    top: 11px;
    color: #ff0000;
    font-size: 14px;
}

.form-content .traders-contact.form-inline input.country-code {
    width: 30% !important;
}

.form-content .traders-contact.form-inline input.ph-number {
    width: 70% !important;
}

/**********trader contan page*************/
/****************** FOOTER PART HERE *****************************/
.add-more-files a {
    color: #3f89d9;
    font-size: 19px;
    padding: 0 0 12px 0;
    margin: 0;
    display: inline-block;
    text-decoration: none;
}

.add-more-files a:hover {
    text-decoration: none;
}

.add-more-files a i {
    font-size: 27px;
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
}

/*****************************************/
/*******************form-content*************/
.form-inline .form-group label {
    font-size: 13px;
    font-weight: 300;
    display: block;
    color: #000;
}

.personal-details.profile .form-inline .form-group label {
    display: block;
    display: flex;
    align-items: flex-end;
    height: 30px;
}

.form-inline .form-group label.CheckBoxLabelClass {
    font-size: 13px;
    line-height: 1.9em;
}

.form-inline .form-group .form-control {
    margin: 0 0 25px 0;
    height: 45px;
    border: 0;
    color: #000000;
    font-size: 13px;
    background: black;
    padding-left: 25px;
    box-shadow: 1px 0px 9px -4px #E6814B !important;
    border-radius: 45px;
    width: 100%;
    position: relative;
    /* border: 1px solid  #DCDCDC; */
}

.form-inline .form-group.input-icon .form-control {
    padding-left: 40px !important;
}

.submit-box {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
}

.content-area.r-page .form-inline .form-group .form-control {
    border: 0;
    /* border-bottom: 1px solid #000; */
    border-right: 0;
    /* border: 1px solid #5a5a59 !important; */
}

.login-page .submit-box {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

.login-page .submit-box>div:first-child {
    width: 100%;
    text-align: center;
}

/*.login-page .submit-box > div:last-child{padding-left:10px !important;}*/

/* .login-page .form-inline button.btn.btn-default {
    padding: 8px 36px;
	border-radius:5px;
	margin: 0;
} */

/* .login-social-box{
    padding: 30px 0 0 0;
} */
.login-social-box h3 {
    color: #808080;
    margin: 0;
    text-align: center;
    font-size: 16px;
    position: relative;
    margin-bottom: 24px;
}

.login-social-box h3 span {
    position: relative;
    z-index: 5;
    background: #E1F0FC;
    padding: 3px 10px;
    display: inline-block;
}

.login-social-box h3:after {
    content: "";
    background: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 9px;
}

.login-social-box a {
    color: #fff;
    padding: 9px 15px;
    display: block;
    text-align: center;
    border-radius: 5px;
}

.login-social-box a span.fa {
    display: inline-block;
    margin-right: 10px;
}

.login-social-box a:hover {
    color: #fff;
    text-decoration: none;
}

.login-social-box a.facebook {
    background: #385591;
    margin-right: 8px;
}

.login-social-box a.linkedin {
    background: #0771ad;
    margin-left: 8px;
}

.registration-bottom h3 {
    text-align: center;
    margin: 15px 0 10px 0;
    font-size: 15px;
    color: #000000;
}

.signup-text span {
    padding: 0 4px;
    position: relative;
    top: -2px;
}

.form-inline .form-group .form-control.btn-group {
    box-shadow: none !important;
}

.form-content .form-inline input.country-code , .form-content .form-inline p.country-code , .form-content .form-inline select.country-code {
    width: 35% !IMPORTANT;
    float: left;
    margin-right: 0;
    background: #fff;
    border-radius: 25px;
    margin-right: 2% !IMPORTANT;
}

.form-content .form-inline input.ph-number , .form-content .form-inline p.ph-number {
    width: 63% !important;
    border-radius: 25px;
}

.bootstrap-filestyle.input-group {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 7px;
    display: flex;
    height: 40px;
    padding: 0;
    width: 100%;
    background: #e7e7e7;
}

.bootstrap-filestyle.input-group input {
    float: left !important;
    width: 65% !important;
    border: 0 !important;
    background: transparent;
    box-shadow: none;
    height: auto !important;
}

.bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn {
    align-items: center;
    background: #e7e7e7;
    border: 2px solid #E6814B;
    border-radius: 0 7px 7px 0;
    display: flex;
    float: left;
    height: 40px;
    justify-content: center;
    text-align: center;
    width: 35% !important;
    clear: none;
}

.bootstrap-filestyle.input-group .btn-default {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #767779;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    text-transform: uppercase;
}

.buttonText {
    color: #E6814B !important;
}

.content-wrapper.personal-details .form-inline .form-group .form-control,
.content-wrapper.personal-details .form-inline select {
    background-color: transparent !important;
    color: #000000;
}

.content-wrapper.personal-details .form-inline .form-group .form-control::placeholder {
    color: #000000 !important;
}

.captcha {
    border: 1px solid #E6814B;
    color: #365c95;
    display: inline-block;
    font-style: italic;
    margin: 10px 0 0;
    padding: 5px 10px;
    text-align: center;
    /*width: 60%;*/
    border-radius: 5px;
}

.form-inline .form-group .form-control.picker-field {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
    padding-left: 20px;
    margin-bottom: 0;
}

.form-inline .form-group .input-group-addon {
    box-shadow: 1px 0px 11px -4px #57849b !important;
    margin-bottom: 20px;
    border-radius: 45px;
    background-color: #ddd;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-right: 15px;
}

.form-inline .form-group .input-group-addon i.fa-calendar {
    font-size: 18px;
}

.clear-btn {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 0;
}

.form-inline button.btn.btn-default.full-width-btn {
    width: 100%;
}

.form-inline .form-group-captcha .security-code-wrapp {
    width: 60%;
    float: left;
}

.form-inline .form-group-captcha .captcha-wrapp {
    float: right;
    width: 50%;
    text-align: right;
    top: -4px;
    position: relative;
}

.form-inline .form-group-captcha .clearfix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline .form-group-captcha .captcha-wrapp span .captchacode1 {
    background: #E6814B;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 25px;
    margin-right: 8px;
    bottom: 0;
    right: 21px;
}

.form-inline .form-group-captcha .captcha-wrapp img.refresh_captcha,
img.refresh_captcha_reg {
    cursor: pointer;
}

.top-vload {
    padding-top: 20px;
}

.form-inline .top-vload .form-group .form-control,
.form-inline .bottom-vload .form-group .form-control {
    background: transparent !important;
}

.form-inline .top-vload .form-group select.form-control,
.form-inline .bottom-vload .form-group select.form-control {
    background: transparent url("/Images/select-img.png") no-repeat scroll 96% 50% / 8px auto !important;
}

.input-group-addon.pin-bg {
    background: #525252 !important;
    color: #fff !important;
}

.common-btn.rds-btn {
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.clr-btn {
    background: #cb3d5b;
}

.clr-btn:hover,
.clr-btn:focus {
    background: #ab1e3c;
}

.bottom-vload {
    padding: 20px 10px;
    box-shadow: 0 0px 20px #bdbdbd;
    border-radius: 8px;
    margin: 30px 14px 0;
}

.select-arrow {
    position: relative;
}

.select-arrow .form-control {
    padding: 0 8px !important;
}

.full-two-buttons a:hover,
.full-two-buttons a:focus {
    color: #fff;
}

.ibuser-login .form-group input.ph-number {
    padding-left: 25px !important;
}

/********************************************/
.trading_history .form-content .form-inline .form-group span {
    left: 0px;
}

/*********/
.cashier34-div {
    max-width: 530px;
    margin: 0 auto;
    padding: 21px 0 0 0;
    width: 100%;
    text-align: center;
}

.cashier34-div .form-control {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
}

.l-price iframe {
    height: 800px !important;
}

.l-price {
    position: relative;
}

.l-price:after {
    height: 30px;
    width: 40px;
    content: '';
    background: #ffffff08;
    position: absolute;
    right: 0;
    bottom: 12px;
}

/********/
/*MARKETS TICKET CSS START*/
.market-ticker {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 0;
    margin-top: 0;
}

.option_wrapper>input {
    color: #000;
    border: 1px solid #ccc;
    width: 103px;
    padding: 2px 3px 2px 5px;
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 13px;
    text-align: left;
}

.market_wrapper {
    color: #000000;
    height: 45px;
    margin-top: 0;
    width: 100%;
}

#market_rates4 .leverate-rates-animated-row {
    display: none !important;
}

#market_rates4 div:nth-child(1),
#market_rates4 div:nth-child(2) {
    display: block !important;
}

#market_rates3 .leverate-rates-animated-row,
#market_rates3 .sirix-ticker-logo-wrapper {
    display: none !important;
}

#market_rates3 div:nth-child(1),
#market_rates3 div:nth-child(2) {
    display: block !important;
}

#market_rates2 .leverate-rates-animated-row,
#market_rates2 .sirix-ticker-logo-wrapper {
    display: none !important;
}

#market_rates2 div:nth-child(1),
#market_rates2 div:nth-child(2) {
    display: block !important;
}

#market_rates .leverate-rates-animated-row,
#market_rates .sirix-ticker-logo-wrapper {
    display: none;
}

#market_rates div:nth-child(1),
#market_rates div:nth-child(2) {
    display: block !important;
}

.social-trading .social-feed-container {
    height: 345px !important;
    overflow: hidden !important;
}

@media not all {

    #inc,
    #dec {
        right: 5px;
        top: 14px;
    }

    #dec {
        top: 2px;
    }
}

.market-rates-ticker-dv {
    position: relative;
    z-index: 9999999;
    background: #fff;
}

.market-rates-ticker-dv:after {
    height: 95%;
    width: 40px;
    content: '';
    background: #ffffff;
    position: absolute;
    right: 4px;
    bottom: 1px;
    z-index: 999;
}

.leverate-rates-ticker-container {
    height: 45px !important;
}

.leverate-rates-ticker-container .leverate-rates-animated-row {
    width: initial !important;
    height: 40px;
    z-index: 0 !important;
}

.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item {
    border-right: 1px solid #bfbfbf;
    display: inline-block;
    float: left;
    font-family: Tahoma;
    font-size: 10px;
    height: 35px;
    margin: 0 5px;
    padding: 0 15px;
    width: 100px;
}

.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-symbol-icon {
    display: none;
}

.option_wrapper p {
    font-size: 8.5px;
    margin-left: 5px;
    text-align: left;
}

.leverate-item-symbol-icon img {
    display: block;
}

#market_rates {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates2 {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates3 {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates4 {
    position: inherit;
    right: 0;
    width: 100%;
}

#market_rates5 {
    position: inherit;
    right: 0;
    width: 100%;
}

#inc,
#dec {
    background: rgba(0, 0, 0, 0)) no-repeat scroll 0px -2px;
    border: medium none;
    cursor: pointer;
    height: 11px;
    line-height: 11px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 21px;
    width: 16px;
    right: 13px;
}

#dec {
    top: 9px;
    right: 13px;
}

.option_wrapper {
    float: left;
    height: 44px;
    left: 0;
    position: absolute;
    width: 125px;
    background: #fff;
    z-index: 1;
    padding: 8px 10px 0 10px;
    box-shadow: 3px 0px 10px #d4d4d4;
    top: 0;
}

body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate {
    clear: both;
    display: block;
    float: none;
    font-size: 10px;
    margin-left: 0;
}

body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item {
    font-family: "Roboto", sans-serif;
    width: 160px !important;
    margin-top: 6px;
}

body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate span {
    font-size: 10px !important;
}

/*MARKETS TICKET CSS END*/

/****bloomberg iframe*****/
.bloomberg-container {}

.bloomberg-right {
    padding: 20px 0;
    text-align: center;
}

.bloomberg-left {
    height: auto;
    padding: 0;
}

.bloomberg-container .bloomberg-right iframe {
    height: 730px;
    margin: 0 auto;
    width: 100%;
}

.bloomberg-container .bloomberg-left img {
    padding: 20px 0 0 0;
    position: relative;
    width: 80%;
    max-width: 400px;
    margin: 0 auto;
}

.bloomberg-container .content-wrapper {}

.bal_cls {
    padding: 15px 27px;
    background: #EEF3FA;
    color: #E6814B;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    margin: 0;
}

/***************************************************************************************************
FOOTER CSS START
***************************************************************************************************/
.main-footer {
    padding: 40px 0;
    background: #333333;
    color: #f0f6ff;
}

.sub-footer {
    padding: 30px 20px;
    background: #12223a;
    color: #727C93;
    position: relative;
    z-index: 999;
}

.sub-footer p {
    color: #585858;
    margin: 0;
    font-size: 13px;
}

.site-footer {
    padding: 0;
    background: #1a1a1a;
    color: #fff;
}

.contact-info {
    margin: 0;
    padding: 0;
}

.contact-info li {
    display: inline-block;
    padding-left: 20px;
    font-size: 16px;
    color: #fff;
}

.contact-info li:first-child {
    padding-left: 0;
}

.contact-info li a {
    color: #fff;
    text-decoration: none;
}

.contact-info li a:hover,
.contact-info li a:focus {
    color: #04b1b7;
    text-decoration: none;
}

.social-network {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-network li {
    padding: 0 10px;
    list-style: none;
    display: inline-block;
}

.social-network li>a {
    font-size: 24px;
    color: #000;
    text-transform: uppercase
}

.social-network a:hover,
.social-network a:focus {
    color: #fff;
    text-decoration: none
}

.disclaimer {
    padding-top: 20px;
}

.disclaimer p {
    color: #d6d6d6;
    font-size: 13px;
    line-height: 20px;
}

.disclaimer p a {
    color: #04b1b7;
    text-decoration: underline
}

.disclaimer a:hover,
.disclaimer a:focus {
    color: #04b1b7;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

.footer-links li {
    display: inline-block;
    padding: 0 10px;
}

.footer-links li a {
    color: #d6d6d6;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer-links li a:hover,
.footer-links li a:focus {
    color: #fff;
}

.footer-copyright .copyright {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 9px;
    right: 9px;
    display: none;
}

.back-to-top span {
    background: #000;
    color: #fff;
    padding: 7px;
    font-size: 16px;
    border-radius: 6px;
}

.back-to-top span:hover,
.back-to-top span:focus {
    opacity: 0.7
}

.payment-sectioin h3 {
    margin: 0;
    font-size: 20px;
    padding: 25px 0 0 0;
}

.payment-sectioin p {
    color: #867d7e;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.footer-links {
    text-align: right;
}

.footer-links ul li {
    position: relative;
    padding: 0 25px;
    float: left;
}

.footer-links ul li a {
    font-size: 14px;
    color: #d4d4d4;
}

.footer-links ul li:after {
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #636363;
    position: absolute;
    left: auto;
}

.footer-links ul li:last-child:after {
    display: none;
}

.list-inline {
    display: inline-block;
    margin: 0;
}

.footer-links ul li:first-child {
    padding-left: 0;
}

.risk-warning p {
    color: #867d7e;
    margin: 0;
}

.risk-warning p.white {
    color: #fff;
    margin: 10px 0 0 0;
}

.copyrights {
    padding: 25px 0 0 0;
    text-align: right;
}

.copyrights p {
    color: #fff;
}

.paymet-wrap {
    padding: 16px 0 0 0;
}


/*------------------------------xxxxxxxxxxxxxxxxxxxxx----------------------------------------------*/
.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.form-control:placeholder-shown {
    color: #000;
    opacity: 1;
}

.footer-top-wrapp {
    padding: 10px 15px;
}

.credit-card-dv {
    padding-bottom: 25px;
}

.liqvor-sect {
    position: relative;
}

.liq-sec:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    left: -5px;
    bottom: -8px;
}

.liqvor-img {
    padding: 15px;
    background: #fff;
}

.footer-text-wrap {
    padding: 60px 0 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-text-wrap p {
    font-size: 12px;
    color: #cdcdcd;
    margin: 0;
    text-align: left;
}

.footer-contact-details {
    padding: 30px 20px;
    background: #737373;
}

.footer-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.footer-group .fa {
    font-size: 20px;
    margin-right: 15px;
    color: #b3b3b3;
}

.footer-contact-details h3 {

    text-transform: uppercase;
    font-size: 15px;
    margin: 0 20px 10px 0;
    color: #b3b3b3;
}

.footer-text-wrap p {
    font-size: 14px;
    color: #cdcdcd;
    margin: 0;
    text-align: left;
}

.footer-group:last-child {
    margin-bottom: 0;
}

.footer-text-wrap ul {
    font-size: 12px;
    color: #000;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.footer-text-wrap ul li {
    position: relative;
    display: inline-block;
}

.footer-text-wrap ul li a {
    color: #929292;
    font-size: 14px;
    padding: 0 5px;
}

.footer-text-wrap ul li:after {
    content: "";
    height: 13px;
    width: 1px;
    background: #929292;
    position: absolute;
    top: 3px;
    right: -3px;
}

.footer-text-wrap ul li:last-child:after {
    display: none;
}

.footer-contact-details p,
.footer-contact-details a {
    color: #cdcdcd;
    font-size: 15px;
    margin: 0;
}

.footer-contact-details a:hover,
.footer-contact-details a:focus {
    color: #cdcdcd;
    text-decoration: none;
}

.spanish .footer-text-wrap ul li a {
    font-size: 11px;
    padding: 0 0px;
}

/***************************************/
/**************  calendar widgets css  *****************/
.profit-calc {
    margin-bottom: 20px;
    position: relative;
    padding: 0px 2px 0;
    /*background: #f3f3f3;*/
}

.profit-calc:before {
    content: '';
    height: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.margin-calc {
    padding: 0px 2px 0;
    /* background: #f3f3f3;*/
}

/***********   customer details   **************/

.custom-details .panel-heading a.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f077";
    position: absolute;
    right: 20px;
    font-size: 20px;
}

.custom-details .panel-heading a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f078 ";
    /* adjust as needed, taken from bootstrap.css */
}

.custom-details .panel.panel-default {
    border-radius: 0;
    margin-bottom: 30px;
    outline: none;
    border: 0;
    box-shadow: none;
}

.custom-details .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
}

.tab-content-page {
    /* border: 1px solid #DCDCDC; */
}

.lock {
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 8px 10px 10px;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #ffffff;

}

.modallock {
    font-size: 40px;
    color: #26946c;
}

.lock:hover {
    color: #119a68;
}

.edu-video .customWidget {
    position: relative;
    overflow: hidden;
}

.trfx-category-title {
    font-size: 24px;
    color: #505050;
    text-align: left;
    padding: 10px 0;
    text-transform: uppercase;
}


.custom-details .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 10px 0;
    border-top: 0px;
}

.custom-details .collapse.in {
    margin-top: 10px;
}

.custom-details .panel-heading {
    background-color: transparent !important;
    position: relative;
    padding: 15px 30px;
}

.custom-details .panel-heading h4 {
    font-size: 20px;
    color: #E6814B;

}

.custom-details .panel-heading h4 a {
    display: block;
    text-decoration: none;
}

.custom-details .panel-heading h4 a.collapsed {
    color: #ababab;
}

/*tabs*/
.customer-tabs {
    padding: 20px 15px 0px 15px;
}

.customer-tabs .tabs-left {
    /* border-bottom: 0; */
    /* border-bottom: 1px solid #ccc; */
    /* border-radius: 70px; */
    display: flex;
}

.customer-tabs .nav-tabs>li.active a {
    /* background: #119a68;
    color: #E6814B;
*/
    padding: 0 30px;
}

.customer-tabs .nav-tabs>li a {
    margin: 0;
    background: none;
    border-radius: 0;
    height: 70px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 15px;
    border: 0;
    justify-content: center;
    font-weight: bold;
    color: #727C93;
    border-bottom: 2px solid #0000;
}

.customer-tabs .nav-tabs>li a:focus {
    background: none;
}

.customer-tabs .nav-tabs>li {
    width: 33.33%;
}

.customer-tabs .nav-tabs>li:first-child {
    border-left: 0;
}

.customer-tabs .nav-tabs>li.active {
    border-left: 0;
    border: none;
    position: relative;
}

.customer-tabs .nav-tabs>li.active>a {
    color: #E6814B;

    border: none;
}

.customer-tabs .nav-tabs>li.active:after {
    content: '';
    /* border-right: 1px solid #fff; */
    position: absolute;
    width: 1px;
    height: 100%;
    right: -1px;
    top: 0;
    z-index: 1;
}

.customer-tabs .nav-tabs>li>a:hover {
    border-bottom: 2px solid #E6814B;
    color: #E6814B;
    background: transparent;
}

.customer-tabs .nav-tabs>li.active>a,
.customer-tabs .nav-tabs>li.active>a:hover,
.customer-tabs .nav-tabs>li.active>a:focus {
    border-bottom-color: transparent;
    /* color: #E6814B;
 */
    border-bottom: 2px solid #E6814B;
}

.c-details .steps-main-heading {
    padding: 30px;
    margin: 0px 0px 25px;
    border-radius: 0;
}

.nav-dots {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-top: 1px solid #ddd;
    font-size: 14px;
    margin-top: 35px;
}

.nav-dots li {
    position: relative;
    cursor: pointer;
}

.nav-dots>li>a {
    color: black;
    padding-top: 20px;
    font-weight: bold;
}

.nav-dots>li :hover {
    color: #E6814B;

    font-weight: bold;
    background: none;
}

.nav-dots>li>a span {
    width: 18px;
    height: 18px;
    background: #dddd;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.nav-dots>li>a span:hover {
    background: var(--lv2-accent);
}

.nav-dots>li.active>a {
    color: #E6814B;
    font-weight: bold;
}

.nav-dots>li>a:hover,
.nav-dots>li>a:focus {
    text-decoration: none !important;
    ;
    background-color: #0000 !important;
}

#form1,
#form2,
#form3 {
    margin-top: 20px;
}

.nav-dots>li.active>a span:after {
    width: 10px;
    height: 10px;
    background: #E6814B;
    position: absolute;
    top: 4px;
    content: "";
    border-radius: 5px;
    left: 4px;
}

.steps-main-heading button.btn.btn-secondary {
    float: right;
}

/******Upload wrapper********/

.input_fields_wrap.upload-form {
    width: 100%;
    padding: 0;
    position: relative;
}

.input_fields_wrap.upload-form span.choose-file {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 3px 20px;
    left: 11px;
    top: 10px;
}

.input_fields_wrap.upload-form.btn-default {
    color: #333;
    background-color: none;
    border-color: #ccc;
    width: 70% !important;
}

/*************************/
.top_performers {
    height: 186px !important;
}

.paddingbottom2x {
    padding-bottom: 20px;
}

/***************Form Step*****************************/
/*****************main Menu******************/
.main-navigation .navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 13px;
    padding: 15px;
    text-transform: uppercase;
}

a,
select,
a:active,
a:focus {
    outline: 0;
    outline: none;
    color:var(--lv2-text-muted) !important;
}

.left-links span.user-name {
    font-size: 13px;
    padding: 7px 0;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
}

.left-links span.user-name span.main-user-name {
    color: #ffb400;
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}

.left-links span.user-name span.main-user-name.equity {
    color: #16b757;
    font-size: 13px;
}

.submit-box .text-right {
    text-align: right;
}

span.form-control-colour-text.yellow {}

.form-content.personal-details .demo-full-wrapper .form-group label {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    display: table-cell;
    float: none;
    color: #c3c3c3;
    vertical-align: middle;
    font-weight: normal;
}

.payment-methods {
    padding: 27px 0;
    clear: both;
    text-align: center;
}

span.help-block.form-error {
    font-size: 12px;
    display: block;
    clear: both;
    margin: 0;
    text-align: right;
    padding: 0;
    color: #ff0909 !important;
}

span.help-block.form-error p {
    font-size: 12px;
    display: block;
    clear: both;
    margin: 0;
    text-align: right;
    padding: 0;
    color: #a94442;
}

.error-text {
    display: block;
    font-size: 12px;
    margin: 0;
    text-align: right;
    padding: 0;
    color: #a94442;
}

span.help-block.form-error.form-error-real-val,
.checkboxes span.help-block.form-error.form-error-real-val {
    text-align: left;
    padding-left: 35px;
}

.no-padding {
    padding-right: 0;
    padding-left: 0;
}

.paddingtop1x {
    padding-top: 10px;
}

.paddingtop2x {
    padding-top: 20px;
}

.paddingtop3x {
    padding-top: 30px;
}

.paddingtop4x {
    padding-top: 40px;
}

.spacetop1x {
    margin-top: 10px;
}

.spacetop2x {
    margin-top: 20px;
}

.spacetop3x {
    margin-top: 20px;
}

.spacetop4x {
    margin-top: 40px;
}

.spacebottom2x {
    margin-bottom: 20px;
}

.top-border {
    border-top: 1px solid #ccc;
}

.container-xs.container-xs-955px {
    width: 955px;
    padding: 60px 0;
}

.container-xs.container-xs-955px .form-content .form-inline label.form-label {
    width: 40%;
    color: #c3c3c3;
    font-weight: normal;
}

.container-xs.container-xs-955px .form-content .form-inline input,
.container-xs.container-xs-955px .form-content span.form-control {
    width: 60%;
    border: 1px solid #363636;
    background: #fff;
    border-radius: 0;
}

.container-xs.container-xs-955px .form-content .form-inline select {
    width: 60%;
    border: 1px solid #363636;
}

.main-sidebar-push-menu {
    width: 157px;
    float: left;
}

.container-xs.container-xs-955px .form-content .form-inline input.form-control.country-code {
    width: 19%;
    float: left;
}

.container-xs.container-xs-955px .form-content .form-inline input.form-control.ph-number {
    width: 40%;
}

.container-xs.container-xs-955px .form-content-box {
    padding: 0;
}

.form-border {
    border: 1px solid #3a3939;
}

.container-xs.container-xs-955px .form-border .form-border {
    padding: 0;
}

.form-content .form-inline textarea {
    border: 1px solid #363636;
    border-radius: 0;
    background: #fff;
    width: 60%;
    height: 122px;
    resize: none;
}

.container-xs.container-xs-955px .submit-box {
    padding: 22px 15px;
    margin: 0;
    display: block;
}

.accounts-btns-wrapper p {
    color: #fff;
    font-size: 25px;
}

.top-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #000;
}

/*.top-right .top-box:nth-child(3) {    display: none;}*/
.site-header .top-head-bar .navbar {
    display: none;
}

.top-right {
    padding: 0 0 0 30px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    float: left !important;
}

/*.top-box:after{content: ''; position: absolute;    height: 100%;    width: 1px;    background: #e8e8e8;    top: 0;    right: 0;} */
.top-box:last-child:after {
    display: none;
}

.top-box:last-child {
    padding: 0;
}

.top-box .s-icon {
    height: 25px;
    width: 25px;
}

.top-box .logout {
    background-position: -72px -776px;
    height: 21px;
    width: 21px;
}

.top-box a {
    text-decoration: none;
    color: var(--lv2-text-muted) !important;
    font-size: 15px;
    outline: none;
}

.top-box:last-child a {
    background: #de8654;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.top-box a:hover,
.top-box a:focus {
    text-decoration: none;
    outline: none;
}

.top-box .fa-envelope {
    color: #4899e4;
    font-size: 13px;
}

.top-right .top-box:nth-child(2) {
    flex-direction: column;
    color: black;
}

.top-right .top-box:nth-child(2) h4 {
    color: black;
    margin: 4px;
    font-family: 'Roboto-Bold';
}

.top-box-wrap {
    display: flex;
    align-items: center;
}

.top-right .ns-box {
    display: flex;
    margin: 0;
    padding: 3px 0;
    background: #0000;
    box-shadow: none;
    border: none;
}

.top-right .ns-box p {
    color: white;
    ;
}

.top-right .ns-box .ns-user {
    margin: 0;
    width: 40px;
}

.top-right .ns-user-details {
    padding: 0 10px 0 10px;
}

.top-right .ns-user-details {
    text-align: left;
    padding: 0 10px;
}

.top-right .ns-user-details h3 {
    font-size: 15px;
    margin: 6px 0 0 0;
}

.top-right .ns-user-details h4 {
    font-size: 12px;
    margin: 2px 0 0 0;
}

.top-right .ns-user-btn {
    display: flex;
    align-items: center;
}

.top-right .ns-user-btn .new-common-btn {
    box-shadow: none;
    border-radius: 50px;
    color: #fff !Important;
    font-size: 11px;
    display: inline-block;
    background: #E6814B;
    padding: 8px 20px;
    margin: 0;
    text-decoration: none;
}

.top-right .ns-box.display-additional>div {
    display: none;
}

/*form trading history*/
.form-content-history {
    padding: 0;
}

table.table.table-cm.no-border-bottom td {
    border-bottom: 0 !important;
}

.container-xs.container-xs-955px .form-content .form-inline label.form-label span {
    color: #f83232;
    margin-right: 4px;
    margin-left: 0;
    left: 0;
}

/*table css comman*/
.submit-box .col-md-12 p {}

.checkboxes span.help-block.form-error {
    text-align: left;
    padding: 0;
    padding-left: 0;
}

.table.table-cm th {
    font-size: 12px;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: 25px 8px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    border-right: 1px solid #e1e1e1;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    float: none;
    display: table-cell;
}

table.table.table-cm.table-th-cm th:last-child {
    border-right: 0;
}

.table.table-cm {
    margin: 0 0 50px;
    border-top: 1px solid #f0f0f0;
}

.table.table-cm th:last-child,
.table.table-cm td:last-child {
    border-right: 0;
}

.table.table-cm th span,
.table.table-cm td span {
    display: block;
}

body .table.table-cm td {
    font-size: 12px;
    /*padding: 15px 6px !important;*/
    color: #c3c3c3;
    border-top: 0;
    vertical-align: middle;
    float: none;
    text-align: center;
    display: table-cell;
}

body .table.table-cm td.result-green-bg {
    background: #3b943f;
    color: #fff;
}

body .table.table-cm td span {
    display: block;
}

body .table.table-cm td.medium {}

body .table.table-cm td.bold {}

/*my account page*/
.trade-btns i.icon-my-account {
    position: relative;
    right: 0;
    padding: 0 5px;
    top: 0;
}

.trade-btns.trade-deposit-btns {
    background: #159439;
    border: 1px solid #0ebd40;
    font-size: 16px;
    padding: 10px 10px;
}

a:hover {
    text-decoration: none;
}

table.table.table-cm.table-th-cm td .color-link,
table.table.table-cm.table-th-cm td a,
table.table.table-cm.table-th-cm td a:hover,
.color-link,
.color-link:hover {
    color: #000000;
    text-transform: capitalize;
    text-decoration: none;
}

.yellow-link,
.yellow-link:hover {
    color: #ffb400;
    text-decoration: none;
}

table.table.table-cm.table-th-cm {
    margin: 25px 0 0;
}

table.table.table-cm.table-th-cm th {
    background: #becdc8;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

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

/********** Change Password  css start ***********/

button.hidden-md {
    position: absolute;
    right: 15px;
    background: transparent;
    border: none;
    padding: 0 15px;
    top: 0px;
}

button.hidden-md.hidden-md-chk {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 0 15px;
    top: 41px;
}

.form-content .form-inline .form-group {
    position: relative;
    margin: 0 0 0px;
}

/********** Change Password  css start ***********/
/********** Deposit page table css start ***********/
.alternate-payment .table-responsive .table th {
    padding: 26px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    border-top: 0;
}

.alternate-payment .table-responsive .table {
    border: 1px solid #f0f0f0;
    margin: 0;
    text-align: center;
}

.alternate-payment .table-responsive .table td {
    border: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #c3c3c3;
    padding: 15px 15px;
}

.alternate-payment .table-responsive .table td.logo-td {
    background: #fff;
    padding: 0 15px;
    width: 130px;
}

.alternate-payment .table-responsive .table td.logo-td img {
    width: 130px;
    max-width: 130px;
    height: 60px;
}

.alternate-payment .table-responsive .table td .make-deposit-btn {
    background: #159439;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #0ebd40;
    width: 118px;
    display: block;
    line-height: 16px;
}

body .table-responsive .table td .make-deposit-btn.grey-withdrawal {
    background: #363636;
    border: 1px solid #363636;
}

.alternate-payment .table-responsive .table td .text-left {
    text-align: left;
    display: inline-block;
}

/********** Deposit page table css end ***********/
/****Thank You********/
.tank-you-wrapper {
    background: #bfbfbf;
    width: 100%;
    padding: 60px 0 40px 0;
    margin: 0 auto;
    position: relative;
    max-width: 480px;
}

.tank-you-wrapper:after {
    position: absolute;
    content: "";
    border: 2px solid #fff;
    margin: 0 auto;
    left: 3%;
    right: 3%;
    top: 4%;
    bottom: 4%;
}

.tank-you-wrapper p {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0;
    text-transform: capitalize;
}

.tank-you-wrapper p a {
    color: #e2001a;
    display: inline-block;
    position: relative;
    z-index: 99999;
}

.user-details {
    margin: 30px 0;
}

.user-details p {
    display: inline-block;
    margin: 0 15px;
}

.user-details span.real-label {
    color: #282828;
    font-weight: bold;
    background: #c0c0c0;
    padding: 7px 15px 7px 15px;
    font-family: 'Roboto-Bold';
}

.user-details .box-real {
    padding: 5px 20px 5px 20px;
    margin: 0 0 0 -11px;
    display: inline-block;
    background: #595959;
    color: #fff;
    line-height: 18px;
    border: 1px solid #595959;
}

.tank-you-wrapper img.img-responsive {
    max-width: 320px;
    width: 100%;
}

/****Thank You********/
/*Document Upload*/
.container-xs.container-xs-955px .form-content span.group-span-filestyle.input-group-btn {
    float: left;
}

.container-xs.container-xs-955px .form-content input.form-control {
    float: right;
}

.container-xs.container-xs-955px .form-content span.group-span-filestyle.input-group-btn label.btn.btn-default {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0;
    font-size: 13px;
    padding: 7px 15px;
}

.container-xs.container-xs-955px .form-content .bootstrap-filestyle.input-group input.form-control {
    float: right;
    width: 62%;
}

.my-ac-wrapper .tab-content>.active .content-wrapper {
    margin: 0 0 20px;
}

.my-ac-wrapper .tab-content>.active .content-wrapper .dashboard-bottom {
    padding: 0 0 20px;
}

/*withdrawal page css for col structure */
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full input.form-control,
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full select {
    width: 100%;
    float: none;
}

.container-xs.container-xs-955px .form-content-box.form-content-box-label-full label.form-label {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.container-xs.container-xs-955px .form-content-box.form-content-box-label-full .textbox-two .form-control {
    width: 49%;
    float: left;
}

.container-xs.container-xs-955px .form-content-box.form-content-box-label-full .textbox-two .form-control:first-child {
    margin-right: 2%;
}

/*deposit page css*/
.deposit-wrapper ul.deposit-wrapper-tabs {
    margin: 0 0 40px;
    border: 0 !important;
}

.deposit-wrapper ul.deposit-wrapper-tabs li:first-child {
    border-left: 0;
}

.deposit-wrapper ul.deposit-wrapper-tabs li {
    border: 1px solid #3a3939;
    width: 20%;
    border-right: none;
    height: 75px;
    display: table;
}

.deposit-wrapper ul.deposit-wrapper-tabs li a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #c3c3c3;
    text-align: center;
    padding: 16px 0 12px 0;
    border: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a,
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a:focus,
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a:hover,
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li>a:hover {
    color: #fff;
    background: #000;
    border: none;
}

.container-xs .form-content .form-inline .date-option-two select {
    width: 49%;
    float: left;
}

.container-xs .form-content .form-inline .date-option-two select:first-child {
    margin-right: 2%;
}

.container-xs.container-xs-955px .form-content .form-inline label.form-label span.details-wrapp {
    background: #12a1ac;
    display: inline-block;
    color: #fff;
    margin: 0 4px;
    padding: 2px 0;
    font-size: 14px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    text-align: center;
}

/************** account-type-accordion ***********************/
.account-type-accordion {
    display: none;
}

.account-type-accordion {
    padding: 15px;
}

.account-type-accordion .account-type-wrapp h3,
.account-type-accordion .panel-default>.panel-heading a {
    background: #1f1f1f;
    margin: 0;
    padding: 15px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    border: 1px solid #393939;
}

.account-type-accordion .panel-group .panel+.panel {
    margin-top: 30px;
}

.account-type-accordion .panel-default>.panel-heading.panel-clr.active a {
    background: #1d1c1c;
    color: #fff;
    border-top: 10px solid transparent;
    border: 1px solid #393939;
}

.account-type-accordion .panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f107";
    padding-right: 5px;
    font-size: 32px;
    margin-top: -10px;
}

.account-type-accordion .panel-title>a.collapsed:before {
    float: right !important;
    content: "\f106";
    color: #fff;
    font-size: 32px;
    margin-top: -10px;
}

.account-type-accordion .panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
}

.account-type-accordion .panel-body,
.account-type-accordion .panel-group .panel-heading {
    padding: 0;
    border: none !important;
}

.account-type-accordion .account-type-wrapp {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
}

.account-type-accordion .panel-default>.panel-heading h4 {
    font-size: 16px;
}

.account-type-accordion .panel-group .panel,
.account-type-accordion .panel-default>.panel-heading a {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}

.account-type-accordion .panel-group .panel {
    background: transparent;
    border: none;
}

.account-type-accordion .panel-default>.panel-heading a {
    color: #fff;
    display: block;
}

.account-type-accordion .account-type-wrapp .types-wrapp:nth-child(2n+1) {
    background: #1f1f1f;
}

.account-type-accordion .account-type-wrapp .types-wrapp {
    border-bottom: 1px solid #393939;
    color: #c3c3c3;
    font-size: 15px;
    font-weight: 500;
    background: #1d1c1c;
    overflow: hidden;
    vertical-align: middle;
    height: 80px;
    display: table;
    width: 100%;
}

.account-type-accordion .account-type-wrapp .item-text,
.account-type-accordion .account-type-wrapp .value-text {
    width: 50%;
    padding: 15px;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}

.account-type-accordion .account-type-wrapp .item-text {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    border-right: 1px solid #393939;
}

.account-type-accordion .account-type-wrapp .value-text {
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.account-type-accordion .account-type-wrapp .value-text span {
    display: block;
}

.account-type-accordion .account-wrapp {
    border: 4px solid #000;
    padding: 15px 0 0;
    overflow: hidden;
}

.account-type-accordion .panel-group .panel-heading.active h4 a {
    background: #000 !important;
    border: 1px solid #000 !important;
}

.account-type-accordion .account-wrapp .table-responsive .table th {
    padding: 26px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    border-top: 0;
}

.account-type-accordion .account-wrapp .table-responsive .table {
    border: 1px solid #f0f0f0;
    margin: 0;
    text-align: center;
}

.account-type-accordion .account-wrapp .table-responsive .table td {
    border: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #c3c3c3;
    padding: 15px 15px;
}

.account-type-accordion .account-wrapp .table-responsive .table td.logo-td {
    background: #fff;
    padding: 0 15px;
    width: 130px;
}

.account-type-accordion .account-wrapp .table-responsive .table td.logo-td img {
    width: 130px;
    max-width: 130px;
    height: 60px;
}

.account-type-accordion .account-wrapp .table-responsive .table td .make-deposit-btn {
    background: #159439;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #0ebd40;
    width: 118px;
    display: block;
    line-height: 16px;
}

.account-type-accordion .account-wrapp .table-responsive .table td .make-deposit-btn.grey-withdrawal {
    background: #363636;
    border: 1px solid #363636;
}

.account-type-accordion .account-wrapp .table-responsive .table td .text-left {
    text-align: left;
    display: inline-block;
}

.account-type-accordion .account-wrapp .table-responsive {
    padding: 0 15px;
}

/************** inner pages css start end ***********************/
.form-content .form-inline label.form-label.dark-long-radio-text {
    width: 68%;
    /*color: #656262;*/
    color: #fff;
    margin-right: 2%;
}

.form-content .form-inline .step-two-box-bottom select {
    width: 25%;
}

/*radio  btn css*/
.form-content.step-three .radio-wrapper {
    width: 28%;
    float: left;
    padding: 15px 0 0;
}

.radio-wrapper .radio-left {
    float: left;
    width: 50%;
    position: relative;
}

.radio-wrapper {
    width: 30%;
    float: left;
    padding: 15px 0 0;
}

.radio-wrapper .radio-left input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.radio-wrapper .radio-left label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    padding: 2px 0 2px 30px;
    height: auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    margin: 0;
}

.radio-wrapper .radio-left:hover label {
    color: #FFFFFF;
}

.radio-wrapper .radio-left .check {
    display: block;
    position: absolute;
    border: 2px solid #7e7e7e;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 1px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.radio-wrapper .radio-left:hover .check {
    border: 5px solid #FFFFFF;
}

.radio-wrapper .radio-left .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radio-wrapper .radio-left input[type=radio]:checked~.check {
    border: 2px solid #7e7e7e;
}

.radio-wrapper .radio-left input[type=radio]:checked~.check::before {
    background: #fff;
}

.radio-wrapper .radio-left input[type=radio]:checked~label {
    color: #fff;
}

/*=========================== checkbox css========================*/
/* Base for label styling */
/* .check-box-wrapp { padding: 8px 0; clear:both; }
.check-box-wrapper [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
.check-box-wrapper [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { color: #545454; cursor: pointer; /*font-size: 12px; line-height: normal;*/
margin: 0;
padding-left: 35px;
position: relative;
}

/* checkbox aspect */
.check-box-wrapper [type="checkbox"]:not(:checked)+label::before,
[type="checkbox"]:checked+label::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-shadow: none;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 1px;
    width: 20px;
}

.check-box-wrapper [type="checkbox"]:not(:checked)+label.requiredche::before,
[type="checkbox"]:checked+label.requiredche::before {
    background: #4d4c4c none repeat scroll 0 0;
    border: 1px solid #f00;
    box-shadow: none;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 1px;
    width: 20px;
}

/* checked mark aspect */
.check-box-wrapper [type="checkbox"]:not(:checked)+label::after,
/*[type="checkbox"]:checked + label::after*/
    {
    color: #000;
    content: "\2713";
    font-size: 13px;
    left: 7px;
    line-height: 0.8;
    position: absolute;
    top: 5px;
    transition: all 0.2s ease 0s;
}

/* checked mark aspect changes */
.check-box-wrapper [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.check-box-wrapper [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.check-box-wrapper [type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #4d4c4c;
    background-color: #4d4c4c;
}

.check-box-wrapper [type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

.check-box-wrapper [type="checkbox"]:disabled+label {
    color: #aaa;
}

*/

/* hover style just for information */
.check-box-wrapper label:hover:before {
    border: 1px solid #4d4c4c !important;
}

.step-two-box-bottom span.help-block.form-error {
    width: 63%;
    position: absolute;
}

/******************* mobile-user-sidebar-wrapper **************/
.user-icon-slide-right {
    position: absolute;
    right: 60px;
    top: 0;
    margin: 24px 15px;
    float: right;
    z-index: 50;
    display: none;
}

.mobile-user-sidebar-wrapper {
    width: 270px;
    padding: 15px 25px 15px 25px;
    background: rgba(0, 0, 0, 0.95);
    background-size: cover;
    position: fixed;
    top: 0;
    height: 100%;
    margin: 0 -300px 0 0;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
    right: 0;
    z-index: 55;
}

.mobile-user-sidebar-wrapper.menushow .menu-btn {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.mobile-user-sidebar-wrapper.menushow {
    margin: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 1);
}

.mobile-user-sidebar-wrapper ul {
    margin: 60px 0 0 0;
}

.mobile-user-sidebar-wrapper a,
.mobile-user-sidebar-wrapper .menu-btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    -ms-transition: .25s ease-in;
    transition: .25s ease-in;
}

.mobile-user-sidebar-wrapper a:hover {
    background: rgba(255, 255, 255, .125);
}

.mobile-user-sidebar-wrapper .menu-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    transition: .5s ease-in;
}

.mobile-user-sidebar-wrapper .menu-btn a {
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 3px;
}

.mobile-user-sidebar-wrapper .menu-btn a:hover {
    background: none;
}

span.user-name {
    text-align: center;
}

span.user-name img,
span.user-name .main-user-name {
    display: inline-block;
    vertical-align: middle;
}

span.user-name .main-user-name {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffb400;
}

.mobile-user-sidebar-wrapper .equity-wrapper {
    padding: 15px 0;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.mobile-user-sidebar-wrapper .equity-wrapper span.main-user-name.equity {
    color: #11c949;
}

.mobile-user-sidebar-wrapper .menu-btn-deposit {
    display: block;
    clear: both;
    transform: none !important;
    position: relative;
}

.mobile-user-sidebar-wrapper .menu-btn-deposit a {
    text-transform: uppercase;
    border: 1px solid #0ebd40;
    text-align: center;
    font-size: 22px;
    background: #159439;
}

.mobile-user-sidebar-wrapper .menu-btn-deposit a:focus {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
}

/******************* drop-down select**************/
/*-------------- Side menu overlay ----------------*/
.grey-box {
    background: #dcdce0;
    padding: 150px 0;
    margin: 0 auto;
}

.top-head-bar .navbar {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin: 0;
    min-height: auto;
    position: relative;
    width: auto;
    line-height: normal;
    top: 1px;
}

.top-head-bar .navbar .navbar-brand {
    color: #5f656f;
    height: auto;
    padding: 0;
}

.top-head-bar .navbar .navbar-brand {
    color: #5f656f;
    height: auto;
    padding: 0 15px 0 0;
}

.top-head-bar .navbar span.menu-linebar {
    background: #026688;
    width: 20px;
    margin-bottom: 4px;
    display: block;
    height: 3px;
    border: 1px solid #E6814B;
}

.container-fluid.my-ac-wrapper {
    margin-bottom: 0;
    padding: 0;
}

.top-head-bar .navbar .navbar-brand:hover,
.top-head-bar .navbar .navbar-brand:focus {
    color: #5f656f;
}

#wrapper {
    padding-left: 0;
    transition: all .4s ease 0s;
    /*height: 100% */
    position: relative;
}

#sidebar-wrapper {
    margin-left: -265px;
    left: 0;
    width: 250px;
    background: #edbc5d;
    /* position: absolute; */
    z-index: 99;
    transition: all .4s ease 0s;
    position: relative;
    /*height: 100%;*/
    float: left;
    height: 100%;
    height: 100%;
    max-height: 1455px;
    min-height: 1107px;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 800px;
    background: #F2BB4A;
}

#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}

#wrapper.toggled {
    padding-left: 0;
}

#wrapper.toggled #sidebar-wrapper {
    left: 265px;
}

#wrapper.toggled .canvas {
    margin-left: 260px;
}

#wrapper .canvas {
    padding-left: 0;
    transition: all .4s ease 0s;
    /* height: 100%; */
    position: relative;
    margin-left: 265px;
    float: left;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
}

/*Lang dropdown CSS Start*/

/*
.italian .dropdown-right .drop-down .select-list li:nth-child(3) {
    display: none!important;
}
*/
.english .dropdown-right .drop-down .select-list li:nth-child(1) {
    display: none !important;
}

.spanish .dropdown-right .drop-down .select-list li:nth-child(4) {
    display: none !important;
}

.top-performers-container .performer-item .user-name {
    font-size: 9px;
}

.button.copy {
    display: none;
}

.iframe-box h2 {
    text-transform: uppercase;
    color: #119a68;
    margin-bottom: 20px;
}

.iframe-box-top {
    background: #f4f4f4;
    padding: 15px;
    border-top: 1px solid #ccc;
    margin-bottom: 25px;
}

.iframe-box h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.iframe-box a {
    color: #119a68;
}

.iframe-box p {
    padding-left: 0px;
    margin-bottom: 15px;
    font-size: 16px
}

.iframe-box p:last-child {
    margin-bottom: 0;
}

b {
    font-family: 'Roboto-Bold';
}

.iframe-box h3 b {
    color: #119a68;
}

.iframe-box img {
    margin-top: 30px;
    height: 100%;
}

/* responsive */
@media(max-width: 1600px) {
    body .dashbrd {
        display: block;
    }

    .tp_detail_card_flx {
        display: flex;
    }

    .smdashboard-wrap {
        padding-right: 15px !important;
        width: 100% !important;
    }

    .smdashboard {
        height: 100%;
    }

    body .tp_detail_card,
    body .right-content,
    body .page-content-area {
        width: 100%;
    }

    body .content-wrapper {
        margin: 10px 0 25px 0px;
    }

    .tp_detail_card .ns-box {
        float: left;
    }

    .tp_detail_card .ns-box:first-child {
        width: 30%;
    }

    .tp_detail_card .ns-box:last-child {
        width: 68%;
        margin-left: 2%;
        padding-top: 35px;
    }

    .right-sidbar-content .rsc-box h3 {
        font-size: 22px;
    }

    body .prop-bx {
        width: 33.33%;
    }
}

/*Lang dropdown CSS end here*/
@media(max-width: 1199px) {

    /*.registration-bottom {    padding: 0 15px 24px 0;}*/
    .signup-text span {
        padding: 0 2px;
    }

    .registration-bottom a {
        font-size: 13px;
    }

    .top-head-bar{display:block;}

}

@media(max-width: 991px) {

    .login-social-box a.facebook {
        margin: 0 0 5px 0;
    }

    .login-social-box a.linkedin {
        margin: 0;
    }

    .signup-text {
        text-align: center;
    }

    .login-page .submit-box>div:first-child {
        width: 35%;
    }

    .login-page .form-inline button.btn.btn-default {
        padding: 6px 23px;
        font-size: 15px;
    }

    .site-header .top-head-bar .navbar {
        display: block;
        position: absolute;
        top: 25px;
        left: 15px;
    }

    #wrapper .canvas {
        margin-left: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        position: absolute;
        z-index: 9999;
    }

    .before-right-content {
        padding: 30px 15px 30px 15px;
    }

    .right-login-wrapper {
        padding: 30px 0;
        ;
    }

    .login-page .register-wrap {
        width: 90%;
    }



}


@media (max-width:767px) {

    .login-page .submit-box>div:first-child {
        width: auto;
    }

    .register-logo {
        margin: 0;
    }

    .customer-tabs .tabs-left {
        border: 0;
        display: block;
    }

    .customer-tabs .nav-tabs>li {
        border-left: 0px;
        /* border-bottom: 1px solid #ccc; */
        width: 100%;
        margin-bottom: 5px;
    }

    .customer-tabs .nav-tabs>li.active:after {
        width: 100%;
        height: 1px;
        background: #fff;
    }

    .customer-tabs .nav-tabs>li a br {
        display: none;
    }

    /*.customer-tabs .nav-tabs > li:first-child{border: 0;}*/
    .customer-tabs .nav-tabs>li:last-child {
        border: 0;
    }

    .customer-tabs .nav-tabs>li.active {
        border: 0;
    }

    .register-wrap .row-flex {
        display: block;
    }

    p.rotat-p {
        display: none;
    }

    /* .register-wrap .row-flex .col-sm-6:first-child {    display: none;} */

    .login-img {
        display: none;
    }


}


.successful-wrapper {
    padding: 40px 0;
    text-align: center;
}

.successful-wrapper h4 {
    padding: 40px 0;
    margin: 0;
    font-size: 30px;
    text-transform: capitalize;
    color: #000;
}

/****block-language *******/
.block-language {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 900;
}

.block-language .links li {
    width: 41px;
    list-style: none;
    height: 25px;
    display: none;
    position: relative;
}

.block-language .links li a {
    display: inline-block;
    width: 40px;
    font-size: 0;
    height: 20px;
}

.block-language .links li a img {
    width: 65%;
}

.block-language .links li.is-active {
    display: block;
}

.block-language .links li.is-active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #757575 transparent transparent transparent;
    position: absolute;
    right: 0;
    top: 40%;
}

.block-language .links:hover li {
    display: block;
}

.block-language .links:hover li.is-active:after {
    display: none;
}

.block-language .links {
    background: #000;
    position: relative;
    z-index: 99;
    padding: 5px 0 5px 15px;
}

/**********/
.box iframe .inlineblock {
    display: block !important;
}

/*****grey-sidebar*****/
.grey-sidebar {
    font-size: 16px;
    box-shadow: 0px 0 15px 1px rgb(0, 0, 0, 30%);
    -webkit-box-shadow: 0px 0 15px 1px rgb(0, 0, 0, 30%);
    -moz-box-shadow: 0px 0 15px 1px rgb(0, 0, 0, 30%);
    padding: 0;
}

.grey-sidebar h3 {
    background: #119a68;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px 10px 30px;
    margin: 0;
    position: relative;
}

.swedish .grey-sidebar h3 {
    font-size: 14px;
    padding: 11px 20px 11px 15px;
}

.grey-sidebar h3:after {
    content: "";
    background: url(/Images/tag.png);
    position: absolute;
    right: -21px;
    width: 41px;
    height: 38px;
    top: 0;
    background-position: 0 3px;
    display: none;
}

.grey-sidebar p {
    font-size: 15px;
    padding: 15px 20px;
    margin: 0;
    border-bottom: 1px solid #fff;
}

.swedish .grey-sidebar p {
    padding: 15px 15px;
}

.grey-sidebar p:last-child {
    margin: 0;
    padding-bottom: 0;
    border: 0;
}

.grey-sidebar p b {
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto-Bold';
}

.grey-sidebar ul {
    padding: 10px 0 10px 28px;
    color: #004c93;
    font-weight: 500;
}

.divider {
    background: #b2b2b2;
    height: 1px;
    margin: 25px 0;
    width: 100%;
}

.grey-contact-box i {
    color: #004c93;
    font-size: 22px;
}

.grey-contact-box span {
    color: #004c93;
    font-size: 22px;
}

.grey-contact-box span {
    color: #004c93;
    font-size: 20px;
    font-weight: 500;
    margin: -3px 0 5px 0;
    display: inline-block;
}

.grey-contact-box {
    font-weight: 500;
}

.mb20 {
    margin: 0 0 15px 0;
}

.grey-sidebar #ofm-table-products-container h2 {
    display: none;
}

.grey-sidebar h2 {
    margin-top: 10px;
    font-size: 24px;
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
    color: #119a68;
}

.blue-head {
    color: #119a68;
}

/*********/

/*******suren-flag-css***********/
.form-group.selct-new.new-drop-flag {
    margin: 0 !important;
}

.new-drop-flag .dropdown dd ul {
    background: #fff;
    color: #000;
    display: none;
    padding: 5px 0px;
    top: 2px;
    min-width: 170px;
    height: 235px;
    overflow-y: scroll;
    position: absolute;
    z-index: 99;
    top: 40px;
    box-shadow: 0 1px 7px #959393;
}

.new-drop-flag .dropdown span.value {
    display: none;
}

.new-drop-flag .dropdown dd ul li a {
    padding: 5px;
    display: block;
}

.new-drop-flag .dropdown dd ul li a:hover {
    background-color: #d0c9af;
}

.new-drop-flag .dropdown img.flag {
    border: none;
    padding-right: 15px;
}

.new-drop-flag .flagvisibility {
    display: none;
}

.new-drop-flag dl#sample {
    width: 78%;
    float: right;
}

.new-drop-flag dl#sample a {
    width: 100%;
    height: 40px;
    background: no-repeat;
    border: snow;
    border-bottom: 1px solid;
    text-decoration: none;
    color: #5a5757;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-login-wrapper.remove-before:before {
    display: none;
}

.new-drop-flag .dropdown dt a {
    display: block;
    font-size: 12px;
    color: #626262;
    padding: 10px;
}

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

/********suren-flag-css-end**********/

/******************/
.referall-wrap {
    margin: 0 -17px;
    position: relative;
}

.refer-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.refer-content h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
}

.refer-content p {
    padding: 0;
    color: #fff;
    font-size: 17px;
    margin: 0;
    text-align: left !important;
}

.refer-content a {
    background: #fff;
    padding: 10px 25px;
    border-radius: 35px;
    float: right;
    font-size: 17px;
    text-decoration: none;
    transition: 0.5s;
}

.refer-content a:hover {
    background: #119a68;
    color: #fff;
    text-decoration: none;
}

.referall-wrap img.img-responsive {
    width: 100%;
}

.invite-friend .form-content .form-inline .form-group span {
    position: absolute;
    bottom: -19px;
    right: 0;
}

.invite-friend .form-content .form-inline .form-content-box.form-content-box-label-full .form-group {
    padding: 0;
    margin: 0 0 15px 0;
}

/***************************************************************************************************
PAGE NOT FOUND PAGE CSS START
**************************************************************************************************/
.container-404 .row {
    display: flex;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.container-404 {
    display: table;
    overflow: hidden;
    padding: 50px 15px;
}

.container-404 p {
    font-size: 20px;
}

.container-404 p.bold {
    font-weight: bold;
    font-size: 30px;
}

.container-404 p.regular {
    font-weight: 100;
}

.container-404 img {
    text-align: center;
    display: inline-block;
}

.container-404 .row img,
.container-404 .row img {
    text-align: center;
    display: inline-block;
    padding-bottom: 30px;
}

/***************************************************************************************************
PAGE NOT FOUND PAGE CSS END
**************************************************************************************************/
/***********personal account page**********/
.account-info h4 {
    background: #E6814B;
    color: #fff;
    padding: 15px 0;
    border-right: 1px solid #e4e4e4;
    margin: 0;
}

.account-info span {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 0;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

/***********personal account page**********/
.graf-section .panel-body {
    overflow-x: scroll;
    display: flex;
    justify-content: center;
}

.graf-section .panel-heading {
    background: #004c93;
    color: #fff;
    border-radius: 0;
    padding: 15px 0;
}

.graf-section .panel-heading h4 {
    margin: 0;
}

/************/

.tradingview-widget-container {
    position: relative;
    display: flex;
}

.tradingview-widget-container:after {
    position: absolute;
    content: "";
    right: 9px;
    bottom: 0;
    width: 32px;
    height: 36px;
    background: #fff;
    border-radius: 100%;
}

.tradingview-widget-container iframe {
    height: 100% !important;
}

/******calculator-table*********/
table.calculator-table {
    background-color: transparent;
    width: 100%;
}

table.calculator-table td {
    border: 1px solid #d8d8d8;
    padding: 7px 15px;
}

.form-inline table.calculator-table select,
.form-inline table.calculator-table input {
    width: 100%;
    display: block;
    margin: 0;
    border: 1px solid #ccc;
    padding: 2px 8px;
}

table.calculator-table td.comm {
    border: 0;
}

.cal_submit {
    background: #004c93;
    color: #fff;
    padding: 8px 20px !important;
    display: inline-block;
    font-size: 17px;
    width: auto !important;
}

.swapriskmoney {
    background: #ffffff;
    padding: 8px 15px !important;
    width: auto !important;
    border: 2px solid #8bc838 !important;
    color: #8bc838;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

.swapriskmoney:hover,
.swapriskmoney:focus {
    background: #99d213;
    text-decoration: none;
    border: 2px solid transparent !important;
    color: #fff !important;
}

table.form-tbl.wholecolored.calculator-table td.left {
    width: 48%;
}

table.form-tbl.wholecolored.calculator-table {
    width: auto;
}

.calculator-page .steps-main-heading {
    font-size: 30px
}

/******calculator-table*********/
.form-content form.search-form {
    margin-bottom: 15px;
    padding: 0;
    float: right;
}

.form-content #searchform.search-form {
    margin-bottom: 15px;
    padding: 0;
    float: right;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .select-arrow:after {
        display: none;
    }

    .page-loader {
        padding: 15%;
        display: block;
    }
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}

.responsive_tbl {
    background: #f1f1f1;
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: 300;
    width: 97.5%;
    margin: 20px 15px 20px 15px;
}

.responsive_tbl tr th {
    border: 1px solid #ccc;
    background: #F6F6F6;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    text-align: center;
    padding: 20px 6px;
    text-transform: capitalize;
}

/*.responsive_tbl tr th:last-child { border-right:0 none }*/
.responsive_tbl tr td {
    border: 1px solid #ccc;
    color: #333;
    font-size: 15px;
    padding: 15px 6px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    background: #fff;
}

.responsive_tbl tr td:first-child {
    font-weight: bold;
    font-family: 'Roboto-Bold';
}

.responsive_tbl tr td>a {
    color: #E6814B !important;
}

.responsive_tbl .td-link {
    padding: 6px 10px;
}

/*.responsive_tbl .tbl-btn { background: #151c1f; border: 1px solid #9a7e19; border-radius: 0; display: inline-block; text-align: center; padding: 6px 15px; color: #deb417!important; }
.responsive_tbl .tbl-btn:hover, .responsive_tbl .tbl-btn:focus { background: #b6bc1c; border: 1px solid #b6bc1c; border-radius: 0; color: #fff!important; text-decoration:none; }*/
table.legal-table td {
    text-align: center;
}

.trading_history .form-content .form-inline .form-group span {
    text-align: left;
}

.payment-methods-table .common-table tr th {
    text-align: center;
    padding: 20px 15px;
    font-size: 14px;
}

.payment-methods-table .common-table tr td {
    text-align: left;
    padding: 20px 15px;
    font-size: 13px;
}

.payment-methods-table .common-table tr td img {
    margin-right: 10px;
    height: 30px;
}

.payment-methods-table .common-table tr td span.color-link {
    display: inline-block;
    margin: 0 15px 0 0;
}


@media (max-width: 767px) {

    .responsive_tbl table,
    .responsive_tbl thead,
    .responsive_tbl tbody,
    .responsive_tbl th,
    .responsive_tbl td,
    .responsive_tbl tr {}

    .responsive_tbl {
        border: medium none;
        background: transparent;
    }

    .responsive_tbl tr th {
        border-bottom: 1px solid #444;
        border-right: medium none;
        width: 100%;
        font-size: 14px;
        padding: 15px 6px;
    }

    .responsive_tbl tr {
        border: 1px solid #e9e9e9;
        margin-bottom: 15px;
        padding: 0;
    }

    .responsive_tbl tr td {
        padding: 10px 6px;
        position: relative;
        white-space: normal;
        border-right: 0px;
    }

    .responsive_tbl td::before {
        color: #a2a2a2;
        content: attr(data-title);
        display: none;
        font-size: 16px;
        padding-bottom: 1px;
        padding-right: 0;
        text-align: left;
        white-space: nowrap
    }

    #ofm-table-products,
    #ofm-table-products td,
    #ofm-table-products th,
    #ofm-table-products h2 {
        margin: auto;
    }

    .grey-sidebar {
        background: transparent;
    }

    .grey-sidebar .table-responsive {
        border: none;
    }

    .custom-details .panel-heading h4 {
        font-size: 18px;
    }

    .custom-details .panel-heading a.accordion-toggle:after {
        font-size: 15px
    }

    /*header*/
    .top-head-bar {
        display: block;
    }

    .top-head-bar .side-overlay-menu {
        width: 30%;
        z-index: 999999999;
        order: 2;
    }

    .top-head-bar .market-ticket {
        position: relative;
        top: 0;
        width: 100%;
        padding: 0 0 10px 0;
    }

    .login-details {
        text-align: center;
        order: 2;
        width: 70% !important;
        float: left;
        padding-top: 0;
        z-index: 99999999;
        position: relative;
    }

    .top-head-bar .col-md-6.col-sm-4.col-xs-4.text-center {
        width: 100%;
        padding: 0 0 10px 0;
        order: 1;
    }

    .top-head-bar .common-btn {
        margin-left: 7px;
    }

    .leverate-rates-ticker-container .leverate-rates-animated-row {
        left: 0;
    }

    /**/

}

@media (max-width: 560px) {}

@media (max-width: 480px) {
    .cashier34-div {
        max-width: 100%;
        width: 100%;
    }

    .cashier34-div .form-control {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    .cashier34-div label {
        font-size: 13px;
    }

    .custom-details .panel-heading h4 {
        font-size: 16px;
    }
}

@media(min-width: 1460px) {
    .side-overlay-menu {
        width: 15% !important;
    }

    .market-ticket {
        width: 60% !important;
    }

    .login-details {
        width: 30% !important;
    }
}

@media(min-width: 1800px) {
    .market-ticket {
        width: 80% !important;
    }
}



/**************   New technical Analysis   ***************/
.page-id-2311 .content-area,
.page-id-2325 .content-area,
.page-id-2332 .content-area,
.page-id-2333 .content-area,
.page-id-2331 .content-area {
    padding: 0px;
}

.page-id-2311 .inner_bnr_container,
.page-id-2325 .inner_bnr_container,
.page-id-2332 .inner_bnr_container,
.page-id-2333 .inner_bnr_container,
.page-id-2331 .inner_bnr_container {
    display: none;
}

.technical-analysis {
    padding: 0px;
}

.technical-analysis p {
    font-size: 16px;
    padding: 0px;
}

.tech-one {
    position: relative;
}

.tech-one-content {
    width: 70%;
    padding-top: 60px;
    top: 0;
}

.tech-one-content h3 {
    font-size: 24px;
    color: #000;
    margin-top: 0;
}

.tech-one-content h2 {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    /*color: #fff;*/
}

.tech-one-content p {
    font-size: 32px;
    /*color: #fff;*/
    padding: 0px;
}

.tech-one-content a {
    margin-top: 02px;
    font-size: 18px;
    text-transform: uppercase;
    background: #000;
    padding: 10px 30px;
    color: #fff !important;
    display: inline-block;
    text-decoration: none !important;
}

.tech-two {
    padding: 50px 0px;
}

.tech-two img {
    float: right;
    height: 600px;
    padding-right: 20px;
}

:lang(ar).tech-two img {
    float: left;
    padding-right: 0;
    padding-left: 20px;
}

.technical-analysis .lg-head {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
    color: #274b99;
    margin-bottom: 35px;
}

.tech-three {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 15px;
    color: #fff;
}

.tech-three p {
    color: #fff;
    margin-top: 20px;
}

.tech-three h2 {
    font-size: 24px;
}

.tech-three .icon {
    width: 170px;
    height: 170px;
    margin: 30px auto 0;
}

.tech-three .one {
    background-position: -642px -640px;
}

.tech-three .two {
    background-position: -654px -926px;
}

.tech-three .three {
    background-position: -648px -1210px;
}

.tech-three .four {
    background-position: -1000px -41px;
}

.tech-three .five {
    background-position: -989px -353px;
}

.tech-three .six {
    background-position: -993px -668px;
}

.tech-four {
    padding: 50px 0;
}

.tech-four .tabs-left>li>a {
    border-radius: 0px;
    margin-right: 0;
    display: block;
    padding: 10px 30px;
    margin-bottom: 16px !important;
    text-transform: uppercase;
    border: 0 !important;
    background: #fff;
    margin-bottom: 0;
    font-size: 14px;
}

.tech-four .tabs-left>li {
    margin-right: 0;
    display: block;
    text-align: center;
    padding: 0 60px 0 0;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

:lang(ar).tech-four .tabs-left>li {
    padding: 0 0px 0 60px;
}

.tech-four .tabs-left>li.active>a:after {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #1b3071;
    position: absolute;
    content: '';
    right: -40px;
    top: -18px;
}

:lang(ar).tech-four .tabs-left>li.active>a:after {
    right: auto;
    top: -19px;
    left: -38px;
    transform: rotate(180deg);
}

.tech-four .tabs-left>li>a:hover {
    background-color: transparent;
    color: #1b3071;
}

.tech-four .tabs-left>li.active>a,
.tech-four .tabs-left>li.active>a:hover,
.tech-four .tabs-left>li.active>a:focus {
    background: #1b3071;
    color: #fff;
    border: 0;
}

.tech-four .tab-content h2 {
    margin-top: 0;
    margin-bottom: 25px;
    color: #1b3071;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}

.tech-four .tab-content img {
    margin-bottom: 20px;
}

.tech-four .tabs-left,
.tech-four .tabs-right {
    margin-top: 30px;
    border: 0;
}

.ar-l {
    display: none !important;
}


.dear-client {
    /* position: absolute;
    top: 0;
    z-index: 1;
    padding: 20px 15px;*/
}

.dear-client p {
    color: #2d2d2d;
}

/* *************likedin,google,fb css */
.social-btns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.social-btns a {
    border: 1px solid #ccc;
    border-radius: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    font-size: 13px;
    text-decoration: none;
    padding: 10px;
}

.social-btns a img {
    width: 25px;
}

.customWidget {
    height: 220px;
    border: 1px solid darkgray;
    border-radius: 9px;
}

.customWidget a:hover,
.customWidget a:focus {
    text-decoration: none;
}

.ImgWidg {
    /* background-image: url('/Images/widgets/SentimentComplexPlaceholder.png'); */
    height: 160px;
    background-size: cover;
}

.alignInCenter {
    text-align: center;
}

.mainTitle {
    font-size: 18px;
    color: black;
}

.subTitle {
    font-size: 10px;
    color: black;
}

.custWidg {
    background: white;
    width: 100%;
    height: 100%;
    border: 0px;
    border-radius: 100px;
}

.widgetListing .no-rt-padd {
    padding-left: 0px;
}

/* Widgets filter floating button starts here */
.widget-btn {
    display: flex;
    height: 89px;
    width: 89px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #12a16d;
    position: fixed;
    right: 6px;
    bottom: 140px;
    z-index: 9999;
    cursor: pointer;
}

.widget-filter-modal {
    text-align: center;
}

.widget-filter-modal:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.widget-filter-modal .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    width: 750px;
    text-align: left;
}

.widget-filter-modal .modal-content {
    padding: 10px 15px 15px;
    border-radius: 15px;
}

.widget-filter-modal .modal-content h2 {
    font-size: 22px;
    font-family: 'Roboto-Bold';
}

.widget-filter-modal .modal-dialog label {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: 'Roboto-Bold';
}

.widget-filter-modal .modal-dialog label input[type=checkbox] {
    margin: 0 8px 0 0;
}

.widget-filter-modal .modal-footer {
    border-top: 0;
    text-align: left;
}

.widget-filter-modal .modal-footer .btn-default {
    border-radius: 0;
    border: 2px solid;
    outline: none;
}

.widget-filter-modal .modal-footer .btn-default:first-child {
    border-color: #12a16d;
}

.widget-filter-modal button.close {
    border: 1px solid;
    border-radius: 50%;
    padding: 0 5px;
    opacity: 0.8;
}

@media(max-width:767px) {
    .widget-filter-modal .modal-dialog {
        width: 90%;
    }

    .widget-filter-modal:before {
        height: auto;
    }
}


/* Widgets filter floating button ends here */


.sidebar ul.sidebar-menu .myprofile a {
    display: flex;
    align-items: center;
    /* border: 1px solid #048f5c; */
    margin-bottom: 0;
    padding: 12px 20px;
}

.sidebar ul.sidebar-menu .myprofile a .fa {
    height: 40px;
    width: 40px;
    background: #ece4e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    margin-right: 10px;
    font-size: 35px;
    color: #c5c3bb;
    overflow: hidden;
}

.sidebar ul.sidebar-menu .myprofile .fa-user:before {
    margin-bottom: -9px;
}

#loginTP {
    border: 1px solid #e7e7e7;
    padding-left: 10px;
}

#images_pymentmethods {
    height: 22px;
    width: 22px;
}

.forgot-lock {
    padding: 30px 0 0 0;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.login-page .forgot-password-sec .registration-top img {
    position: relative;
    top: 4px;
}

.forgot-lock img.img-responsive {
    width: 52px !IMPORTANT;
    margin: 0 auto;
}

.forgot-password.login-page .register-wrap {
    border-radius: 30px;
    width: 450px;
    padding: 30px;
}

.input-icon.user-info {
    position: absolute;
    bottom: 44px;
    background: url(/Images/new-sprite-lt.png);
    height: 24px;
    width: 24px;
    background-position: -69px -726px;
    margin-left: 10px;
}

.ns-box {
    /* background: #fff; */
    /* box-shadow: 0px -1px 9px 6px #d5e4fe; */
    border-radius: 13px;
    text-align: center;
    padding: 20px;
    margin: 10px 0 30px 0;
    position: relative;
    /* width: 245px !important; */
    border: 1px solid #DCDCDC
}

.new-common-btn {
    /* box-shadow: 1px 0px 4px #88cff1; */
    border-radius: 21.5px;
    padding: 8px 30px;
    color: black;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    background: #E6814B;
    margin-bottom: 5px;
    margin-top: 5px;
}

.input-icon.user-info abbr {
    display: none;
}

.input-icon.user-info:hover abbr {
    display: block;
    position: absolute;
    bottom: 28px;
    z-index: 99;
    width: 200px;
    height: auto;
    background: #E7E7E7;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    padding: 12px;
}

.input-icon.user-info:hover abbr:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 10px #D1D1D1;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    bottom: -9px;
    left: 10px;
}

.right-sidbar-content .rsc-box {
    box-shadow: 0px -1px 9px 2px #d5e4fe;
    border-radius: 13px;
    /* background: #E1F0FC; */
    margin: 0 0 15px 0;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
}

.right-sidbar-content {
    padding-top: 55px;
}

.right-sidbar-content .rsc-box h4 {
    margin: 0;
    font-size: 14px;
}

.right-sidbar-content .rsc-box h3 {
    color: #000;
    font-size: 30px;
    margin: 0;
}

.dashboard-content h2 {
    padding: 0 0 15px 0 !important;
    color: #000;
    text-align: left;
    margin: 0;
    font-size: 24px;
}

.page-content-area {
    margin-top: 10px;
    border-radius: 20px;
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    padding: 8px;
    margin-left: 10px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
    /* border: 1px solid #D8D8D8 */
}

.ns-box h3 {
    margin: 15px 0 5px 0;
    padding: 0;
    font-size: 18px;
    color: #E6814B;
    font-weight: bold;
}

.ns-box h4 {
    font-size: 16px;
    color: #000;
}

.ns-box p {
    color: white;
}

.ns-box .ns-user {
    margin-top: -15px;
}

.middle-content-wrap li {
    list-style: none;
    color: black !important;
    padding-bottom: 10px;
}

.middle-content-wrap .nav-top a {
    color: #727C93;
    border-bottom: 2px solid transparent;
    font-weight: bold;
}

.middle-content-wrap .nav-top a:hover {
    color: #E6814B !important;
    font-weight: bold;
    border: 0 !important;
    text-decoration: none;
}

.middle-content-wrap .nav-top li.active a {
    color: #E6814B;
    font-weight: bold;
    border-bottom: 2px solid #E6814B;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: -1px;
}

.middle-content-wrap .nav-top {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
    padding-left: 0;
    border: 1px solid #DCDCDC;
    padding-top: 12px;
}

.dash-tabs {
    border: none;
}

.tab-info {
    border: 1px solid #DCDCDC;
    border-top: none;
}

.mdata,
.thdata,
.tdata {
    padding: 10px;
}

.page-left {
    padding: 15px;
}

.page-content-area .dashboard-bottom {
    min-height: auto;
}

.dashbrd {
    display: flex;
    justify-content: space-evenly;
}

.form-content .form-inline label.form-label {
    width: auto;
}

/* FAC-132 */
.btn-round {
    color: #E6814B;

    border: 2px solid;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 8px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: capitalize;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    border-radius: 45px;
    font-family: 'Roboto-Bold';
    background: #fff;
}

/* FAC-132 */
/* FAC-120 */
.register-wrap #Date_of_Birth-div span {
    position: relative;
    bottom: 0;
    right: 0;
    color: #5a5a5a;
}

.register-wrap #Date_of_Birth-div .input-group.date.year18 {
    width: 100%;
}

.register-wrap #Date_of_Birth-div .input-group-addon {
    width: 30px;
}

select {
    padding-left: 25px !important;
}

/* end FAC-120 */
/* FAC-145 */
/* .register-wrap #Date_of_Birth-div,.register-wrap #currency-div{ margin-bottom: 25px;}
.register-wrap #Date_of_Birth-error{
    font-size: 11px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    color: #a94442 !important;
    bottom: -18px !important;
    right: -4px !important;
    position: absolute !important;
} */
.fixed-height-div {
    height: 90px !important;
}

/* fac 145 end */

/* ALTCRM-1370 */
/*****prop pulse****/
.proppulse-head {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: linear-gradient(180deg, #E6814B 0%, #b7edff 100%);
    background: rgba(0, 146, 179, 1);
    background: -moz-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 146, 179, 1)), color-stop(100%, rgba(2, 102, 136, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 146, 179, 1) 0%, rgba(2, 102, 136, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6814B', endColorstr='#026688', GradientType=0);
}

.flex-row {
    display: flex;
    justify-content: space-between;
}

/* .row{
    display:flex;
} */
.straight {
    display: flex;
}

.profit {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding-right: 10px;
}

.profit-text {
    font-family: Roboto;
    font-size: 25px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.profit-div {
    padding-left: 20px;
}

.profit-image {
    padding-top: 10px;
    padding-right: 10px;
}

.challenge-profit {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.challenge-profit-div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.no-limit {
    background: #0a5e70;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding: 3px 12px 3px 12px;
    margin-right: 10px;
}

.evaluation1-div {
    margin-top: 20px;
}

.meta-trader {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

/* .activity-div{
    background: #fff;box-shadow: 0px -1px 9px 6px #d5e4fe;border-radius: 13px;padding: 10px;margin: 10px 0 30px 0;
}
.activity-text{
    font-family: Roboto;font-size: 22px;font-weight: 500;line-height: 26px;letter-spacing: 0em;text-align: left;
}
.activity-div1{
    background: #F5F5F5;padding: 10px;width: 234px;height: 90px;top: 1145px;left: 625px;
}
.activity-div2{
    background: #F5F5F5;padding: 10px;width: 410px;height: 85px;top: 982px;left: 592px;
}
.activity-tick{
    border: 1px solid #22A447;padding: 3px;margin-bottom: 10px;margin-right:5px;
} */

/* activity css */

.activity-div .activity-div1.profit1-div {
    background: linear-gradient(90deg, #ECE9E9 0%, rgba(255, 255, 255, 0) 140%);
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.activity-div .activity-tick {
    /* border: 1px solid #22A447; */
    padding: 3px;
    width: 25px;
    height: 25px;
    margin: 0 20px 0 0;
}

.activity-div1 p {
    margin: 0;
}

.activity-div .flex {
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 15px;
}

.activity-div .activity-para {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
}

.activity-div .activity-span {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    display: block;
    font-family: "Lexend Deca SemiBold";
    margin: 0 0 4px 0;
}

/* activity css ends */
/* 
.evaluation{
    font-family: Roboto;font-size: 16px;font-weight: 500;line-height: 26px;letter-spacing: 0em;text-align: left;color: #000000;
} */
/* .step1-text{
    font-family: Roboto;font-size: 18px;font-weight: 400;line-height: 21px;letter-spacing: 0em;text-align: left;
} */
.profit1-div {
    background: linear-gradient(90deg, #ECE9E9 0%, rgba(255, 255, 255, 0) 140%);
    padding: 13px;
}

.activity-span {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.activity-para {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.evaluation-div {
    box-shadow: 0px 16px 24px 0px #0000000F;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    border-radius: 28px;
    padding: 50px 20px;
}

.trade-div {
    box-shadow: 0px 16px 24px 0px #0000000F;
    background: #FFFFFF;
    border-radius: 28px;
    padding: 5px 10px;
    margin: 10px;
}

.balance {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #696969;
}

.evaluation1-div {
    margin-top: 10px;
}

.row-margin {
    display: flex;
    margin-left: -23px;
}

.evaluation-text {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #404040;
}

.loss-div {
    width: 33.33%;
    height: 152px;
    top: 369px;
    left: 303px;
    background: linear-gradient(90deg, #FCFCFC 0%, rgba(255, 255, 255, 0) 140%);
    padding: 15px;
}

.evaluation-span {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.evaluation-para {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    margin-top: 20px;
}

.graph-div {
    margin-top: 20px;
}

.margin-left {
    margin-left: 20px;
}

.trade-div1 {
    background: #E6814B;
    box-shadow: 0px 16px 24px 0px #0000000F;
    border-radius: 28px;
    padding: 5px 10px;
    margin: 10px;
    color: #FFFFFF;
}

.balance1 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.bal-para {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.bal-span {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.tab-div-selected {
    background: #E6814B !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.tab-div {
    width: 156px;
    height: 47px;
    top: 636px;
    left: 281px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    border: 1px solid #DCE4DE;
    font-family: Lexend Deca;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #727272;
    text-decoration: none !important;
    cursor: pointer;
}

.tab-div:hover {
    background: #E6814B !important;
    color: #FFFFFF !important;
}

.overflow-tab-main-div {
    display: flex;
    margin-top: 10px;
}

.overflow-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 15px;
}

.objectives-div {
    background: #b7edff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
    margin: 0 0 15px 0;
}

.objectives-text {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #404040;
}

.milestones-div {
    background: #b7edff;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    margin-top: 10px;
    margin: 15px 0 8px 0;
}

.milestones-text {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #404040;
}

.milestone-select {
    border: 0;
    background: #fff;
    padding: 0 0 0 11px !important;
    height: 40px;
    margin: 3px 0 0 0;
}

.list {
    list-style: none;
}

.profit-main-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 20px;
}

.row-tab {
    padding: 20px;
}

.profit-para {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}

.paginationText {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.captchacode1 {
    width: 71px;
    border-radius: 15px;
}

.instruments-main-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 20px;
}

.profit-breakdown-div {
    background: #b7edff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.add-filter {
    background: #FFFFFF;
    color: #000;
    padding: 5px 10px;
    font-size: 10px;
}

.trades-main-div {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    background: #FFFFFF;
    padding: 50px;
    padding: 25px 30px 25px 25px !important;
}

.trading-div {
    border: 1px solid #DBDBDB;
    background: #FFFFFF;
    width: 228px;
    margin: 10px;
}

.trades-container {
    box-shadow: 0px 16px 24px 16px #0000000F;
    border-radius: 10px;
    padding: 7px;
}

.row1 {
    display: flex;
}

.trade-icon {
    background: #DDF9E4;
    margin-right: 10px;
    padding: 10px;
}

.trade-details {
    border: 1px solid #BAE7C7;
    padding: 10px 20px;
    width: 100%;
    ;
}

.trade-details p {
    margin: 0;
}

.trade-div-contrainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.trade-text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.trade-span {
    font-family: Roboto;
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    position: relative;
    z-index: 99;
}

.trade-para {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.trade-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.daily-profit-graph-div {
    border: 1px solid #DBDBDB;
    border-radius: 25px;
    width: 49% ! IMPORTANT;
    margin: 0 0.5%;
}

.trade-main .trade-div-contrainer {
    width: 100%;
    padding-left: 34px;
}

.trades-container .trading-div {
    width: 47%;
    height: 130px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
}

.trades-container .trading-div h2.trade-text {
    margin: -18px 0 0 0;
}

.trades-container .trading-div h2.trade-text .trade-para {
    margin: 0;
}

.trades-container .trading-div img {
    right: 20px;
    width: 90px;
    position: absolute;
    top: 38px;
    bottom: 0;
}

.daily-profit-graph {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.hr {
    margin: 0;
}


.trade-div {
    padding: 20px;
}

.overflow-tab-main-div {
    margin-top: 20px;
}

.evaluation1-div {
    margin-top: 15px;
}

.prop-table th,
.prop-table td {
    text-align: left;
    font-size: 15px;
    padding: 15px 20px;
}

.milestone-select {
    padding-left: 0px !important;
    padding: 0;
    text-align: center;
}

.pop-msg-container-proppulse {
    padding: 10px 30px 20px 30px;
    background: #fff none repeat scroll 0 0;
    position: relative;
    height: auto;
    vertical-align: middle;
    border-radius: 15px;
    text-align: left;
}

.pagination {
    float: right;
}

.pagination button {
    background: #fff;
    border: 1px solid #cccc;
    padding: 5px 15px;
}

.instruments-main-div .flex-row {
    display: flex;
    align-items: center;
}

.paginationText P {
    margin: 0;
}


/****prop-pulse-challenges*****/
.dashboard-bottom.prop-pulse-challenges {
    display: block;
}

.prop-pulse-challenges ul {
    background: #EEF3FA;
    ;
    ;
    margin-bottom: 42px;
    padding: 0 70px;
}

.prop-pulse-challenges .tab-div {
    background: transparent;
    height: 55px;
    color: #565454;
    border-radius: 0;
    border: 0;
    border-bottom: 4px solid #0000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: auto;
    padding: 0 20px;
    font-size: 15px;
}

.prop-pulse-challenges .tab-div.tab-div-selected,
.prop-pulse-challenges .tab-div:hover {
    background: #E6814B;
}

.prop-pulse-challenges .Challenges-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-right: 30px;
}

.prop-pulse-challenges .Challenges-wrapper>div {
    margin-bottom: 30px;
}

.prop-pulse-challenges .Challenges-box {
    border-radius: 10px;
    border: 1px solid #E6814B;
    padding: 4px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.prop-pulse-challenges .cb-body {
    flex: auto;
}

.prop-pulse-challenges .Challenges-box .cb-header {
    border-radius: 10px 10px 0 0;
    background: #E6814B;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prop-pulse-challenges .Challenges-box .cb-header h3 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0 0 6px 0;
    font-weight: 700;
}

.prop-pulse-challenges .Challenges-box .cb-header .cbh-left span {
    border-radius: 3px;
    border: 1px solid #2f6bc9;
    background: #E1F0FC;
    font-size: 12px;
    padding: 6px 10px;
    display: inline-block;
    color: #424040;
}

.Challenges-box .cb-header .cbh-left span:last-child {
    color: #153B76;
}

.prop-pulse-challenges .Challenges-box .cb-body p {
    font-size: 14px;
    color: #000000;
    margin: 15px 20px;
    min-height: 60px;
}

.prop-pulse-challenges .Challenges-box .cb-body ul {
    background: #ffffff;
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-height: 200px;
}

body .report_page #prop_pulse_traders_wrapper {
    overflow: auto;
}

.prop-pulse-challenges .Challenges-box .cb-footer .comments {
    margin: 25px 0;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li {
    position: relative;
    padding: 8px 15px 10px 50px;
    border-bottom: 1px solid #f9f5f5;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li:last-child {
    border: none;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li:before {
    height: 18px;
    width: 18px;
    background: url(/dist/img/icons.png);
    content: "";
    position: absolute;
    background-position: -1402px -71px;
    left: 22px;
    top: 10px;
}

.prop-pulse-challenges .Challenges-box .cb-body ul li span.tick {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 24px;
    top: 10px;
}

.prop-pulse-challenges .Challenges-box .cb-footer a,
.prop-pulse-challenges .Challenges-box .cb-footer button {
    border: 0;
    border-radius: 21px;
    background: #E6814B;
    color: #ffffff;
    padding: 8px 20px;
    display: inline-block;
}

.prop-pulse-challenges .Challenges-box .cb-footer a:hover,
.prop-pulse-challenges .Challenges-box .cb-footer button:hover {
    color: #000000 !important;
    text-decoration: none;
}

.prop-pulse-challenges .Challenges-box .cb-footer {
    padding: 25px 20px 20px 20px;
}

.prop-pulse-challenges .Challenges-box span.circle {
    background: #fff;
    height: 100px;
    width: 100px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    border: 5px solid #E1F0FC;
}

.challenges-tab-datails {
    padding: 0 0 0 0 !important;
}

.challenges-table h3 {
    margin: 0 0 15px 0;
    font-size: 20px;
}

.challenges-table {
    padding: 25px;
    border-radius: 13px;
    border: 1px solid #85C3E9;
    background: #FFF;
    margin-bottom: 25px;
}

.challenges-table .table th {
    background: #EAFBFF;
    border: 0;
    font-size: 15px;
    font-weight: normal;
}

.challenges-table .table {
    margin: 0;
}

.challenges-table .table th:first-child {
    border-radius: 8px 0 0px 0px;
}

.challenges-table .table th:last-child {
    border-radius: 0 8px 0px 0px;
}

.challenges-table .table td {
    border: 0;
    font-size: 14px;
    border-top: 0 !important;
}

.challenges-table .table tr:nth-child(even) {
    background: #F5F5F5;
}

.challenges-table .table tr:hover {
    background: #F1FBFE;
}

/****prop-pulse-challenges*****/
/*#my-challenges {
  padding: 0 16px 0 10px;
  margin: 0 0 20px 0;
}*/
.my-challenges-wrap {
    border-radius: 17px;
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
    box-shadow: 0px -1px 55.4px -19px rgba(0, 0, 0, 0.25), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    padding: 10px;
    margin: 0 0 20px 0;
}

.prop-wrap {
    padding: 0 15px;
    height: 800px;
    overflow: auto;
}

.my-challenges-wrap .mcb-header {
    border-radius: 10px 10px 0px 0px;
    background: #E6814B;
    padding: 8px 15px;
    display: flex;
    align-items: center;
}

.my-challenges-wrap.failed-box .mcb-header {
    background: rgba(255, 7, 7, 1);
    background: -moz-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 7, 7, 1)), color-stop(60%, rgba(0, 146, 179, 0.84)), color-stop(100%, rgba(0, 146, 179, 0.73)));
    background: -webkit-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: -o-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: -ms-linear-gradient(left, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    background: linear-gradient(to right, rgba(255, 7, 7, 1) 0%, rgba(0, 146, 179, 0.84) 60%, rgba(0, 146, 179, 0.73) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0707', endColorstr='#E6814B', GradientType=1);
}

.my-challenges-wrap .mcb-header .mcb-left {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
}

.my-challenges-wrap .mcb-header .mcb-left>div {
    padding: 10px 20px;
    text-align: left;
}

.my-challenges-wrap .mcb-header .mcb-left>div:first-child {
    padding-left: 0;
}

.my-challenges-wrap .mcb-header .mcb-left>div h4 {
    font-size: 15px;
    margin: 0;
    color: B7EDFF;
}

.my-challenges-wrap .mcb-header .mcb-left>div h4:last-child {
    margin-top: 4px;
}

.my-challenges-wrap .mcb-header .mcb-left>div .failed-btn {
    border-radius: 26px;
    border: 1px solid #CF0B0B;
    background: linear-gradient(90deg, rgba(255, 7, 7, 0.00) 0%, rgba(192, 4, 4, 0.57) 100%);
    color: #fff;
    padding: 10px 28px;
    font-size: 14px;
}


.my-challenges-wrap .mcb-header .mcb-right {
    width: 50%;
    float: left;
    display: flex;
    justify-content: flex-end;
}

.my-challenges-wrap .mcb-header .mcb-right>div {
    padding: 10px 20px;
    text-align: left;
    color: #fff;
    background: linear-gradient(270deg, #E6814B 0%, #068EAD 100%);
    margin-right: 10px;
}

.my-challenges-wrap .mcb-header .mcb-right>div h4 {
    font-size: 13px;
    margin: 0;
}

.my-challenges-wrap .mcb-header .mcb-right>div h3 {
    margin: 6px 0 0 0;
    font-size: 15px;
}

.my-challenges-wrap .mcb-header h2 {
    margin: 0;
    color: #fff;
    font-size: 25px;
}

.mcb-body .mcb-col {
    width: 28%;
}

.mcb-body .mcb-col:first-child {
    width: 13%;
}

.mcb-body .mcb-col {
    width: 28%;
    display: flex;
    padding: 15px;
    justify-content: space-around;
    align-items: center;
}

.mcb-body .mcb-col h2 {
    margin: 0;
    font-weight: bold;
}

.mcb-body .mcb-col:first-child h3 {
    margin: 0 0 10px 0;
}

.mcb-body .mcb-col:first-child h4.blue {
    margin: 0 0 8px 0;
    color: #E6814B;

    font-size: 19px !important;
}

.mcb-body .mcb-col div>h4 {
    font-size: 20px;
}

.mcb-body {
    display: flex;
}

.mcb-body .mcb-col:first-child {
    width: 13%;
    display: block;
}

.mcb-link {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url(/Images/new-sprite-lt.png);
    background-position: -146px -329px;
}

.green-num {
    color: #038900;
}

.blank-history {
    border-radius: 30px;
    border: 1px solid #B3670E;
    background: #F7F7F7;
    padding: 15px;
}

.blank-history p {
    margin: 0;
    text-align: center;
    color: #000;
}

/*********/
button {
    border: 0;
    border-radius: 21px;
    background: #E6814B;
    color: #ffffff !important;
    padding: 8px 20px;
    display: inline-block;
}

button a {
    color: #fff;
}

button a:hover,
button a:focus {
    color: #fff;
}

/********/

.red-prop {
    color: #eb1e22;
}

.green-prop {
    color: #00881d;
}

.panel {
    background-color: #ffffff !important;
    ;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #E6814B !important;
    ;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: none !important;
}

label {
    color: var(--lv2-text-muted);
    font-weight: normal !important;
}

.trading-history-heading {
    border: none !important;
    ;
    color: #727C93 !important;
    ;
    background: none !important;
}

.trading-history-heading:active,
.trading-history-heading:hover {
    color: #E6814B;
    border: none !important;
    border-bottom: 2px solid #E6814B !important;
}

.selected {
    color: #E6814B !important;
    ;
    border-bottom: 2px solid #E6814B !important;
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: 8px 10px;
    background: #ffffff !important;
    ;
    color: #000000 !important;
    ;
    border: 1px solid #DCDCDC;
}

.input-group .form-control {
    background: white !important;
    ;
    ;
    color: black !important;
    ;
    ;
}

.input-group .form-control::placeholder {
    background: white !important;
    ;
    ;
    color: black !important;
    ;
    ;
}

.form-content .form-inline .step-two-box select,
.form-content .form-inline .step-two-box input::placeholder {
    background: white !important;
    ;
    ;
    color: black !important;
    ;
    ;
}

.form-control {
    background: #ffffff !important;
}

a:hover {}

.arrow-list li {
    color: black !important;
}

input[type="checkbox"]:checked {
    accent-color: #fff;
}

.transperant-bg {
    background-color: transparent !important;
    border: none !important;
}

.background-dark {
    /* background-color: #000000!important; */
    /* border: 1px solid #5a5a59 !important; */
}

.form-content-box.form-content-box-label-full h4 {
    color: #000;
}

.form-content h4 {
    color: #000;
}

.common-table td a:hover {
    color: #000000 !important;
    ;
}

.btn-warning:active:hover {
    color: #fff;
}

a.new-common-btn:hover {
    color: #000000 !important;
    ;
}

.tele_qr_code {
    width: 110px;
    margin-left: 12px;
    background: white;
}


.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open>.dropdown-toggle.datepicker table tr td.active,
.open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    background-color: #E6814B;
    border-color: #E6814B;
}

#chat_mess_count {

    background: #4899e4 !important;

}

/* .top-head-bar .logo .site-title img{
    content: url('/Images/logo-lt.png')!important;
} */
/* link[rel="icon"][sizes="32x32"] {
    content: url('/Images/favicon-lt.png')!important;
} */

#tele_image {
    padding-bottom: 30px;
}

.theme-change-box {
    background-color: #E6814B;
    border-radius: 50%;
    padding: 5px;display: none;
}

.theme-change-box .theme-icon {
    background-image: url(/Images/sun_icon.svg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 19px;
    border-radius: 50%;
    width: 19px;
    display: flex;
}

.theme-change-box .theme-icon:hover {
    background-image: url(/Images/sun_icon_hr.svg) !important;
}

.login-page .forgot-password-sec .registration-top a img {
    content: url("/Images/logo-bforelogin.png") !important;
}

.login-page .forgot-password-sec .registration-top p {
    color: #666464;
}



.form-inline .form-group-captcha .captcha-wrapp img:last-child {
    content: url('/Images/refresh-lt.png');
}

.doc-box .file-wrap .fw-top img {
    content: url('/Images/upload-images-lt.png');
}

.ibuser-login .rpl-top img {
    content: url("/Images/logo-bforelogin.png") !important;
}

.ibuser-login .rpl-top h4 {
    color: #000000;
}

.report_page.page-content-area .col-md-12.resetfilter {
    display: flex;
    justify-content: end;
}

#prop_pulse_traders_filter {
    display: none;
}

.table-footer {
    display: flex;
    justify-content: space-between;
}

.table-footer .pagination_dummy_div {
    display: flex;
}

.modal-content.pamm-new-popups .modal-title {
    color: #E6814B;
}


/* ======================= PAAM PAGES STYLES ===================================  */



.paam-area .logo {
    background: none;
}

.paam-area .pamm-starting-popups {
    background-image: url("../Images/pamm_bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
}

.paam-area .pamm-new-popups .modal-header {
    padding: 15px 33px;
}

.paam-area .pamm-new-popups {
    background-color: #ffffff;
    box-shadow: 0px -1px 9px 6px #6b6e726e !important;
    border-radius: 25px;
    position: relative;
    margin: 24px 0px;
}

.paam-area .pamm-new-popups .modal-body p {
    color: #595757;
    font-size: 15px;
    line-height: 29px;
    margin-bottom: 15px;
}

.paam-area .pamm-new-popups .modal-body .signupline,
.indi-det-right-side .i-det-form .signupline {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

.paam-area .pamm-new-popups .modal-body .checkbox-lines,
.indi-det-right-side .i-det-form .checkbox-lines {
    display: flex;
    align-items: baseline;
}

.paam-area .pamm-new-popups .close {
    font-size: 14px;
    color: #E6814B !important;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0px 0 0;
    padding: 8px 9px 9px 9px;
    position: absolute;
    right: 14px;
    top: 14px;
    line-height: unset;
    text-shadow: none;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid #E6814B;
}

.paam-area .pamm-new-popups .modal-header {
    border-bottom: none;
}

.paam-area .pamm-new-popups .modal-header p {
    color: #E6814B;
}

.paam-area .pamm-new-popups .modal-body {
    position: relative;
    padding: 15px 40px 40px 40px;
}

.paam-area .pamm-new-popups input[type="checkbox"],
.paam-area .indi-det-right-side .i-det-form input[type="checkbox"] {
    accent-color: #fff;
    margin: 0px 12px 0px 0px !important;
}

.paam-area .pamm-new-popups .pamm-modal-footer {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1 {
    background-color: #E6814B;
    border: 1px solid #E6814B;
    ;
    padding: 13px 27px;
    color: #ffffff;
    border-radius: 21px;
    font-weight: bold;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1:hover {
    background-color: transparent;
    border: 1px solid #E6814B;
    ;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2 {
    border: 1px solid #E6814B;
    ;
    padding: 13px 27px;
    color: #ffffff;
    border-radius: 21px;
    font-weight: bold;
}

.paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2:hover {
    background-color: #E6814B;
    ;
    border-radius: 21px;
}

.paam-area .datatable-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px 39px;
}

.paam-area #pagination_dummy_div {
    display: flex;
}

.paam-area .table-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.paam-area .paging_simple_numbers a,
.dataTables_info {
    font-size: 13px;
    color: #000000;
}

.paam-area .dataTables_length {
    font-size: 13px;
    margin: 0px 15px;
}

.paam-area .dataTables_length select {
    color: #000;
}

.paam-area .paging_simple_numbers span a {
    border: 1px solid #E6814B;
    padding: 0 8px;
    margin: 0 2px;
}

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

.paam-area .graph-img {
    margin-top: 150px;
}

.paam-area .graph-img::before {
    content: " ";
    background-image: url('/Images/trade-graph-img.png');
    height: 122px;
    width: 290px;
    position: absolute;
    bottom: 20px;
    right: 0px;
    background-repeat: no-repeat;
}

.paam-area .pamm-starting-popups .modal {
    display: flex;
    align-items: center;
}

.pamm-acc-popup {}

.paam-area .pamm-acc-popup h1 {
    font-size: 30px;
    color: #E6814B;
    margin-top: 0px;
    margin-left: 17px;
}

.paam-area .pamm-acc-table {
    background-color: #323232;
    border-radius: 10px;
}

.paam-area .pamm-acc-table .p-a-title {
    background-color: #0D0D0D;
    color: #ffffff;
    padding: 15px 20px;
    margin-bottom: 0px;
    font-size: 15px;
}

.paam-area .pamm-acc-table .p-a-list {
    padding: 10px;
    background-color: #323232;
    color: #ffffff;
}

.paam-area .pamm-acc-table .p-a-list li {
    margin: 0px 37px 23px 0px;
    list-style-type: none;
    font-size: 18px;
}

.paam-area .pamm-acc-table .p-a-list li a {
    text-decoration: none;
    color: #ffffff;
    display: flex;
    align-items: end;
}

.paam-area .pamm-acc-table .p-a-list li a:hover {
    color: #E6814B;
}

.paam-area .s-icon3 {
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url("/Images/pamm_sprite.png");

}

.paam-area .pamm-acc-popup .pamm-p01 {
    background-position: -86px -66px;
}

.paam-area .pamm-acc-popup .pamm-p02 {
    background-position: -88px -139px;
}


.paam-area .pamm-acc-popup h1 span {
    font-size: 20px;
    color: #E6814B;
}

.form-group {
    position: relative;
}


.paam-area .pamm-acc-form .p-inv-1::before,
.paam-area .indi-det-right-side .p-inv-1::before {
    content: "";
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url('/Images/pamm_sprite.png');
    background-position: -83px -281px;
    position: absolute;
    top: -22px;
}

.paam-area .pamm-acc-form .p-inv-2::before,
.indi-det-right-side .p-inv-2::before {
    content: "";
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url('/Images/pamm_sprite.png');
    background-position: -83px -353px;
    position: absolute;
    top: -22px;
}

.paam-area .pamm-acc-form .p-inv-3::before,
.indi-det-right-side .p-inv-3::before {
    content: "";
    height: 50px;
    width: 45px;
    display: inline-block;
    background: url('/Images/pamm_sprite.png');
    background-position: -83px -211px;
    position: absolute;
    top: -22px;
}

.paam-area .pamm-acc-form {
    margin-top: 30px;
}

.paam-area .pamm-acc-form .p-a-form-btn {
    margin-top: 43px;
    text-align: center;
}

.paam-area .pamm-acc-form .p-a-submit {
    background-color: #E6814B;
    color: #ffffff;
    padding: 10px 60px;
    border-radius: 30px;
    font-size: 18px;
    margin: 10px;
}

.paam-area .pamm-acc-form .reg-acc {
    text-align: center;
    margin-top: 30px;
}

.paam-area .pamm-acc-form .reg-acc a {
    color: #898989;
    text-decoration: underline;
}

.paam-area .pamm-acc-form .reg-acc a:hover {
    color: #E6814B;
}

.paam-area .pamm-details-outer-wrap {
    border-radius: 15px;
    padding: 10px 20px 20px 20px;
}

.paam-area .pamm-indi-details-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paam-area .pamm-indi-details-header h2 {
    color: #E6814B;
    font-size: 32px;
    margin-top: 0px;
    padding: 15px 0px;
}

/* .pamm-indi-details-header h2 span {
    color: #E6814B;
} */

.paam-area .pamm-indi-details-body {
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    box-sizing: border-box;
}

.paam-area .pamm-indi-details-header .p-search-box {
    display: flex;
    position: relative;
    align-items: center;
}

.paam-area .pamm-indi-details-header .p-search-box i {
    /* position: absolute;
    right: 12px;
    top: 10px; */
    margin-right: 10px;
}

.paam-area .pamm-indi-details-header .p-search-box .form-control:focus {
    box-shadow: none;
    border-color: unset;
}

.paam-area .pamm-indi-details-header .p-search-box .form-control {
    color: #ffffff;
}

.paam-area .pamm-indi-details-header .p-search-box .form-control::placeholder {
    color: #ffffff !important;
}

.paam-area .indi-det-body .fee-table {
    background-color: #2c2c2c;
    color: white;
    padding: 20px;
    border-radius: 8px;
    border-radius: 15px;
    margin-top: -10px;

}

.paam-area .indi-det-body .fee-table .section-header {
    font-size: 15px;
    font-weight: bold;
}

.paam-area .indi-det-body .fee-table .info-icon {
    color: #6c757d;
    margin-left: 5px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info {
    padding: 0px 0px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header {
    display: flex;
    justify-content: space-between;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 16px 50px 9px 50px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header .i-title h3 {
    color: #E6814B;
    font-size: 27px;
    margin-top: 0px;
}

.paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header .i-title h5 {
    color: #414040;
    font-size: 18px;
    margin: 13px 0px;
}

.paam-area .indi-det-header .inves-count h3 {
    color: #E6814B;
    font-size: 27px;
}

.paam-area .indi-det-header .inves-count h3 span {
    color: #E6814B;
}

.paam-area .indi-det-left-side {
    border-radius: 15px;
    background-color: #EEF3FA;
    padding: 20px 15px;
}

.paam-area .indi-det-body .indi-det-left-side h4 {
    color: #000000;
    font-size: 23px;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 15px;
}

.paam-area .indi-det-body .indi-det-left-side h4 span {
    color: #7B8076;
    font-size: 15px;
}

.paam-area .indi-det-body .indi-det-left-side p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 21px;
}

.paam-area .indi-det-left-side .fee-table th,
.indi-det-left-side .fee-table td {
    color: #ffffff;
    border-top: none;
}

.paam-area .indi-det-left-side .fee-table .border-bt {
    border-bottom: 1px solid #3A3A3A;
}

.paam-area .indi-det-right-side {
    background-color: #EEF3FA;
    padding: 0px 23px 0px 23px;
    border-radius: 15px;
}

.paam-area .indi-det-right-side h4 {
    font-size: 30px;
    color: #000000;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 15px;
    padding-top: 15px;
}

.paam-area .indi-det-right-side .i-det-form a {
    background-color: #E6814B;
    color: #ffffff;
    padding: 10px 60px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
}

.paam-area .indi-det-right-side .i-det-form {
    padding: 0px 20px 10px 5px;

}

.paam-area .indi-det-right-side .checkbox-lines {
    margin: 10px 0px 20px 0px;
}

.paam-area .indi-det-right-side .i-det-form label {
    font-size: 13px;
    margin-top: 13px;
}

.paam-area .indi-det-right-side .i-det-form .signupline {
    font-size: 15px;
}

.paam-area .p-indi-details-info .indi-det-body {
    margin: 18px 50px 50px 50px;

}


.paam-area .p-indi-details-info .indi-det-body .det-box {
    min-height: 488px;
}

.paam-area .indi-det-left-side .title-area {
    padding: 10px 10px;
}


.paam-area .t-space-bt {
    padding-bottom: 20px !important;
}

.paam-area .t-space-tp {
    padding-top: 20px !important;
    ;
}

.paam-area .d-flex {
    display: flex;
}

.paam-area .justify-spacebtn {
    justify-content: space-between;
}

.paam-area .v-dots-btns:before {
    content: "...";
    position: absolute;
    border-radius: 7px;
    bottom: auto;
    transform: rotate(90deg);
    left: 16px;
    right: auto;
    font-size: 24px;
    top: -1px;
}

.paam-area .btn.btn-lg.btn-toggle.mailtogglebtn {
    position: absolute;
    right: 35px;
}

.paam-area .modalFilter {
    margin: 40px 0 0 0;
    display: none;
    height: auto;
    width: auto !important;
    background: #ffffff;
    border: solid 1px #ffffff;
    padding: 0;
    position: absolute;
    z-index: 1001;
}

.paam-area .modalFilter .modal-content {
    max-height: 250px;
    overflow-y: auto;
    background: #ffffff;
    padding: 10px 0 10px 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    margin: 0 0 6px 0;
    border: 0;
}

.paam-area .modalFilter .modal-content div {
    padding: 5px 10px 5px 0px;
    display: block;
    align-items: center;
}

.paam-area .modalFilter .modal-content div:hover {
    background: #ffffff;
}

.paam-area .modalFilter .modal-content label {
    padding-left: 23px;
    color: black !important;
}

.paam-area .modalFilter .modal-footer {
    background: #ffffff;
    /*height:35px;*/
    /*padding-top:6px;*/
    text-align: left;
}

.paam-area .modalFilter .btn {
    padding: 0 1em;
    height: 28px;
    line-height: 28px;
    text-transform: none;
    border: 1px solid #28acbc;
    border-radius: 4px;
    font-size: 13px;
    background: #fff;
    color: #000;
}

.paam-area .modalFilter [type="checkbox"]+label {
    margin-bottom: 0;
    padding: 2px 0 0 26px;
}

.paam-area .modalFilter [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    top: 0;
}

.paam-area .modalFilter .modal-content .modal-footer {
    padding-left: 10px;
    padding-top: 15px;
}

.paam-area .modalFilter .modal-content div:hover {
    background: transparent;
}

.paam-area .pamm-box {
    max-width: 600px;
    margin: 100px auto;
    /* border: 1px solid gray; */
    padding: 40px 40px 60px 40px;
    background-color: #ffffff;
    border-radius: 20px;
}

.paam-area .pamm-new-popups .modal-body1 {
    position: relative;
    padding: 15px 40px 40px 40px;
}

.paam-area .offer-class {
    border: 0.5px solid #DCDCDC;
    padding: 15px;
    margin: 5px 5px;
    position: relative;
}

.paam-area .pamm-details-outer-wrap {}

.paam-area ul.summary-div>li {
    display: flex;
    justify-content: space-between;
}

.paam-area ul.summary-div>li>:first-child:after {
    content: "";
    position: absolute;
    opacity: .6;
    top: 8px;
    margin-left: 0.5em;
    width: 100%;
    border-top: 1px dotted #ddd;
}

.paam-area ul.summary-div>li>:nth-child(2) {
    text-align: right;
    vertical-align: bottom;
    padding-left: 0.5em;
}

.paam-area ul.summary-div>li>:first-child {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    white-space: nowrap;
}

.paam-area .summary-wrapper {
    padding: 20px;
    margin: 0px 30px;
}

.paam-area .summary-wrapper p {
    color: #999696;
}

.paam-area .summary-dashboard {
    border: 1px solid #DCDCDC;
    border-top: 0px;
}

.paam-area .investor-header {
    margin-bottom: 20px;
}

.paam-area .summary-div {
    padding: 0;
    color: white;
    font-size: 15px;
}

.paam-area .main-section {
    border: 1px solid #DCDCDC;
    /* border-radius: 15px; */
    padding: 20px;
    margin: 20px 40px;
}

.paam-area .dp_detail {
    border: 1px solid #DCDCDC;
    padding: 15px 10px;
    border-top: none;
}

.paam-area .justify-center {
    justify-content: center;
}

.paam-area .select-money-manager .select-m-body {
    box-sizing: border-box;
    padding: 5px;
}

.paam-area .select-m-body .select-m-block {
    border: 1px solid #CAE7F9;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.paam-area .select-m-body .select-m-block h4 {
    color: #E6814B;
    padding-left: 5px;
}

.paam-area .select-m-body .select-m-block .display-part {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.paam-area .select-m-body .select-m-block .display-part p {
    color: #4e4d4d;
}

.paam-area .select-m-body .select-m-block button {
    border-radius: 3px;
}

.paam-area .select-m-body .select-m-block button a:hover {
    color: #000000 !important;
    text-decoration: none;
}

.paam-area .no_man_account p {
    color: #5b5858;
    ;
}

.p-search-box .new-common-btn {
    color: #ffffff !important;
}

.paam-area .pamm-listt {
    display: flex;
    gap: 15px;
    /* background: black !important; */
    font-size: 18px;
    padding-left: 0px !important;
    list-style: none;
    justify-content: center;
    margin: auto;
    border-bottom: 1px solid #dad8d8;
}

.paam-area .pamm-listt li a {
    padding: 10px 10px;
}

.paam-area ul.summary-div>li {
    display: flex;
    justify-content: space-between;
}

.paam-area ul.summary-div>li>:first-child:after {
    content: "";
    position: absolute;
    opacity: .6;
    top: 8px;
    margin-left: 0.5em;
    width: 100%;
    border-top: 1px dotted #ddd;
}

.paam-area ul.summary-div>li>:nth-child(2) {
    text-align: right;
    vertical-align: bottom;
    padding-left: 0.5em;
}

.paam-area ul.summary-div>li>:first-child {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    white-space: nowrap;
}


.paam-area .summary-div {
    padding: 0;
    color: white;
    font-size: 15px;
}

.paam-area .p-inv-2::before {
    top: -14px !important;
    z-index: 500 !important;
}



.paam-area .p-indi-details-info .indi-det-body {
    margin: 18px 40px 50px 30px !important;
}

.paam-area .info-icon {
    color: #E6814B;
    cursor: pointer;
    padding: 15px 17px;
    border-radius: 5px;
    position: relative;
    top: -42px;
    left: 30%;
}

.paam-area .dropdown-menu.dropdown-menu-right {
    position: absolute;
    top: -20px;
    right: 45%;
    left: 25%;
    background-color: white !important;
    padding: 20px;
}

.paam-area .dropdown .sel-btn {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.pamm-acc-popup .form-group .form-control,
.indi-det-right-side .form-group .form-control {
    padding-left: 45px;
}

.paam-area .middle-content-wrap {
    padding: 20px 0px;
}

.paam-area .common-table1 {
    background-color: #EEF3FA
}

.paam-area .common-table1 {
    border: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC !important;
}

.paam-area .report-page {
    padding: 20px;
}

.paam-area .offer-container {
    margin: 20px;
    box-shadow: 0 2px 4px -1px #c0c3c6, 0 4px 5px 0 #b6bac0, 0 1px 10px 0 #EEF3FA;
    border-radius: 5px;
    padding: 10px;
}

.paam-area .offer-container p {
    color: #000000;
}

.paam-area .summary-dashboard,
.offers_tab,
.history_tab,
.investments_tab {
    /* border: 1px solid  #DCDCDC; */
}

.paam-area .offer-tab {
    border: 1px solid #5F9CD5;
    background: #ffffff;
    border-radius: 3px;
}

.paam-area .create-offer {
    display: flex;
    justify-content: flex-end;
    margin: 10px;
}

.paam-area .btn.btn-lg.btn-toggle {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

.paam-area .btn-toggle>.handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left 0.25s;
}

.paam-area .btn-toggle.btn-lg.active>.handle {
    left: 2.8125rem;
    transition: left 0.25s;
}

.paam-area .btn-toggle:before,
.btn-toggle:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.paam-area .btn-toggle:before {
    content: 'Show Archive';
    left: 0rem;
    color: #4d4848;
    bottom: 23px;
}

.paam-area .btn-toggle.btn-lg.active:before {
    opacity: 0.5;
}

.paam-area .div.dataTables_wrapper div.dataTables_filter {
    display: none;
}

.paam-area .resetfilter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
}

.paam-area .history_tab,
.paam-area .positions_tab,
.paam-area .offer_tab {
    display: none;
    padding: 45px 10px 0px;
}

.paam-area .investor-header h2 {
    font-size: 32px;
    margin-top: 0px;
    color: #636363;
}

.paam-area .investor-header {
    display: flex;
    flex-direction: column;
}

.paam-area .modal-body span {
    font-size: 13px;
}

.paam-area .offer-int {
    justify-content: space-between;
}

.paam-area .closed-acc {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}


.paam-area .middle-content-wrap .nav-top {
    gap: 150px !important;
    padding-left: 10px !important;
    justify-content: normal !important;
}

.paam-area .middle-content-wrap #logout {
    position: absolute;
    right: 10px;
    z-index: 500;
    top: 5px;
}

.paam-area .regi_inv {
    display: flex;
    justify-content: flex-end;
    padding: 15px 5px;
}

.paam-area .step-style {
    background: #EEF3FA;
    margin: 5px 0 0px 0;
    padding: 5px;
}

.paam-area .step-style a {
    color: #000000;
    font-weight: bold;
}

.paam-area .summary-dashboard h3 {
    color: #636363;
}

.paam-area a:hover,
a:focus {
    color: #000000 !important;
}

.modal-content {
    background-color: #ffffff;
}

.paam-area .tab-content-page .tabs .dash-tabs {
    padding: 0px 15px;
}

.paam-area .indi-det-right-side.det-box .p-inv-2::before {
    top: 22px !important;
}

.middle-content-wrap .dataTables_filter {
    display: none;
}

@media (max-width: 991px) {
    .paam-area .pamm-indi-details-body {
        overflow-x: scroll;
    }

    .paam-area .indi-det-body .fee-table {
        overflow-x: scroll;
    }

    .paam-area .pamm-indi-details-body {
        width: fit-content;
        margin: auto;
    }
}


/* =============== on page css : Shifted here =================================  */

.real-registration-page #form #email {
    width: 300px;
    background: #292929;
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    font-style: 18px;
}

.real-registration-page .selct-new label {
    width: 100%;
}

.real-registration-page .Checkclass {
    font-size: 13px;
    margin-top: 10px;
    display: inline-block;
    color: #0092B3;
}

.real-registration-page .security-code-wrapp {
    width: 65%;
}

.real-registration-page .captcha-wrapp {
    width: 37%;
    margin-left: 2%;
}

.demo-registration-page .selct-new label.btn,
.real-registration-page .selct-new label.btn {
    width: 33%;
    margin-left: 3% !important;
}

.demo-registration-page .selct-new label {
    width: 100%;
}

.demo-registration-page .Checkclass {
    font-size: 13px;
    margin-top: 10px;
    display: inline-block;
    color: #0092B3;
}

.forgot-password-page .lang-wrap {
    display: flex;
    margin-top: 10px;
}

.forgot-password-page .theme-change-box {
    background-color: #3C5484;
    border-radius: 50%;
    padding: 6px;
}


.dashboard-page .clickable-number {
    cursor: pointer;
}

.dashboard-page .prop-tdata {
    padding: 10px;
}

.dashboard-page .pamm-mdata {
    padding: 10px;
}




.prop-pulse-challenge-page #addModal .modal-body {
    padding: 0px;
}

.prop-pulse-challenge-page th,
td {
    border: 1px solid #ddd;
}

.prop-pulse-challenge-page th {
    background-color: #f2f2f2;
}

.prop-pulse-challenge-page tr:hover {
    background-color: #f5f5f5;
}

.prop-pulse-challenge-page .dashbrd>.col-md-3 {
    display: none;
}

.prop-pulse-challenge-page .common-table td:last-child {
    padding: 0;
    text-align: center;
}

.prop-pulse-challenge-page .ch_paticipate {
    padding: 0;
    padding: 5px;
    border: none;
    background: #b7edff;
    font-weight: bold;
    border-radius: 4px;
}

.prop-pulse-challenge-page .ch_paticipate:hover {
    color: white;
    background: #0092B3 !important;
}

.prop-pulse-challenge-page .daterangepicker.opensright:after {
    left: auto;
    right: 30%;
}

.prop-pulse-challenge-page .daterangepicker.opensright:before {
    left: auto;
    right: 29.8%;
}

.prop-pulse-challenge-page .form-control.dat-width {
    width: 205px;
}

.prop-pulse-challenge-page .row-margin {
    display: flex;
    margin-left: -23px;
}

.prop-pulse-credit-details-page .content-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.prop-pulse-credit-details-page .top_div {
    background: #fff;
    box-shadow: 0px -1px 9px 6px #d5e4fe;
    border-radius: 13px;
    text-align: center;
    padding: 20px;
}

.prop-pulse-credit-details-page .steps-main-heading {
    padding-bottom: 5px;
}

.prop-pulse-credit-details-page #check_default-error {
    left: 38.6%;
}




.wallet-view-page #addModal .modal-body {
    padding: 0px;
}

.wallet-view-page .steps-main-heading {
    padding: 30px 30px 11px 15px;
}



.withdrawal-request-view-page .trading-history-heading {
    border: 2px solid transparent;
    color: #0092b3;
    font-size: 16px;
    padding: 30px 15px 20px 15px;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
    margin: 0;
}

.withdrawal-request-view-page .trading-history-heading:hover {
    border-bottom: 2px solid #0092b3;
}

.withdrawal-request-view-page .selected {
    border-bottom: 2px solid #0092b3;
}

@media screen and (max-width: 767px) {
    .withdrawal-request-view-page .trading-history-heading {
        margin: 10px 20px 10px 20px;
    }

    .withdrawal-request-view-page .trading-history-heading {
        margin: 10px 20px 0 20px;
    }
    .long-q label{
        margin:5px 0 14px 0 ;
    }
}



.withdrawal-req-view2-page .amt {
    padding-top: 38px;
}

.withdrawal-req-view2-page .selct-new label {
    width: 32%;
}

.withdrawal-req-view2-page .form-control.withdra-req {
    width: 475.797px !important;
}




.withdrawal-status-page .modal {
    display: none;
    position: fixed;
    /* z-index: 1;  */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.withdrawal-status-page .modal-content {
    background-color: #fefefe;
    margin: 23% auto;
    /* 15% from the top */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px;
    text-align: center;
}

.withdrawal-status-page .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.withdrawal-status-page .close:hover,
.withdrawal-status-page .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.withdrawal-status-page .btn-group {
    margin-top: 20px;
}

.withdrawal-status-page .btn-group button {
    padding: 10px 20px;
    margin: 0 10px;
    cursor: pointer;
}

.withdrawal-status-page .btn-group button:first-child {
    background-color: #4caf50;
    color: white;
    border: none;
}

.withdrawal-status-page .btn-group button:last-child {
    background-color: #f44336;
    color: white;
    border: none;
}

.withdrawal-status-page .input-group-addon {
    box-shadow: 1px 0px 11px -4px #57849b !important;
    margin-bottom: 20px;
    border-radius: 45px;
    background-color: #ddd;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-right: 15px;
}

.withdrawal-status-page .form-group .form-control {
    margin: 0 0 0 0;
    height: 45px;
    border: 0;
    color: #000;
    font-size: 13px;
    background: #ffffff;
    padding-left: 25px;
    box-shadow: 1px 0px 11px -4px #57849b !important;
    border-radius: 45px;
    width: 100%;
    position: relative;
}

.withdrawal-status-page .date_back {
    background: white !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.get-ticket-page .right {
    float: right;
}

.get-ticket-page .ticketing-details .td-header {
    padding: 20px 5px 0 5px;
}


.get-ticket-detailed-page .comment-detail {
    font-size: 11px;
}

.get-ticket-detailed-page .description {
    margin-left: 10px;
}

.get-ticket-detailed-page .right {
    float: right;
}

.broker-affi-view-page .selct-new select {
    width: 100% !important;
}

.broker-affi-view-page .r-page-left {
       padding: 0 50px;
}

.broker-affi-view-page .rpl-top {
    position: relative;
}

.ib-lang-div{
    display: flex;
    margin: 17px 0 7px 0;
}
.ib-lang-div .theme-change-box {
    margin-left: 10px;
    width: 30px;
    height: 30px;
}
.ibuser-login .rpl-top h4 {
    padding: 0;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 28px;
    color: #E6814B;
}

.thankyou-page .Thank-you-right label {
    color: var(--lv2-text) !important;
    font-family: 'Roboto-Regular';
}



.help-support-page .success-msg,
.help-support-page .error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

.help-support-page .success-msg {
    color: #270;
    background-color: #DFF2BF;
}

.help-support-page .error-msg {
    color: #D8000C;
    background-color: #FFBABA;
}

.help-support-page .selct-new select {
    width: 100% !important;
}

.help-support-page #qr_image {
    width: 27%;
    text-align: right;
    margin-top: 10px;
}

.help-support-page #tele_image {
    display: flex;
    justify-content: center;
}

.help-support-page .steps-main-heading {
    padding: 30px 30px 30px 18px;
}

.ff-icon-btn-lang{
    padding:0 10px;
}


.no-disp-curr {
    display: none !important;
}

.top-right {
    padding-top: 10px;
}

.captcha-code-refresh {
    font-size: 18px;
    color: #E6814B;
}

.middle-content-wrap .nav-top li {
    color: #E6814B;
    border-bottom: 2px solid transparent;
    font-weight: bold;
}

.middle-content-wrap .nav-top li:hover {
    color: #E6814B !important;
    font-weight: bold;
    border: 0 !important;
    text-decoration: none;
    cursor: pointer;
    
}

.middle-content-wrap .nav-top li.active {
    color: #E6814B;
    font-weight: bold;
    border-bottom: 2px solid #E6814B;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: -1px;
}

.middle-content-wrap .nav-top {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
    padding-left: 0;
    border: 1px solid #DCDCDC;
    padding-top: 12px;
}

.form-content .form-inline .form-group p.form-control{
    font-size: 13px;
    margin: 0 0 25px 0;
    padding: 12px 0px 14px 21px;
}

.common-btn.common-bck {
    color: #000000 !important;
    border: 1px solid #E6814B;
    background: #0000;
}

input.disabled, button.disabled {
    cursor: not-allowed !important;
}

.set-pointer-crsr {
    cursor: pointer !important;
}




/* =====================================================================
   LOGIN PAGE THEME (v2) — matches altimapro-cz.faceforex.com/login
   Scoped to .login-v2 / .login-v2-topbar only. Existing ids/names/
   classes are untouched; new classes below are additive hooks only.
   Token values here are the canonical palette for the next pages too.
   ===================================================================== */
.login-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100%;
    z-index: 0;
}

.login-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.login-v2-topbar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    position: sticky;
    top: 0;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 48px !important;
    border-bottom: 0 !important;
    /* background: rgba(13, 25, 41, .92); */
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 20;
    box-sizing: border-box;
    /* min-height: 76px; */
}

.login-v2-topbar.register-logo,
.login-v2-topbar .register-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}

.login-v2-topbar img.img-responsive {
    max-height: 30px;
    width: auto;
    margin-right: 0;
    margin-top: -6px;
}

.login-v2-topbar .lang-wrap {
    margin-left: 16px;
}

.login-v2-topbar .lang-dropdown .drop-down {
    width: auto;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .03);
    border-radius: 10px;
    padding: 6px 10px;
}

.login-v2-topbar .lang-dropdown .drop-down .button {
    display: flex;
    align-items: center;
    width: auto;
    border: 0;
    padding: 0;
}

.login-v2-topbar .lang-dropdown .drop-down .button .lang-flag {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 1px solid var(--lv2-border);
    margin-right: 8px;
}

.login-v2-topbar .lang-dropdown .drop-down .button .lang-code {
    display: inline-block;
    color:#fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    width: auto;
    float: none;
}

.login-v2-topbar .lang-dropdown .drop-down .button a.select-list-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--lv2-text-muted);
    margin-left: 8px;
    background: none;
    border: 0;
    border-radius: 0;
    width: auto;
    height: auto;
}

.login-v2-topbar .lang-dropdown .drop-down .button a.select-list-link:hover {
    color: var(--lv2-accent);
}

.login-v2-topbar .select-list-arrow {
    display: inline-block;
    color: currentColor;
}

.login-v2-topbar .lang-dropdown .drop-down .select-list {
    background-color: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border);
    width: 110px;
    margin-top: 38px;
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li {
    list-style: none;
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li span {
   color: var(--lv2-accent);
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li a:hover span{
   color: var(--lv2-accent);
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li span:hover,
.login-v2-topbar .lang-dropdown .drop-down .select-list li span:focus {
    background-color: rgba(255, 255, 255, .06);
    color: var(--lv2-text);
}

.login-v2-topbar .lang-dropdown .drop-down .select-list li.active span {
    color: var(--lv2-accent);
    font-weight: 600;
}

.login-v2-topbar .theme-change-box {
    display: none;
}

.login-v2 .form-content-box,
.login-v2 .register-wrap {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

.login-v2 .login-l {
    background: transparent;
    border-radius: 0;
    border: 0;
}

.login-v2 .login-r.login-v2-card {
    position: relative;
    z-index: 2;
    max-width: 500px;
    margin-left: auto;
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 40px 40px 32px;
}

@media (max-width: 991px) {
    .login-v2 .register-wrap .row-flex {
        display: block;
    }

    .login-v2 .register-wrap .row-flex > .col-sm-6 {
        width: 100%;
    }

    .login-v2 .login-l {
        display: none;
    }

    .login-v2 .login-r.login-v2-card {
        max-width: 460px;
        width: 100%;
        margin: 0 auto;
    }
}

.login-v2 .login-v2-card-title {
    display: block;
    position: static;
    left: auto;
    bottom: auto;
    transform: none;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    font-family: inherit;
    color: var(--lv2-text);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    margin: 0 0 28px 0;
    text-align: left;
    z-index: auto;
}

.login-v2 .step-two-wrapper {
    background: transparent;
    padding: 0;
}

.login-v2 .login-v2-field {
    position: relative;
}

.login-v2 .login-v2-input-wrap {
    position: relative;
}

.login-v2-icon {
    position: absolute;
    left: 16px;
    bottom: 0 !important;
    height: 50px;
    width: 18px;
    display: flex !important;
    align-items: center;
    background-color: var(--lv2-text-faint);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    pointer-events: none;
    z-index: 2;
}

.login-v2-icon-mail {
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik0zIDdsOSA2IDktNiIvPjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik0zIDdsOSA2IDktNiIvPjwvc3ZnPg==");
}

.login-v2-icon-lock {
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNSIgeT0iMTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiByeD0iMiIvPjxwYXRoIGQ9Ik04IDExVjdhNCA0IDAgMCAxIDggMHY0Ii8+PC9zdmc+");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNSIgeT0iMTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiByeD0iMiIvPjxwYXRoIGQ9Ik04IDExVjdhNCA0IDAgMCAxIDggMHY0Ii8+PC9zdmc+");
}

.login-v2 .login-v2-label-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-top: 8px;
}

.login-v2 .login-v2-label {
    display: block;
    font-size: 13px;
    color: var(--lv2-text-muted) !important;
    font-weight: 400;
    margin: 0;
}

.login-v2 .login-v2-field a.new-account {
    font-size: 13px;
    margin: 0;
}

.login-v2 .form-inline .form-group.login-v2-field .form-control {
    padding-left: 46px !important;
    margin-bottom: 0 !important;
}

.login-v2 .form-inline .form-group.login-v2-field {
    margin-bottom: 20px;
}

.login-v2 .form-inline .form-group .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    height: 50px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px;
    color: var(--lv2-text) !important;
    padding-left: 20px;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.login-v2 .form-inline .form-group input.form-control:read-only {
    background: rgba(255, 255, 255, .03) !important;
    color: var(--lv2-text) !important;
}

.login-v2 .form-inline .form-group .form-control::placeholder {
    background: transparent !important;
    color: var(--lv2-text-muted) !important;
    opacity: 1;
}

.login-v2 .form-inline .form-group .form-control:focus {
    border-color: var(--lv2-accent);
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
    background: rgba(72, 153, 228, .05) !important;
}

.login-v2 .form-inline .form-group .form-control:-webkit-autofill,
.login-v2 .form-inline .form-group .form-control:-webkit-autofill:focus,
.login-v2 .form-inline .form-group .form-control:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    caret-color: var(--lv2-text);
    transition: background-color 0s ease-in-out 5000s;
}

.login-v2 .password-icon-login,
.login-v2 .password-icon-login-reg {
    position: absolute;
    right: 16px;
    top: auto;
    bottom: 0 !important;
    height: 50px;
    width: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    left: auto;
}

.login-v2 .icon.eye-icon {
    display: none;
}

.login-v2 .password-icon-login:after,
.login-v2 .password-icon-login-reg:after {
    content: "";
    position: static;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    background: var(--lv2-text-faint);
    background-image: none;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEgMTJzNC03IDExLTcgMTEgNyAxMSA3LTQgNy0xMSA3LTExLTctMTEtN3oiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIi8+PC9zdmc+");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEgMTJzNC03IDExLTcgMTEgNyAxMSA3LTQgNy0xMSA3LTExLTctMTEtN3oiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIi8+PC9zdmc+");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
}

.login-v2 .eye-open .password-icon-login:after,
.login-v2 .eye-open .password-icon-login-reg:after {
    background: var(--lv2-accent);
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgM2wxOCAxOCIvPjxwYXRoIGQ9Ik0xMC42IDEwLjZhMyAzIDAgMCAwIDQuMjQgNC4yNCIvPjxwYXRoIGQ9Ik05LjkgNS4xQTExIDExIDAgMCAxIDEyIDVjNyAwIDExIDcgMTEgN2ExMy4xNiAxMy4xNiAwIDAgMS0yLjYgMy40TTYuNiA2LjZBMTMuNCAxMy40IDAgMCAwIDEgMTJzNCA3IDExIDdjMS40IDAgMi43LS4yIDMuOS0uNiIvPjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgM2wxOCAxOCIvPjxwYXRoIGQ9Ik0xMC42IDEwLjZhMyAzIDAgMCAwIDQuMjQgNC4yNCIvPjxwYXRoIGQ9Ik05LjkgNS4xQTExIDExIDAgMCAxIDEyIDVjNyAwIDExIDcgMTEgN2ExMy4xNiAxMy4xNiAwIDAgMS0yLjYgMy40TTYuNiA2LjZBMTMuNCAxMy40IDAgMCAwIDEgMTJzNCA3IDExIDdjMS40IDAgMi43LS4yIDMuOS0uNiIvPjwvc3ZnPg==");
}

.login-v2 .demo-check-content-wrapp label.CheckBoxLabelClass {
    color: var(--lv2-text-muted);
}

.login-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: var(--lv2-text);
}

.login-v2 .CheckBoxClass {
    accent-color: var(--lv2-accent);
}

.login-v2 a.new-account {
    color: var(--lv2-accent);
}

.login-v2 a.new-account:hover, .login-v2 a.new-account:focus{
    color: #79aaff !important;
    text-decoration: none;
}

.login-v2 .common-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #4899e4;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 14px 20px;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
    letter-spacing: .2px;
    transition: filter .15s ease, box-shadow .15s ease;
}

.login-v2 .common-btn:hover,
.login-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7);
}

.login-v2-btn-arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNE0xMyA2bDYgNi02IDYiLz48L3N2Zz4=");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNE0xMyA2bDYgNi02IDYiLz48L3N2Zz4=");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transition: transform .15s ease;
}

.login-v2 .common-btn:hover .login-v2-btn-arrow {
    transform: translateX(3px);
}

.login-v2 .registration-bottom {
    border-top: 1px solid rgba(255, 255, 255, .06);
    margin-top: 8px;
}

.login-v2 .registration-bottom h3 {
    color: var(--lv2-text-muted);
    font-weight: 400;
}

.login-v2 .registration-bottom a {
    color: var(--lv2-accent);
}

.login-v2 .registration-bottom a:hover {
    color: #79aaff !important;
}

.login-v2 .signup-text span {
    color: var(--lv2-text-faint);
}

@media (max-width: 991px) {
    .login-v2-topbar {
        padding: 22px 24px !important;
    }
}

@media (max-width: 767px) {
    .login-v2 .login-r.login-v2-card {
        border-radius: 16px;
        padding: 32px 24px 24px;
    }

    .login-v2-topbar {
        padding: 18px 20px !important;
    }

    .login-v2 .registration-bottom {
        padding: 16px 0 24px;
    }
}


/* =====================================================================
   REAL REGISTRATION THEME (v2) — matches altimapro-cz.faceforex.com
   /live-registration. Scoped to .real-reg-v2 only. Structure/markup
   of real_registration.php is unchanged — this is colors/background
   /text/select/input recoloring only, reusing the login-v2 token set.
   ===================================================================== */
.real-reg-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.real-reg-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.real-reg-v2 .register-wrap,
.real-reg-v2 .form-content-box {
    background: transparent;
    box-shadow: none;
}

.real-reg-v2 .before-reg {
    background: transparent;
}

.real-reg-v2 .right-login-wrapper {
    background: transparent;
}

.real-reg-v2 .before-right-content {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.real-reg-v2 .before-right-content h2 {
    color: var(--lv2-text);
}

.real-reg-v2 .before-right-top p {
    color: var(--lv2-text-muted);
}

.real-reg-v2 .home-redirect a {
    color: var(--lv2-text);
}

.real-reg-v2 .right-login-wrapper .real-form-title {
    background: rgba(255, 255, 255, .04);
    color: var(--lv2-text-muted);
}

.real-reg-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.real-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass {
    color: var(--lv2-text-muted);
}

.real-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass a {
    color: var(--lv2-accent);
}

.real-reg-v2 .login-bottom .signup-text h3 {
    color: var(--lv2-text-muted);
    font-weight: 400;
}

.real-reg-v2 .login-bottom .signup-text a,
.real-reg-v2 .login-bottom p.text-center a {
    color: var(--lv2-accent);
}

.real-reg-v2 .signup-text span {
    color: var(--lv2-text-faint);
}

/* inputs & selects: background + text color only, everything else untouched */
.real-reg-v2 .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.real-reg-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.real-reg-v2 .form-inline .form-group input.form-control,
.real-reg-v2 .form-inline .form-group select.form-control {
    height: 50px !important;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.real-reg-v2 .form-group.input-icon .form-control {
    padding-left: 44px !important;
}

.real-reg-v2 .input-icon:after {
    top: 25px;
    transform: translateY(-50%);
}

.real-reg-v2 .form-control::placeholder,
.real-reg-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

/* down-arrow indicator on selects — same icon, size and position as the
   after-login selects (see the .form-group select.form-control rule near
   the top of this file). The inset box-shadow on .real-reg-v2
   .form-control paints over the background, so it is reset here —
   otherwise the arrow stays hidden behind it. */
.real-reg-v2 select.form-control,
.real-reg-v2 .form-content .form-inline .form-group select.form-control,
.real-reg-v2 .form-content.real-reg .form-inline .form-group select.form-control {
    background-color: var(--lv2-surface) !important;
    background-image: url("/Images/select-img.png") !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    background-size: 8px auto !important;
    color: var(--lv2-text) !important;
    padding-right: 30px !important;
    box-shadow: none !important;
}

.real-reg-v2 select.form-control:focus,
.real-reg-v2 .form-content .form-inline .form-group select.form-control:focus,
.real-reg-v2 .form-content.real-reg .form-inline .form-group select.form-control:focus {
    box-shadow: 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.real-reg-v2 select.form-control option {
    background-color: var(--lv2-surface);
    color: var(--lv2-text);
}

.real-reg-v2 .input-icon:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .6;
}

.real-reg-v2 .password-icon-login-reg:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .7;
}

.real-reg-v2 .select-btn {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--lv2-border);
    color: var(--lv2-text-muted);
}

.real-reg-v2 .select-btn.active,
.real-reg-v2 .select-btn:focus,
.real-reg-v2 .select-btn:hover,
.real-reg-v2 .select-btn.focus {
    background: rgba(72, 153, 228, .16) !important;
    border: 1px solid var(--lv2-accent);
    color: var(--lv2-text);
}

.real-reg-v2 .captcha-wrapp,
.real-reg-v2 .security-code-wrapp {
    color: var(--lv2-text-muted);
}

.real-reg-v2 .captcha-wrapp {
    background: var(--lv2-surface-alt);
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: 12px;
}

.real-reg-v2 .captchacode1 {
    width: 90px;
    height: 40px;
    border-radius: 8px;
}

.real-reg-v2 .captchacode1 {
    vertical-align: middle;
    width: 75%;
}

.real-reg-v2 .captcha-code-refresh {
    color: #4a5568;
    vertical-align: middle;
}

.real-reg-v2 .common-btn {
    background: #4899e4;
    border: 1px solid transparent;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
}

.real-reg-v2 .common-btn:hover,
.real-reg-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
}


/* intlTelInput (phone country picker) theming.
   Note: real.js initializes intlTelInput with dropdownContainer:
   document.body, so the search box and country list render as direct
   children of <body>, not inside .real-reg-v2. body:has() scopes these
   to pages that contain .real-reg-v2 without touching the JS. */
body:has(.real-reg-v2) {
    --iti-dropdown-bg: #12223a;
    --iti-border-color: #223752;
    --iti-hover-color: rgba(72, 153, 228, .14);
    --iti-dialcode-color: #8fa1bd;
    --iti-arrow-color: #8fa1bd;
}

body:has(.real-reg-v2) .iti__search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: #0d1929 !important;
    border: 1px solid #223752 !important;
    border-radius: 8px;
    color: #f7f9fc !important;
    box-shadow: inset 0 0 0 1000px #0d1929 !important;
}

body:has(.real-reg-v2) .iti__search-input::placeholder {
    color: #8fa1bd !important;
}

body:has(.real-reg-v2) .iti__dropdown-content {
    margin-top: 8px !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .55);
}

body:has(.real-reg-v2) .iti__country-list {
    border-radius: 12px;
}

body:has(.real-reg-v2) .iti__country-list {
    background-color: #12223a;
}

body:has(.real-reg-v2) .iti__country,
body:has(.real-reg-v2) .iti__country-name {
    color: #f7f9fc;
}

body:has(.real-reg-v2) .iti__dial-code {
    color: #8fa1bd;
}

.real-reg-v2 .iti__selected-country-primary,
.real-reg-v2 .iti__selected-dial-code {
    color: var(--lv2-text);
}

/* Remove the background inherited by the intl-tel-input country selector. */
.iti__country-container button {
    background: none !important;
}

/* jQuery UI datepicker (date of birth field) theming.
   real.js/real_new.js initialize .datepicker() with no `appendTo`, so
   jQuery UI renders the calendar as a direct child of <body>, not
   inside .real-reg-v2/.demo-reg-v2. body:has() scopes it to pages that
   contain those forms without touching the JS or jquery-ui.css. */
body:has(.real-reg-v2) .ui-datepicker,
body:has(.demo-reg-v2) .ui-datepicker {
    background: #0d1929;
    border: 1px solid #223752;
    border-radius: 12px;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, .65);
    padding: 8px;
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-header,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-header {
    background: #12223a;
    border: 1px solid #223752;
    color: #f7f9fc;
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-prev .ui-icon,
body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-next .ui-icon,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-prev .ui-icon,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-next .ui-icon {
    filter: invert(1) brightness(1.6) saturate(0);
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-title select,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-title select {
    background: #0d1929;
    color: #f7f9fc;
    border: 1px solid #223752;
    border-radius: 8px;
}

body:has(.real-reg-v2) .ui-datepicker th,
body:has(.demo-reg-v2) .ui-datepicker th {
    color: #8fa1bd;
    border: 0;
}

body:has(.real-reg-v2) .ui-datepicker td a,
body:has(.real-reg-v2) .ui-datepicker td span,
body:has(.demo-reg-v2) .ui-datepicker td a,
body:has(.demo-reg-v2) .ui-datepicker td span {
    background: transparent;
    border: 1px solid transparent;
    color: #f7f9fc;
}

body:has(.real-reg-v2) .ui-datepicker td a.ui-state-hover,
body:has(.real-reg-v2) .ui-datepicker td a:hover,
body:has(.demo-reg-v2) .ui-datepicker td a.ui-state-hover,
body:has(.demo-reg-v2) .ui-datepicker td a:hover {
    background: rgba(72, 153, 228, .18);
    border-color: #4899e4;
    color: #f7f9fc;
}

body:has(.real-reg-v2) .ui-datepicker td a.ui-state-active,
body:has(.demo-reg-v2) .ui-datepicker td a.ui-state-active {
    background: #4899e4;
    border-color: #4899e4;
    color: #fff;
}

body:has(.real-reg-v2) .ui-datepicker .ui-datepicker-today a,
body:has(.demo-reg-v2) .ui-datepicker .ui-datepicker-today a {
    background: rgba(72, 153, 228, .12);
    border-color: #4899e4;
    color: #f7f9fc;
}

/* =====================================================================
   DEMO REGISTRATION THEME (v2) — mirrors the real_registration.php
   treatment for demo.php. Scoped to .demo-reg-v2 only. Structure/markup
   of demo.php is unchanged — this is colors/background
   /text/select/input recoloring only, reusing the login-v2 token set.
   ===================================================================== */
.demo-reg-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.demo-reg-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.demo-reg-v2 .register-wrap,
.demo-reg-v2 .form-content-box {
    background: transparent;
    box-shadow: none;
}

.demo-reg-v2 .before-reg {
    background: transparent;
}

.demo-reg-v2 .right-login-wrapper {
    background: transparent;
}

.demo-reg-v2 .right-login-wrapper {
    background: transparent;
}

.demo-reg-v2 .before-right-content {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.demo-reg-v2 .before-right-content h2 {
    color: var(--lv2-text);
}

.demo-reg-v2 .before-right-top p {
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .home-redirect a {
    color: var(--lv2-text);
}

.demo-reg-v2 .right-login-wrapper .real-form-title {
    background: rgba(255, 255, 255, .04);
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.demo-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass {
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass a {
    color: var(--lv2-accent);
}

.demo-reg-v2 .login-bottom .signup-text h3 {
    color: var(--lv2-text-muted);
    font-weight: 400;
}

.demo-reg-v2 .login-bottom .signup-text a,
.demo-reg-v2 .login-bottom p.text-center a {
    color: var(--lv2-accent);
}

.demo-reg-v2 .signup-text span {
    color: var(--lv2-text-faint);
}

/* inputs & selects: background + text color only, everything else untouched */
.demo-reg-v2 .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.demo-reg-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.demo-reg-v2 .form-inline .form-group input.form-control,
.demo-reg-v2 .form-inline .form-group select.form-control {
    height: 50px !important;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.demo-reg-v2 .form-group.input-icon .form-control {
    padding-left: 44px !important;
}

.demo-reg-v2 .input-icon:after {
    top: 25px;
    transform: translateY(-50%);
}

.demo-reg-v2 .form-control::placeholder,
.demo-reg-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

.demo-reg-v2 .form-content .form-inline .form-group select.form-control,
.demo-reg-v2 .form-content.real-reg .form-inline .form-group select.form-control {
    background-color: var(--lv2-surface) !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiA5bDYgNiA2LTYiLz48L3N2Zz4=") !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    background-size: 10px auto !important;
    color: var(--lv2-text) !important;
}

.demo-reg-v2 select.form-control option {
    background-color: var(--lv2-surface);
    color: var(--lv2-text);
}

.demo-reg-v2 .input-icon:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .6;
}

.demo-reg-v2 .password-icon-login-reg:after {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .7;
}

.demo-reg-v2 .select-btn {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--lv2-border);
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .select-btn.active,
.demo-reg-v2 .select-btn:focus,
.demo-reg-v2 .select-btn:hover,
.demo-reg-v2 .select-btn.focus {
    background: rgba(72, 153, 228, .16) !important;
    border: 1px solid var(--lv2-accent);
    color: var(--lv2-text);
}

.demo-reg-v2 .captcha-wrapp,
.demo-reg-v2 .security-code-wrapp {
    color: var(--lv2-text-muted);
}

.demo-reg-v2 .captcha-wrapp {
    background: var(--lv2-surface-alt);
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: 12px;
}

.demo-reg-v2 .captchacode1 {
    width: 90px;
    height: 40px;
    border-radius: 8px;
}

.demo-reg-v2 .captchacode1 {
    vertical-align: middle;
}

.demo-reg-v2 .captcha-code-refresh {
    color: #4a5568;
    vertical-align: middle;
}

.demo-reg-v2 .common-btn {
    background: #4899e4;
    border: 1px solid transparent;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
}

.demo-reg-v2 .common-btn:hover,
.demo-reg-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
}


/* intlTelInput (phone country picker) theming.
   Note: real.js initializes intlTelInput with dropdownContainer:
   document.body, so the search box and country list render as direct
   children of <body>, not inside .demo-reg-v2. body:has() scopes these
   to pages that contain .demo-reg-v2 without touching the JS. */
body:has(.demo-reg-v2) {
    --iti-dropdown-bg: #12223a;
    --iti-border-color: #223752;
    --iti-hover-color: rgba(72, 153, 228, .14);
    --iti-dialcode-color: #8fa1bd;
    --iti-arrow-color: #8fa1bd;
}

body:has(.demo-reg-v2) .iti__search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    background-color: #0d1929 !important;
    border: 1px solid #223752 !important;
    border-radius: 8px;
    color: #f7f9fc !important;
    box-shadow: inset 0 0 0 1000px #0d1929 !important;
}

body:has(.demo-reg-v2) .iti__search-input::placeholder {
    color: #8fa1bd !important;
}

body:has(.demo-reg-v2) .iti__dropdown-content {
    margin-top: 8px !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .55);
}

body:has(.demo-reg-v2) .iti__country-list {
    border-radius: 12px;
}

body:has(.demo-reg-v2) .iti__country-list {
    background-color: #12223a;
}

body:has(.demo-reg-v2) .iti__country,
body:has(.demo-reg-v2) .iti__country-name {
    color: #f7f9fc;
}

body:has(.demo-reg-v2) .iti__dial-code {
    color: #8fa1bd;
}

.demo-reg-v2 .iti__selected-country-primary,
.demo-reg-v2 .iti__selected-dial-code {
    color: var(--lv2-text);
}


/* =====================================================================
   FORGOT PASSWORD THEME (v2) — mirrors login-v2 for
   views/traders_room/forgot_password/forgot_password.php. Scoped to
   .forgot-v2 only. Header now comes from the shared
   templates/before_login_topbar.php partial (see .login-v2-topbar
   rules above), so this block only covers the card + form below it.
   ===================================================================== */
.forgot-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.forgot-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}

.forgot-v2 .register-wrap,
.forgot-v2 .form-content-box {
    background: transparent;
    box-shadow: none;
}

.forgot-v2 .forgot-password-sec {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 8px 24px 24px;
}

.forgot-v2 .forgot-password-sec .registration-top {
    background: transparent !important;
}

.forgot-v2 .forgot-password-sec .registration-top h2 {
    color: var(--lv2-text) !important;
}

.forgot-v2 .step-two-wrapper {
    background: transparent;
    padding: 20px 0 0;
}

.forgot-v2 .forgot-lock p {
    color: var(--lv2-text-muted);
}

.forgot-v2 .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color-scheme: dark;
    height: 50px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--lv2-surface) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.forgot-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.forgot-v2 .form-inline .form-group .form-control::placeholder,
.forgot-v2 .form-content .form-inline .step-two-box .form-control::placeholder {
    background: transparent !important;
    color: var(--lv2-text-muted) !important;
    opacity: 1;
}

.forgot-v2 .form-group.input-icon .form-control {
    padding-left: 44px !important;
}

.forgot-v2 .input-icon:after {
    top: 25px;
    transform: translateY(-50%);
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .6;
}

.forgot-v2 .common-btn {
    background: #4899e4;
    border: 1px solid transparent;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55);
}

.forgot-v2 .common-btn:hover,
.forgot-v2 .common-btn:focus {
    background: #4899e4;
    border-color: transparent;
    color: #fff !important;
    filter: brightness(1.08);
}

/* =====================================================================
   THANK YOU PAGE THEME (v2) — mirrors login-v2/real-reg-v2/demo-reg-v2
   for views/traders_room/real_account/thankyou-real.php and
   views/traders_room/demo_account/thankyou-demo.php. Scoped to
   .thankyou-v2 only. Header comes from the shared
   templates/before_login_topbar.php partial (see .login-v2-topbar
   rules above); this block replaces the old .background-img
   (before_bg.jpg) body background and re-themes the card.
   ===================================================================== */
.thankyou-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    position: relative;
    min-height: 100vh;
}

.thankyou-v2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #06101d;
    background-image:
        radial-gradient(1200px 800px at 88% 0%, rgba(72, 153, 228, .16), rgba(72, 153, 228, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDcwMCI+PGxpbmUgeDE9IjcuNCIgeTE9IjU4NS45IiB4Mj0iNy40IiB5Mj0iNjk3LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMS4yIiB5PSI2MzguNCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iNTguNyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIyOS42IiB5MT0iNjE4LjQiIHgyPSIyOS42IiB5Mj0iNjk3LjIiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iMjQuNSIgeT0iNjYwLjEiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjM3LjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTEuMyIgeTE9IjUzOC4zIiB4Mj0iNTEuMyIgeTI9IjY2Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjQ0LjkiIHk9IjU4OS43IiB3aWR0aD0iMTIuNyIgaGVpZ2h0PSI3Mi40IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjcyLjYiIHkxPSI0NjYuNiIgeDI9IjcyLjYiIHkyPSI2OTQuMiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2Ny40IiB5PSI1MDEuMSIgd2lkdGg9IjEwLjQiIGhlaWdodD0iMTkzLjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTMuMSIgeTE9IjQ5Mi43IiB4Mj0iOTMuMSIgeTI9IjY4NS4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9Ijg2LjgiIHk9IjU0NC42IiB3aWR0aD0iMTIuNiIgaGVpZ2h0PSIxNDAuNSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTcuMCIgeTE9IjQ4Ni44IiB4Mj0iMTE3LjAiIHkyPSI2ODcuNCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSIxMTAuNiIgeT0iNTI4LjIiIHdpZHRoPSIxMi44IiBoZWlnaHQ9IjE1OS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjIzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjE0MS4xIiB5MT0iNDgyLjAiIHgyPSIxNDEuMSIgeTI9IjY3Ny4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjEzNC45IiB5PSI1MTQuMiIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMTYyLjgiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzIiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTU5LjAiIHkxPSI0NDEuMSIgeDI9IjE1OS4wIiB5Mj0iNjgzLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTUyLjIiIHk9IjQ2Ny4wIiB3aWR0aD0iMTMuNiIgaGVpZ2h0PSIyMTYuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSIxODEuNyIgeTE9IjQ2MS45IiB4Mj0iMTgxLjciIHkyPSI2NzcuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTkiLz48cmVjdCB4PSIxNzQuNiIgeT0iNTIwLjEiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjE1Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjMxIiByeD0iMS41Ii8+PGxpbmUgeDE9IjIwNC40IiB5MT0iNDgzLjQiIHgyPSIyMDQuNCIgeTI9IjY2Ni40IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjE5Ny4xIiB5PSI1MjYuMiIgd2lkdGg9IjE0LjYiIGhlaWdodD0iMTQwLjIiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzEiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjI1LjIiIHkxPSI0NDQuNiIgeDI9IjIyNS4yIiB5Mj0iNjYwLjMiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE1Ii8+PHJlY3QgeD0iMjE4LjIiIHk9IjQ5Ny4wIiB3aWR0aD0iMTMuOSIgaGVpZ2h0PSIxNjMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNCIgcng9IjEuNSIvPjxsaW5lIHgxPSIyNDUuOCIgeTE9IjYxNS45IiB4Mj0iMjQ1LjgiIHkyPSI2OTMuMyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSIyNDAuNiIgeT0iNjU5LjAiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjM0LjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMjY5LjciIHkxPSI1NDguNSIgeDI9IjI2OS43IiB5Mj0iNjY1LjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMjY0LjYiIHk9IjU4OC4xIiB3aWR0aD0iMTAuMiIgaGVpZ2h0PSI3Ny4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI4IiByeD0iMS41Ii8+PGxpbmUgeDE9IjI5MS4wIiB5MT0iNDQwLjAiIHgyPSIyOTEuMCIgeTI9IjY4OC45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjI4NS4xIiB5PSI1MDMuMiIgd2lkdGg9IjExLjkiIGhlaWdodD0iMTg1LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzUiIHJ4PSIxLjUiLz48bGluZSB4MT0iMzEzLjYiIHkxPSI2MDMuMiIgeDI9IjMxMy42IiB5Mj0iNjkwLjciIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMzA4LjEiIHk9IjYzMi4wIiB3aWR0aD0iMTEuMCIgaGVpZ2h0PSI1OC43IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjI5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjMzNy45IiB5MT0iNjEzLjUiIHgyPSIzMzcuOSIgeTI9IjY4NS4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHg9IjMzMS42IiB5PSI2NTQuNSIgd2lkdGg9IjEyLjciIGhlaWdodD0iMzAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIzNTguOCIgeTE9IjQ5Ni43IiB4Mj0iMzU4LjgiIHkyPSI2OTcuOCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjEiLz48cmVjdCB4PSIzNTEuNiIgeT0iNTUwLjUiIHdpZHRoPSIxNC4zIiBoZWlnaHQ9IjE0Ny4zIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjM3Ni43IiB5MT0iNTUxLjQiIHgyPSIzNzYuNyIgeTI9IjY5NS45IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHg9IjM3MC4yIiB5PSI1OTEuMyIgd2lkdGg9IjEzLjAiIGhlaWdodD0iMTA0LjYiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMTciIHJ4PSIxLjUiLz48bGluZSB4MT0iMzk5LjAiIHkxPSI2MDAuMSIgeDI9IjM5OS4wIiB5Mj0iNjk3LjkiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iMzk0LjEiIHk9IjYzNy4xIiB3aWR0aD0iOS44IiBoZWlnaHQ9IjYwLjgiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMTgiIHJ4PSIxLjUiLz48bGluZSB4MT0iNDIxLjQiIHkxPSI1NzYuOSIgeDI9IjQyMS40IiB5Mj0iNjc1LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iNDE2LjEiIHk9IjY0MC42IiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIzNC44IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjI0IiByeD0iMS41Ii8+PGxpbmUgeDE9IjQ0NC41IiB5MT0iNTQ0LjUiIHgyPSI0NDQuNSIgeTI9IjY2MC4zIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xMSIvPjxyZWN0IHg9IjQzOC40IiB5PSI2MDYuOSIgd2lkdGg9IjEyLjIiIGhlaWdodD0iNTMuMyIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4xOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI0NjMuOCIgeTE9IjUzOC41IiB4Mj0iNDYzLjgiIHkyPSI2NjYuOCIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI0NTguNCIgeT0iNTcxLjciIHdpZHRoPSIxMC42IiBoZWlnaHQ9Ijk1LjEiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNDkwLjgiIHkxPSI1OTMuOSIgeDI9IjQ5MC44IiB5Mj0iNjk4LjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNDg0LjYiIHk9IjY0MS4xIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSI1Ny45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM1IiByeD0iMS41Ii8+PGxpbmUgeDE9IjUxMC4yIiB5MT0iNTc1LjQiIHgyPSI1MTAuMiIgeTI9IjY5My4zIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjUwMy4zIiB5PSI2MTMuNyIgd2lkdGg9IjEzLjciIGhlaWdodD0iNzkuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMyIgcng9IjEuNSIvPjxsaW5lIHgxPSI1MzMuNSIgeTE9IjUyNy42IiB4Mj0iNTMzLjUiIHkyPSI2NjAuNiIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI1MjYuNCIgeT0iNTg4LjIiIHdpZHRoPSIxNC4xIiBoZWlnaHQ9IjcyLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNTUxLjEiIHkxPSI1NjYuOCIgeDI9IjU1MS4xIiB5Mj0iNjg1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iNTQ2LjEiIHk9IjYxMi43IiB3aWR0aD0iMTAuMCIgaGVpZ2h0PSI3My4xIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9IjU3OC4xIiB5MT0iNDUyLjciIHgyPSI1NzguMSIgeTI9IjY4Mi4xIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjU3MC45IiB5PSI1MjAuNSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTYxLjYiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iNTk3LjkiIHkxPSI1ODguOSIgeDI9IjU5Ny45IiB5Mj0iNjkyLjEiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIxIi8+PHJlY3QgeD0iNTkyLjUiIHk9IjYyMC4yIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI3MS45IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjYyMC4wIiB5MT0iNDk0LjMiIHgyPSI2MjAuMCIgeTI9IjY2OC4wIiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjYxNC44IiB5PSI1NDYuOSIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTIxLjEiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzYiIHJ4PSIxLjUiLz48bGluZSB4MT0iNjQwLjAiIHkxPSI0NzYuNCIgeDI9IjY0MC4wIiB5Mj0iNjkyLjkiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNjMzLjEiIHk9IjUyMC4zIiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSIxNzIuNSIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zNCIgcng9IjEuNSIvPjxsaW5lIHgxPSI2NjAuOSIgeTE9IjUxNi44IiB4Mj0iNjYwLjkiIHkyPSI2NjIuMSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSI2NTQuMiIgeT0iNTU2LjkiIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjEwNS4yIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjY4Ny4yIiB5MT0iNDMxLjkiIHgyPSI2ODcuMiIgeTI9IjY5NC4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xOCIvPjxyZWN0IHg9IjY4MC4yIiB5PSI0OTIuMiIgd2lkdGg9IjE0LjAiIGhlaWdodD0iMjAxLjkiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzAiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzA3LjIiIHkxPSI1MzguNiIgeDI9IjcwNy4yIiB5Mj0iNjk5LjQiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNjk5LjgiIHk9IjU2NS4yIiB3aWR0aD0iMTQuNyIgaGVpZ2h0PSIxMzQuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3MjYuOCIgeTE9IjQ5MC45IiB4Mj0iNzI2LjgiIHkyPSI2NjcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSI3MjEuNCIgeT0iNTU0LjUiIHdpZHRoPSIxMC45IiBoZWlnaHQ9IjExMi40IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjIyIiByeD0iMS41Ii8+PGxpbmUgeDE9Ijc1Mi4yIiB5MT0iNTA4LjgiIHgyPSI3NTIuMiIgeTI9IjY4My4yIiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9Ijc0Ny4wIiB5PSI1NDEuOCIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTQxLjQiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjQiIHJ4PSIxLjUiLz48bGluZSB4MT0iNzcxLjgiIHkxPSI0NzcuMSIgeDI9Ijc3MS44IiB5Mj0iNjgzLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iNzY0LjYiIHk9IjU0Mi4zIiB3aWR0aD0iMTQuNCIgaGVpZ2h0PSIxNDAuOCIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yOCIgcng9IjEuNSIvPjxsaW5lIHgxPSI3OTUuMyIgeTE9IjYxNy4xIiB4Mj0iNzk1LjMiIHkyPSI2OTIuNyIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSI3OTAuMyIgeT0iNjU5LjEiIHdpZHRoPSI5LjgiIGhlaWdodD0iMzMuNiIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4yMCIgcng9IjEuNSIvPjxsaW5lIHgxPSI4MTUuOCIgeTE9IjQ3MS40IiB4Mj0iODE1LjgiIHkyPSI2ODcuMCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI4MDkuNSIgeT0iNTE5LjIiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjE2Ny44IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjMzIiByeD0iMS41Ii8+PGxpbmUgeDE9IjgzNy4zIiB5MT0iNTIwLjAiIHgyPSI4MzcuMyIgeTI9IjY4OC45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNyIvPjxyZWN0IHg9IjgzMC41IiB5PSI1NTIuNSIgd2lkdGg9IjEzLjciIGhlaWdodD0iMTM2LjUiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjgiIHJ4PSIxLjUiLz48bGluZSB4MT0iODU5LjIiIHkxPSI0MzAuMCIgeDI9Ijg1OS4yIiB5Mj0iNjc1LjUiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE5Ii8+PHJlY3QgeD0iODUzLjAiIHk9IjQ3Mi4xIiB3aWR0aD0iMTIuNCIgaGVpZ2h0PSIyMDMuNCIgZmlsbD0iIzQ4OTllNCIgb3BhY2l0eT0iMC4zMSIgcng9IjEuNSIvPjxsaW5lIHgxPSI4ODMuMCIgeTE9IjQ4Ny4xIiB4Mj0iODgzLjAiIHkyPSI2NjIuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSI4NzYuMyIgeT0iNTMxLjAiIHdpZHRoPSIxMy4zIiBoZWlnaHQ9IjEzMS4zIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjkwMC43IiB5MT0iNDYyLjkiIHgyPSI5MDAuNyIgeTI9IjY2Ni40IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4xNSIvPjxyZWN0IHg9Ijg5NS40IiB5PSI1MzAuMSIgd2lkdGg9IjEwLjUiIGhlaWdodD0iMTM2LjMiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iOTI2LjciIHkxPSI1NzMuOCIgeDI9IjkyNi43IiB5Mj0iNjczLjIiIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iOTE5LjgiIHk9IjU5Ny41IiB3aWR0aD0iMTMuOCIgaGVpZ2h0PSI3NS43IiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9Ijk0NC44IiB5MT0iNDgyLjEiIHgyPSI5NDQuOCIgeTI9IjY2NC43IiBzdHJva2U9IiM0ODk5ZTQiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMiIvPjxyZWN0IHg9IjkzNy41IiB5PSI1MDkuMiIgd2lkdGg9IjE0LjciIGhlaWdodD0iMTU1LjQiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzciIHJ4PSIxLjUiLz48bGluZSB4MT0iOTY3LjgiIHkxPSI0NzQuNiIgeDI9Ijk2Ny44IiB5Mj0iNjY2LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iOTYyLjUiIHk9IjU0NC4xIiB3aWR0aD0iMTAuNiIgaGVpZ2h0PSIxMjIuNiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNyIgcng9IjEuNSIvPjxsaW5lIHgxPSI5OTAuMyIgeTE9IjU2OC4wIiB4Mj0iOTkwLjMiIHkyPSI2NzEuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTUiLz48cmVjdCB4PSI5ODUuMyIgeT0iNjAzLjkiIHdpZHRoPSI5LjkiIGhlaWdodD0iNjcuMiIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yNiIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMDE0LjUiIHkxPSI1MzUuMyIgeDI9IjEwMTQuNSIgeTI9IjY3OS41IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjEwMDkuNCIgeT0iNTg2LjUiIHdpZHRoPSIxMC4xIiBoZWlnaHQ9IjkzLjAiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTAzMi40IiB5MT0iNjE1LjIiIHgyPSIxMDMyLjQiIHkyPSI2OTguNCIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIxMDI1LjUiIHk9IjY0OC41IiB3aWR0aD0iMTMuNyIgaGVpZ2h0PSI0OS45IiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjE5IiByeD0iMS41Ii8+PGxpbmUgeDE9IjEwNTcuNyIgeTE9IjQyNS41IiB4Mj0iMTA1Ny43IiB5Mj0iNjg5LjciIHN0cm9rZT0iI2ZmNjU3NiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE3Ii8+PHJlY3QgeD0iMTA1Mi41IiB5PSI0ODYuNSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMjAzLjIiIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMjkiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTA3NC45IiB5MT0iNjAyLjYiIHgyPSIxMDc0LjkiIHkyPSI2NzIuNSIgc3Ryb2tlPSIjNDg5OWU0IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMjIiLz48cmVjdCB4PSIxMDY5LjAiIHk9IjYyNS41IiB3aWR0aD0iMTIuMCIgaGVpZ2h0PSI0Ny4wIiBmaWxsPSIjNDg5OWU0IiBvcGFjaXR5PSIwLjM3IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExMDEuMSIgeTE9IjQ1OS4zIiB4Mj0iMTEwMS4xIiB5Mj0iNjY1LjgiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjE2Ii8+PHJlY3QgeD0iMTA5Ni4wIiB5PSI0ODMuNCIgd2lkdGg9IjEwLjIiIGhlaWdodD0iMTgyLjMiIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMjYiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTEyMS4xIiB5MT0iNDg3LjkiIHgyPSIxMTIxLjEiIHkyPSI2ODkuMyIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTMiLz48cmVjdCB4PSIxMTE1LjgiIHk9IjU1NC4yIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMzUuMSIgZmlsbD0iI2ZmNjU3NiIgb3BhY2l0eT0iMC4yMSIgcng9IjEuNSIvPjxsaW5lIHgxPSIxMTQxLjciIHkxPSI2MDguNyIgeDI9IjExNDEuNyIgeTI9IjY5MS45IiBzdHJva2U9IiNmZjY1NzYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjExMzYuMCIgeT0iNjMxLjMiIHdpZHRoPSIxMS40IiBoZWlnaHQ9IjYwLjciIGZpbGw9IiNmZjY1NzYiIG9wYWNpdHk9IjAuMzMiIHJ4PSIxLjUiLz48bGluZSB4MT0iMTE2My4yIiB5MT0iNTMyLjIiIHgyPSIxMTYzLjIiIHkyPSI2ODYuMSIgc3Ryb2tlPSIjZmY2NTc2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuMTAiLz48cmVjdCB4PSIxMTU4LjIiIHk9IjU2MS4xIiB3aWR0aD0iOS45IiBoZWlnaHQ9IjEyNS4wIiBmaWxsPSIjZmY2NTc2IiBvcGFjaXR5PSIwLjE2IiByeD0iMS41Ii8+PGxpbmUgeDE9IjExODQuMiIgeTE9IjUxNi44IiB4Mj0iMTE4NC4yIiB5Mj0iNjgxLjAiIHN0cm9rZT0iIzQ4OTllNCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iMTE3Ny4wIiB5PSI1NDYuMyIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTM0LjciIGZpbGw9IiM0ODk5ZTQiIG9wYWNpdHk9IjAuMzQiIHJ4PSIxLjUiLz48Y2lyY2xlIGN4PSI1MTguNiIgY3k9IjI0Mi42IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2MDguMCIgY3k9IjMzNy4wIiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI5OTguNyIgY3k9IjM0Ni4zIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0MTcuMSIgY3k9IjI2LjciIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9Ijg4OS4xIiBjeT0iMTI1LjIiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDkuNSIgY3k9IjQyNi42IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIyOTAuNyIgY3k9IjE0My42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MzUuMCIgY3k9IjEyOS4wIiByPSIyLjMiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI2NTYuNSIgY3k9IjExOS44IiByPSIyLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI0MjcuOSIgY3k9IjAuNSIgcj0iMS41IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjAzLjMiIGN5PSI5OC41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMTcuMCIgY3k9IjQ0LjAiIHI9IjEuNiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjI3LjAiIGN5PSIxNDkuMSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjM1LjAiIGN5PSIzNjcuOCIgcj0iMS45IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA1NC45IiBjeT0iMTkwLjkiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yNiIvPjxjaXJjbGUgY3g9IjE3OS40IiBjeT0iMzU0LjgiIHI9IjEuOSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjEwMDIuMyIgY3k9IjQzNy4xIiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NzQuNyIgY3k9IjY4LjMiIHI9IjEuNyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjEwMDEuOSIgY3k9IjM5NC4zIiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMDcxLjQiIGN5PSIzMzQuNiIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMzcuNCIgY3k9IjY1LjIiIHI9IjEuNSIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjEwMDMuMCIgY3k9IjI3My43IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI4MTYuOCIgY3k9IjIzOS44IiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSI4OTcuOSIgY3k9IjI0Ni41IiByPSIxLjciIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSI3OS4zIiBjeT0iMzYxLjAiIHI9IjEuNCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxOC43IiBjeT0iMzU3LjQiIHI9IjEuMyIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjExNzAuOSIgY3k9IjI0Mi4wIiByPSIxLjUiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4MjAuNCIgY3k9IjM3NS44IiByPSIxLjkiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5My4wIiBjeT0iNzIuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMzY1LjMiIGN5PSIyNzguMiIgcj0iMS4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzIyLjUiIGN5PSIzMjkuMyIgcj0iMi4wIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzQ5LjAiIGN5PSIyNTMuMSIgcj0iMS43IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTQyLjIiIGN5PSI0MzcuOSIgcj0iMS4zIiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTEyMy41IiBjeT0iOC42IiByPSIxLjYiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjMiLz48Y2lyY2xlIGN4PSIxMTYxLjciIGN5PSIyMjAuMiIgcj0iMS40IiBmaWxsPSIjOGZhMWJkIiBvcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iMTEzNC43IiBjeT0iMTAzLjIiIHI9IjEuOCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xMiIvPjxjaXJjbGUgY3g9IjYyOC45IiBjeT0iNDY2LjgiIHI9IjEuMiIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjYxMC41IiBjeT0iNDM0LjYiIHI9IjIuMCIgZmlsbD0iIzhmYTFiZCIgb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjEwNzcuMiIgY3k9IjIzOC4yIiByPSIxLjAiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTAuMCIgY3k9IjIyMC45IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI0MTIuOCIgY3k9IjE1NC45IiByPSIyLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MDAuOSIgY3k9IjQxMS4yIiByPSIxLjIiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI4NTUuNiIgY3k9IjQ0MS44IiByPSIxLjQiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI0NzEuNSIgY3k9IjQ4OS40IiByPSIxLjgiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI1MTMuNyIgY3k9IjEzNC44IiByPSIxLjEiIGZpbGw9IiM4ZmExYmQiIG9wYWNpdHk9IjAuMTIiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat-x;
    background-position: top right, left bottom;
    background-size: auto, 1200px 700px;
}


.thankyou-v2 .register-wrap {
    background: transparent;
    box-shadow: none;
}

.thankyou-v2 .Thank-you-right {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding:25px;
    line-height: 25px
}

.thankyou-v2 .Thank-you-right h2 {
    color: var(--lv2-accent);
}

.thankyou-v2 .Thank-you-right h3 {
    color: var(--lv2-text);
}

.thankyou-v2 .Thank-you-right label {
    color: var(--lv2-text);
}

.thankyou-v2 .Thank-you-right p.t-border {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--lv2-border);
    border-radius: 12px;
    color: var(--lv2-text);
    padding: 12px 16px;
}

.thankyou-v2 .Thank-you-right p {
    color: var(--lv2-text-muted);
}

.thankyou-v2 .Thank-you-bottom a {
    color: var(--lv2-text-muted);
}

.thankyou-v2 .border-btn {
    background: var(--lv2-accent);
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff !important;
    padding: 10px 24px;
    /* box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55); */
    transition: filter .15s ease, box-shadow .15s ease;
}

.thankyou-v2 .border-btn:hover,
.thankyou-v2 .border-btn:focus {
    background: var(--lv2-accent);
    border-color: transparent;
    color: #fff;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — matches altimapro-cz.faceforex.com
   header / sidebar / footer chrome. Scoped to .app-shell-v2, set on
   <body> in templates/header.php — covers templates/sidebar.php and
   templates/footer.php too since they render inside the same <body>.
   .dashboard-v2 covers the dashboard content (views/user/dashboardnew.php).
   Structure/markup is unchanged — this is colors/background/spacing
   recoloring only, reusing the login-v2 token set.
   ===================================================================== */
.app-shell-v2 {
    --lv2-surface: #0d1929;
    --lv2-surface-alt: #12223a;
    --lv2-border: #223752;
    --lv2-accent: #4899e4;
    --lv2-accent-dark: #377cc0;
    --lv2-text: #f7f9fc;
    --lv2-text-muted: #8fa1bd;
    --lv2-text-faint: #6b7280;
    background-color: #06101d;
    background-image: radial-gradient(circle at 76% -10%, rgba(72, 153, 228, .18), transparent 34%);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.app-shell-v2 .theme-change-box {
    display: none;
}

/* ---- Header ---- */
.app-shell-v2 .site-header {
    background: rgba(13, 25, 41, .88);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--lv2-border);
    box-shadow: none;
    position: relative;
}

.app-shell-v2 .menu-linebar,
.app-shell-v2 .navbar-toggle .icon-bar {
    background-color: var(--lv2-text);
}

.app-shell-v2 .ns-user-details h3 {
    color: var(--lv2-text);
}

.app-shell-v2 .ns-user-details h4 {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .top-box-wrap .top-box,
.app-shell-v2 .top-box-wrap .top-box a {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .top-box-wrap .top-box a:hover {
    color: var(--lv2-accent);
}

.app-shell-v2 .top-box-wrap .s-icon2.logout {
    filter: invert(1) brightness(1.6) saturate(0);
    opacity: .75;
}

.app-shell-v2 .lang-dropdown .drop-down {
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    border-radius: 10px;
}

.app-shell-v2 .lang-dropdown .drop-down .button span {
    color: var(--lv2-text);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list {
    background-color: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span:hover,
.app-shell-v2 .lang-dropdown .drop-down .select-list li span:focus {
    background-color: rgba(255, 255, 255, .06);
    color: var(--lv2-text);
}

.app-shell-v2 .new-common-btn {
    background: #4899e4 !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(72, 153, 228, .24);
}

.app-shell-v2 .new-common-btn:hover {
    opacity: .95;
}

/* shared rounded-panel treatment for the user-info / promo cards that
   reuse .ns-box in both the header and the sidebar */
.app-shell-v2 .ns-box {
    background: linear-gradient(145deg, var(--lv2-surface), var(--lv2-surface-alt));
    margin: 0 20px;
}

.app-shell-v2 .ns-box h3,
.app-shell-v2 .ns-box h4 {
    color: var(--lv2-text);
}

.app-shell-v2 .ns-box p {
    color: var(--lv2-text-muted);
}

/* ---- Sidebar / page shell ---- */
.app-shell-v2 #wrapper,
.app-shell-v2 .content-area,
.app-shell-v2 .canvas,
.app-shell-v2 .dashbrd {
    background: transparent;
}

.app-shell-v2 .main-sidebar {
    background: var(--lv2-surface);
    border-right: 1px solid var(--lv2-border);
}

/* Sidebar nav items — fresh classes (.ff-nav-item/-icon/-label/-sub),
   added directly in templates/sidebar.php markup, ported 1:1 from
   React-Client-Portal/src/index.css .ff-nav-item so there is no
   specificity fight with legacy .sidebar-menu rules to win. */
.app-shell-v2 .ff-nav-item {
    display: flex !important;
    align-items: center;
    gap: 12px !important;
    padding: 10px 14px !important;
    margin: 8px 14px !important;
    border-radius: 12px;
    color: var(--lv2-text-muted) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700;
    cursor: pointer;
    background: transparent !important;
    box-shadow: none;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.app-shell-v2 .ff-nav-item:hover,
.app-shell-v2 .ff-nav-item:focus {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text) !important;
    text-decoration: none !important;
}

.app-shell-v2 li.treeview.active > .ff-nav-item,
.app-shell-v2 li.treeview.active > .ff-nav-item:hover {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19) !important;
}

.app-shell-v2 .ff-nav-icon {
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    color: inherit;
}

.app-shell-v2 .ff-nav-icon i,
.app-shell-v2 .ff-nav-icon span {
    color: inherit;
    font-size: inherit;
}

.app-shell-v2 .ff-nav-label {
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-shell-v2 .ff-nav-item .caret {
    border-top-color: currentColor;
    opacity: .7;
    flex-shrink: 0;
}

.app-shell-v2 .ff-nav-sub.dropdown-menu {
    padding: 6px !important;
}

/* !important is required: the base .ff-nav-item rule above uses !important on
   margin (to beat the legacy `.sidebar ul.sidebar-menu li a` rule, which wins
   on element count), and !important beats specificity — so without it here the
   submenu items were silently inheriting the wide 14px side inset meant for
   top-level items. */
.app-shell-v2 .ff-nav-sub .ff-nav-item {
    margin: 5px 6px !important;
}

/* ---- Footer ---- */
.app-shell-v2 .site-footer {
    background: var(--lv2-surface);
    border-top: 1px solid var(--lv2-border);
}

.app-shell-v2 .site-footer .sub-footer > p {
    color: var(--lv2-text-faint);
}

.app-shell-v2 .site-footer .spacetop1x p {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .site-footer a {
    color: var(--lv2-accent);
}

/* ---- Dashboard (views/user/dashboardnew.php) ---- */
.dashboard-v2 .dashboard-content h2 {
    color: var(--lv2-text);
}

.dashboard-v2 .tab-content-page.dash-tabs {
    background: var(--lv2-surface);
    border: 1px solid var(--lv2-border);
    border-radius: 19px;
    overflow: hidden;
}

.dashboard-v2 .dash-tabs .nav-top {
    display: flex;
    gap: 4px;
    padding: 6px;
    margin: 0;
    list-style: none;
    background: var(--lv2-surface-alt);
}

.dashboard-v2 .dash-tabs .nav-top li {
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--lv2-text-muted);
    cursor: pointer;
}

.dashboard-v2 .dash-tabs .nav-top li.active {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08));
    color: var(--lv2-text);
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19);
}

.dashboard-v2 .account-info-tbl {
    background: transparent;
    color: var(--lv2-text);
}

.dashboard-v2 .account-info-tbl thead th {
    color: var(--lv2-text-faint);
    border-bottom: 1px solid var(--lv2-border);
    background: transparent;
}

.dashboard-v2 .account-info-tbl tbody td {
    border-top: 1px solid var(--lv2-border);
    color: var(--lv2-text-muted);
}

.dashboard-v2 .account-info-tbl tbody tr:hover td {
    background: var(--lv2-surface-alt);
}

.dashboard-v2 .account-info-tbl .clickable-number {
    color: var(--lv2-text);
    font-weight: 700;
}

.dashboard-v2 .account-info-tbl .withdraw-ajax_options1 {
    color: var(--lv2-accent);
    font-weight: 700;
}

.dashboard-v2 .right-sidbar-content .rsc-box {
    background: linear-gradient(145deg, var(--lv2-surface), var(--lv2-surface-alt));
    border: 1px solid var(--lv2-border);
    border-radius: 19px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.dashboard-v2 .right-sidbar-content .rsc-box h3 {
    color: var(--lv2-accent);
}

.dashboard-v2 .right-sidbar-content .rsc-box h4 {
    color: var(--lv2-text-muted);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 2. The rules above only
   won the specificity fight for nav-item text/hover colors. The actual
   opaque panel backgrounds were untouched because they're set by
   selectors this scope couldn't beat: an ID (#sidebar-wrapper), a
   sibling wrapper that paints over the header (.top-head-bar sits
   inside .site-header and has its own solid #fff background), and a
   wrapper that paints over the whole canvas (.my-ac-wrapper .row-inner
   is solid #fff). This pass targets those directly, plus a few
   !important legacy rules and unstyled borders. Still colors/background
   only — no structural changes.
   ===================================================================== */

/* Header — the actual visible bar is .top-head-bar, not .site-header */
.app-shell-v2 .top-head-bar {
    background: rgba(13, 25, 41, .88) !important;
    border-bottom: 1px solid var(--lv2-border) !important;
    padding: 6px 0 !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.app-shell-v2 .top-head-bar .navbar span.menu-linebar {
    background: var(--lv2-text) !important;
    border-color: var(--lv2-border) !important;
}

/* Sidebar — #sidebar-wrapper is an ID, it beats any class-only override */
.app-shell-v2 #sidebar-wrapper {
    background: var(--lv2-surface) !important;
}

.app-shell-v2 .main-sidebar:after {
    background: var(--lv2-surface) !important;
}

/* Whole content canvas backdrop */
.app-shell-v2 .my-ac-wrapper .row-inner {
    background: #06101d !important;
    background-image: radial-gradient(circle at 76% -10%, rgba(72, 153, 228, .18), transparent 34%) !important;
}

.app-shell-v2 {
    min-height: 100vh;
}

/* Footer — .sub-footer paints its own solid white bar inside .site-footer */
.app-shell-v2 .sub-footer {
    background: var(--lv2-surface) !important;
}

/* Dashboard tab labels are forced black via `.middle-content-wrap li { color: black !important; }` */
.app-shell-v2 .middle-content-wrap li {
    color: var(--lv2-text-muted) !important;
}

.dashboard-v2 .dash-tabs .nav-top li.active {
    color: var(--lv2-text) !important;
}

.dashboard-v2 .dash-tabs .nav-top {
    border: 1px solid var(--lv2-border);
}

.dashboard-v2 .tab-info {
    border: 1px solid var(--lv2-border);
    border-top: none;
    background: transparent;
}

.dashboard-v2 .account-info-tbl {
    border: 1px solid var(--lv2-border);
}

/* .page-content-area draws its own light-blue glow box-shadow; this div
   also carries .dashboard-v2 (added in dashboardnew.php), so target the
   exact element directly */
.dashboard-v2.page-content-area {
    background: transparent;
    box-shadow: none;
}

/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 3. Header/sidebar/footer
   are dark everywhere via .app-shell-v2 (all 52 controllers share these
   templates), but only the dashboard page body got matching light text
   (.dashboard-v2). Every other after-login page body still defaults to
   dark/black text with no explicit color, which is now unreadable on
   the dark canvas. This is a safe, inherited fallback only — anything
   with its own explicit color (buttons, pills, profit/loss, links)
   still wins by specificity. Same --lv2-text/-muted tokens as login-v2.
   ===================================================================== */
.app-shell-v2 .canvas {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .canvas h1,
.app-shell-v2 .canvas h2,
.app-shell-v2 .canvas h3,
.app-shell-v2 .canvas h4,
.app-shell-v2 .canvas h5,
.app-shell-v2 .canvas h6 {
    color: var(--lv2-text);
}

.app-shell-v2 .canvas a:not(.new-common-btn):not(.ff-nav-item) {
    color: var(--lv2-accent);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 4. Header icon buttons
   (language/logout) and the dashboard main-content card language
   (eyebrow label, label-above-value stat tiles) ported from
   React-Client-Portal AppHeader.tsx (HEADER_ICON_BTN_CLASS) and
   Dashboard/AccountCardUI.tsx (.ff-stat, eyebrow pattern). New classes
   added directly in templates/header.php and user/dashboardnew.php.
   ===================================================================== */
.app-shell-v2 .ff-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    color: var(--lv2-text-muted);
    transition: all .2s ease;
}

.app-shell-v2 .ff-icon-btn:hover {
    border-color: var(--lv2-accent);
    color: var(--lv2-accent);
    /* box-shadow: 0 0 12px rgba(72, 153, 228, .35); */
}

.app-shell-v2 .ff-icon-btn a,
.app-shell-v2 .ff-icon-btn a:hover {
    color: inherit !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.app-shell-v2 .ff-icon-pill {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
}

.app-shell-v2 .ff-icon-pill a {
    color: var(--lv2-text-muted) !important;
    font-size: 12px;
    font-weight: 700;
}

.app-shell-v2 .ff-icon-pill a:hover {
    color: var(--lv2-accent) !important;
}

/* Dashboard main content */
.dashboard-v2 .ff-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--lti-teal, #31d5c8);
    margin-bottom: 4px;
}

.dashboard-v2 .rsc-box.ff-stat {
    align-items: center;
    padding: 14px;
}

.dashboard-v2 .rsc-box.ff-stat h4 {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--lv2-text-muted) !important;
    margin: 0 0 6px 0;
}

.dashboard-v2 .rsc-box.ff-stat h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--lv2-text) !important;
    margin: 0;
}

.dashboard-v2 .rsc-box-icon img {
    opacity: 1;
    /* filter: grayscale(1) brightness(1.6); */
    width: 40px;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 5. Unify every table
   sitewide (.common-table is the shared table class across ~50 after-
   login views: PAMM, prop pulse, trading history, wallets, withdrawal
   requests, tickets, uploads, etc.) to match the shared React table
   component (CommonTable.tsx): no white background anywhere, header
   as a muted uppercase strip, body text exactly
   rgb(143 161 189 / var(--tw-text-opacity, 1)) — same value as
   --lv2-text-muted / dark:text-lti-t-mid in CommonTable.tsx, row
   dividers only (no vertical borders), accent-colored links.
   ===================================================================== */
.app-shell-v2 .common-table {
    background: transparent !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .common-table thead {
    border-bottom: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .common-table th {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-faint) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--lv2-border) !important;
    border-right: none !important;
}

.app-shell-v2 .common-table td {
    background: transparent !important;
    color: rgb(143 161 189 / var(--tw-text-opacity, 1)) !important;
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px solid var(--lv2-border) !important;
    border-right: none !important;
}

.app-shell-v2 .common-table tbody tr:hover td {
    background: var(--lv2-surface-alt);
}

.app-shell-v2 .common-table a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .common-table td a:hover {
    color: var(--lv2-accent) !important;
}


/* jQuery DataTables plugin also renders many of the same after-login
   tables (trading history, wallets, PAMM) and forces its own solid
   white background + black text with !important — same fix as the
   .common-table pass above, same reasoning. */
.app-shell-v2 table.dataTable>tbody>tr>th,
.app-shell-v2 table.dataTable>tbody>tr>td {
    background: transparent !important;
    color: rgb(143 161 189 / var(--tw-text-opacity, 1)) !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 table.dataTable>thead>tr>th,
.app-shell-v2 table.dataTable>thead>tr>td {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-faint) !important;
    border-bottom: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .dataTables_info,
.app-shell-v2 .paging_simple_numbers a,
.app-shell-v2 .dataTables_length,
.app-shell-v2 .dataTables_length select {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 6. Global !important
   rules force every form input/select and every <label> to white-bg/
   black-text sitewide. Same fix pattern as tables: scoped override
   under .app-shell-v2 using the same --lv2-* tokens, !important to
   match what it takes to beat the original !important rules.
   ===================================================================== */
.app-shell-v2 .form-control,
.app-shell-v2 .input-group .form-control,
.app-shell-v2 select.form-control {
    background: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.app-shell-v2 .form-control::placeholder,
.app-shell-v2 .input-group .form-control::placeholder,
.app-shell-v2 .form-content .form-inline .step-two-box input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

.app-shell-v2 select.form-control option {
    background: var(--lv2-surface);
    color: var(--lv2-text);
}

.app-shell-v2 label {
    color: var(--lv2-text-muted) !important;
}


.app-shell-v2 .right-content p {
    color: var(--lv2-text-muted) !important;
}



/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 7. The visible gold
   sidebar background in the screenshot wasn't #sidebar-wrapper (already
   fixed) — it's `.sidebar-nav`, a SEPARATE rule on the same <ul
   class="sidebar-menu sidebar-nav"> element, with its own opaque
   `background: #F2BB4A` and a fixed 800px height that paints over the
   dark surface underneath. Colors/background only.
   ===================================================================== */
.app-shell-v2 .sidebar-nav {
    background: var(--lv2-surface) !important;
    height: auto !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 8. Every input/select/
   textarea sitewide gets the same rounded, dark, login-page look
   (border-radius 12px, var(--lv2-surface) background, var(--lv2-border)
   border, 50px height for single-line controls). Legacy per-page rules
   set wildly different radii (0 / 25px / 45px pill / 7px) and hardcoded
   white/black backgrounds — every one of those is beaten here with
   matching-or-higher specificity + !important, same pattern as the
   table/form-control fixes in PASS 5/6. Colors/background/radius only.
   ===================================================================== */
.app-shell-v2 .form-control,
.app-shell-v2 .input-group .form-control,
.app-shell-v2 select.form-control,
.app-shell-v2 .form-inline .form-group .form-control,
.app-shell-v2 .form-inline .form-group select.form-control,
.app-shell-v2 .form-content .form-inline .form-group select.form-control,
.app-shell-v2 .form-content.form-content-full-width .form-inline .form-group select.form-control,
.app-shell-v2 .form-content .form-inline .step-two-box select,
.app-shell-v2 .form-content .form-inline .step-two-box input,
.app-shell-v2 .form-content .form-inline input,
.app-shell-v2 .form-content .form-inline select,
.app-shell-v2 .arrow select.form-control,
.app-shell-v2 .content-area.r-page .form-inline .form-group .form-control,
.app-shell-v2 .container-xs.container-xs-955px .form-content .form-inline input,
.app-shell-v2 .container-xs.container-xs-955px .form-content span.form-control,
.app-shell-v2 .content-wrapper.personal-details .form-inline .form-group .form-control,
.app-shell-v2 .content-wrapper.personal-details .form-inline select,
.app-shell-v2 .withdrawal-status-page .form-group .form-control,
.app-shell-v2 .right-login-wrapper .form-group input.country-code,
.app-shell-v2 .right-login-wrapper .form-group input.ph-number,
.app-shell-v2 .demo-page .form-group input.country-code,
.app-shell-v2 .demo-page .form-group input.ph-number {
    background: var(--lv2-surface) !important;
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    height: 50px !important;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

/* Native <input type="date"> calendar panel (e.g. Trading History /
   Monetary Statement date filters) is a browser-rendered popup that
   can't be restyled with CSS directly — color-scheme is the only hook
   browsers expose, switching it to their built-in dark palette instead
   of the default white one. Chromium also repaints the picker icon
   itself white once color-scheme is dark, so don't filter/invert it
   here too — that double-flips it straight back to black.  */
.app-shell-v2 input[type="date"].form-control,
.app-shell-v2 input[type="time"].form-control,
.app-shell-v2 input[type="datetime-local"].form-control {
    color-scheme: dark;
}

.app-shell-v2 input[type="date"].form-control::-webkit-calendar-picker-indicator,
.app-shell-v2 input[type="time"].form-control::-webkit-calendar-picker-indicator,
.app-shell-v2 input[type="datetime-local"].form-control::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.app-shell-v2 textarea.form-control,
.app-shell-v2 .form-content .form-inline textarea {
    height: auto !important;
    min-height: 110px;
    line-height: 1.5;
    border-radius: 12px !important;
    background: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    box-shadow: none !important;
}

.app-shell-v2 .form-control:focus,
.app-shell-v2 .form-inline .form-group .form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.app-shell-v2 .form-control::placeholder,
.app-shell-v2 .input-group .form-control::placeholder,
.app-shell-v2 .form-content .form-inline .step-two-box input::placeholder {
    color: var(--lv2-text-muted) !important;
    background: transparent !important;
    opacity: 1;
}

.app-shell-v2 input.form-control:read-only,
.app-shell-v2 .form-inline .form-group input.form-control:read-only {
    background: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 select.form-control,
.app-shell-v2 .form-inline .form-group select.form-control,
.app-shell-v2 .form-content .form-inline .form-group select.form-control,
.app-shell-v2 .form-content.form-content-full-width .form-inline .form-group select.form-control,
.app-shell-v2 .arrow select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fa1bd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    background-size: 10px auto !important;
    padding-right: 34px !important;
}

.app-shell-v2 select.form-control option {
    background: var(--lv2-surface);
    color: var(--lv2-text-muted) ;
}

.app-shell-v2 .input-group-addon,
.app-shell-v2 .form-inline .form-group .input-group-addon,
.app-shell-v2 .input-group-addon.pin-bg,
.app-shell-v2 .withdrawal-status-page .input-group-addon,
.app-shell-v2 .report_page .input-daterange .input-group-addon {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.app-shell-v2 .bootstrap-filestyle.input-group {
    background: var(--lv2-surface) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.app-shell-v2 .bootstrap-filestyle.input-group input {
    background: transparent !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 .bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn {
    background: var(--lv2-surface-alt) !important;
    border: 0 !important;
    border-left: 1px solid var(--lv2-border) !important;
    border-radius: 0 !important;
}

.app-shell-v2 .bootstrap-filestyle.input-group .btn-default {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .captcha-wrapp {
    background: #fff;
    border-radius: 10px;
    padding: 4px 10px;
}

.app-shell-v2 .captcha,
.app-shell-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 9. Buttons must match the
   login page's gradient pill (see .login-v2 .common-btn), and the
   after-login header's language switcher must match the exact look
   already built for .login-v2-topbar .lang-dropdown (same markup —
   render_lang_switcher() is shared by both). Also fixes the header row
   actually breaking onto multiple visual boxes: the lang-switcher was
   double-boxed (outer .ff-icon-btn pill + inner .drop-down pill) and
   the logout link still carried the legacy circular-orange treatment
   from `.top-box:last-child a`, which is no longer the true last
   .top-box now that ff-icon-btn/-pill wrap things — templates/header.php
   now tags those two wrappers with .ff-icon-btn-lang / .ff-icon-btn-logout
   so they can be targeted directly instead of guessing at :last-child.
   ===================================================================== */
.app-shell-v2 .common-btn,
.app-shell-v2 .new-common-btn,
.app-shell-v2 .form-submit-btn,
.app-shell-v2 .btn.form-submit-btn,
.app-shell-v2 .trade-deposit-btns,
.app-shell-v2 .td-link,
.app-shell-v2 .join-btn,
.app-shell-v2 .btn.sign-up,
.app-shell-v2 .sign-up,
.app-shell-v2 button:not(.theme-change-box),
.app-shell-v2 .btn:not(.close) {
    background: #4899e4 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55) !important;
    transition: filter .15s ease, box-shadow .15s ease;
}

/* Remove the background inherited by the intl-tel-input country selector. */
.iti__country-container button {
    background: none !important;
}

.app-shell-v2 .common-btn:hover,
.app-shell-v2 .common-btn:focus,
.app-shell-v2 .new-common-btn:hover,
.app-shell-v2 .form-submit-btn:hover,
.app-shell-v2 .btn.form-submit-btn:hover,
.app-shell-v2 .trade-deposit-btns:hover,
.app-shell-v2 .td-link:hover,
.app-shell-v2 .join-btn:hover,
.app-shell-v2 .btn.sign-up:hover,
.app-shell-v2 .sign-up:hover,
.app-shell-v2 button:not(.theme-change-box):hover,
.app-shell-v2 .btn:not(.close):hover {
    background: #4899e4 !important;
    border-color: transparent !important;
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7) !important;
}

/* Header icon-button row: force one line, no double-boxing */
.app-shell-v2 .top-box-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px;
}

.app-shell-v2 .top-box-wrap > .top-box {
    flex-shrink: 0;
    padding: 0 10px;
}

 .ff-icon-btn-lang{
        padding: 0 !important;
    }

.app-shell-v2 .theme-change-box {
    display: none !important;
}

.app-shell-v2 .ff-icon-pill a {
    white-space: nowrap;
}

/* de-box the lang switcher wrapper so only the inner pill (matching
   the before-login topbar) is visible — no nested double border */
.app-shell-v2 .ff-icon-btn-lang {
    background: transparent !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
}

.app-shell-v2 .lang-dropdown .drop-down {
    width: auto;
    min-height: 44px;
    height: auto;
    display: flex;
    align-items: center;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    border-radius: 10px;
    padding: 8px 12px;
}

.app-shell-v2 .lang-wrap {
    margin-left: 0;
}

.app-shell-v2 .lang-dropdown .drop-down .button {
    display: flex;
    align-items: center;
    width: auto;
    border: 0;
    padding: 0;
    background: transparent;
}

.app-shell-v2 .lang-dropdown .drop-down .button .lang-flag {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 1px solid var(--lv2-border);
    margin-right: 8px;
}

.app-shell-v2 .lang-dropdown .drop-down .button .lang-code {
    display: inline-block;
    color: var(--lv2-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    width: auto;
    float: none;
}

.app-shell-v2 .lang-dropdown .drop-down .button a.select-list-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--lv2-text-muted);
    margin-left: 8px;
    background: none;
    border: 0;
    border-radius: 0;
    width: auto;
    height: auto;
}

.app-shell-v2 .lang-dropdown .drop-down .button a.select-list-link:hover {
    color: var(--lv2-accent);
}

.app-shell-v2 .select-list-arrow {
    display: inline-block;
    color: currentColor;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list {
    background-color: var(--lv2-surface-alt) !important;
    border: 1px solid var(--lv2-border);
    margin-top: 42px;
    z-index: 50;
    overflow: visible;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li {
    list-style: none;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span {
    color: var(--lv2-text-muted);
    background-color: transparent !important;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li span:hover,
.app-shell-v2 .lang-dropdown .drop-down .select-list li span:focus {
    background-color: rgba(255, 255, 255, .06) !important;
    color: var(--lv2-text);
}

.app-shell-v2 .lang-dropdown .drop-down .select-list li.active span,
.app-shell-v2 .lang-dropdown .drop-down .select-list li.clsAnchor.active span {
    color: var(--lv2-accent);
    font-weight: 600;
}

/* logout icon button: drop the legacy circular-orange treatment,
   fill the 44x44 .ff-icon-btn box cleanly instead */
.app-shell-v2 .ff-icon-btn-logout a {
    background: transparent !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 10. DataTables chrome
   (length/info/paginate controls) recolored for the dark canvas and
   made to stack on narrow viewports instead of overflowing, matching
   the .common-table dark styling from PASS 5. No JS behavior touched
   here — pageLength/lengthMenu defaults are set in assets/dist/js/
   common.js so every DataTable() call gets 5/10/20 unless a page
   explicitly overrides it.
   ===================================================================== */
.app-shell-v2 .dataTables_wrapper {
    color: var(--lv2-text-muted);
}

.app-shell-v2 .dataTables_scrollBody {
    border: 0 !important;
}

.app-shell-v2 .dataTables_scrollBody::-webkit-scrollbar,
.app-shell-v2 .dataTables_scrollHead::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.app-shell-v2 .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: var(--lv2-border);
    border-radius: 8px;
}

.app-shell-v2 .dataTables_length,
.app-shell-v2 .dataTables_filter,
.app-shell-v2 .dataTables_info,
.app-shell-v2 .dataTables_paginate {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .dataTables_length select {
    height: 34px !important;
    min-height: 34px;
    line-height: 32px;
    padding: 0 10px !important;
    margin: 0 6px;
}

.app-shell-v2 .dataTables_paginate .paginate_button {
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    background: var(--lv2-surface-alt) !important;
    border-radius: 8px !important;
    margin: 0 2px;
}

.app-shell-v2 .dataTables_paginate .paginate_button.current,
.app-shell-v2 .dataTables_paginate .paginate_button:hover {
    background: #4899e4 !important;
    color: #fff !important;
    border-color: transparent !important;
}

.app-shell-v2 .dataTables_paginate .paginate_button.disabled {
    opacity: .4;
}

@media (max-width: 767px) {
    .app-shell-v2 .dataTables_wrapper .row {
        margin: 0;
    }

    .app-shell-v2 .dataTables_length,
    .app-shell-v2 .dataTables_filter,
    .app-shell-v2 .dataTables_info,
    .app-shell-v2 .dataTables_paginate {
        text-align: center !important;
        width: 100%;
        float: none !important;
        margin-bottom: 8px;
    }

    .app-shell-v2 .table-responsive,
    .app-shell-v2 .common-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 11. Brand-color rebrand.
   The legacy orange brand color (#E6814B in custom.css / its dark-mode
   counterpart #4CA1B0 in custom-darkmode.css — same semantic role,
   different literal token per light/dark) is replaced, within the
   after-login shell only, with the v2 accent blue so every remaining
   button/link/heading/border/tab lines up with the rest of the theme.
   Auto-generated by extracting every legacy declaration referencing
   either hex value and re-emitting it unchanged except for the color
   token, scoped under .app-shell-v2 — pages outside the after-login
   shell (marketing/home pages still on the old branding) are untouched.
   ===================================================================== */
.app-shell-v2 .copy-text button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .spinner > div {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .bottom-header p a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline button.btn.btn-default {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .registration-bottom a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .social-dash .title {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .ticketing-details .btn-warning {
    background-color: var(--lv2-accent) !important;
    border-color: var(--lv2-accent) !important;
}

.app-shell-v2 span.main-user-name.equity {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 a:hover,
.app-shell-v2 a:focus {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 label a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 table.bnk-trnsfer tr th {
    background: var(--lv2-accent) none repeat scroll 0 0 !important;
}

.app-shell-v2 .common-btn-profile {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .login-page .forgot-password-sec .registration-top h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .before-right-content h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .home-redirect {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .form-content-box.step-two-wrapper button.btn.btn-default {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .green-heading {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .select-btn.active,
.app-shell-v2 .select-btn:focus,
.app-shell-v2 .select-btn:hover,
.app-shell-v2 .select-btn.active,
.app-shell-v2 .select-btn.focus {
    background: var(--lv2-accent) none repeat scroll 0 0 !important;
}

.app-shell-v2 a.new-account:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .slider {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 input:checked + .slider {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 input:focus + .slider {
    box-shadow: 0 0 1px var(--lv2-accent) !important;
}

.app-shell-v2 span.green {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .green {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .join-btn:hover,
.app-shell-v2 .join-btn:focus {
    border: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .select-btn.active {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .register-wrap .btn-primary {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .register-wrap .btn-primary.select-btn.active,
.app-shell-v2 .register-wrap .select-btn:hover {
    background: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .report_page .paging_simple_numbers span a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .sidebar ul.sidebar-menu li a:hover,
.app-shell-v2 .sidebar ul.sidebar-menu li a:focus {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .sidebar li.treeview.active a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .dashboard-top .col-md-4:nth-child(3) .d-sec {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .demo-page .submit-box button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .r-page .form-inline button.btn.btn-default {
    background: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .r-page .form-inline button.btn.btn-default:hover {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .page-not-found a {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .thank-you .register-wrap {
    background: linear-gradient(180deg, rgba(18, 34, 58, .82), rgba(9, 17, 29, .88)) !important;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(72, 153, 228, .04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.app-shell-v2 .Thank-you-right {
    background: transparent !important;
}

.app-shell-v2 .Thank-you-right h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .Thank-you-right h3,
.app-shell-v2 .Thank-you-right p.t-border {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .Thank-you-right label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Thank-you-right p.t-border {
    border-color: var(--lv2-border);
}

.app-shell-v2 .border-btn {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline .form-group .form-control {
    /* box-shadow: 1px 0px 9px -4px var(--lv2-accent) !important; */
}

.app-shell-v2 .bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn {
    border: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .buttonText {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .captcha {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline .form-group-captcha .captcha-wrapp span .captchacode1 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .bal_cls {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .custom-details .panel-heading h4 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active > a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li > a:hover {
    border-bottom: 2px solid var(--lv2-accent) !important;
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active > a,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:hover,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .nav-dots > li :hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .nav-dots > li.active > a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .nav-dots > li.active > a span:after {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .top-box .fa-envelope {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .top-head-bar .navbar span.menu-linebar {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .account-info h4 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .responsive_tbl tr td > a {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .ns-box h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li.active a {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .btn-round {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .proppulse-head {
    background: #4899e4 !important;
}

.app-shell-v2 .trade-div1 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .tab-div-selected {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .tab-div:hover {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .tab-div.tab-div-selected,
.app-shell-v2 .prop-pulse-challenges .tab-div:hover {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-header {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-footer a,
.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-footer button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .my-challenges-wrap .mcb-header {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .my-challenges-wrap .mcb-header .mcb-right > div {
    background: #4899e4 !important;
}

.app-shell-v2 .mcb-body .mcb-col:first-child h4.blue {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 button {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .nav-tabs > li.active > a,
.app-shell-v2 .nav-tabs > li.active > a:hover,
.app-shell-v2 .nav-tabs > li.active > a:focus {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .trading-history-heading:active,
.app-shell-v2 .trading-history-heading:hover {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .selected {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .datepicker table tr td.active:active,
.app-shell-v2 .datepicker table tr td.active.highlighted:active,
.app-shell-v2 .datepicker table tr td.active.active,
.app-shell-v2 .datepicker table tr td.active.highlighted.active,
.app-shell-v2 .open > .dropdown-toggle.datepicker table tr td.active,
.app-shell-v2 .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    background-color: var(--lv2-accent) !important;
    border-color: var(--lv2-accent) !important;
}

/* bootstrap-datepicker dark theme; !important beats its own light theme */
.app-shell-v2 .datepicker,
.app-shell-v2 .datepicker-dropdown {
    background: var(--lv2-surface) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, .65) !important;
}

/* jQuery 3's .show() can't detect default display on a detached element,
   so after each close/reopen the active view loses its inline
   "display:block" and falls back to this stylesheet's own "none".
   Defaulting to block fixes it; JS still hides inactive views inline. */
.app-shell-v2 .datepicker > div {
    display: block;
}

.app-shell-v2 .datepicker-dropdown:after {
    border-bottom-color: var(--lv2-surface) !important;
}

.app-shell-v2 .datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: var(--lv2-surface) !important;
}

.app-shell-v2 .datepicker table tr th {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker .datepicker-switch,
.app-shell-v2 .datepicker .prev,
.app-shell-v2 .datepicker .next {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker .datepicker-switch:hover,
.app-shell-v2 .datepicker .prev:hover,
.app-shell-v2 .datepicker .next:hover,
.app-shell-v2 .datepicker tfoot tr th:hover {
    background: rgba(72, 153, 228, .14) !important;
}

.app-shell-v2 .datepicker table tr td {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker table tr td.old,
.app-shell-v2 .datepicker table tr td.new {
    color: var(--lv2-text-faint) !important;
}

.app-shell-v2 .datepicker table tr td.day:hover,
.app-shell-v2 .datepicker table tr td.focused {
    background: rgba(72, 153, 228, .18) !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker table tr td.disabled,
.app-shell-v2 .datepicker table tr td.disabled:hover {
    background: none !important;
    color: var(--lv2-text-faint) !important;
}

.app-shell-v2 .datepicker table tr td.today,
.app-shell-v2 .datepicker table tr td.today:hover,
.app-shell-v2 .datepicker table tr td.today.disabled,
.app-shell-v2 .datepicker table tr td.today.disabled:hover {
    background: rgba(72, 153, 228, .25) !important;
    border-color: var(--lv2-accent) !important;
    color: var(--lv2-text) !important;
}

.app-shell-v2 .datepicker table tr td.active,
.app-shell-v2 .datepicker table tr td.active:hover,
.app-shell-v2 .datepicker table tr td.selected,
.app-shell-v2 .datepicker table tr td.selected:hover {
    background: var(--lv2-accent) !important;
    border-color: var(--lv2-accent) !important;
    color: #fff !important;
}

.app-shell-v2 #chat_mess_count {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .theme-change-box {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .modal-content.pamm-new-popups .modal-title {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .close {
    color: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .modal-header p {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1 {
    background-color: var(--lv2-accent) !important;
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn1:hover {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2 {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups .pamm-modal-footer .pamm-modal-btn2:hover {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .paging_simple_numbers span a {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-popup h1 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-table .p-a-list li a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-popup h1 span {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-form .p-a-submit {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-acc-form .reg-acc a:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-indi-details-header h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-indi-details-body .p-indi-details-info .indi-det-header .i-title h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .indi-det-header .inves-count h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .indi-det-header .inves-count h3 span {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .indi-det-right-side .i-det-form a {
    background-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .select-m-body .select-m-block h4 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .info-icon {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .ibuser-login .rpl-top h4 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .captcha-code-refresh {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li:hover {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li.active {
    color: var(--lv2-accent) !important;
    border-bottom: 2px solid var(--lv2-accent) !important;
}

.app-shell-v2 .common-btn.common-bck {
    border: 1px solid var(--lv2-accent) !important;
}

.app-shell-v2 .ticketing-details .td-header h2,
.app-shell-v2 .get-tickets h2 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .steps-main-heading {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .common-table td a.deposit-btn {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .common-table td a.deposit-btn:hover,
.app-shell-v2 .common-table td a.deposit-btn:focus {
    background: var(--lv2-accent) none repeat scroll 0 0 !important;
}

.app-shell-v2 .common-table a:hover {
    color:  var(--lv2-accent) !important;
}

.app-shell-v2 .form-inline .form-group-captcha .captcha-wrapp span#captchacode1 {
    background: var(--lv2-accent) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box h3 {
    color: var(--lv2-accent) !important;
}

.app-shell-v2 .dashboard-content h2 {
    color:  var(--lv2-accent) !important;
}

.app-shell-v2 input[type="checkbox"]:checked {
    accent-color: var(--lv2-accent) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups input[type="checkbox"],
.app-shell-v2 .paam-area .indi-det-right-side .i-det-form input[type="checkbox"] {
    accent-color: var(--lv2-accent) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 12. Table cell borders.
   PASS 5/6 recolored .common-table and table.dataTable specifically,
   but the codebase has several other table variants (.common-table1
   on PAMM pages, table.table-cm, table.bnk-trnsfer, .responsive_tbl,
   generic Bootstrap .table, etc.) that still draw light-gray/#DCDCDC
   column dividers — visible as white lines against the dark theme.
   This is a universal border-color fallback for every table cell
   anywhere under .app-shell-v2, plus a couple of specific fixes for
   the light background variants found while auditing.
   ===================================================================== */
.app-shell-v2 table,
.app-shell-v2 table th,
.app-shell-v2 table td,
.app-shell-v2 table thead,
.app-shell-v2 table tbody,
.app-shell-v2 table tfoot,
.app-shell-v2 table tr {
    border-color: var(--lv2-border) !important;
}

.app-shell-v2 table {
    border-collapse: collapse;
}

.app-shell-v2 .paam-area .common-table1 {
    background-color: var(--lv2-surface-alt) !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .paam-area .common-table1,
.app-shell-v2 .paam-area .common-table1 th,
.app-shell-v2 .paam-area .common-table1 td {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 13. Black text sitewide.
   Every legacy `color: #000000` / `#000` / `black` declaration (both
   stylesheets) is unreadable on the dark canvas. Auto-generated the same
   way as PASS 11 — extract every selector using one of those literal
   values, re-scope under .app-shell-v2 with the theme's muted text
   token. Pages outside the after-login shell are untouched.
   ===================================================================== */
.app-shell-v2 ::-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 :-ms-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 :-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-group select.form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .dropdown-right-wrapper div#lang_sel ul ul li a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .lang-dropdown .drop-down .button span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .navbar-inverse .navbar-nav > li > a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .bottom-header p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-inline .form-group input.form-control:read-only {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::-webkit-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control:-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::-moz-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control:-ms-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::-ms-input-placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control:placeholder-shown {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-control::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .submit-box p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .registration-bottom h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .registration-bottom a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .ticketing-details .td-header h2,
.app-shell-v2 .get-tickets h2 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .steps-main-heading {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.bnk-trnsfer td {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .common-table a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .before-login-pages .before-right-content p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 a.new-account {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .small-box.bg-aqua .inner p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .right-content p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .d-sec h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.table.table-cm.table-th-cm > thead > tr > th {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paging_simple_numbers a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content-box .right-login-wrapper .form-group input::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .selct-new label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .r-page .form-inline button.btn.btn-default:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .page-not-found h2 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Thank-you-right p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Thank-you-bottom a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-inline .form-group label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-inline .form-group .form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .content-wrapper.personal-details .form-inline .form-group .form-control,
.app-shell-v2 .content-wrapper.personal-details .form-inline select {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .content-wrapper.personal-details .form-inline .form-group .form-control::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .option_wrapper > input {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .market_wrapper {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .social-network li > a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .footer-text-wrap ul {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .nav-dots > li > a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-box {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-box a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-right .top-box:nth-child(2) {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .top-right .top-box:nth-child(2) h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.table.table-cm.table-th-cm td .color-link,
.app-shell-v2 table.table.table-cm.table-th-cm td a,
.app-shell-v2 table.table.table-cm.table-th-cm td a:hover,
.app-shell-v2 .color-link,
.app-shell-v2 .color-link:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .tank-you-wrapper p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .check-box-wrapper [type="checkbox"]:not(:checked) + label::after {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .mobile-user-sidebar-wrapper .menu-btn-deposit a:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .successful-wrapper h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .new-drop-flag .dropdown dd ul {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .responsive_tbl tr th {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .tech-one-content h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .mainTitle {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .subTitle {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box h3 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .dashboard-content h2 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .ns-box h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .middle-content-wrap li {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .activity-div .activity-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .activity-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .evaluation-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .evaluation-para {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .add-filter {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .trade-text {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .trade-span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .trade-para {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-body p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-body ul li {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .blank-history p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 table.dataTable > tbody > tr > th,
.app-shell-v2 table.dataTable > tbody > tr > td {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .input-group .form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .input-group .form-control::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content .form-inline .step-two-box select,
.app-shell-v2 .form-content .form-inline .step-two-box input::placeholder {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .arrow-list li {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content-box.form-content-box-label-full h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .form-content h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .common-table td a:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .ibuser-login .rpl-top h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .paging_simple_numbers a,
.app-shell-v2 .dataTables_info {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .dataTables_length select {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .indi-det-body .indi-det-left-side h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .indi-det-body .indi-det-left-side p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .indi-det-right-side h4 {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .modalFilter .modal-content label {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .select-m-body .select-m-block button a:hover {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .offer-container p {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area .step-style a {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .paam-area a:hover,
.app-shell-v2 a:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .withdrawal-status-page .close:hover,
.app-shell-v2 .withdrawal-status-page .close:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .withdrawal-status-page .form-group .form-control {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .prop-pulse-challenges .Challenges-box .cb-header .cbh-left span {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .Challenges-box .cb-header .cbh-left span:last-child {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 button a:hover,
.app-shell-v2 button a:focus {
    color: var(--lv2-text-muted) !important;
}

.app-shell-v2 .tooltip-inner {
    color: var(--lv2-text-muted) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 14. Light glow shadows.
   Dozens of cards/panels use a light periwinkle/gray box-shadow
   (#d5e4fe, #ccc, #a2a2a2, #57849b, etc.) as their only visual edge —
   against the dark canvas these read as a stray white halo. Per
   request: drop the glow, give the element a plain themed border
   instead so it's still visually separated from the page.
   ===================================================================== */
.app-shell-v2 .doc-box {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .pymnt-mthds {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .login-page .register-wrap {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .shwd-wrap-box {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .register-wrap .btn-primary {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .report_page .paging_simple_numbers span a {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .white-background {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .d-sec {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .dashboard-bottom > div.col-md-9 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .content-wrapper > .dashboard-bottom > div.col-md-12 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .smdashboard {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .bottom-vload {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .option_wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .grey-sidebar {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .new-drop-flag .dropdown dd ul {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .right-sidbar-content .rsc-box {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .page-content-area {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .evaluation-div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .trade-div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .trade-div1 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .trades-container {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .paam-area .pamm-new-popups {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .paam-area .offer-container {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .prop-pulse-credit-details-page .top_div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--lv2-border) !important;
}

.app-shell-v2 .shwd-wrap-box:nth-child(2n)::after {
    box-shadow: none !important;
}

.app-shell-v2 .shwd-wrap-box:nth-child(2n)::before {
    box-shadow: none !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 15. Logo box.
   .logo (the header cell wrapping the site logo + mobile menu toggle)
   still painted itself solid white with a gold border, standing out
   against the dark header bar. Colors only — logo image untouched.
   ===================================================================== */
.app-shell-v2 .logo {
    background: var(--lv2-surface) !important;
    border-right: 1px solid var(--lv2-border) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 16. .panel background.
   Bootstrap's .panel forces a solid white background !important
   sitewide — used by several accordion/collapse widgets in the
   after-login shell (account-type accordion, custom-details panels).
   ===================================================================== */
.app-shell-v2 .panel {
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text-muted);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 17. Unify all tab bars
   with the dashboard's pill-tab pattern (see .dashboard-v2 .dash-tabs
   .nav-top in the earlier pass): rounded muted-surface strip container,
   small uppercase muted labels, active tab gets the same rgba accent
   wash + inset border used by the dashboard. Applied to every other
   tab-bar family in the after-login shell: .middle-content-wrap .nav-top
   (the exact sibling of dash-tabs used on trading-history/wallet/PAMM
   pages), .customer-tabs (ticketing), .deposit-wrapper-tabs, and the
   prop-pulse .tab-div pills.
   ===================================================================== */

/* ---- .middle-content-wrap .nav-top (generic dash-tabs sibling) ---- */
.app-shell-v2 .middle-content-wrap .nav-top {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px !important;
    margin: 0 !important;
    list-style: none;
    background: var(--lv2-surface-alt) !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li,
.app-shell-v2 .middle-content-wrap .nav-top a {
    padding: 8px 16px !important;
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--lv2-text-muted) !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}

.app-shell-v2 .middle-content-wrap .nav-top li:hover,
.app-shell-v2 .middle-content-wrap .nav-top a:hover {
    color: var(--lv2-text) !important;
}

.app-shell-v2 .middle-content-wrap .nav-top li.active,
.app-shell-v2 .middle-content-wrap .nav-top li.active a {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19) !important;
    border: 0 !important;
}

/* ---- .customer-tabs (ticketing / customer details tri-column tabs) ---- */
.app-shell-v2 .customer-tabs .nav-tabs {
    background: var(--lv2-surface-alt);
    border: none;
    border-radius: 14px 14px 0 0 ;
    padding: 6px;
    gap: 4px;
}

.app-shell-v2 .customer-tabs .nav-tabs > li > a {
    border-radius: 10px !important;
    color: var(--lv2-text-muted) !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li > a:hover {
    color: var(--lv2-text) !important;
    border-bottom: 0 !important;
    background: var(--lv2-surface) !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active > a,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:hover,
.app-shell-v2 .customer-tabs .nav-tabs > li.active > a:focus {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19);
    border-bottom: 0 !important;
}

.app-shell-v2 .customer-tabs .nav-tabs > li.active:after {
    display: none;
}

/* ---- .deposit-wrapper-tabs (sprite-icon deposit method tabs) ---- */
.app-shell-v2 .deposit-wrapper ul.deposit-wrapper-tabs {
    background: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border) !important;
    border-radius: 14px;
    padding: 6px;
    display: flex;
    gap: 4px;
}

.app-shell-v2 .deposit-wrapper ul.deposit-wrapper-tabs li {
    border: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
}

.app-shell-v2 .deposit-wrapper ul.deposit-wrapper-tabs li a {
    color: var(--lv2-text-muted) !important;
    background-color: transparent !important;
}

.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li.active > a,
.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li.active > a:focus,
.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li.active > a:hover,
.app-shell-v2 .deposit-wrapper .nav-tabs.deposit-wrapper-tabs > li > a:hover {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19);
    border: 0 !important;
}

/* ---- .tab-div (prop-pulse challenge filter pills) ---- */
.app-shell-v2 .tab-div {
    background: var(--lv2-surface-alt) !important;
    color: var(--lv2-text-muted) !important;
    border: 1px solid var(--lv2-border) !important;
    border-radius: 10px !important;
}

.app-shell-v2 .tab-div:hover,
.app-shell-v2 .tab-div-selected {
    background: linear-gradient(90deg, rgba(72, 153, 228, .2), rgba(49, 213, 200, .08)) !important;
    color: var(--lv2-text) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 153, 228, .19) !important;
    border-color: transparent !important;
}

.app-shell-v2 .prop-pulse-challenges ul {
    background: var(--lv2-surface-alt) !important;
    border-radius: 14px;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 18. .doc-box background.
   PASS 14 already dropped its light glow shadow and gave it a themed
   border, but the white fill itself was never touched.
   ===================================================================== */
.app-shell-v2 .doc-box {
    background: var(--lv2-surface) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 19 (revised in PASS 27).
   Lang switcher dropdown reliability. render_lang_switcher() hardcodes
   inline style="display:none" on every <li>, so showing the list needs
   !important to beat that inline style. Open/close is driven purely by
   the .open class from common.js — the old slideToggle() call was
   REMOVED because it fought this rule: jQuery saw the !important
   display as "visible", animated the items closed, and left inline
   height:0/overflow:hidden/padding:0 behind, so the <ul> rendered as an
   empty bordered box with zero-height items. The height/overflow/
   padding resets below are defensive: they neutralise any such inline
   leftovers (e.g. from a stale cached common.js) instead of silently
   collapsing again.
   ===================================================================== */
.app-shell-v2 .lang-dropdown.open .select-list li {
    display: list-item !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 20.
   1) Vertical table scroll: plain (non-DataTables) tables sit inside
      the standard Bootstrap .table-responsive wrapper already used
      sitewide; capping its height and letting it scroll internally
      stops long record sets from pushing the whole page into a
      page-level scrollbar.
   2) Logout icon replaced with an inline SVG (MdLogout, ported from
      React-Client-Portal's AppHeader.tsx) in templates/header.php —
      style it to fill/center inside the existing 44x44 .ff-icon-btn.
   ===================================================================== */
.app-shell-v2 .table-responsive {
    max-height: min(65vh, 560px);
    overflow-y: auto;
}

.app-shell-v2 .table-responsive::-webkit-scrollbar {
    width: 8px;
}

.app-shell-v2 .table-responsive::-webkit-scrollbar-thumb {
    background: var(--lv2-border);
    border-radius: 8px;
}

.app-shell-v2 .ff-icon-btn-logout a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.app-shell-v2 .ff-icon-btn-logout svg {
    width: 20px;
    height: 20px;
    color: inherit;
}

.app-shell-v2 .ff-icon-btn-logout:hover svg {
    color: var(--lv2-accent);
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 21.
   1) Header vertical breathing room already trimmed above (FIX PASS 20
      set 14px, now 6px — user asked for less, not more).
   2) .ns-box's avatar photo + name/TP-No. block are removed from
      templates/header.php; the TP number now lives in its own pill
      (.ff-tp-pill) styled after React-Client-Portal's MainAccountLabel
      (flex items-center gap-2 h-11 px-4 rounded-md border ... shrink-0),
      sitting outside/before .ns-box, label changed "Main TP" -> "TP No."
      per request, value unchanged (still $_SESSION['username']).
   3) New .ff-user-dropdown (w-56 h-11 shrink-0, ported from
      React-Client-Portal's UserDropdown) replaces the plain name text
      with an initials avatar + name + a dropdown menu linking to
      My Profile. Open/close is class-driven (.open), same reliable
      pattern already used for .lang-dropdown — see common.js.
   ===================================================================== */
.app-shell-v2 .ff-tp-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    box-sizing: border-box;
    flex-shrink: 0;
    margin-right: 0;
}

.app-shell-v2 .ff-tp-pill-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--lv2-text-muted);
    white-space: nowrap;
}

.app-shell-v2 .ff-tp-pill-value {
    font-weight: 700;
    color: var(--lv2-text);
    white-space: nowrap;
}

.app-shell-v2 .top-box-wrap > .top-box.ff-user-dropdown {
    padding: 0;
}

.app-shell-v2 .ff-user-dropdown {
    position: relative;
    width: 224px;
    height: 44px;
    flex-shrink: 0;
}

.app-shell-v2 .ff-user-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid var(--lv2-border);
    background: var(--lv2-surface-alt);
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .15s ease;
}

.app-shell-v2 .ff-user-dropdown-toggle:hover,
.app-shell-v2 .ff-user-dropdown.open .ff-user-dropdown-toggle {
    border-color: var(--lv2-accent);
}

.app-shell-v2 .ff-user-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    background: rgba(72, 153, 228, .2);
    color: var(--lv2-accent);
}

.app-shell-v2 .ff-user-name {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--lv2-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.app-shell-v2 .ff-user-dropdown-toggle .caret {
    border-top-color: currentColor;
    opacity: .6;
    flex-shrink: 0;
    color: var(--lv2-text-muted);
}

.app-shell-v2 .ff-user-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 180px;
    background: var(--lv2-surface-alt);
    border: 1px solid var(--lv2-border);
    border-radius: 10px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .45), 0 0 0 1px rgba(72, 153, 228, .04);
    padding: 6px;
    margin: 0;
    list-style: none;
    z-index: 60;
}

.app-shell-v2 .ff-user-dropdown.open .ff-user-dropdown-menu {
    display: block;
}

.app-shell-v2 .ff-user-dropdown-menu li a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--lv2-text-muted) !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
}

.app-shell-v2 .ff-user-dropdown-menu li a:hover {
    background: var(--lv2-surface);
    color: var(--lv2-text) !important;
}


/* =====================================================================
   AFTER-LOGIN APP SHELL THEME (v2) — FIX PASS 22.
   1) .top-right uses justify-content: space-between across its direct
      children, so a gap kept opening between .ff-tp-pill and .ns-box
      no matter what margin was set on either — the parent was
      distributing space to ALL of its children, not just around them.
      templates/header.php now wraps both in a shared .ff-account-group
      so space-between only ever sees two groups (this one, and
      .top-box-wrap), and the pill sits flush against .ns-box.
   2) Language switcher flag swatch is now a circle (border-radius 50%)
      instead of a small rectangle, with the language code/name kept
      immediately after it — same order as before, just round.
   ===================================================================== */
.app-shell-v2 .ff-account-group {
    display: flex;
    align-items: center;
}

/* Desktop: move the user-dropdown before the support-email pill in the
   header's icon row (was theme-switcher, email, user, lang, logout). */
.app-shell-v2 .top-box-wrap > .theme-change-box {
    order: 1;
}

.app-shell-v2 .top-box-wrap > .ff-user-dropdown {
    order: 2;
}

.app-shell-v2 .top-box-wrap > .ff-icon-pill {
    order: 3;
}

.app-shell-v2 .top-box-wrap > .ff-icon-btn-lang {
    order: 4;
}

.app-shell-v2 .top-box-wrap > .ff-icon-btn-logout {
    order: 5;
}

/* The <=767px mobile header grid that used to live here was superseded by
   FIX PASS 31's <=991px grid, which covers the same reflow across a wider
   band. Both defined grid-template-areas on .top-head-bar and both applied
   below 768px; the leftover 5-row template left a phantom empty row whose
   row-gap showed up as ~12px of dead space under the last header row. */



/* =====================================================================
   FIX PASS 23 — language switcher .select-list border, before AND
   after login. The dropdown list is closed by default (its <li>s are
   inline display:none from render_lang_switcher()), which collapses
   the <ul class="select-list"> to zero height — its top/bottom border
   then render as a single stray line sitting right under the switcher
   even while "closed". Border is now off by default and only drawn
   while the list is actually being shown: on :hover (the original
   reveal mechanism, still active on both scopes) or while .open is
   set (the after-login click-toggle fallback added in FIX PASS 19).
   Touches both .login-v2-topbar (before login) and .app-shell-v2
   (after login) since both share the exact same render_lang_switcher()
   markup and this same border artifact.
   ===================================================================== */
.login-v2-topbar .lang-dropdown .drop-down .select-list,
.app-shell-v2 .lang-dropdown .drop-down .select-list {
    border: 0;
    z-index: 10000;
}

.login-v2-topbar .lang-dropdown .drop-down .button:hover .select-list,
.app-shell-v2 .lang-dropdown .drop-down .button:hover .select-list,
.app-shell-v2 .lang-dropdown.open .select-list {
    border: 1px solid var(--lv2-border) !important;
}


/* =====================================================================
   FIX PASS 24 — sitewide button unification. Every button (and every
   anchor tag carrying class="btn") across the whole project, not just
   the after-login shell / registration pages already covered above,
   must look like the login page's button: the same gradient pill and
   the same slightly-rounded (12px, not fully pill-shaped) corners.
   Unscoped/global on purpose — this is the same rule already applied
   under .app-shell-v2 (FIX PASS 9), now applied everywhere. .close is
   still excluded so Bootstrap modal dismiss ("x") buttons are unaffected.
   ===================================================================== */
.common-btn,
.new-common-btn,
.form-submit-btn,
.btn.form-submit-btn,
.trade-deposit-btns,
.td-link,
.join-btn,
.btn.sign-up,
.sign-up,
button:not(.theme-change-box),
.btn:not(.close) {
    background: #4899e4 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 12px 30px -10px rgba(72, 153, 228, .55) !important;
    transition: filter .15s ease, box-shadow .15s ease;
}
/* Remove the background inherited by the intl-tel-input country selector. */
.iti__country-container button {
    background: none !important;
}

.common-btn:hover,
.common-btn:focus,
.new-common-btn:hover,
.form-submit-btn:hover,
.btn.form-submit-btn:hover,
.trade-deposit-btns:hover,
.td-link:hover,
.join-btn:hover,
.btn.sign-up:hover,
.sign-up:hover,
button:not(.theme-change-box):hover,
.btn:not(.close):hover {
    background: #4899e4 !important;
    border-color: transparent !important;
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow: 0 14px 34px -10px rgba(72, 153, 228, .7) !important;
}


/* =====================================================================
   LOGIN PAGE THEME (v2) — FIX PASS 25. The .login-l left-hand panel was
   effectively empty on desktop (its only content, .login-icon, is
   already display:none via a pre-existing base rule). Ported the
   left-panel "story" content from React-Client-Portal's Login page
   (src/pages/Login/index.tsx — eyebrow label, headline, subtext, and
   the 4 trust badges) as static markup in login.php, styled here.
   ===================================================================== */
.login-v2 .login-l {
    display: flex;
    align-items: center;
}

.login-v2-story {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 480px;
}

.login-v2-story-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--lv2-accent);
}

.login-v2-story-eyebrow-line {
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #4899e4;
}

.login-v2-story-title {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.01em;
    color: var(--lv2-text);
    margin: 0;
}

.login-v2-story-accent {
    color: var(--lv2-accent);
}

.login-v2-story-sub {
    font-size: 15px;
    line-height: 1.6;
    color: var(--lv2-text-muted);
    max-width: 44ch;
    margin: 0;
}

.login-v2-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.login-v2-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(18, 34, 58, .7);
    border: 1px solid var(--lv2-border);
    font-size: 12px;
    font-weight: 600;
    color: var(--lv2-text-muted);
    transition: transform .2s ease, border-color .2s ease;
}

.login-v2-trust-pill:hover {
    border-color: var(--lv2-accent);
    transform: translateY(-2px);
}

.login-v2-trust-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--lv2-accent);
}


/* =====================================================================
   LOGIN PAGE THEME (v2) — FIX PASS 26. real_registration.php: the
   col-md-3 left-hand card (.before-reg, logo image + "Not yet
   registered?"/"Already have an account?" links) is removed and the
   form column now spans the full col-md-12 width. The "Already have
   an account?" link is re-added as .reg-bottom directly under the
   START TRADING button — it previously lived inside .login-bottom,
   which no longer exists on this page, so it needs its own color rule
   here instead of relying on the old .login-bottom-scoped one.
   ===================================================================== */
.real-reg-v2 .reg-bottom {
    margin-top: 16px;
}

.real-reg-v2 .reg-bottom a {
    color: var(--lv2-accent);
}


/* =====================================================================
   FIX PASS 28 — intl-tel-input v25 country selector.
   The sitewide gradient-button rule (FIX PASS 24) targets bare `button`,
   so it also captured intl-tel-input's country <button>. The existing
   `.iti__country-container button { background: none !important }` only
   cancels the gradient — it does NOT undo the forced border-radius,
   white text, or the large blue box-shadow, and it LOSES on :hover
   because `button:not(.theme-change-box):hover` (0,2,1) out-specifies it
   (0,1,1), re-applying the full gradient. The rules below neutralise the
   button treatment in every state and restyle the control to match the
   theme.

   Deliberately unscoped: the phone input appears both before and after
   login, and intlTelInput is initialised with
   `dropdownContainer: document.body`, so its dropdown renders OUTSIDE any
   *-v2 scope. Every --lv2-* token therefore carries an explicit fallback.
   Existing `body:has(.real-reg-v2) .iti__*` rules are more specific and
   keep winning on the registration pages — nothing here disturbs them.
   ===================================================================== */
.iti__country-container button,
.iti__country-container button.iti__selected-country,
.iti__country-container button.iti__selected-country:focus,
.iti__country-container button.iti__selected-country:active {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    outline: none !important;
    color: var(--lv2-text, #f7f9fc) !important;
}

/* Hover / open affordance — must out-specify button:not(.theme-change-box):hover */
.iti__country-container button.iti__selected-country:hover,
.iti__country-container button.iti__selected-country[aria-expanded="true"] {
    background: rgba(72, 153, 228, .10) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    filter: none !important;
    color: var(--lv2-text, #f7f9fc) !important;
}

.iti__selected-dial-code {
    color: var(--lv2-text-muted, #8fa1bd) !important;
}

.iti__arrow {
    border-top-color: var(--lv2-text-muted, #8fa1bd) !important;
}

.iti__arrow--up {
    border-bottom-color: var(--lv2-text-muted, #8fa1bd) !important;
}

/* ---- dropdown panel (rendered on <body>, so it needs token fallbacks) ---- */
.iti__dropdown-content {
    background-color: var(--lv2-surface-alt, #12223a);
    border: 1px solid var(--lv2-border, #223752);
    border-radius: 10px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .45);
    overflow: hidden;
}

.iti__search-input {
    background-color: var(--lv2-surface, #0d1929);
    border: 0;
    border-bottom: 1px solid var(--lv2-border, #223752);
    color: var(--lv2-text, #f7f9fc);
    padding: 10px 12px;
    width: 100%;
}

.iti__search-input::placeholder {
    color: var(--lv2-text-faint, #6b7280);
}

.iti__country-list {
    background-color: var(--lv2-surface-alt, #12223a);
}

.iti__country,
.iti__country-name {
    color: var(--lv2-text-muted, #8fa1bd);
}

.iti__country.iti__highlight,
.iti__country:hover {
    background-color: rgba(72, 153, 228, .12);
    color: var(--lv2-text, #f7f9fc);
}

.iti__dial-code {
    color: var(--lv2-text-faint, #6b7280);
}


/* =====================================================================
   FIX PASS 29 — make the AFTER-login language switcher visually identical
   to the BEFORE-login one (they already share render_lang_switcher()'s
   markup and, since FIX PASS 23/27, the same round flag + visible language
   code + inline SVG chevron). The only remaining difference was the pill
   itself: .login-v2-topbar uses a translucent white surface, while
   .app-shell-v2 used the solid --lv2-surface-alt token. Copied the
   before-login treatment across.

   Sizing is intentionally NOT copied: the before-login pill is
   padding:6px 10px with no fixed height, but in the after-login header
   this control sits in a row of 44px-tall items (email pill, user
   dropdown, logout button), so min-height:44px and the flex centering are
   kept here to preserve that alignment. Appended last so it wins over the
   two earlier .app-shell-v2 .lang-dropdown .drop-down blocks, which have
   equal specificity.
   ===================================================================== */
.app-shell-v2 .lang-dropdown .drop-down {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
}

.app-shell-v2 .lang-dropdown .drop-down .select-list {
    min-width: 92px;
    top: 7px;
}


/* =====================================================================
   FIX PASS 30 — before-login form controls + labels.

   (a) INPUT GLOW. `.form-inline .form-group .form-control` carries
       `box-shadow: 1px 0px 9px -4px #E6814B !important` — the legacy orange
       glow. Specificity 0,3,0. The themed replacements are
       `.real-reg-v2 .form-control` / `.demo-reg-v2` / `.forgot-v2` at only
       0,2,0, so the legacy rule WON on those three pages and the orange
       glow was still being painted. (.login-v2 escaped it purely because
       its selector happens to be `.login-v2 .form-inline .form-group
       .form-control` = 0,4,0.) Re-asserted below at 0,4,0 for every scope.
       The `inset 0 0 0 1000px` is deliberate and preserved — it is what
       suppresses Chrome's yellow autofill background.

   (b) INPUT-GROUP ADDON. Same story:
       `.form-inline .form-group .input-group-addon` forces a blue-grey glow
       plus a #ddd background at 0,3,0 !important.

   (c) LABEL COLOUR. A bare `label { color: #000000 !important }` exists, and
       !important beats specificity outright, so every themed
       `.CheckBoxLabelClass` colour rule (none of which used !important) lost
       and the text rendered black. After-login already had
       `.app-shell-v2 label { ... !important }` from an earlier pass; the
       before-login scopes never got the equivalent. Added here.
       Note the currency "EUR" control is a <label class="btn select-btn">;
       `.btn:not(.close)` (0,2,0 !important) still out-specifies
       `.<scope> label` (0,1,1 !important), so it correctly keeps its
       button styling.
   ===================================================================== */

/* ---- (a) inputs ---- */
.login-v2 .form-inline .form-group .form-control,
.login-v2 .form-inline .form-group select.form-control,
.real-reg-v2 .form-inline .form-group .form-control,
.real-reg-v2 .form-inline .form-group select.form-control,
.demo-reg-v2 .form-inline .form-group .form-control,
.demo-reg-v2 .form-inline .form-group select.form-control,
.forgot-v2 .form-inline .form-group .form-control,
.forgot-v2 .form-inline .form-group select.form-control {
    background-color: var(--lv2-surface) !important;
    color: var(--lv2-text) !important;
    border: 1px solid var(--lv2-border) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.login-v2 .form-inline .form-group .form-control:focus,
.login-v2 .form-inline .form-group select.form-control:focus,
.real-reg-v2 .form-inline .form-group .form-control:focus,
.real-reg-v2 .form-inline .form-group select.form-control:focus,
.demo-reg-v2 .form-inline .form-group .form-control:focus,
.demo-reg-v2 .form-inline .form-group select.form-control:focus,
.forgot-v2 .form-inline .form-group .form-control:focus,
.forgot-v2 .form-inline .form-group select.form-control:focus {
    border-color: var(--lv2-accent) !important;
    box-shadow: inset 0 0 0 1000px var(--lv2-surface), 0 0 0 3px rgba(72, 153, 228, .16) !important;
}

.login-v2 .form-inline .form-group .form-control::placeholder,
.real-reg-v2 .form-inline .form-group .form-control::placeholder,
.demo-reg-v2 .form-inline .form-group .form-control::placeholder,
.forgot-v2 .form-inline .form-group .form-control::placeholder {
    color: var(--lv2-text-faint) !important;
}

/* ---- (b) input-group addons (date picker, phone prefix, etc.) ---- */
.login-v2 .form-inline .form-group .input-group-addon,
.real-reg-v2 .form-inline .form-group .input-group-addon,
.demo-reg-v2 .form-inline .form-group .input-group-addon,
.forgot-v2 .form-inline .form-group .input-group-addon {
    background-color: var(--lv2-surface-alt) !important;
    border: 1px solid var(--lv2-border) !important;
    color: var(--lv2-text-muted) !important;
    box-shadow: none !important;
}

/* ---- (c) labels ---- */
.login-v2 label,
.real-reg-v2 label,
.demo-reg-v2 label,
.forgot-v2 label {
    color: var(--lv2-text-muted) !important;
}

.login-v2 label a,
.real-reg-v2 label a,
.demo-reg-v2 label a,
.forgot-v2 label a {
    color: var(--lv2-accent) !important;
}

.login-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover,
.real-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover,
.demo-reg-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover,
.forgot-v2 .demo-check-content-wrapp label.CheckBoxLabelClass:hover {
    color: var(--lv2-text) !important;
}


/* =====================================================================
   FIX PASS 31 — RESPONSIVE (after-login shell + every page inside it).

   Everything below is either inside a max-width media query or is a
   pure defect fix, so the >=1200px desktop design is unchanged.

   (a) SITEWIDE HORIZONTAL SCROLLBAR. `.my-ac-wrapper .row-inner` is
       `width: 100Vw`. `vw` units include the classic scrollbar gutter, so
       the canvas was always ~15px wider than its container and EVERY page
       had a stray horizontal scrollbar. `.page-content-area` added another
       10px on top: it is a Bootstrap `.col-md-*` (width:100%) that also
       carries `margin-left:10px; margin-right:30px`, and content-box
       sizing means those margins are added to, not taken out of, the 100%.
   (b) LOGO. Images/logo.png is 501x75 and `.site-title img` has no cap, so
       below 1200px — where the logo column stops being `col-lg-2` and
       becomes the full-width `col-md-12` — it rendered at its full 501px
       and ate a whole header row.
   (c) HEADER <=991px. Reflowed into the four-row grid described below.
       Previously this only kicked in at <=767px, so 768-991px got the
       desktop single-row header, which overflowed the viewport by ~190px
       and pushed the language switcher and logout button off-screen.
   (d) HEADER 992-1199px. Same overflow, different cause: Bootstrap turns
       both header columns into `col-md-12`, so the logo takes a full row
       and `.top-box-wrap` (flex-wrap:nowrap, fixed-width children) ran off
       the right edge. Kept as one row here by letting the support-email
       pill truncate instead of by hiding anything.
   (e) SIDEBAR <=991px. The legacy off-canvas position is a tangle of
       `margin-left:-265px` plus five different `left:` values spread over
       responsive.css breakpoints, and at some widths they did not cancel
       out — the "closed" drawer sat ~180px on-screen, covering the page.
       Replaced with a transform-based drawer that cannot drift, plus a
       backdrop. #sidebar-wrapper is an ID, hence the !important.
   ===================================================================== */

/* ---- (a) no horizontal scrollbar, any width ---- */
.app-shell-v2 .my-ac-wrapper .row-inner,
.app-shell-v2 .top-head-bar {
    width: 100% !important;
}

.app-shell-v2 .my-ac-wrapper .row-inner {
    float: none !important;
}

.app-shell-v2 .content-area,
.app-shell-v2 .canvas,
.app-shell-v2 .dashbrd,
.app-shell-v2 .page-content-area {
    box-sizing: border-box;
    max-width: 100%;
}

.app-shell-v2 .page-content-area {
    max-width: calc(100% - 40px);
}

/* ---- (b) logo cap ---- */
.app-shell-v2 .site-title img {
    max-height: 34px;
    width: auto;
}


/* Between 1200px and 1365px the desktop header is 4-15px too wide for the
   viewport and the logout button hung over the edge. Letting the support
   email truncate is enough to absorb it. These rules change nothing when
   the row already fits — an ellipsis only appears once the text has
   actually been clipped — so the >=1366px header renders as before. */
@media (min-width: 992px) and (max-width: 1365px) {

    .app-shell-v2 .top-box-wrap {
        min-width: 0;
    }

    .app-shell-v2 .top-box-wrap > .ff-icon-pill {
        flex-shrink: 1;
        min-width: 0;
    }

    .app-shell-v2 .ff-icon-pill a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .app-shell-v2 .ns-box .ns-user-btn .new-common-btn {
        white-space: nowrap;
        flex-shrink: 0;
    }
}


/* ---------------------------------------------------------------
   (d) 992-1199px — keep the desktop single-row header, just make it
   fit. Untouched at >=1200px.
   --------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

    /* One row, like the desktop header. Previously .top-right was allowed
       to wrap, which put the TP pill + account buttons on one line and the
       user/email/language/logout group on another, with the oversized logo
       floating vertically across both and a dead area beneath it. Nothing
       here is hidden; the pieces are shrunk to the point where the row
       genuinely fits at 992px (measured ~910px of content in ~962px of
       usable width). */
    .app-shell-v2 .top-head-bar {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px;
        padding: 6px 14px !important;
    }

    .app-shell-v2 .top-head-bar > .logo {
        width: auto !important;
        flex: 0 0 auto;
        padding: 0 !important;
    }

    .app-shell-v2 .site-title img {
        max-height: 24px;
    }

    .app-shell-v2 .top-head-bar > .top-right {
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
        padding: 0 !important;
        float: none !important;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 8px;
    }

    .app-shell-v2 .ff-account-group {
        min-width: 0;
        margin-right: auto;
        gap: 8px;
    }

    .app-shell-v2 .top-box-wrap {
        min-width: 0;
        flex-wrap: nowrap !important;
        gap: 6px;
    }

    .app-shell-v2 .top-box-wrap > .top-box {
        padding: 0 2px;
    }

    .app-shell-v2 .ff-tp-pill {
        padding: 0 10px;
        gap: 6px;
    }

    .app-shell-v2 .ff-tp-pill-label {
        font-size: 10px;
    }

    .app-shell-v2 .ff-user-dropdown {
        width: 150px;
    }

    .app-shell-v2 .ns-box .ns-user-btn .new-common-btn {
        white-space: nowrap;
        flex-shrink: 0;
        font-size: 11px;
        padding: 8px 12px;
    }

    /* The support address is the one item with no room left at this width,
       so the pill drops to its envelope icon. The mailto link is unchanged
       and header.php carries the address in a title attribute. */
    .app-shell-v2 .ff-icon-pill a {
        font-size: 0;
        white-space: nowrap;
    }

    .app-shell-v2 .ff-icon-pill a .fa {
        font-size: 15px;
    }
}


/* ---------------------------------------------------------------
   (c) <=991px — mobile header.

       [ burger ][    logo    ][ logout ]
       [ avatar name ][      TP No. 80239841 ]
       [    Deposit    ][  Additional Real Account  ]
       [ EN v ][            support@firstrade24.com  ]

   The TP-number, user and email chrome go borderless here so the bar
   reads as one calm block instead of four stacked boxes; the language
   switcher keeps its outline because it is the one control you tap.
   The wrapper divs carry no layout of their own, so display:contents
   lifts their children straight into the grid without touching markup.
   --------------------------------------------------------------- */
@media (max-width: 991px) {

    /* Six equal tracks rather than three content-sized ones: with an
       `auto` middle column the logo's width decided how much room rows 2
       and 4 had left, which squeezed the TP number off the edge on a
       375px screen. Equal tracks make each row's split independent of
       the logo. */
    .app-shell-v2 .top-head-bar {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-areas:
            "burger  logo    logo    logo    logo    logout"
            "user    user    user    tp      tp      tp"
            "buttons buttons buttons buttons buttons buttons"
            "lang    lang    email   email   email   email";
        column-gap: 8px;
        row-gap: 12px;
        align-items: center;
        padding: 12px 16px 14px !important;
    }

    .app-shell-v2 .top-head-bar > .clearfix {
        display: none;
    }

    .app-shell-v2 .top-head-bar .logo,
    .app-shell-v2 .top-head-bar .logo .navbar,
    .app-shell-v2 .top-right,
    .app-shell-v2 .ff-account-group,
    .app-shell-v2 .top-box-wrap {
        display: contents !important;
    }

    /* ---- row 1: burger | logo | logout ---- */
    .app-shell-v2 .navbar-header {
        grid-area: burger;
        justify-self: start;
    }

    /* .navbar-brand#menu-toggle is the control the JS binds to; Bootstrap's
       own .navbar-toggle is a second, dead hamburger below 768px. */
    .app-shell-v2 .top-head-bar .navbar-toggle {
        display: none !important;
    }

    .app-shell-v2 .top-head-bar .navbar .navbar-brand {
        margin: 0;
        padding: 0;
        height: auto;
    }

    .app-shell-v2 .site-title {
        grid-area: logo;
        justify-self: center;
    }

    .app-shell-v2 .site-title img {
        margin: 0 auto;
        max-height: 30px;
    }

    .app-shell-v2 .ff-icon-btn-logout {
        grid-area: logout;
        justify-self: end;
    }

    /* ---- row 2: identity strip, borderless ---- */
    .app-shell-v2 .ff-user-dropdown {
        grid-area: user;
        justify-self: start;
        width: auto !important;
        height: auto;
        min-width: 0;
        max-width: 100%;
        padding: 0 !important;
    }

    .app-shell-v2 .ff-user-dropdown-toggle {
        width: auto;
        height: auto;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0;
        cursor: default;
        gap: 8px;
    }

    .app-shell-v2 .ff-user-dropdown-toggle:hover {
        border: 0 !important;
    }

    .app-shell-v2 .ff-user-name {
        flex: 0 1 auto;
        min-width: 0;
        font-size: 13px;
        text-align: left;
    }

    .app-shell-v2 .ff-user-dropdown-toggle .caret {
        display: none;
    }

    .app-shell-v2 .ff-user-dropdown-menu,
    .app-shell-v2 .ff-user-dropdown.open .ff-user-dropdown-menu {
        display: none !important;
    }

    .app-shell-v2 .ff-tp-pill {
        grid-area: tp;
        justify-self: end;
        height: auto;
        padding: 0 !important;
        gap: 6px;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0;
        min-width: 0;
        max-width: 100%;
    }

    .app-shell-v2 .ff-tp-pill-value {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .app-shell-v2 .ff-tp-pill-label {
        font-size: 10px;
    }

    .app-shell-v2 .ff-tp-pill-value {
        font-size: 13px;
    }

    /* ---- row 3: the two account actions, equal width ---- */
    .app-shell-v2 .ns-box {
        grid-area: buttons;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .app-shell-v2 .ns-box .ns-user-btn {
        display: flex;
        gap: 10px;
        width: 100%;
    }

    .app-shell-v2 .ns-box .ns-user-btn .new-common-btn {
        flex: 1 1 0;
        min-width: 0;
        min-height: 40px;
        margin: 0;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 1.25;
        white-space: normal;
    }

    /* ---- row 4: language + support, borderless except the switcher ---- */
    .app-shell-v2 .ff-icon-btn-lang {
        grid-area: lang;
        justify-self: start;
    }

    .app-shell-v2 .ff-icon-pill {
        grid-area: email;
        justify-self: end;
        min-width: 0;
        max-width: 100%;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .app-shell-v2 .ff-icon-pill a {
        display: block;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* cancels responsive.css's legacy .top-box:nth-child(4) position:absolute */
    .app-shell-v2 .ff-icon-btn-lang,
    .app-shell-v2 .ff-icon-pill {
        position: static !important;
        top: auto !important;
        right: auto !important;
    }

    .app-shell-v2 .lang-dropdown .drop-down .select-list {
        right: auto;
        left: 0;
    }


    /* ---- (e) off-canvas sidebar ----
       Anchored to #wrapper (which begins directly under the header)
       rather than to the viewport, so the drawer slides in *below* the
       header instead of behind it — .site-header carries z-index:9999999
       and would cover the top of a fixed, top:0 drawer. */
    .app-shell-v2 #sidebar-wrapper {
        position: absolute !important;
        top: 0;
        bottom: 0;
        left: 0 !important;
        width: 265px;
        max-width: 82vw;
        margin: 0 !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden;
        z-index: 1050;
        float: none !important;
        transform: translateX(-100%);
        transition: transform .3s ease;
    }

    .app-shell-v2 #wrapper.toggled #sidebar-wrapper {
        transform: translateX(0);
        box-shadow: 0 0 45px rgba(0, 0, 0, .55);
    }

    .app-shell-v2 #wrapper.toggled:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(3, 10, 20, .6);
        z-index: 1040;
    }

    .app-shell-v2 .sidebar-nav,
    .app-shell-v2 #sidebar-wrapper .sidebar {
        width: 100% !important;
        height: auto !important;
        min-height: 100%;
        float: none !important;
    }

    /* the canvas no longer reserves a 265px gutter for a drawer */
    .app-shell-v2 #wrapper .canvas,
    .app-shell-v2 #wrapper.toggled .canvas {
        margin-left: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    .app-shell-v2 .page-content-area {
        margin-left: 3px !important;
        margin-right: 3px !important;
        max-width: 98%
    }


    /* ---- content: tables scroll instead of overflowing the page ---- */
    .app-shell-v2 .table-responsive,
    .app-shell-v2 .dataTables_wrapper,
    .app-shell-v2 .tdata,
    .app-shell-v2 .mdata,
    .app-shell-v2 .thdata {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .app-shell-v2 table.common-table,
    .app-shell-v2 table.account-info-tbl,
    .app-shell-v2 table.dataTable {
        min-width: 520px;
    }

    /* Tab bars scroll sideways instead of collapsing into a full-width
       stack (responsive.css turns .nav-top into flex-direction:column
       with width:100% items below 768px, which buried the table under a
       column of tabs). */
    .app-shell-v2 .dash-tabs .nav-top,
    .app-shell-v2 .middle-content-wrap .nav-top {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .app-shell-v2 .dash-tabs .nav-top li,
    .app-shell-v2 .middle-content-wrap .nav-top li {
        white-space: nowrap;
        flex: 0 0 auto;
        width: auto !important;
        border-top: 0 !important;
    }

    .app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar,
    .app-shell-v2 .table-responsive::-webkit-scrollbar {
        height: 4px;
    }

    .app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar-thumb,
    .app-shell-v2 .table-responsive::-webkit-scrollbar-thumb {
        background: var(--lv2-border);
        border-radius: 4px;
    }

    /* nothing inside a page may be wider than the page */
    .app-shell-v2 img,
    .app-shell-v2 iframe,
    .app-shell-v2 canvas,
    .app-shell-v2 pre {
        max-width: 100%;
    }
}


/* ---- forms stack on phones ---- */
@media (max-width: 767px) {

    .app-shell-v2 .form-content .form-inline .form-group,
    .app-shell-v2 .form-inline .form-group {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    .app-shell-v2 .form-inline .form-group > label,
    .app-shell-v2 .form-content .form-inline label.form-label {
        display: block;
        width: auto;
        height: auto;
        text-align: left;
    }

    .app-shell-v2 .form-inline .form-group .form-control,
    .app-shell-v2 .form-inline .form-group select.form-control {
        display: block;
        width: 100% !important;
    }

    .app-shell-v2 .form-inline .form-group .input-group,
    .app-shell-v2 .form-inline .form-group .input-group.date {
        display: table;
        width: 100%;
    }

    .app-shell-v2 .form-inline .form-group .input-group .form-control {
        display: table-cell;
    }

    .app-shell-v2 .form-inline .form-group .input-group-addon {
        display: table-cell;
        width: 1%;
        white-space: nowrap;
    }

    .app-shell-v2 .submit-box .btn,
    .app-shell-v2 .form-inline button.btn.btn-default {
        width: 100%;
    }

    /* dashboard stat rail */
    .app-shell-v2 .right-sidbar-content .rsc-box {
        width: 100%;
    }

    .app-shell-v2 .site-footer .sub-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .app-shell-v2 .site-footer .sub-footer > p {
        font-size: 12px;
        line-height: 1.6;
    }
}


/* FIX PASS 32 (a translucent surface + z-index on the registration
   topbar) has been deleted. It only existed to stop content showing
   through the bar while it was position:sticky; FIX PASS 34 made the
   bar static and transparent, which is what was actually wanted, so
   the rule was dead and had already been hand-commented in
   custom.css but not in custom-darkmode.css. Removed from both so
   there is one definition of this bar, not three. */


/* =====================================================================
   FIX PASS 33 — five targeted requests.
   ===================================================================== */

/* ---- (1) Sidebar menu: more horizontal breathing room ----
   Base .ff-nav-item is padding:10px 14px inside a margin:8px 14px pill,
   so the label started 28px from the sidebar edge. Only the horizontal
   padding is raised; the vertical rhythm and the pill inset are
   untouched. !important is required because the base rule uses it on
   the padding shorthand (to beat the legacy
   `.sidebar ul.sidebar-menu li a`), and !important beats specificity. */
.app-shell-v2 .sidebar-menu .ff-nav-item {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.app-shell-v2 .ff-nav-sub .ff-nav-item {
    padding-left: 18px !important;
    padding-right: 18px !important;
}


/* ---- (2) Profile page: centre the read-only <p> field values ----
   The profile shows non-editable values as `<p class="form-control">`
   next to real inputs. Both are height:50px, border-box, line-height:48px
   — but the <p> also carries `padding:12px 0 14px 21px`, which leaves a
   22px content band for a 48px line box. The line therefore rendered low
   and clipped rather than centred, while the neighbouring <input>
   (padding 0) centred correctly.

   inline-flex + align-items:center centres it regardless of line-height,
   and inline-flex (not flex) is deliberate: the Phone Number field puts
   two of these <p>s side by side and relies on inline flow. Horizontal
   padding is matched to the input's 25px/12px so the value text lines up
   with the editable fields in the same row. */
.app-shell-v2 .form-content .form-inline .form-group p.form-control {
    display: inline-flex;
    align-items: center;
    padding: 0 12px 0 25px;
}


/* ---- (3) Dashboard: currency to the left of the balance figures ---- */
.dashboard-v2 .rsc-box.ff-stat h3 .ff-stat-cur {
    margin-right: 6px;
    font-size: .6em;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--lv2-text-muted);
}

.dashboard-v2 .rsc-box.ff-stat h3 .ff-stat-cur:empty {
    display: none;
}


/* ---- (4) Login: Remember Me + Forgot Password row ----
   Both live in .login-v2-meta-row below the password field. .flex-row is
   already display:flex + space-between, so desktop only needs the columns
   aligned and the link right-aligned; the media query below splits them on
   phones. Scoped to .login-v2 — .new-account appears on no other live
   page. */
.login-v2 .login-v2-meta-row {
    align-items: center;
}

.login-v2 .login-v2-meta-row .form-group {
    margin-bottom: 0 !important;
}

.login-v2 .login-v2-forgot-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-v2 .login-v2-forgot-col a.new-account {
    font-size: 13px;
    margin: 0;
    white-space: nowrap;
}

/* The global `a, a:active, a:focus { color: var(--lv2-text-muted) !important }`
   near the top of the file repaints the link dark the moment it is pressed
   or focused — the .login-v2 hover/focus rule above covers :focus but not
   :active, and neither beats that !important on its own. Keep the link
   white through both states. */
.login-v2 .login-v2-forgot-col a.new-account:active,
.login-v2 .login-v2-forgot-col a.new-account:focus {
    color: #fff !important;
}

/* Phones only: the row is too narrow for both, and squeezing the checkbox
   column wrapped "Remember Me" onto two lines. Stack them with the link
   directly under the password field, still right-aligned, and the checkbox
   beneath it — column-reverse because the DOM order (checkbox first) is the
   one desktop needs. The Bootstrap col-xs-12 classes are inert here since
   .flex-row makes the columns flex items, so width has to be re-stated. */
@media (max-width: 767px) {
    .login-v2 .login-v2-meta-row {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .login-v2 .login-v2-meta-row > div {
        width: 100%;
    }

    .login-v2 .login-v2-forgot-col {
        /* margin-bottom: 10px; */
        justify-content: flex-start;
    }
}

.file-wrap {
    border: 3px dashed #ddd;
    padding: 25px 35px;
    text-align: center;
}


/* ---- (5) Login: space under .login-l on mobile ----
   Below 992px the two columns stack and the story panel sat flush
   against the top of the login card. Note the earlier
   `@media (max-width:991px) { .login-v2 .login-l { display:none } }` is
   dead — FIX PASS 25's unconditional `.login-v2 .login-l{display:flex}`
   comes later in the file at equal specificity and wins — so the panel
   is visible here. display is re-asserted so that stays true regardless
   of rule order. */
/* Story panel is hidden below 992px. Stacked above the card it pushed the
   login form ~460px down and made the page scroll on tablets and phones;
   this supersedes the earlier margin-bottom treatment (and restores what
   the original, cascade-dead `display:none` rule intended). The desktop
   two-column layout is unaffected. */
@media (max-width: 991px) {
    .login-v2 .login-l {
        display: none !important;
    }

    /* The card is `position:absolute; top:50%; translateY(-50%)` inside a
       `min-height:100vh` box, so the login page was always exactly 100vh
       tall no matter how little content it held — and wherever 100vh
       resolves taller than the visible viewport (Chrome reserves the
       horizontal scrollbar in the initial containing block) that is a
       guaranteed short scroll. Putting the card back in normal flow below
       992px makes the page exactly as tall as its content instead, so it
       cannot scroll. The full-viewport backdrop is unaffected: it is
       painted by .login-v2::before, which is position:fixed. */
    .login-v2 {
        min-height: 0;
    }

    .login-page.login-v2 .register-wrap {
        position: static;
        transform: none;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }
}


/* =====================================================================
   FIX PASS 34.

   (a) BEFORE-LOGIN TOPBAR NO LONGER HOVERS OVER CONTENT.
       `.login-v2-topbar` was `position: sticky; top: 0`, so on login,
       real and demo the bar floated over the page as you scrolled and
       the story headline / form ran underneath it. Reverted to normal
       in-flow positioning, which is how the after-login header behaves.
       This also drops the surface added in FIX PASS 32 — with a static
       bar nothing passes behind it, so the background is not needed
       (and was explicitly not wanted on the registration pages). The
       backdrop-filter goes too: it only existed to blur content
       scrolling underneath, and now smears nothing.

       Applied to the shared `.login-v2-topbar` rather than per page:
       every before-login page (login, real, demo, forgot-password,
       thank-you) includes the same templates/before_login_topbar.php
       and had the identical overlap.

   (b) SPACE UNDER THE HEADER ON THE REGISTRATION PAGES.

   (c) AFTER-LOGIN HEADER — EQUAL SPACE ABOVE AND BELOW THE ELEMENTS.
       `.top-right` carries a bare `padding-top: 10px`, which pushed the
       whole right-hand group (TP pill, user dropdown, email, language,
       logout) 10px down inside a bar whose own padding is a symmetric
       6px. Measured: 16px above the controls, 7px below. `.top-head-bar`
       is already `display:flex; align-items:center`, so removing that
       stray padding lets the flexbox centre everything.
   ===================================================================== */

/* ---- (a) static, transparent before-login topbar ---- */
.login-v2-topbar {
    position: static;
    background: transparent;
    border-bottom: 0 !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}


/* NOTE: an `overflow-x: clip` on .login-v2/.real-reg-v2/.demo-reg-v2 used
   to live here to trim the topbar's `width: 100vw` overhang. It has been
   removed: the topbar is full-bleed via negative margins, so its left
   edge — where the logo sits — falls OUTSIDE its scope element's box, and
   clipping there deleted the header outright on wide desktops. The
   overhang is already invisible because `body { overflow-x: hidden }`
   propagates to the viewport, and the phone scroll it was really aimed at
   is fixed properly below by taking the login card out of absolute
   positioning under 992px. */


/* ---- (b) breathing room under the registration header ---- */
.real-reg-v2 .login-v2-topbar,
.demo-reg-v2 .login-v2-topbar {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}


/* ---- (c) after-login header: symmetric vertical padding ---- */
.app-shell-v2 .top-head-bar > .top-right {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.app-shell-v2 .top-head-bar > .logo {
    padding-top: 0;
    padding-bottom: 0;
}

/* The burger cell inherits Bootstrap's .navbar-brand box (height 50px,
   padding 15px), which made the mobile header's first grid row taller
   than its 44px contents and pushed the whole grid up — leaving a
   visibly bigger gap under the last row than above the first. */
@media (max-width: 991px) {
    .app-shell-v2 .top-head-bar {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    /* The grid ends on a stray empty implicit row, so `row-gap` also
       emitted a gap *after* the last real row — 12px of dead space that
       made the bottom inset read as 25px against the 12px on top. The
       row rhythm is therefore carried by margin-top on the items in rows
       2-4 instead of by row-gap, which cannot leave a trailing gap. */
    .app-shell-v2 .top-head-bar {
        row-gap: 0 !important;
    }

    .app-shell-v2 .ff-user-dropdown,
    .app-shell-v2 .ff-tp-pill,
    .app-shell-v2 .ns-box,
    .app-shell-v2 .ff-icon-btn-lang,
    .app-shell-v2 .ff-icon-pill {
        margin-top: 12px;
    }
   

    .app-shell-v2 .top-head-bar .navbar-header {
        display: flex;
        align-items: center;
        min-height: 0;
        height: auto;
    }

    .app-shell-v2 .top-head-bar .navbar .navbar-brand {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        height: auto;
        min-height: 0;
        line-height: 0;
    }
}


/* =====================================================================
   FIX PASS 35 — side padding on the registration cards below 768px.

   `@media (max-width:767px) { .before-right-content { padding: 0 } }`
   zeroes the card's padding, and every layer inside it nets out to zero
   as well: .right-login-wrapper drops to `padding: 30px 0 10px`, the
   Bootstrap .row inside contributes margin: 0 -15px, and its .col-md-*
   children add padding: 0 15px straight back. Measured result was a 1px
   gap between the inputs and the card border — the fields ran edge to
   edge against the outline.

   Padding is put back on the card itself (the element that actually
   draws the gradient/border), so the inputs inset from the visible edge
   rather than from an invisible wrapper. 16px matches the page gutter
   used by the after-login mobile header.
   ===================================================================== */
@media (max-width: 767px) {

    .real-reg-v2 .before-right-content,
    .demo-reg-v2 .before-right-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* The heading block carries its own .col-md-12 15px gutter, which on
       top of the card padding pushed the title 31px in while the fields
       sat at 16px. Zeroed so both align to the same edge. */
    .real-reg-v2 .before-right-top .col-md-12,
    .demo-reg-v2 .before-right-top .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}


/* =====================================================================
   FIX PASS 36 — two control-alignment defects inside the after-login shell.

   (a) FILE INPUTS ON THE DEPOSIT PAGES (bank_wire, crypto, crypto_deposit,
       bank_wire_in_widget — all `<input type="file" class="form-control">`,
       no filestyle plugin on these). The control inherits the 50px
       border-box `.form-control` box and its `line-height: 48px`, but also
       `padding: 12px 0 14px 21px`. That leaves a 24px content band for a
       48px line box, so the native button rendered off-centre in its
       field while the text inputs beside it sat correctly. Same root
       cause as the profile page's <p> values in FIX PASS 33.

       Zeroing the vertical padding lets the 48px line box centre the
       native widget exactly like every other control in the row, and the
       file-selector button is themed so it stops rendering as a light
       grey OS button on the dark surface.

   (b) ADDITIONAL REAL ACCOUNT TERMS CHECKBOX. `.additional-rpage
       .CheckBoxClass` is `position: absolute; top: 12px; left: -20px`
       (with `#addition_real_form ...` overriding top to 5px), and the
       input picks up a 50px height from the form's control sizing. A
       13px checkbox glyph centred in a 50px box put its centre 19px
       below the first line of its label — measured, not estimated.

       Replaced with ordinary flex flow: no absolute positioning, no
       negative offset, intrinsic checkbox size, and the checkbox nudged
       to sit on the label's first text line. The ID selector in the
       legacy rule is why these carry .app-shell-v2 (1,3,1 beats 1,2,1).
   ===================================================================== */

/* ---- (a) deposit file inputs ---- */
.app-shell-v2 input[type="file"].form-control {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
}

.app-shell-v2 input[type="file"].form-control::file-selector-button {
    margin-right: 12px;
    padding: 6px 14px;
    border: 1px solid var(--lv2-border);
    border-radius: 8px;
    background: var(--lv2-surface-alt);
    color: var(--lv2-text);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.app-shell-v2 input[type="file"].form-control::file-selector-button:hover {
    border-color: var(--lv2-accent);
    background: rgba(72, 153, 228, .12);
}

/* Chrome/Safari before ::file-selector-button was standardised */
.app-shell-v2 input[type="file"].form-control::-webkit-file-upload-button {
    margin-right: 12px;
    padding: 6px 14px;
    border: 1px solid var(--lv2-border);
    border-radius: 8px;
    background: var(--lv2-surface-alt);
    color: var(--lv2-text);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}


/* ---- (b) Additional Real Account terms checkbox ---- */
.app-shell-v2 .additional-rpage .form-group.checkboxerror .input-group {
    display: block;
    width: 100%;
}

.app-shell-v2 .additional-rpage .checkbox-wrapp {
    position: static;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}

.app-shell-v2 .additional-rpage .checkbox-wrapp input.CheckBoxClass,
.app-shell-v2 #addition_real_form .checkbox-wrapp input.CheckBoxClass {
    position: static;
    top: auto;
    left: auto;
    width: 16px !important;
    height: 16px;
    min-height: 0;
    flex: 0 0 auto;
    margin: 4px 0 0 0;
}

.app-shell-v2 .additional-rpage .checkbox-wrapp label.CheckBoxLabelClass {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    line-height: 1.6;
}


/* Root cause of (b), and of every squashed checkbox in the after-login
   shell: FIX PASS 8's control theming includes the bare selector
   `.app-shell-v2 .form-content .form-inline input`, so checkboxes and
   radios were also handed `height: 50px !important`, a surface
   background, a 1px border and a 12px radius. A 13px checkbox glyph
   centred in a 50px box is what put the Additional Real Account terms
   box 19px below its own label. Boxes and radios are excluded here and
   returned to their intrinsic size; `accent-color` keeps them on-theme
   without re-boxing them. */
.app-shell-v2 .form-content .form-inline input[type="checkbox"],
.app-shell-v2 .form-content .form-inline input[type="radio"],
.app-shell-v2 .form-inline .form-group input[type="checkbox"],
.app-shell-v2 .form-inline .form-group input[type="radio"],
.app-shell-v2 .form-content .form-inline .step-two-box input[type="checkbox"],
.app-shell-v2 .form-content .form-inline .step-two-box input[type="radio"],
.app-shell-v2 input[type="checkbox"],
.app-shell-v2 input[type="radio"] {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    line-height: normal !important;
    accent-color: var(--lv2-accent);
}


/* =====================================================================
   FIX PASS 37 — registration header sits at the top of the page.

   `.content-area.r-page` is `display: flex; align-items: center;
   min-height: 100vh`, and its single flex item is the `.container` that
   holds BOTH the topbar and the form. Centring that item vertically
   therefore pushed the header down with the form — on a tall viewport
   the logo ended up level with the middle of the card instead of at the
   top of the page.

   Switching the cross-axis alignment to flex-start on the two
   registration scopes pins the header to the top and lets the form flow
   under it. The header stays in normal flow, so it still does not hover
   over anything (FIX PASS 34). Bottom padding keeps the form clear of
   the viewport edge now that the block is top-aligned rather than
   centred. Login and forgot-password are untouched — login's
   .content-area has no .r-page class and was already top-aligned.
   ===================================================================== */
.real-reg-v2.r-page,
.demo-reg-v2.r-page {
    align-items: flex-start;
    padding-bottom: 40px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .real-reg-v2 .form-group.selct-new > label:not(.btn),
    .demo-reg-v2 .form-group.selct-new > label:not(.btn) {
        height: auto;
        min-height: 56px;
        align-items: flex-end;
        line-height: 1.35;
        padding-bottom: 6px;
    }
}

.before-login-topbar-inline .login-v2-topbar {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.login-v2.login-page .register-wrap { flex-direction: column; align-items: stretch; justify-content: center; }
.login-v2 .before-login-topbar-inline { margin-bottom: 8px; }

.real-reg-v2 .reg-bottom p,
.real-reg-v2 .reg-bottom p a {
    font-size: 14px;
}


/* =====================================================================
   FIX PASS 38 — four after-login shell defects.
   ===================================================================== */

/* ---- (1) User dropdown menu matches its toggle's width ----
   The menu was min-width:180px against a 224px toggle, so the panel hung
   narrower than the button it drops out of. The menu is absolutely
   positioned inside .ff-user-dropdown (position:relative, width:224px),
   so pinning both edges makes it track the toggle at whatever width the
   shell gives it. min-width is zeroed or it would still floor at 180px. */
.app-shell-v2 .ff-user-dropdown-menu {
    left: 0;
    right: 0;
    width: auto;
    min-width: 0;
}

/* ---- (2) Sidebar icons go white on hover, like the label ----
   .ff-nav-icon is color:inherit and .ff-nav-item:hover is var(--lv2-text),
   but the legacy `.sidebar ul.sidebar-menu li a:hover i { color:#767779 }`
   (specificity 0,3,4) outweighs `.app-shell-v2 .ff-nav-icon i` (0,2,1) and
   repainted the glyph grey while the text lit up. Beaten here on the
   icon wrapper and the <i> both, since the legacy rule targets the <i>. */
.app-shell-v2 .ff-nav-item:hover .ff-nav-icon,
.app-shell-v2 .ff-nav-item:focus .ff-nav-icon,
.app-shell-v2 .ff-nav-item:hover .ff-nav-icon i,
.app-shell-v2 .ff-nav-item:focus .ff-nav-icon i,
.app-shell-v2 .ff-nav-item:hover .ff-nav-icon span,
.app-shell-v2 .ff-nav-item:focus .ff-nav-icon span {
    color: #fff !important;
}

/* ---- (3) Change-password eye icon centres on the input at every width ----
   The sprite is drawn by .password-icon-login:after with hardcoded
   `top:-54px; left:-30px` measured from .form-group (position:relative),
   i.e. from the top of the *label*. On phones and tablets the column
   narrows, "Confirm Password *" wraps to a second line, the label grows
   and the input slides down while the icon stayed put.

   Anchor it to the input instead of the group: the <span> sits in normal
   flow directly after the input, so a zero-height relative block pins its
   own bottom edge to the input's bottom edge no matter how tall the label
   got — or what validation appends below. The sprite then hangs off that
   edge by (50px input - 25px sprite) / 2.

   That only works once the input's own bottom margin is out of the way:
   `.form-inline .form-group .form-control { margin: 0 0 25px 0 }` sat
   between the input and the span, which started the anchor 25px low and
   left the sprite straddling the field's bottom border. The 25px moves
   out to the .form-group, so every row keeps the same rhythm (25 + 18 =
   43px under each field) and the non-password fields in these forms stay
   aligned with the password ones. Scoped by form id, so the registration
   pages' .password-icon-login-reg and their #password-div column are
   untouched. */
.app-shell-v2 #changetppassform .form-group .form-control,
.app-shell-v2 #changepassform .form-group .form-control {
    margin-bottom: 0;
}

.app-shell-v2 #changetppassform .form-group,
.app-shell-v2 #changepassform .form-group {
    margin-bottom: 43px;
}

.app-shell-v2 #changetppassform .password-icon-login,
.app-shell-v2 #changepassform .password-icon-login {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}

.app-shell-v2 #changetppassform .password-icon-login:after,
.app-shell-v2 #changepassform .password-icon-login:after,
.app-shell-v2 #changetppassform .eye-open .password-icon-login:after,
.app-shell-v2 #changepassform .eye-open .password-icon-login:after {
    top: auto;
    left: auto;
    right: 14px;
    bottom: 12px;
    margin: 0;
    cursor: pointer;
    z-index: 3;
}

/* Keep the typed value clear of the icon it now sits under. */
.app-shell-v2 #changetppassform input[type="password"].form-control,
.app-shell-v2 #changepassform input[type="password"].form-control {
    padding-right: 44px;
}

/* ---- (4) Dashboard tab strip scrolls sideways at every width ----
   Both tabs stay on one row and the strip scrolls when the two labels
   outrun the card. The equivalent rule existed only inside the
   max-width:991px block, so between 992px and the point the labels fit,
   `justify-content:space-around` squeezed them instead. Unconditional
   here; the 991px block still handles the responsive.css column stack. */
.app-shell-v2 .dash-tabs .nav-top,
.dashboard-v2 .dash-tabs .nav-top {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.app-shell-v2 .dash-tabs .nav-top li,
.dashboard-v2 .dash-tabs .nav-top li {
    flex: 0 0 auto;
    white-space: nowrap;
}

.app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar,
.dashboard-v2 .dash-tabs .nav-top::-webkit-scrollbar {
    height: 4px;
}

.app-shell-v2 .dash-tabs .nav-top::-webkit-scrollbar-thumb,
.dashboard-v2 .dash-tabs .nav-top::-webkit-scrollbar-thumb {
    background: var(--lv2-border);
    border-radius: 4px;
}


/* =====================================================================
   FIX PASS 39 — validation messages sit below the field, in flow.
   ===================================================================== */

/* `.form-content .form-inline .form-group span { position:absolute;
   bottom:5px; right:15px }` (top of this file) takes every message span
   in these forms out of flow and pins it to the group's bottom-right, so
   the text lands over the field rather than under it, and a message long
   enough to wrap covers the input outright.

   Opting in by class rather than fixing that rule globally: it is 4
   selectors deep and every legacy form in the app is laid out around it.
   .form-errors-below is on the .form-content wrapper of the three deposit
   views — wallets/bank_wire.php (Deposit_funds/bank_wire),
   wallets/crypto_deposit.php (Deposit_funds/crypto) and
   fund_account/sales_promotion_psp_view.php (Cashier1) — and beats the
   base rule on class count alone.

   Only the message elements are un-pinned, not the bare `span` the base
   rule matches, so a <span> inside a label keeps its inline layout. */
.form-content.form-errors-below .form-inline .form-group span.form-error,
.form-content.form-errors-below .form-inline .form-group span.help-block,
.form-content.form-errors-below .form-inline .form-group span[id$="_error"],
.form-content.form-errors-below .form-inline .form-group span[id$="_msg"] {
    position: static;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    width: 100%;
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    margin: 6px 0 0;
    padding: 0;
}

/* In flow the message would otherwise open 25px under the field, because
   `.form-inline .form-group .form-control { margin: 0 0 25px 0 }` sits
   between the two. The 25px moves out to the .form-group so the message
   tucks under its own input while the row rhythm (25 + 18 = 43px below
   each field) is unchanged. */
.form-content.form-errors-below .form-inline .form-group .form-control {
    margin-bottom: 0;
}

.form-content.form-errors-below .form-inline .form-group {
    margin-bottom: 43px;
}

/* Same treatment through the responsive breakpoints. responsive.css loads
   after this file and re-touches these spans at max-width:1024px
   (`.form-content .form-inline .form-group span { font-size:10px }`), and
   the deposit columns stack full-width there, so the rules are restated
   with !important — that also beats the inline `float:right;
   text-align:right` on the Cashier1 view's #currency_msg, which no
   stylesheet rule can reach. Left-aligned and full width so a message
   that wraps reads under its own field instead of trailing off the right
   edge: the treatment customer-details already got at responsive.css:1150. */
@media screen and (max-width: 1024px) {

    .form-content.form-errors-below .form-inline .form-group span.form-error,
    .form-content.form-errors-below .form-inline .form-group span.help-block,
    .form-content.form-errors-below .form-inline .form-group span[id$="_error"],
    .form-content.form-errors-below .form-inline .form-group span[id$="_msg"] {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        clear: both;
        text-align: left !important;
        font-size: 12px !important;
        line-height: 1.4;
        white-space: normal;
        margin: 6px 0 0 !important;
        padding: 0 !important;
    }

    .form-content.form-errors-below .form-inline .form-group .form-control {
        margin-bottom: 0 !important;
    }

    .form-content.form-errors-below .form-inline .form-group {
        margin-bottom: 28px;
    }
}

/* The field itself is flagged with .input-error (see the highlight/
   unhighlight overrides in bank_wire.php and crypto_deposit.php) rather
   than with errorClass, so the control keeps its own type styling and
   just gains a red edge. */
.form-content.form-errors-below .form-inline .form-group .form-control.input-error {
    border-color: #ff0909 !important;
}


/* =====================================================================
   FIX PASS 40 — login page validation messages sit below the field.
   ===================================================================== */

/* Same root cause as the deposit forms in FIX PASS 39: the login form is
   .form-content > form.form-inline, so `.form-content .form-inline
   .form-group span { position:absolute; bottom:5px; right:15px }` at the
   top of this file pins the message over the input. Here it landed inside
   .login-v2-input-wrap for the password field (that wrapper is
   position:relative), i.e. right on the eye icon.

   login.js now appends the message to the .form-group so it clears the
   input wrapper; this puts it back in flow underneath. The control is
   already margin-bottom:0 inside .login-v2-field, so the message needs no
   spacing surgery — it opens 6px under the field it belongs to. */
.login-v2 .form-inline .form-group span.help-block.form-error,
.login-v2 .form-inline .form-group span.form-error {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
    margin: 6px 0 0;
    padding: 0;
    color: #ff0909 !important;
}

/* The field itself is flagged with .input-error by login.js's highlight /
   unhighlight overrides, so it keeps the login theme's control styling
   and only gains a red edge. */
.login-v2 .form-inline .form-group .form-control.input-error {
    border-color: #ff0909 !important;
}


/* =====================================================================
   FIX PASS 41 — disabled <option> reads like any other option.
   ===================================================================== */

/* Browsers grey out a disabled <option> on their own, so placeholder rows
   like "Please select Trading Account" rendered far dimmer than the real
   choices — on the dark surfaces they were close to unreadable. Text and
   background colour are the only things restored here: the disabled
   attribute still does its job, so the row stays unselectable.

   One rule per themed scope rather than a single global one, because each
   scope paints its normal options a different token, and "same as a normal
   option" is the whole point. opacity and -webkit-text-fill-color are
   restated because Gecko dims via opacity and WebKit via the text fill,
   neither of which plain `color` reaches. */
.app-shell-v2 select.form-control option:disabled,
.app-shell-v2 select.form-control option[disabled] {
    color: var(--lv2-text-muted);
    -webkit-text-fill-color: var(--lv2-text-muted);
    background: var(--lv2-surface);
    background-color: var(--lv2-surface);
    opacity: 1;
}

.real-reg-v2 select.form-control option:disabled,
.real-reg-v2 select.form-control option[disabled],
.demo-reg-v2 select.form-control option:disabled,
.demo-reg-v2 select.form-control option[disabled] {
    color: var(--lv2-text);
    -webkit-text-fill-color: var(--lv2-text);
    background: var(--lv2-surface);
    background-color: var(--lv2-surface);
    opacity: 1;
}

/* Everywhere else (legacy light pages, no explicit option colour): match
   whatever the select itself is painted, which is what an enabled option
   inherits anyway. */
select option:disabled,
select option[disabled] {
    color: inherit;
    -webkit-text-fill-color: inherit;
    background: inherit;
    background-color: inherit;
    opacity: 1;
}


/* =====================================================================
   FIX PASS 42 — forgot-password page no longer scrolls.
   ===================================================================== */

/* .forgot-v2 carried `min-height:100vh`, but it is not the top of the
   page: the shared before-login topbar sits above it inside the same
   .container. So the document was always topbar-height taller than the
   viewport and the page scrolled by exactly that much, however little
   content the card held. Same defect the login page had, fixed for
   phones in FIX PASS 33's max-width:991px block.

   Rather than guessing the topbar's height in a calc(), the page becomes
   a 100vh flex column: the topbar takes its natural height and the card
   area flexes into whatever is left. The document is then exactly one
   viewport tall. Content genuinely taller than the viewport (a long
   validation message on a short window) still grows the page and scrolls
   normally, because min-height — not height — is what is pinned. */
.forgot-password-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.forgot-password-page > .container {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Overrides the 100vh at the top of the FORGOT PASSWORD THEME block. */
.forgot-v2 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* With .forgot-v2 no longer a guaranteed 100vh box, the card cannot stay
   `position:absolute; inset:0; height:100%` (from `.login-page
   .register-wrap`) — out of flow it would leave the flex column with
   nothing to size against and collapse. Back in flow it is centred by
   the flex container above, which is what the absolute positioning was
   emulating. Width (450px) and padding come from
   `.forgot-password.login-page .register-wrap` and are left alone. */
.forgot-password.login-page.forgot-v2 .register-wrap {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    margin: 0 auto;
}


/* =====================================================================
   FIX PASS 43 — thank-you pages carry the same topbar as registration.
   ===================================================================== */

/* thankyou-real.php and thankyou-demo.php already included the shared
   before_login_topbar.php partial, but bare inside .container instead of
   wrapped in .before-login-topbar-inline the way demo.php / login.php /
   real_registration.php do. Unwrapped, .login-v2-topbar keeps its
   `width:100vw; margin-left:calc(50% - 50vw); padding:0 48px`, so the
   logo hugged the screen edge rather than lining up with the card. Both
   views now match demo.php: the wrapper goes first inside .register-wrap.

   That placement runs into one legacy rule — `.thank-you .register-wrap
   .register-logo { justify-content:center }` (0,3,0), written when the
   logo stood alone on these pages and outranking `.login-v2-topbar
   .register-logo`'s space-between (0,2,0). It would stack the logo and
   the switcher in the middle; restored here so the row reads logo-left /
   switcher-right like every other before-login page. The 20px of bottom
   padding it also sets is kept — it spaces the topbar off the card. */
.thank-you .register-wrap .before-login-topbar-inline .register-logo {
    justify-content: space-between;
}


/* =====================================================================
   FIX PASS 44 — thank-you "Fund your Account" link stays white.
   ===================================================================== */

/* Two rules fight over this link the moment it is pressed or focused:
   the legacy `.Thank-you-bottom a { color:#000 }` further up the file,
   and the global `a, select, a:active, a:focus { color:
   var(--lv2-text-muted) !important }`. `.thankyou-v2 .Thank-you-bottom
   a` (0,2,1) covers the resting state but carries no !important, so it
   loses both fights and the link goes dark against the card.

   Pinned white for all three interactive states with !important, the
   same treatment the login card's .new-account got in FIX PASS 38.
   :hover is included deliberately — `.Thank-you-bottom a:hover
   { color:#fff }` at the top of the file is (0,2,1), the same weight as
   the .thankyou-v2 resting rule but earlier in the cascade, so it was
   already losing and hover read muted rather than white. */
.thankyou-v2 .Thank-you-bottom a:active,
.thankyou-v2 .Thank-you-bottom a:focus,
.thankyou-v2 .Thank-you-bottom a:hover {
    color: #fff !important;
}


/* Same fight, same fix, on the registration card's "Already have an
   account?" link: `.real-reg-v2 .reg-bottom a` (FIX PASS 27) sets the
   accent colour with no !important, so the global `a:active, a:focus`
   rule takes the link dark the moment it is pressed or tabbed to.
   :hover is left alone here — nothing overrides it, so it keeps the
   accent, matching how the login card's .new-account behaves. */
.real-reg-v2 .reg-bottom a:active,
.real-reg-v2 .reg-bottom a:focus {
    color: #fff !important;
}


/* =====================================================================
   FIX PASS 45 — forgot-password header matches the registration pages.
   ===================================================================== */

/* Two things set this header apart from demo.php's, both left over from
   before the shared before_login_topbar.php partial existed.

   The include was bare inside .container, so .login-v2-topbar kept its
   `width:100vw; margin-left:calc(50% - 50vw); padding:0 48px` and the
   logo hugged the screen edge — forgot_password.php now wraps it in
   .before-login-topbar-inline like every other before-login page. It
   stays a direct child of .container rather than moving inside the card
   the way the thank-you pages did (FIX PASS 43): the flex column from
   FIX PASS 42 relies on the topbar being a sibling of .forgot-v2, and
   inside the centred card it would drift to the middle of the page.

   The other is `.forgot-password-page .lang-wrap { margin-top:10px }`,
   which pushed the switcher 10px below the logo — no other page has it,
   because no other page carries that scope. Dropped inside the topbar
   only, so any .lang-wrap elsewhere on the page is untouched.
   (`.forgot-password-page .theme-change-box` needs no such treatment:
   `.login-v2-topbar .theme-change-box { display:none }` is the same
   specificity and comes later, so the switcher is already hidden here
   exactly as it is on demo and real registration.) */
.forgot-password-page .login-v2-topbar .lang-wrap {
    margin-top: 0;
}


/* =====================================================================
   FIX PASS 46 — change-password validation messages, desktop and tablet.
   ===================================================================== */

/* customer_details.php's two password forms now carry .form-errors-below
   (FIX PASS 39), which already puts the message in flow under the field
   at every width. Two page-specific rules still had to be answered:

   responsive.css:1150 pins these messages with `top:100%` on .c-details
   below 768px — that was the author's earlier fix for phones only, so on
   desktop and tablet the base
   `.form-content .form-inline .form-group span { position:absolute;
   bottom:5px; right:15px }` still put the text over the input. The PASS 39
   rules out-specify both, so nothing extra is needed for the message
   itself; what does need stating is the row spacing, because PASS 38 set
   `.form-group { margin-bottom: 43px }` on these exact forms to anchor the
   eye icon, and .form-errors-below sets the same 43px — the two agree, and
   this comment records that they must stay in step.

   The one real addition: the message is appended to the .form-group by
   customer_details.js, so it lands after the eye toggle's zero-height
   span. That span is `width:100%`, so the message needs `clear:both` — 
   already set — and a top margin measured from the input rather than from
   the span, which is why the offset is restated here rather than inherited. */
.app-shell-v2 #changepassform .form-group span.help-block.form-error,
.app-shell-v2 #changetppassform .form-group span.help-block.form-error {
    margin-top: 8px;
}

/* The field flag from the highlight/unhighlight overrides. */
.app-shell-v2 #changepassform .form-control.input-error,
.app-shell-v2 #changetppassform .form-control.input-error {
    border-color: #ff0909 !important;
}


/* =====================================================================
   FIX PASS 47 — dashboard tab strip stacks on phones.
   ===================================================================== */

/* The strip is a flex row everywhere else: FIX PASS 38 made it scroll
   sideways unconditionally, and FIX PASS 31's max-width:991px block
   forces `flex-direction: row !important` to undo responsive.css's
   column stack. Below 768px it goes back to plain block flow, so each
   tab takes its own full-width line instead of the two labels sharing a
   sideways-scrolling row.

   Later in the file at equal specificity (0,3,0), so it wins over both
   earlier rules without !important; `flex-direction` is simply inert
   once the box is no longer a flex container. overflow-x is released
   because stacked block items cannot overflow horizontally, and the
   flex `gap` stops applying, so the row rhythm moves to margin. */
@media (max-width: 767px) {

    .app-shell-v2 .dash-tabs .nav-top,
    .dashboard-v2 .dash-tabs .nav-top {
        display: block;
        overflow-x: visible;
    }

    .app-shell-v2 .dash-tabs .nav-top li,
    .dashboard-v2 .dash-tabs .nav-top li {
        display: block;
        width: 100% !important;
        margin: 0 0 4px;
        text-align: center;
        white-space: normal;
    }

    .app-shell-v2 .dash-tabs .nav-top li:last-child,
    .dashboard-v2 .dash-tabs .nav-top li:last-child {
        margin-bottom: 0;
    }
}