:root {
    --primary-color: #24afaa;
    --primary-color-dark: #229b97;
    --primary-color-transparent: rgba(0, 201, 128, 0.5);
    --text-color: #111111;
    --link-color: var(--text-color);
    --white: #ffffff;
    --black: #000000;
    --primary-font: 'Nunito', sans-serif;
    --bg-dark-login: #214536;
    --facebook-color: #425a97;
    --twitter-color: #1DA1F2;
    --google-color: #dc4e40;
    --linkedin-color: #0A66C2;
    --primary-table-heading-color: #757990;
    --status-blue: #4062FF;
    --status-green: #01CA5D;
    --status-yellow: #FFC704;
    --status-dark-green: #079697;
    --status-red: #FF2A2A;
    --dropdown-icon-color: #739AB3;
    --dark-mode-bg: #101419;
    --dark-mode-card-bg: #212529;
    --dark-mode-font-clr: #fff;
    --dark-mode-table-border: #393f45;
    --dark-mode-redbg: #4d384b;
    --dark-mode-redclr: #ea5455;
    --dark-mode-bluebg: #3a3b64;

}

select.form-control:not([size]):not([multiple]) {
    background: #fff url("../images/arrow01.png") no-repeat right 15px center;
    background-size: 11px 11px;
}

.form-control {
    border: 1px solid #d6d6d6;
}

.cus-login {
    background: #f7f7f7;
}

.cus-login-box .logo-login img {
    max-height: 125px;
}

.table-rounded.white-space tr td {
    white-space: normal !important;
}

.header .logo img {
    max-height: 60px;
}

.strategies-value h6 {
    font-size: 15px;
}

.strategies-value {
    border-radius: 5px;
}

.light-green-clr {
    color: #8854ca;
}

.green-clr {
    color: #01ca5d;
}

.strategies-detail {
    max-width: 270px;
}

.subscribe-btn {
    border: 1px solid #01ca5d;
}

.subscribe-amnt {
    color: #01ca5d;
}

.increase {
    color: #01ca5d;
}

.dashboard-table tbody td {
    white-space: nowrap;
}

.dashboard-table thead th {
    white-space: nowrap;
}

.parent-row td div,
.show td div,
.clicked .caption {
    max-height: 100px;
    transition: all 0.3s linear;
}

.nested-table tr th {
    vertical-align: middle;
}

.collapse-min-width {
    min-width: 213px;
}

.price-symbol {
    padding-right: 20px;
}

a.btn.act-btn.withdraw-funds {
    margin-left: 10px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header .logo img {
        max-height: 60px;
    }

    .price-cont {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .wrapper_main {
        padding-top: 65px;
    }

    .header .logo img {
        max-height: 60px;
    }
}

@media (min-width: 1024px) {
    .content-block {
        padding: 50px 20px;
    }
}

.nested-table tr th:last-child {
    padding-right: 0;
    text-align: left;
}

.close {
    opacity: 1;
}

.dropdown.filter-dropdown .dropdown-menu {
    padding-top: 15px;
}

.filter-dropdown .dropdown-menu li .fi-rr-cross-small {
    top: 0;
}

.deploye .fi-rr-badge-check {
    color: #01ca5d;
}

.switch-green>.switch-input:checked~.switch-label {
    background: #01ca5d;

}

.btn.act-btn {
    background: var(--primary-color);
}

.btn.edit-btn {
    background: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: rgb(243 246 255);
}

.table.PositionsTable .cus-border-0 td {
    border-top: 0;
    padding-top: 0;
}

.cus-badge {
    background: #01ca5d;
}

.client-code {
    display: block;
    font-size: 9px;
    color: var(--text-color);
    line-height: normal;
}

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

.table-select {
    width: 130px !important;
    height: 30px !important;
}

.c-flex-1 {
    flex-basis: 65px;
}


/**responsive css**/

@media screen and (max-width:1200px) {
    .strategies-value {
        padding: 8px;
    }

    .strategies-value h6 {
        font-size: 14px;
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .strategies-value {
        padding: 5px 8px;
    }

    .strategies-value h6 {
        font-size: 14px;
    }

    .header .logo img {
        max-height: 45px;
    }

}

@media screen and (max-width:767px) {
    .strategies-detail {
        max-width: 100%;
    }

    .strategies-value {
        width: 46%;
        margin-top: 15px;
    }

    .content-block {
        margin: 35px 0;
    }

    .cus-card.wallet-card .price-symbol {
        width: 35%;
    }

    .dark-mode .nav-pills.table-tab .nav-link {
        margin-bottom: 15px;
    }
}



/**dark mode css**/
body.dark-mode {
    background: var(--dark-mode-bg);
    color: var(--dark-mode-font-clr);
}

.dark-mode .dashboard-filter-row .dash-card {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
}

.dark-mode .header {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
}

.dark-mode .header nav ul li a svg {
    fill: var(--dark-mode-font-clr);
}

.dark-mode .nested-table tr th {
    color: var(--dark-mode-font-clr);
}

.dark-mode .parent-row .caption {
    color: #b9bccd;
}

.dark-mode .nested-table tr th,
.dark-mode .nested-table tr td {
    border: none !important;
}

.dark-mode .header nav ul>li>a {
    color: var(--dark-mode-font-clr);
}

.dark-mode .table-wrapper {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
}

.dashboard-table thead th {
    color: var(--dark-mode-font-clr);
}

.dark-mode .dashboard-table tbody td {
    color: var(--dark-mode-font-clr);
}

.dark-mode .dashboard-table {
    border-bottom: 1px solid var(--dark-mode-table-border);
}

.dark-mode .dash-prices p span {
    color: #b9bccd;
}

.dark-mode .dash-prices p {
    color: var(--dark-mode-font-clr);
}

.dark-mode .table td,
.table th {
    border-top: 1px solid var(--dark-mode-table-border);
}

.dark-mode .nested-table .caption-with-bg {
    background: #31333d;
    color: var(--dark-mode-font-clr);
}

.dark-mode .switches-container {
    width: 230px;
}

.dark-mode .status-running {
    background: rgba(64, 98, 255, 0.1);
}

.dark-mode .status-active {
    background: rgba(1, 202, 93, 0.1);
}

.dark-mode .status-closed {
    background: rgba(255, 199, 4, 0.1);
}

.dark-mode .status-paused {
    background: rgba(7, 150, 151, 0.1);
}

.dark-mode .status-error {
    background: rgba(255, 42, 42, 0.1);
}

.dark-mode .form-control.filter-form {
    border: 1px solid #393c41;
    color: var(--dark-mode-font-clr);

}

.dark-mode select.form-control:not([size]):not([multiple]) {
    background: var(--dark-mode-card-bg) url(../images/arrow02.png) no-repeat right 15px center;
    background-size: 11px 11px;
}

.dark-mode .btn:disabled {
    background: #2e3245 !important;
    border: 1px solid #31333d;
    color: var(--dark-mode-font-clr) !important;
}

.dark-mode .rounded-white-icon {
    background: var(--dark-mode-card-bg);
    color: var(--dark-mode-font-clr);
    border: 1px solid #31333d;
}

.dark-mode .fi.fi-rr-search {
    color: var(--dark-mode-font-clr);
}

.dark-mode .expiry .selectBox {
    background: #31333d;
    color: var(--dark-mode-font-clr);
}

.dark-mode .dropdown-menu {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
}

.dark-mode select option {
    background: var(--dark-mode-card-bg);
}

.dark-mode .dropdown-item {
    color: var(--dark-mode-font-clr);
}

.dark-mode .top-bar .dropdown-menu a.dropdown-item svg {
    fill: var(--dark-mode-font-clr);
    stroke: #fff !important;
}

.dark-mode .top-bar .dropdown-menu:after {
    border-color: #2f3349 transparent;
}

.dark-mode .expiry .selectBox a.active,
.dark-mode .expiry .selectBox a:active {
    background: #31333d;
    color: var(--dark-mode-font-clr);
}

.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
    background: #31333d;
    color: var(--dark-mode-font-clr);
}

.dark-mode .usr-st a.u-link {
    color: var(--dark-mode-font-clr);
}

.border-bottom {
    border-bottom: 1px solid var(--dark-mode-table-border) !important;
}

.dark-mode .modal-body .table.PositionsTable td,
.dark-mode .modal-body .table.PositionsTable th {
    border-top: none;
}

.dark-mode .modal-body .table.PositionsTable .table.table-borderless {
    border-top: none;
}

.dark-mode .modal .modal-dialog {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 0.125rem 0.25rem rgb(2 3 6 / 40%);
}

.dark-mode .modal-body {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
}

.dark-mode .custom-dropdown .dropdown-item.active {
    color: var(--dark-mode-font-clr);
}

.dark-mode .custom-dropdown .dropdown-item i {
    color: #abbdc9;
}

.dark-mode .error-head {
    color: var(--dark-mode-font-clr) !important;
}

.dark-mode .table.PositionsTable .cus-border-0 td {
    border-top: 0;
    padding-top: 0;
}

.dark-mode .table {
    color: var(--dark-mode-font-clr);
}

.dark-mode .table td.p-0 {
    border-bottom: 1px solid var(--dark-mode-table-border);
}

.dark-mode .table.PositionsTable {
    border: 1px solid var(--dark-mode-table-border);
}

.dark-mode .table.PositionsTable thead th {
    border-bottom: 1px solid var(--dark-mode-table-border);
    color: var(--dark-mode-font-clr);
}

.dark-mode .modal-header {
    border-bottom: 0;
}

.dark-mode .nifty-sec h6 {
    color: var(--dark-mode-font-clr);
}

.dark-mode .table.PositionsTable .cus-border-0 td span {
    color: #b9bccd;
}

.dark-mode .switches-container {
    background: transparent;
    border: 1px solid var(--dark-mode-table-border);
}

.dark-mode .switches-container label {
    color: var(--dark-mode-font-clr);
}

.dark-mode .pagination-row .page-link {
    background: transparent;
    border: 1px solid var(--dark-mode-table-border);
    color: #b9bccd;
}

.dark-mode .pagination-row p {
    color: #b9bccd;
}

.dark-mode .pagination-row .page-item.active a {
    color: var(--dark-mode-font-clr);
}

button.primaryBtn.reset-btn.font-weight-bold.create-btn {
    background: var(--primary-color);
}

.dark-mode .switches-container label:nth-of-type(3) {
    border-right: none;
}

.dark-mode .cus-card {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
}

.dark-mode .form-control {
    border: 1px solid #393c41;
    color: var(--dark-mode-font-clr);
    background: var(--dark-mode-card-bg);
}

.dark-mode .primaryBtn.reset-btn {
    background: #4d5359;
}

.dark-mode input[type=text]:disabled {
    background: #333 !important;
}

.form-control:disabled {
    background: #333 !important;
}

.dark-mode .btn:disabled {
    background: #333 !important;
    border: 1px solid #393c41;
}


.dark-mode .form-control::placeholder {
    color: #c2c7dd;
}

.dark-mode .status-dropdwon .dropdown-menu li {
    color: var(--dark-mode-font-clr)
}

.dark-mode .cus-card.strategies-card .cus-card-body h5 {
    color: var(--dark-mode-font-clr);
}

.dark-mode .cus-card.strategies-card p {
    color: var(--dark-mode-font-clr);
}

.dark-mode .strategies-card .s-category {
    background: #31333d;
    color: #d8dae5;
}

.dark-mode .value-bg {
    background:#2d3134;
}

.dark-mode .value-bg-2 {
    background:transparent;
}

.dark-mode .red-clr {
    color:#fff;
}

.dark-mode .strategies-value .red-clr {
    color: #ff9f43;
}

.dark-mode .strategies-detail span {
    color: #b9bccd;
}

.dark-mode .status-dropdwon .dropdown-menu li {
    color: var(--dark-mode-font-clr);
}

.dark-mode .subscribe-amnt {
    background: rgba(1, 202, 93, 0.1);
}

.primaryBtn.reset-btn {
    background: #484c5f;
    color: #d7d8de;
    border: none;
}

.dark-mode .deployeModal .modal-dialog {
    background: none;
    box-shadow: unset;
}

.dark-mode .deployeModal .modal-content,
.dark-mode #subscribeModal .modal-content {
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
    border-radius: 15px !important;
}

.dark-mode .deployeModal .modal-body,
.dark-mode #subscribeModal .modal-body {
    border-radius: 0 0 15px 15px;
}

.dark-mode .deployeModal .modal-header h4 {
    color: var(--dark-mode-font-clr);
}

.dark-mode #subscribeModal .modal-header {
    background: var(--dark-mode-card-bg);
    border-radius: 15px 15px 0 0;
}

.dark-mode #subscribeModal .modal-header h4 {
    color: var(--dark-mode-font-clr);
}

.dark-mode #subscribeModal .modal-dialog {
    background: none;
    box-shadow: unset;
}

.dark-mode .subscribe_table .coupon_input {
    border: 1px solid #31333d;
    background: var(--dark-mode-card-bg);
    color: var(--dark-mode-font-clr);
}

.dark-mode .subscribe_table .coupon_input:focus,
.dark-mode .subscribe_table .coupon_input:active {
    border: 1px solid var(--primary-color);
}

.dark-mode .subscribe_table .apply_btn {
    background: var(--primary-color);
    color: var(--white) !important;
}

.dark-mode .common_selects [type="radio"]:checked+label,
.dark-mode .common_selects [type="radio"]:not(:checked)+label {
    color: var(--dark-mode-font-clr);
}

.dark-mode .subscribeModal .modal-header button {
    color: var(--dark-mode-font-clr);
}

.dark-mode .nav-pills.table-tab .nav-link {
    color: var(--dark-mode-font-clr);
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: var(--dark-mode-font-clr);
}

.dark-mode a {
    color: var(--dark-mode-font-clr);
}

.dark-mode a:hover {
    color: var(--primary-color);
}

.dark-mode .border-top,
.dark-mode hr {
    border-top: 1px solid #31333d !important;
}

.dark-mode .dashboard-table.br-table thead th {
    border-top: 1px solid #31333d;
}

.dark-mode .multiselect.dropdown-toggle.btn.btn-default {
    color: var(--dark-mode-font-clr);
    background: var(--dark-mode-card-bg);
}

.dark-mode .multiselect-container {
    border: 1px solid #31333d;
}

.dark-mode .multiselect-container>li>a>label:before {
    border: 1px solid #31333d;
}

.dark-mode .multiselect-container>li>a.multiselect-all label {
    color: var(--dark-mode-font-clr);
}

.dark-mode .multiselect-container>li>a {
    color: var(--dark-mode-font-clr);
}

.dark-mode .btn-group {
    border: 1px solid #393c41;
}

.dark-mode .btn-secondary {
    background: #484c5f;
    color: #d7d8de;
}

.dark-mode .add-money .money-category {
    background: #31333d;
    border: 1px solid #31333d;
}

.dark-mode .cus-card.bg-white {
    background: var(--dark-mode-card-bg) !important;
}

.dark-mode .link-expand svg {
    fill: var(--dark-mode-font-clr);
}

.dark-mode .strategies-value h6.blue-clr {
    color: #4062FF;
}

.dark-mode .header nav ul li.active>a,
.dark-mode .header nav ul li>a.active {
    color: var(--primary-color);
}

.dark-mode .header nav ul li.active>a svg,
.dark-mode .header nav ul li>a.active svg {
    fill: var(--primary-color);
}

.dark-mode .cus-login {
    background: #101419;
    background-size: cover;
}

.dark-mode .cus-login-box .cus-card.bg-white {
    background: #ffffff !important;
}

.dark-mode .cus-login-box .cus-card.bg-white label {
    color: #111111;
}

.dark-mode .cus-login-box .cus-card.bg-white .form-control {
    background: #ffffff;
    border: 1px solid #E7E7E7;
}

.dark-mode .cus-login-box .cus-card.bg-white a,
.dark-mode .cus-login-box .cus-card.bg-white p {
    color: #111111;
}

.dark-mode .cus-height-100 {
    height: 100vh;
}

.dark-mode .cus-login h1 {
    font-weight: 700;
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto;
    font-size: 50px;
    font-family: "Poppins", sans-serif;
    text-shadow: 0px 0px 5px rgba(68, 67, 67, 0.5);
}

.dark-mode .cus-login h4 {
    font-weight: 700;
    color: #ffffff;
    max-width: 500px;
    margin: 0 auto;
    font-size: 26px;
    margin-top: 40px;
    font-family: "Poppins", sans-serif;
    text-shadow: 0px 0px 5px rgba(68, 67, 67, 0.5);
}

.dark-mode .cus-login-box .logo-login img {
    max-height: 90px;
    border-radius: 11px 11px 0 0;
}

.dark-mode .right-arrow {
    max-width: 40px;
}

.dark-mode .ft-cont {
    gap: 0 15px;
    margin-top: 60px;
    justify-content: center;
}

.dark-mode .cus-login h5 {
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "Poppins", sans-serif;
    text-shadow: 0px 0px 5px rgba(68, 67, 67, 0.5);
}

.dark-mode .cus-login-box select {
    color: #ffffff;
}

.dark-mode .notify_ul li p {
    color: var(--dark-mode-font-clr);
}

.dark-mode .notify_ul li .mins {
    color: #b9bccd;
}

.dark-mode .dashboard-table .dropdown-toggle,
.dark-mode .dashboard-table .dropdown-toggle:active,
.dark-mode .dashboard-table .dropdown-toggle:focus,
.dark-mode .dashboard-table .dropdown-toggle:hover {
    background: #3f5665 !important;
}

.dark-mode .nifty-sec span {
    color: var(--status-green);
}

.dark-mode .cus-login-box .cus-card.bg-white .form-control {
    color: #000000;
}

button.btn.exit-all-btn {
    background: var(--primary-color);
    color: var(--white);
    margin-left: 30px;
    padding: 9px 20px;
}

button.btn.exit-all-btn:hover {
    background: var(--primary-color-dark);
}

.dashboard-filter-row .dash-card {
    max-width: 700px;
}
.st-detail-sec{
    width:100%;
}
path {
    fill: #fff;
}
/*footer css**/
.fixed-footer {
    float: left;
    position: static;
    padding: 10px 20px;
    width: 100%;
    background: var(--dark-mode-card-bg);
    box-shadow: 0 .125rem .25rem rgba(15, 20, 34, .4);
    margin-top: 25px;
}

.fixed-footer.full-height {
    position: absolute;
    bottom: 0;
}

.wrapper_main {
    position: static;
}

.dark-mode a:hover {
    color: var(--primary-color);
}

.fixed-footer p a:hover {
    color: var(--primary-color);
}

html {
    position: relative;
    min-height: 100%;
}

.login-footer p {
    color: #ffffff;
}

.login-footer p a {
    color: #ffffff;
}

.login-footer p a:hover {
    color: #f7f7f7;
}

.mob-links {
    position: fixed;
    right: 13px;
    bottom: 40px;
    z-index: 155;
}

.mob-links a {
    width: 45px;
    height: 45px;
}

.mob-links a img {
    max-width: 45px;
}

.pricing-card h1 {
    color: #ca9701;
    font-weight: bold;
    font-size: 33px;
    text-transform: uppercase;
}

.cus-card.pricing-card .cus-card-body h3 {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
}

.cus-card.pricing-card .cus-card-body h5 {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    color: var(--status-green);
    font-weight: bold;
}

.click-button {
    color: #ca9701 !important;
}

.click-button:hover {
    color: #ca9701 !important;
}

.cus-login-container {
    flex-direction: column;
    align-items: center;
    padding: 30px 30px;
}

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

.tab-block {
    display: none !important;
}

button.btn.exit-all-btn {
    background: var(--primary-color);
    color: var(--white);
    margin-left: 30px;
    padding: 9px 20px;
}

button.btn.exit-all-btn:hover {
    background: var(--primary-color-dark);
}

.dashboard-filter-row .dash-card {
    max-width: 700px;
}
.header nav ul li a:hover, .header nav ul li a:hover svg {
    fill: var(--primary-color);
}
.dark-mode a:hover {
    color: var(--primary-color) !important;
}
.btn.btn-primary:not(:disabled):not(.disabled):hover{
    color: #000000 !important;
}
.nav-pills.table-tab .nav-link.active, .nav-pills .show>.nav-link{
    color: #fff !important;
}
.dark-mode .add-btn:hover, .dark-mode .btn.act-btn:hover, .dark-mode .edit-btn:hover, .dark-mode .page-link:hover{
    color: #fff !important;
}
.white-nowrap tr th, .white-nowrap tr td{
    white-space:unset !important;
}
.contact-icon{
    max-width:16px;
}

.dashboard-table{
    font-family: var(--primary-font);
}
.table.table-rounded.dashboard-table.br-table tr td, .table.table-rounded.dashboard-table.br-table tr th{
    white-space: unset !important;
}
.filterModal label{
    color: #fff;
}
.dark-mode .subscribe-amnt{
    background:none;
}

@media (min-width: 1024px) {
    .content-block {
        padding: 50px 20px 0;
    }

    button.btn.exit-all-btn {
        padding: 9px 12px;
        margin-left: 20px;
    }

    .price-symbol {
        padding-right: 23px;
    }

    .dash-prices p {
        padding-left: 25px;
    }

    .dashboard-filter-row .dash-card {
        max-width: max-content;
    }
    .strategies-detail {
        max-width: 40%;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .dark-mode .cus-login h1 {
        font-size: 40px;
    }

    .dark-mode .cus-login h4 {
        font-size: 22px;
        margin-top: 30px;
    }

    .dark-mode .cus-login h5 {
        font-size: 18px;
    }

    .tab-none {
        display: none !important;
    }

    .tab-block {
        display: block !important;
    }

    button.btn.exit-all-btn {
        padding: 9px 12px;
        margin-left: 10px;
    }

    .dash-prices p {
        padding-left: 16px;
    }

    .dashboard-filter-row .dash-card {
        max-width: max-content;
    }

    .price-symbol {
        padding-right: 10px;
    }
    .strategies-detail {
        max-width: 70%;
    }
    .strategies-detail {
        max-width: 40%;
    }
}


@media screen and (max-width:767px) {
    .dark-mode .cus-login h1 {
        font-size: 26px;
        margin-top: 30px;
    }

    .dark-mode .cus-login h4 {
        font-size: 22px;
        margin-top: 20px;
    }

    .dark-mode .cus-login h5 {
        font-size: 18px;
    }

    .dark-mode .ft-cont {
        margin-top: 35px;
        margin-bottom: 30px;
    }

    .header nav {
        background: var(--dark-mode-card-bg);
    }

    .line {
        stroke: #fff;
    }

    .header nav ul>li>a {
        border-bottom: 1px solid var(--dark-mode-table-border);
    }

    .header nav {
        border-top: 1px solid var(--dark-mode-table-border);
        top: 77px;
    }

    .fixed-footer .ft-box {
        flex-direction: column;
        align-items: center;
    }

    .fixed-footer .ft-box p {
        margin-bottom: 15px !important;
        padding-right: 0 !important;
    }

    .login-footer {
        flex-direction: column;
        align-items: center;
    }

    .login-footer p {
        margin-bottom: 15px !important;
    }

    .cus-login-container {
        height: auto;
    }

    .fixed-footer .ft-box {
        flex-direction: column;
        align-items: center;
    }

    .fixed-footer .ft-box p {
        margin-bottom: 15px !important;
    }

    .text-right.mobile-text-center {
        text-align: center !important;
    }

    .fixed-footer {
        padding: 10px 20px;
    }

    .login-footer p {
        margin-bottom: 15px !important;
    }

    ul.d-flex.mr-0 {
        flex-direction: column;
        width: 100%;
    }

    .tab-none {
        display: block !important;
    }

    .exit-all {
        text-align: center;

    }

    button.btn.exit-all-btn {
        margin-top: 20px;
        margin-left: 0;
    }

    .switches-container {
        margin-top: 20px;
    }

    .col-md-3.col-lg-4.d-flex.align-items-center.justify-content-end {
        justify-content: center !important;
    }

    .subscribe-btn {
        max-width: 100%;
    }
    .top-bar .dropdown-menu {
        top:80px !important;
        border-top: 1px solid var(--dark-mode-table-border);
    }
    .top-bar .dropdown-menu a.dropdown-item{
        border-bottom: 1px solid var(--dark-mode-table-border);
    }
}