#graph {
    max-width: 100%;
}

.bgWork {
    display: none;
}

/**/

#editStopLossDialog .cl-button button,
#editTakeProfitDialog .cl-button button {
    background-color: transparent;
    border: 1px solid #505050;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    font-size: 14px !important;
    font-family: "Poppins", sans-serif;
    color: #fff !important;
    line-height: normal;
    border-radius: 5px;
    font-weight: 300;
    padding: 8px 10px;
}

#editTakeProfitDialog .cl-button button {
    padding: 5px 5px;
}

.bg_home_menu {
    display: block;
}

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

.bg_home_menu .menu_title_div p {
    color: #fff;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-size: 12px;
    padding-left: 5px;
    text-decoration: underline;
}

.bg_home_menu .menu_listing li {
    align-items: center;
    display: flex;
    /* padding: 10px 5px; */
    border-bottom: 1px solid #4d504d !important;
    justify-content: space-between;
}

.bg_home_menu .menu_listing li:last-child {
    margin-bottom: 5px;
}

.bg_home_menu .menu_listing li .datamenulistingdiv {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    padding: 10px 0 5px 8px;
}

.bg_home_menu .menu_listing li img.menulist_logo {
    width: 20px;
    height: auto;
    margin-right: 20px;
}

.bg_home_menu .menu_listing li img.menulisterro_logo {
    width: 14px;
    height: auto;
    margin-right: 5px;
}

.bg_home_menu .menu_listing li p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #b4b4b4;
    margin-bottom: 0px;
}

.bg_home_menu .menu_listing li img.menulist_logo.bgLogoChange {
    width: 20px;
    height: auto;
    min-height: 16px;
    margin-right: 6px;
}

/* Dropdown */
.bg_home_menu .has-dropdown {
    flex-direction: column;
    align-items: stretch !important;
}

.bg_home_menu .menu-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}

.bg_home_menu .submenu li {
    border: none !important;
}

.bg_home_menu .submenu li a {
    /* padding: 3px 0; */
    padding-top: 0px;
    padding-bottom: 3px;
    border: none !important;
    /* font-size: 10px; */
    color: #b4b4b4;
    line-height: 20px;
    font-family: "Poppins", sans-serif;
}

.bg_home_menu .arrow {
    width: 12px;
    transition: transform 0.3s ease;
}

.bg_home_menu .has-dropdown.active .arrow {
    transform: rotate(180deg);
}

.bg_home_menu .has-dropdown.active .dropActive a {
    color: #29cd57;
}

.bg_home_menu p.bgTop {
    position: relative;
    padding-right: 50px;
}

.bg_home_menu p.bgTop::after {
    content: "Nouveau";
    font-family: "Poppins", sans-serif;
    position: absolute;
    top: -4px;
    right: 4px;
    background: #267df1;
    color: #000;
    font-size: 8px;
    font-weight: 400;
    padding: 2px 5px;
    border-radius: 10px;
    line-height: 1;
    white-space: nowrap;
}

/* Main menu row */
/* .bg_home_menu .menu-row {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 15px;
    text-decoration: none;
    color: #fff;
} */

/* Submenu container */
.bg_home_menu .submenu {
    background: transparent;
    padding-left: 40px;
}

/* Submenu items */
/* .bg_home_menu .submenu li {
    padding: 8px 0;
    font-size: 14px;
    color: #bbb;
} */

/* Arrow */
.bg_home_menu .arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
}

/* Rotate arrow when open */
.bg_home_menu .menu-row[aria-expanded="true"] .arrow {
    transform: rotate(180deg);
}


/**/


body::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

#header .header_main .circle_headerdiv p {
    color: #B4B4B4;
}

#header .header_main .circle_headerdiv p.white {
    color: #fff;
}

#header .header_main .circle_headerdiv p.green {
    color: #1DC563 !important;
}

.header_right .name_date p {
    color: #B4B4B4;
}

#header .button_div_menu button {
    border-radius: 3px;
}

.name_firstheader p,
.rate-box-2 #current-asset-rate {
    color: #B4B4B4;
}

.name_firstheader p.datetime {
    color: #fff;
}

.my_summary ul li {
    justify-content: space-between;
}

.my_summary ul li span {
    margin-right: 20px;
}

.dashboard_assest_sidebar .search-box input::placeholder {
    color: #fff;
    opacity: 1;
    /* important for Firefox */
}

/* For older browser support */
.dashboard_assest_sidebar .search-box input::-webkit-input-placeholder {
    color: #fff;
}

.dashboard_assest_sidebar .search-box input:-ms-input-placeholder {
    color: #fff;
}

#platform-sell-button span:nth-of-type(1),
#platform-buy-button span:nth-of-type(1) {
    font-size: 11px;
}

#platform-sell-button span:nth-of-type(2),
#platform-buy-button span:nth-of-type(2) {
    font-size: 9px;
}

.menu_page_mobile {
    display: none;
}

.info_main_tab .info_tabb li {
    margin-bottom: 3px;
}

.info_main_tab .info_tabb {
    border-radius: 6px;
}

.info_main_tab .info_tabb.active {
    background-color: #32323B;
    /* border-radius: 0px; */
    /* border:unset; */
}

#myModal-Order .togglebutton:checked,
#myModal-Pending .togglebutton:checked {
    background-color: #3DE86D !important;
    border-color: #3DE86D !important;
}

#editStopLossDialog .togglebutton2:checked,
#editTakeProfitDialog .togglebutton2:checked,
#closePositionDialog .togglebutton2:checked {
    background-color: #3DE86D !important;
    border-color: #3DE86D !important;
}

#myModal-Order .instant-bye-div #instant-bye-new,
#myModal-Pending .limit-place-order-button-div #limit-place-order-but {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 25px;
}

#myModal-Order .cols-amount-limit,
#myModal-Pending .cols-amount-limit {
    margin-top: 0px !important;
}

#myModal-Order .modal-header,
#myModal-Order .modal-body,
#myModal-Pending .modal-header,
#myModal-Pending .modal-body,
#editStopLossDialog .modal-header,
#editStopLossDialog .modal-body,
#editTakeProfitDialog .modal-header,
#editTakeProfitDialog .modal-body,
#closePositionDialog .modal-header,
#closePositionDialog .modal-body {
    background-color: #313031;
}

#myModal-Order .modal-body,
#myModal-Pending .modal-body,
#editStopLossDialog .modal-body,
#editTakeProfitDialog .modal-body,
#closePositionDialog .modal-body {
    padding: 5px;
    border-radius: 5px;
}

#editStopLossDialog .modal-body,
#editTakeProfitDialog .modal-body {
    padding: 0;
}

.modal-dialog {
    margin: 45px auto;
}

.modal-had {
    background-color: #1c1c1c;
    border-radius: 5px;
}

#editStopLossDialog .modal-had p,
#editTakeProfitDialog .modal-had p,
#closePositionDialog .modal-had p {
    margin: 0 auto;
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

#editStopLossDialog .pup-content,
#editTakeProfitDialog .pup-content,
#closePositionDialog .pup-content {
    background-color: #1c1c1c;
    border-radius: 5px;
    margin-top: 5px;
    padding: 10px 5px;
}

#editStopLossDialog .pup-content.last-pup-content,
#editTakeProfitDialog .pup-content.last-pup-content {
    padding-bottom: 3px;
}

#myModal-Pending .second_input_div .label_div p,
#myModal-Pending .third_input_div .label_div p,
#myModal-Pending .fourth_input_div .label_div p,
#myModal-Pending .fifth_input_div .label_div p,
#myModal-Order .second_input_div .label_div p,
#myModal-Order .third_input_div .label_div p,
#myModal-Order .fourth_input_div .label_div p,
#myModal-Order .fifth_input_div .label_div p {
    font-size: 14px;
    text-align: start;
    margin-left: 15px;
    font-weight: 200;
}

#myModal-Order .order-details-maindiv .order-details span,
#myModal-Pending .order-details-maindiv .order-details span {
    font-size: 14px;
    text-align: start;
    margin-left: 0px;
    font-weight: 400;
}

#myModal-Order .orderdetailtitle label,
#myModal-Pending .orderdetailtitle label {
    font-size: 14px !important;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    display: inline;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
    width: auto;
    font-size: 20px;
    "

}

#myModal-Order .modal-had .logo_div,
#myModal-Pending .modal-had .logo_div {
    display: flex !important;
    align-items: center;
    gap: 3px;
}

#header .dropdown-menu.dropdown-language .text p,
#header .menu.setting_menu .dropdown-menu .text p {
    font-family: "Poppins", sans-serif;
}

#header .menu.setting_menu .dropdown-menu li p,
#header .dropdown-menu.dropdown-language .language a p {
    color: #B4B4B4;
    font-family: "Poppins", sans-serif;
}

#header .menu .dropdown-menu {
    background: #212124;
}

#header .dropdown-menu .chat-box .send-btn {
    width: 100%;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.dropdown-menu.dropdown-language a.active i.fa.fa-check,
.menu.setting_menu .dropdown-menu a.active i.fa.fa-check {
    display: block;
}

.dropdown-menu.dropdown-language a i.fa.fa-check,
.menu.setting_menu .dropdown-menu a i.fa.fa-check {
    display: none;
}

.menu.setting_menu .dropdown-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-menu.dropdown-language .text,
.menu.setting_menu .dropdown-menu .text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
    border-bottom: unset !important;
    color: #fff;
}

.dropdown-menu.dropdown-language.chatboxdiv .text {
    justify-content: end;
}

.dropdown-menu.dropdown-language .text p,
.menu.setting_menu .dropdown-menu .text p {
    color: #fff !important;
    font-size: 14px;
    font-weight: normal;
}

.dropdown-menu.dropdown-language .language {
    border-bottom: 1px solid grey;
}

.dropdown-menu.dropdown-language .language a {
    align-items: center;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
    padding-left: 5px;
}

/* survol d'item de menu (highlight sombre, pense pour le theme sombre). :not(.message) =
   le formulaire "message au conseiller" (li.message) ne doit JAMAIS se surligner (ce n'est pas
   un item cliquable) -> corrige le bug "le popup devient sombre au survol". (:not(.text) exclut
   deja les entetes/X.) En theme clair, light_theme.css surligne ces items en clair. */
.menu .dropdown-menu>li:not(.text):not(.message):hover {
    background-color: #3c3c43;
}

.bg_home_menu .menu-row {
    background-color: transparent;
    transition: background-color 0.25s ease;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.bg_home_menu .has-dropdown>.menu-row:hover {
    background-color: #3c3c43;
}

.bg_home_menu .has-dropdown:hover {
    background-color: transparent !important;
}

.bg_home_menu .submenu {
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.bg_home_menu .submenu li:hover {
    background-color: #3c3c43;
}

.bg_home_menu .menu-row {
  cursor: pointer;
}

.bg_home_menu .dropdown-menu>li:not(.text, .has-dropdown):hover,
.bg_home_menu .has-dropdown>.menu-row:hover {
  background: #32323b;
  color: #fff;
  box-shadow: inset 6px 0 0 #267df1;
}

.bg_home_menu .submenu li:hover {
  background-color: transparent;
}

.bg_home_menu .submenu li a:hover,
.bg_home_menu .submenu .dropActive a {
  color: #29CD57;
  background-color: transparent;
}

.FR_square {
    background-image: url('../images/Flags/FR_.png');
}

.EN_square {
    background-image: url('../images/Flags/EN_.png');
}

.DE_square {
    background-image: url('../images/Flags/DE_.PNG');
}

.dropdown-menu.dropdown-language .language a p {
    padding-left: 35px;
    background-repeat: no-repeat;
    margin-bottom: 0;
    line-height: normal;
}

.dropdown-menu.dropdown-language {
    width: 300px;
    left: -270px;
    top: 50px;
    padding: 15px 15px 20px 10px;
}

.menu.setting_menu .dropdown-menu li {
    background-image: unset;
    border-bottom: 1px solid grey;
}

.menu .dropdown-menu #set-personaldata,
.menu .dropdown-menu #set-deposit,
.menu .dropdown-menu #set-withdrawfunds,
.menu .dropdown-menu #set-contactsupport,
.menu .dropdown-menu #set-transactionshistory,
.menu .dropdown-menu #set-logout {
    background-position: unset;
}

.menu.setting_menu .dropdown-menu li p {
    margin-bottom: 0px;
}

.bg_deposit {
    background-image: url('../images/deposit.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.bg_escape {
    background-image: url('../images/escape.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.bg_withdraw {
    background-image: url('../images/withdrawl.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.bg_finance {
    background-image: url('../images/finance.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.bg_globe {
    background-image: url('../images/globe.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.bg_trade {
    background-image: url('../images/trade.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.bg_logout {
    background-image: url('../images/logout.png') !important;
    background-size: 15px 15px !important;
    background-position: left !important;
}

.chat-box {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.chat-box textarea {
    width: 100%;
    resize: none;
    padding: 5px 10px 10px 10px;
    /* space for button */
    font-size: 14px;
    border-radius: 8px;
    border: unset;
    outline: none;
    background-color: #4b4b4b;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
}

.message p {
    font-size: 16px;
    text-align: center;
    padding: 0px 40px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.chat-box .send-btn {
    /* position: absolute; */
    /* bottom: 12px;
    right: 8px; */
    width: 80px;
    height: 30px;
    background: #1e90ff;
    /* blue */
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    float: inline-end;
}

.chat-box .send-btn i {
    font-size: 12px;
    margin-left: 5px;
}

.chat-box .send-btn:hover {
    background: #187bcd;
}

.dropdown-menu.dropdown-language.chatboxdiv {
    width: 300px;
    left: -250px;
    padding: 10px 10px 10px 10px;
}

.send-popup {
    position: absolute;
    top: 58px;
    right: 80px;
    background-color: #111419;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    z-index: 9999;
    font-size: 13px;
    width: 350px;
    display: none;
}

.send-popup .close {
    color: #fff;
    opacity: 1;
}

.vector-smart-object {
    padding: 0 10px;
    margin-left: 15px;
}

.vector-smart-object,
.menu a {
    border-left: unset !important;
}

.vector-smart-object a {
    padding: 0px;
}

.send-popup .fa.fa-check {
    font-size: 64px;
}

.send-popup .close {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.send-popup .heading {
    font-size: 16px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.send-popup .text {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #b4b4b4;
}

.main_send_div {
    text-align: center;
    padding: 20px 40px 70px;
}

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

.button_div_menu button {
    border: unset;
    padding: 6px 22px;
    color: #fff;
    border-radius: 20px;
    background-color: rgb(0, 123, 255);
    font-size: 10px;
    font-family: "Poppins", sans-serif;
}

.dropdown-toggle i {
    font-size: 30px;
    cursor: pointer;
}

.dropdown-toggle::after {
    content: unset;
}

.main_send_div .sendpopupcheckamrk {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.dropdown-toggle img {
    width: 22px;
    height: auto;
}

.dropdown-toggle img.mail {
    height: 16px;
}

.rate-box span {
    font-size: 10px;
    background-color: #3de86d;
    color: #000;
    font-weight: bold;
    padding: 0px 9px;
    border-radius: 2px;
    margin: 0 auto;
    margin-right: 38px;
}

.rate-box-button {
    background-color: #32323b;
    border: unset;
    /* border-radius: 5px; */
    border-radius: 3px;
    color: #fff;
    padding: 6px 12px;
    font-size: 9px;
    height: auto;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.crypto-ul {
    font-family: "Poppins", sans-serif;
}

.crypto-ul .w-33,
.cc-hod .w-33 {
    width: 28%;
    /* white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none; */
}

/* .crypto-ul .w-33 .coin-icon::-webkit-scrollbar {
    display: none;
}
.crypto-ul .w-33 .coin-icon {
    scrollbar-width: none;
} */

.cc-hod {
    display: flex;
    gap: 10px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    line-height: normal;
    margin-bottom: 5px;
}

.fa-phone:before {
    position: absolute;
    left: 15px;
    bottom: 3px;
}

h2.cont-title {
    font-family: "Poppins", sans-serif;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 0 10px;
    padding-bottom: 10px;
}

.cont-title .fa {
    font-size: 18px;
    padding: 5px 8px 5px 0;
}

.summary ul li .fa {
    padding: 5px 8px 5px 0px !important;
}

.summary ul li img {
    padding: 5px 11px 5px 3px !important;
}

.summary ul li .fa-phone {
    margin-top: 0px !important;
    font-size: 15px !important;
}

.summary ul li {
    display: flex;
    align-items: center;
}

.summary ul li p {
    font-family: "Poppins", sans-serif !important;
    font-size: 12px;
}

.summary ul li span {
    font-family: "Poppins", sans-serif !important;
}

.rwd-table th {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
}

.rwd-table td {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.crypto-ul .w-25,
.cc-hod .w-25 {
    width: 20% !important;
    display: flex;
    justify-content: center;
}

.crypto-ul li .fa.fa-sort-desc.red {
    margin: 2px 0 0 6px;
}

.crypto-ul li .fa.fa-sort-desc.green {
    margin: 10px 0 0 6px;
}

div#assetname-column {
    padding-left: 10px;
    text-align: start;
}

.crypto-ul li {
    display: flex;
    gap: 10px;
    padding: 10px 5px;
}

.crypto-ul .w-15 {
    width: 15%;
    display: flex;
    justify-content: center;
}

.cc-hod .w-5 {
    width: 5%;
}

.crypto-ul .w-5 {
    width: 5%;
}

.cont-color-main {
    margin-bottom: 5px;
    display: inline-grid;
    padding: 12px 5px;
}

.dashboard_asset_box {
    display: flex;
    padding: 13px 0px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    padding-top: 0;
}

.rate-box-2 #current-asset-rate,
.rate-box-2 #current-asset-price {
    margin-bottom: 0px;
    font-size: 12px;
}

.rate-box-2 #current-asset-price {
    margin-left: -22px;
}


.cont-left .rate-box,
.cont-left .rate-box-2 {
    width: 30%;
    border-right: unset;
    font-family: "Poppins", sans-serif;
}

.cont-left .rate-box-1 {
    width: 45%;
    text-align: end;
    padding: 0px;
}

.cont-left .rate-box .icon-bg {
    margin-left: 0;
    background-size: 17px 17px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    margin-top: 0px;
    line-height: normal;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    height: 20px;
}

#platform-sell-button,
#platform-buy-button {
    display: grid;
    margin-top: 0;
    padding: 5px 25px;
    height: auto;
    max-height: 35px;
    border-radius: 3px;
    font-family: "Poppins", sans-serif;
    width: 90px;
}

.cont-color-main .second_div {
    display: flex;
    align-items: center;
    border: 1px solid grey;
    border-radius: 5px;
}

.cont-color-main .buttons-sb-container {
    gap: 10px;
}

.cont-color-main .second_div button {
    width: 32px;
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    /* color: #fff; */
    color: #b4b4b4;
}

.cont-color-main .second_div input {
    font-size: 12px;
    background-color: transparent;
    border: none;
    color: #fff;
    border-radius: 0;
    text-align: center;
    padding-bottom: 15px;
    font-family: "Poppins", sans-serif;
}

.cont-color-main .second_div span {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #777;
    pointer-events: none;
    top: 18px;
    font-family: "Poppins", sans-serif;
}

.dashboard_assest_sidebar .cont-color {
    padding: 12px 5px;
}

.dashboard_assest_sidebar .cont-color .left-col {
    padding: 0px;
}

.simplebar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar::-webkit-scrollbar {
    width: 0;
    height: 0;
    /* Chrome, Safari */
}

.simplebar-scroll-content {
    width: 100% !important;
}

.search-box-star {
    width: 10%;
    background-color: #32323b;
    border-radius: 5px;
    height: 35px;
    padding: 5px;
    display: flex;
    justify-content: center;
}

.search-box-star .all_favorite_star {
    object-fit: contain;
}

.search-box input {
    height: 35px;
    padding: 7px 22px 5px 25px;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
}

.search-ico[data-v-zoom] {
    top: 18px;
    display: none;
}

.search-box .search-icon {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 10px;
    left: 5px;
}

.search-box select {
    height: 35px;
    color: #fff;
    padding: 1px 10px 1px 5px;
    font-weight: 200;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
}

.f-size-10 {
    font-size: 10px;
}

.seach_div {
    border-bottom: unset;
}

.asset-item {
    max-width: 140px;
    /* adjust to your container */
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

/* inner scrolling text */
.asset-item span {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-text 8s linear infinite;
}

/* pause on hover (optional) */
.asset-item:hover span {
    animation-play-state: paused;
}

/* ul.crypto-ul > li > div:first-child {
   display: flex;
}

ul.crypto-ul > li > div .asset-item:first-child {
    width: auto;
}

ul.crypto-ul > li > div .asset-item:last-child {
    background: none;
    width: 100%;
    padding-left: 0;
} */

.asset-item-bg-only {
    width: auto;
}

.asset-item-span-only {
    background: none;
    width: 100%;
    padding-left: 0;
    margin-top: 1px;
}

@keyframes scroll-text {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}


.simplebar-track {
    display: none !important;
}

.my_tab_right {
    margin: 0 !important;
    margin-bottom: 5px !important;
    padding: 5px !important;
}

.tradingview-widget-container {
    padding: 10px 0px 0px 50px;
}

.info_main_tab {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 10px 50px 50px 50px;
}

.info_tabb {
    width: 30%;
    background-color: transparent;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #4c4c4c;
}

.info_tabb li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    font-family: "Poppins", sans-serif;
}

.info_tabb.active {
    background-color: #4c4c4c;
}

.trading_info_tab {
    display: flex;
    justify-content: space-between;
}

/* custom trading view */
.tradingview-widget-container__widget .tv-ticker-card {
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-left: 15px;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-symbol-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 0
}

.tradingview-widget-container__widget .tv-ticker-card .tv-symbol {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-description {
  font-size: 12px;
  color: #9ca3af;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-price-row {
  display: flex;
  align-items: center;
  margin-top: 6px;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-price {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-change {
  font-size: 18px;
  margin-left: 17px;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-change.up {
  color: #1b9c30;
}

.tradingview-widget-container__widget .tv-ticker-card .tv-change.down {
  color: #ff0000;
}

.close_info_tab {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.close_calendar_tab {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    float: right;
}


#myModal-Order .modal-content,
#myModal-Pending .modal-content {
    width: 580px;
}

.order-details-maindiv .order-details {
    margin-bottom: 5px;
}

.order-details-maindiv .order-details span {
    color: #999999;
    font-size: 20px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.instant-bye-div #instant-bye-new {
    color: #fff;
    text-align: center;
    font-size: 20px;
    /* border: 2px solid white; */
    font-family: "Poppins", sans-serif;
    cursor: pointer !important;
}


.limit-place-order-button-div #limit-place-order-but {
    color: #fff !important;
    text-align: center;
    font-size: 20px;
    /* border: 2px solid white; */
}

.second_input_div,
.third_input_div,
.fourth_input_div,
.fifth_input_div {
    font-family: "Poppins", sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
    gap: 10px;
}

.second_input_div .label_div p,
.third_input_div .label_div p,
.fourth_input_div .label_div p,
.fifth_input_div .label_div p {
    margin-bottom: 0;
    font-size: 20px;
}

.second_input_div .input_div,
.third_input_div .input_div,
.fourth_input_div .input_div,
.fifth_input_div .input_div {
    display: flex;
    align-items: center;
    width: 60%;
    border: 1px solid grey;
    border-radius: 3px;
    justify-content: center;
}

.second_input_div .label_div,
.third_input_div .label_div,
.fourth_input_div .label_div,
.fifth_input_div .label_div {
    width: 20%;
}

.first_input_div .third_div,
.first_input_div .first_div {
    width: 20%;
}

.second_input_div button,
.third_input_div button,
.fourth_input_div button,
.fifth_input_div button {
    width: 16px;
    height: 30px;
    border: none;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
}

.second_input_div input,
.third_input_div input {
    width: 30%;
    font-size: 14px;
    background-color: transparent;
    border: none;
    color: #fff;
    border-radius: 0;
    height: 30px;
    text-align: center;
}

.fourth_input_div input,
.fifth_input_div input {
    width: 100%;
    font-size: 14px;
    background-color: transparent;
    border: none;
    color: #fff;
    border-radius: 0;
    height: 30px;
    text-align: center;
}

.first_input_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-family: "Poppins", sans-serif;
}

.first_input_div .first_div {
    background-color: #ee7874;
    border-radius: 5px;
    padding: 7px 15px;
    width: 100px;
}

.first_input_div .active {
    /* border: 2px solid #fff */
}

.first_input_div .disable {
    background-color: #7b7e80 !important;
}

.first_input_div .second_div {
    display: flex;
    align-items: center;
    width: 60%;
    border: 1px solid grey;
    border-radius: 3px;
}

.first_input_div .second_div button {
    width: 32px;
    height: 50px;
    border: none;
    background: transparent;
    font-size: 32px;
    cursor: pointer;
    color: #fff;
}


.first_input_div .second_div input {
    font-size: 16px;
    background-color: transparent;
    border: none;
    color: #fff;
    border-radius: 0;
    height: 50px;
    text-align: center;
    padding-bottom: 18px;
}

.first_input_div .second_div span {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #777;
    pointer-events: none;
}

.first_input_div .third_div {
    background-color: #74c591;
    border-radius: 5px;
    padding: 7px 15px;
    width: 100px;
}

#myModal-Order .modal-had,
#myModal-Pending .modal-had {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    /* padding-bottom:0px; */
}

#myModal-Order .modal-had .icon,
#myModal-Pending .modal-had .icon {
    font-family: "Poppins", sans-serif;
    background-size: 16px 16px;
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 0px;
}

#myModal-Order .modal-had span,
#myModal-Pending .modal-had span {
    font-family: "Poppins", sans-serif;
    font-size: 9px;
    background-color: #3de86d;
    color: #000;
    font-weight: bold;
    padding: 0px 7px;
    border-radius: 3px;
    margin: 0 auto;
}

#myModal-Order .modal-had ul,
#myModal-Pending .modal-had ul {
    background-color: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

#myModal-Order .modal-had li.active,
#myModal-Pending .modal-had li.active {
    background: transparent;
    line-height: normal;
    color: #fff !important;
    padding: 8px 0px;
    width: auto;
    font-size: 16px;
    /* padding-bottom:0px; */
}

#myModal-Order .modal-had li.active::before,
#myModal-Pending .modal-had li.active::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #267df1;
    transform: translateX(-50%);
    border-radius: 3px;
    color: #fff !important;
}

#myModal-Order .pup-content,
#myModal-Pending .pup-content {
    background-color: #1c1c1c;
    border-radius: 5px;
    margin-top: 5px;
    padding: 10px 14px;
}


#myModal-Order .modal-had li,
#myModal-Pending .modal-had li {
    font-family: "Poppins", sans-serif;
    background: transparent;
    line-height: normal;
    color: #fff !important;
    padding: 8px 0px;
    width: auto;
    font-size: 16px;
    color: #b4b4b4 !important;
    /* padding-bottom:0px; */
}

#myModal-Order .modal-had .close,
#myModal-Pending .modal-had .close {
    color: #fff !important;
    opacity: 1;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

#myModal-Pending #limit-place-order-but {
    width: 100%;
    float: left;
    line-height: 45px;
    padding: 0 15px;
    border-radius: 5px;
}

#myModal-Pending .limit-place-order-but-class.green {
    background-color: #74c591;
}

#myModal-Pending .limit-place-order-but-class.red {
    background-color: #ee7874;
}

.fourth_input_div button,
.fifth_input_div button {
    display: none;
}

#myModal-Order .form-check.form-switch,
#myModal-Pending .form-check.form-switch,
#closeLimitDialog .form-check.form-switch,
#editTakeProfitDialog .form-check.form-switch,
#closePositionDialog .form-check.form-switch {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 30px;
}

#myModal-Order .togglebutton,
#myModal-Pending .togglebutton {
    width: 45%;
    height: 25px;
    margin: 0;
    padding: 0;
}

#closeLimitDialog .togglebutton2,
#editTakeProfitDialog .togglebutton2,
#closePositionDialog .togglebutton2 {
    width: 50%;
    margin: 0;
    padding: 0;
}


#myModal-Order .togglebutton,
#myModal-Pending .togglebutton {
    background-color: #919391;
    border-color: #919391;
    box-shadow: none;
    cursor: pointer;
}

#closeLimitDialog .togglebutton2,
#editTakeProfitDialog .togglebutton2,
#closePositionDialog .togglebutton2 {
    background-color: #919391;
    border-color: #919391;
    box-shadow: none;
    cursor: pointer;
}

.rwd-table th:nth-child(1),
.rwd-table td:nth-child(1) {
    width: 10%;
}

.rwd-table th:nth-child(2),
.rwd-table td:nth-child(2) {
    width: 5%;
}

.rwd-table th:nth-child(3),
.rwd-table td:nth-child(3) {
    width: 7.5%;
}

.rwd-table th:nth-child(4),
.rwd-table td:nth-child(4) {
    width: 10%;
}

.rwd-table th:nth-child(5),
.rwd-table td:nth-child(5) {
    width: 10%;
}

.rwd-table th:nth-child(6),
.rwd-table td:nth-child(6) {
    width: 10%;
}

.rwd-table th:nth-child(7),
.rwd-table td:nth-child(7) {
    width: 10%;
}

.rwd-table th:nth-child(8),
.rwd-table td:nth-child(8) {
    width: 10%;
}

.rwd-table th:nth-child(9),
.rwd-table td:nth-child(9) {
    width: 7.5%;
}

.rwd-table th:nth-child(10),
.rwd-table td:nth-child(10) {
    width: 10%;
}

.rwd-table th:nth-child(11),
.rwd-table td:nth-child(11) {
    width: 10%;
}

/* .rwd-table td,
.rwd-table th {
  min-height: 60px;
} */

#editStopLossDialog .button-row li,
#editTakeProfitDialog .button-row li {
    float: unset !important;
    width: 100% !important;
}

#editStopLossDialog .button-row li span,
#editTakeProfitDialog .button-row li span {
    padding: 10px 10px !important;
}

#editStopLossDialog .button-row li.cl-button button,
#editTakeProfitDialog .button-row li.cl-button button {
    background-color: transparent;
    border: 1px solid #505050;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px !important;
    font-family: "Poppins", sans-serif;
    color: #fff !important;
    line-height: normal;
    border-radius: 5px;
    font-weight: 300;
}

#editStopLossDialog .button-row ul,
#editTakeProfitDialog .button-row ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#editStopLossDialog .form-switch .form-check-input,
#editTakeProfitDialog .form-switch .form-check-input {
    width: 2.5em !important;
}


#myModal-Order .togglebutton:focus,
#myModal-Pending .togglebutton:focus {
    box-shadow: none;
    outline: none;
}

#closeLimitDialog .togglebutton2:focus,
#editTakeProfitDialog .togglebutton2:focus,
#closePositionDialog .togglebutton2:focus {
    box-shadow: none;
    outline: none;
}

#closeLimitDialog.togglebutton2,
#editTakeProfitDialog .togglebutton2,
#closePositionDialog .togglebutton2 {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

#myModal-Order .togglebutton,
#myModal-Pending .togglebutton {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}



#editStopLossDialog .modal-had,
#editTakeProfitDialog .modal-had,
#closePositionDialog .modal-had {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px;
}

#editStopLossDialog .close,
#editTakeProfitDialog .close,
#closePositionDialog .close {
    color: #fff !important;
    opacity: 1;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

#editStopLossDialog .head_div,
#editTakeProfitDialog .head_div,
#closePositionDialog .head_div {
    font-family: "Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}

#editStopLossDialog .head_div .icon,
#editTakeProfitDialog .head_div .icon,
#closePositionDialog .head_div .icon {
    background-size: 15px 15px;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 0px;
}

#editStopLossDialog .head_div span,
#editTakeProfitDialog .head_div span,
#closePositionDialog .head_div span {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    background-color: #3de86d;
    color: #000;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 3px;
    margin: 0 auto;
}

#editStopLossDialog .head_div p,
#editTakeProfitDialog .head_div p,
#closePositionDialog .head_div p {
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    font-family: "Poppins", sans-serif;
    color: #757575;
}

#editStopLossDialog .head_div p.price,
#editTakeProfitDialog .head_div p.price,
#closePositionDialog .head_div p.price {
    font-size: 16px;
    color: #fff;
}

#editStopLossDialog .green,
#editTakeProfitDialog .green,
#closePositionDialog .green {
    color: #74c591;
}

#editStopLossDialog .second_div,
#editTakeProfitDialog .second_div,
#closePositionDialog .second_div {
    display: flex;
    align-items: center;
    border: 1px solid grey;
    border-radius: 5px;
    width: 100%;
}

#editStopLossDialog .second_div button,
#editTakeProfitDialog .second_div button,
#closePositionDialog .second_div button {
    width: 45px;
    border: none;
    background: transparent;
    font-size: 30px;
    cursor: pointer;
    color: #B4B4B4;
}

#editStopLossDialog .second_div input,
#editTakeProfitDialog .second_div input,
#closePositionDialog .second_div input {
    font-size: 18px;
    background-color: transparent;
    border: none;
    color: #fff;
    height: 45px;
    border-radius: 0;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

#editStopLossDialog .price-box,
#editTakeProfitDialog .price-box,
#closePositionDialog .price-box {
    width: 100%;
}

#editStopLossDialog .button-row,
#editTakeProfitDialog .button-row,
#closePositionDialog .button-row {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

#editStopLossDialog .modal-dialog,
#editTakeProfitDialog .modal-dialog,
#closePositionDialog .modal-dialog {
    width: 500px;
}

#editStopLossDialog .price-box label,
#editTakeProfitDialog .price-box label,
#closePositionDialog .price-box label {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    color: #fff;
}

#editStopLossDialog .button-row ul li button,
#editTakeProfitDialog .button-row ul li button,
#closePositionDialog .button-row ul li button {
    border-radius: 5px;
    background-color: #267df1;
    padding: 8px 10px;
    line-height: normal;
    color: #fff !important;
    font-family: "Poppins", sans-serif;
}

#editStopLossDialog .price-box p,
#editTakeProfitDialog .price-box p,
#closePositionDialog .price-box p {
    font-size: 12px;
    margin-bottom: 0;
    color: #757575;
}

#editStopLossDialog .price-box p span,
#editTakeProfitDialog .price-box p span,
#closePositionDialog .price-box p span {
    color: #757575;
}

#editStopLossDialog .prix_actual,
#editTakeProfitDialog .prix_actual,
#closePositionDialog .prix_actual {
    margin-left: 20px;
}

#editStopLossDialog .prix_actual .price,
#editTakeProfitDialog .prix_actual .price,
#closePositionDialog .prix_actual .price {
    margin-left: -10px;
}

#editStopLossDialog .profit_pnlal .price,
#editTakeProfitDialog .profit_pnlal .price,
#closePositionDialog .profit_pnlal .price {
    margin-left: -10px;
}

/* #closePositionDialog .prix_actual {
    width: 50%;
} */

/* #closePositionDialog .price-box {
    border-top: 2px solid #757575;
    width: 90%;
    padding: 10px;
} */

/* #closePositionDialog .prix_actual p {
    text-align: end;
} */

/* #closePositionDialog .head_div {
    padding-right: 20px;
} */

#closePositionDialog .data_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#closePositionDialog .data_row p {
    font-size: 14px;
    color: #757575;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

#closePositionDialog .data_row p.text {
    text-align: start;
}

#closePositionDialog .data_row p.price {
    text-align: center;
    margin-right: -2px;
}

#PaymentSuccess .pup-content .icon {
    text-align: center;
    font-size: 100px;
}

#PaymentSuccess .top-row-box {
    padding: 30px 0px 30px 0px;
}

#PaymentSuccess .pup-content {
    padding: 0px
}

#PaymentSuccess .pup-content p.text {
    font-size: 18px;
    margin: 0;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    float: unset;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

#PaymentSuccess .pup-content p.desc {
    font-size: 12px;
    color: grey;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    float: unset;
    font-family: "Poppins", sans-serif;
}

#PaymentSuccess .button_div {
    width: 100%;
}

#PaymentSuccess .pup-content .cont_button {
    display: block;
    background-color: rgb(0, 123, 255);
    border: none;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

#PaymentSuccess .modal-content {
    width: 400px;
}

#PaymentSuccess .modal-body {
    border-radius: 5px !important;
}

#PaymentSuccess .modal-had .close {
    color: #fff !important;
    opacity: 1;
    font-size: 20px;
    margin-bottom: 24px;
}

#PaymentSuccess .price-box,
#PaymentError .price-box {
    width: 90%;
}

#PaymentSuccess .price-box .sendpopupcheckamrk {
    width: 110px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}


#PaymentError .pup-content .icon {
    text-align: center;
    font-size: 100px;
}

#PaymentError .top-row-box {
    padding: 30px 0px 30px 0px;
}

#PaymentError .pup-content {
    padding: 0px
}

#PaymentError .pup-content p.text {
    font-size: 18px;
    margin: 0;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    float: unset;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

#PaymentError .pup-content p.desc {
    font-size: 14px;
    color: grey;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    float: unset;
    font-family: "Poppins", sans-serif;
}

#PaymentError .button_div {
    width: 100%;
}

#PaymentError .pup-content .cont_button {
    display: block;
    background-color: rgb(0, 123, 255);
    border: none;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

#PaymentError .modal-content {
    width: 400px;
}

#PaymentError .modal-body {
    border-radius: 5px !important;
}

#PaymentError .modal-had .close {
    color: #fff !important;
    opacity: 1;
    font-size: 20px;
    margin-bottom: 24px;
}

#PaymentError .price-box .sendpopupcrossamrk {
    width: 110px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}


.header_left {
    display: flex;
    align-items: center;
    width: 23.5%;
    margin-right: 0.2%;
}

.name_firstheader {
    padding-left: 40px;
    padding-right: 40px;
}

.name_firstheader p {
    margin-bottom: 0px;
    font-size: 10px;
    font-family: "Poppins", sans-serif;
    color: #757575;
    font-weight: 400;
}

.name_firstheader p.datetime {
    font-size: 10px;
    color: #fff;
    font-weight: 400;
}

.circle_headerdiv {
    border: 2px solid #32323b;
    border-radius: 10px;
    padding: 5px 20px 5px 5px;
    margin-right: 3px;
}

.circle_headerdiv_long {
    padding: 5px 35px 5px 5px;
}

.circle_headerdiv p {
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    color: #B4B4B4;
}

.circle_headerdiv p.bold {
    font-weight: bold;
}

.circle_headerdiv p.red {
    color: #ff0000;
}

.circle_headerdiv p.green {
    color: #228d40;
}

.circle_headerdiv p.white {
    color: #fff;
}

#header {
    display: grid;
    align-items: center;
    /* justify-content: space-between; */
    float: unset;
    padding: 0px;
}

.header_main {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: unset;
}

.action_tab_header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ecd285;
    padding: 5px 0px;
}

.action_tab_header img {
    width: 20px;
    height: 20px;
}

.action_tab_header p {
    margin-bottom: 0px;
    margin-left: 5px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-size: 10px;
}

#header .logo {
    height: 40px !important;
}

.action_tab_header span {
    color: #2976dc;
    border-bottom: 1px solid #2976dc;
}

.header_right {
    display: flex;
    align-items: center;
    width: 76%;
    justify-content: space-between;
}

.header_right .header_end {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_right .name_date {
    n-right: 30px;
}

.header_right .name_date p {
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.header_right .name_date p img {
    width: 10px;
    height: auto;
    margin-left: 5px;
}

.header_right .name_date p span {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 400;
}

/* .header_right .name_date p.datetime{
color: #fff;
font-weight: bold;
} */
/* Hide on desktop */
.mobile-summary-toggle,
.mobile-summary-panel {
    display: none;
}

.hide_mobile_div {
    display: flex;
}

#header .header_left .name_date {
    display: none;
}

#header .header_top_div {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

#header .credit_header_div {
    display: none;
}

#header .user_detail {
    display: none;
}

#header .search_drop_div {
    display: none;
}

#footer {
    display: none !important;
}

.cont-left {
    width: 23.5%;
}

.right-col {
    width: 76%;
}

.Edit-button {
    font-size: 10px !important;
}


@media (max-width: 1025px) and (min-width: 768px) {
    #header .header_main {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    #header .header_left {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0px;
    }

    .dropdown-toggle img {
        width: 18px;
    }

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

    .header_right {
        flex-wrap: wrap;
        width: 100%;
        row-gap: 10px;
    }

    .cont-left {
        width: 34%;
    }

    .right-col {
        width: 65%;
    }

    /* TABLE OVERWRITE */
    table tbody tr td:first-child {
        color: #fff;
    }

    .table-had {
        display: table-row;
    }

    table tbody td::before {
        content: none !important;
        display: none !important;
    }

    table tbody td {
        display: table-cell;
    }

    .close-position,
    .close-position-2 {
        background-color: transparent;
    }

    /* SCROLLABLE */
    .cont-right {
        width: 100%;
        margin-bottom: 16px;
        background: #1c1c1c;
        border-radius: 6px;
    }

    .table-scroll {
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
    }

    /* Table keeps its width */
    .table-scroll table {
        min-width: 1400px;
        border-collapse: collapse;
    }

    /* Sticky header */
    .table-scroll th {
        position: sticky;
        top: 0;
        background: #222;
        z-index: 2;
    }

    .rwd-table th,
    .rwd-table td {
        white-space: nowrap;
        padding: 10px 12px;
        font-size: 13px;
    }

    .rate-box-1 .rate-box-button {
        margin-bottom: 3px;
    }

    .cont-color-main .second_div input {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu.dropdown-language.chatboxdiv,
    .dropdown-menu.dropdown-language {
        left: 10px;
        top: 30px;
    }

    .info_main_tab {
        flex-direction: column;
        gap: 15px;
    }

    .info_tabb {
        width: 100%;
    }

    .cont-color-main .buttons-sb-container {
        gap: 4px;
    }
}

@media (max-width: 867px) and (min-width: 768px) {
    .cont-left {
        width: 38%;
    }

    .right-col {
        width: 61%;
    }
}


@media (max-width: 767px) {

    .credit_header_div .fa {
        float: left;
        font-size: 24px;
        line-height: 15px;
        margin: 0;
        text-align: center;
        width: 100%;
        color: #181C18;
        font-weight: bold;
    }

    .close_circle_headerdiv {
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    .close_circle_headerdiv.rotated {
        transform: rotate(180deg);
    }

    .credit_header_div.collapsed .header-row .circle_headerdiv:nth-child(n+4) {
        display: none;
    }

    .favorites {
        width: 14px !important;
    }

    .right-col {
        display: none;
    }

    .action_tab_header {
        display: none;
    }

    .name_firstheader {
        display: none;
    }

    .hide_mobile_div {
        display: none;
    }

    .hide_name_date {
        display: none;
    }

    #header {
        float: unset !important;
        padding: 0px;
        margin: 10px;
        max-width: 100%;
        width: auto;
        border-radius: 5px;
        flex-shrink: 0;
        background-color: unset;
    }

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

    .three_seperate_div {
        height: 165px;
    }

    #header .pull-left {
        float: unset !important;
        width: 100%;
    }

    .login_header_div .header_top_div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #1c1c1c;
        border-radius: 5px;
        padding: 10px;
        width: 100%;
    }

    .header_main {
        padding: 0px;
        width: 100%;
        display: grid;
        justify-content: unset;
    }

    .header_left {
        display: block;
    }

    #header .header_left .name_date {
        display: block;
    }

    #header .logo {
        background-size: contain;
        width: 130px;
        margin: 0px;
        height: 25px !important;
    }

    .login_header_div .name_date p {
        margin-bottom: 0px;
        font-family: "Poppins", sans-serif;
        font-size: 10px;
        font-weight: 400;
        display: flex;
        align-items: center;
        color: #B4B4B4;
    }

    .login_header_div .name_date p img {
        width: 10px;
        height: auto;
        margin-left: 5px;
    }

    .login_header_div .name_date .header_tick_icon {
        display: none;
    }

    .login_header_div .name_date p span {
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 0;
    }

    .header_right {
        display: none;
    }

    #header .credit_header_div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 5px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #header .user_detail {
        display: flex;
        margin-top: 5px;
        background-color: #1c1c1c;
        padding: 20px 10px;
        border-radius: 5px;
    }

    /**/
    .user_detail .userdata {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .user_detail .userdata_deatils {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .user_detail .user_icon {
        width: 30px;
        height: auto;
    }

    .user_detail .account_username {
        font-size: 12px;
        color: #fff;
        margin-bottom: 0px;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
    }

    .user_detail .account_status {
        display: flex;
        align-items: center;
        font-size: 8px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        color: #B4B4B4;
    }

    .user_detail .account_status img {
        width: 10px;
        height: auto;
        margin-right: 2px;
    }

    .user_detail .language_option {
        display: flex;
        align-items: center;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-size: 10px;
        margin-bottom: 0;
    }

    .user_detail .langImgBox {
        display: none;
    }


    .user_detail .language_option img.menulisterro_logo {
        width: 10px;
        height: auto;
        margin-top: -2px;
        margin-left: 5px;
    }

    .user_detail .language_option img {
        width: 14px;
        height: auto;
        margin-right: 5px;
    }

    /* .user_detail .langImgBox {
        display: flex;
        gap: 7px;
        align-items: center;
        justify-content: center;
        margin-top: 5px;
    } */

    .user_detail .langImgBox img.langImg {
        width: 100%;
        height: 100%;
        min-height: 13px;
    }

    .user_detail .arrow {
        transition: transform 0.3s ease;
    }

    .user_detail .arrow.rotate {
        transform: rotate(180deg);
    }

    .user_detail .langauge_data {
        position: relative;
    }

    .user_detail .langImgBox {
        position: absolute;
        top: 100%;
        right: 7px;
        margin-top: 3px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: center;
        padding: 6px 8px;
        border-radius: 4px;
        z-index: 99;
    }

    .modal-dialog {
        max-width: 100%;
    }

    .bgWork {
        display: block;
    }

    .menu_page_mobile {
        display: none;
    }

    .bgWork .menu_div_main {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .bgWork .menu_title_div {
        width: 100%;
    }

    .bgWork .menu_listing {
        width: 100%;
    }

    .bgWork .menu_title_div p {
        color: #fff;
        margin-bottom: 0px;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-size: 12px;
        padding-left: 5px;
        text-decoration: underline;
    }

    .bgWork .menu_listing li {
        align-items: center;
        display: flex;
        padding: 15px 5px;
        border-bottom: 1px solid #4d504d;
        justify-content: space-between;
        border-width: thin;
    }

    .bgWork .menu_listing li.border_top {
        border-top: 1px solid #4d504d;
        border-width: thin;
    }

    .bgWork .menu_listing li .datamenulistingdiv {
        display: flex;
        align-items: center;
    }

    .bgWork .menu_listing li img.menulist_logo {
        width: 16px;
        height: auto;
        margin-right: 10px;
    }

    .bgWork .menu_listing li img.menulisterro_logo {
        width: 12px;
        height: auto;
        margin-right: 5px;
    }

    .bgWork .menu_listing li p {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        color: #b4b4b4;
        margin-bottom: 0px;
        font-size: 10px;
        line-height: 1px;
    }

    .bgWork .menu_listing li.border_top {
        border-top: 1px solid #4d504d;
    }


    .bgWork .menu_listing li img.menulist_logo.bgLogoChange {
        width: 20px;
        height: auto;
        min-height: 16px;
        margin-right: 6px;
    }

    .bgWork .logout_li {
        margin-bottom: 100px;
    }

    /* Dropdown */
    .bgWork .has-dropdown {
        flex-direction: column;
        align-items: stretch !important;
    }

    .bgWork .menu-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .bgWork .submenu {
        display: none;
        padding-left: 26px;
        margin-top: 6px;
    }

    .bgWork .submenu li {
        padding: 3px 0;
        border: none;
        font-size: 10px;
        color: #b4b4b4;
        font-family: "Poppins", sans-serif;
    }

    .bgWork .menu_listing li.has-dropdown li {
        border-bottom: none;
    }

    /* Active dropdown */
    /* .bgWork .has-dropdown.active .submenu {
        display: block;
    } */

    .bgWork .arrow {
        width: 12px;
        transition: transform 0.3s ease;
    }

    .bgWork .has-dropdown.active .arrow {
        transform: rotate(180deg);
    }

    .bgWork .has-dropdown.active .dropActive {
        color: #29CD57;
    }


    .bgWork p.bgTop {
        position: relative;
        padding-right: 50px;
    }

    .bgWork p.bgTop::after {
        content: "Nouveau";
        font-family: "Poppins", sans-serif;
        position: absolute;
        top: -18px;
        right: 12px;
        background: #267df1;
        color: #000;
        font-size: 8px;
        font-weight: 400;
        padding: 2px 5px;
        border-radius: 10px;
        line-height: 1;
        white-space: nowrap;
    }

    /**/

    .circle_headerdiv {
        flex: 0 0 auto;
        border: unset;
        border-radius: 5px;
        padding: 5px;
        margin-right: 0px;
        background-color: #1c1c1c;
    }

    .circle_headerdiv p {
        margin-bottom: 0px;
        font-family: "Poppins", sans-serif;
        font-size: 10px;
    }

    .circle_headerdiv .white {
        color: #fff !important;
    }

    .circle_headerdiv .white {
        color: #fff !important;
    }

    .circle_headerdiv .green {
        color: #1b9c30 !important;
    }

    #header .credit_header_div {
        display: block;
        margin-top: 5px;

        width: 100%;
        /* important */
        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    /* hide scrollbar on WebKit */
    #header .credit_header_div::-webkit-scrollbar {
        display: none;
    }

    .credit_header_div .header-row {
        display: flex;
        gap: 6px;
        width: max-content;
    }

    .credit_header_div .header-row {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
        width: 100% !important;
    }

    .circle_headerdiv {
        flex: 0 0 auto;
        border-radius: 5px;
        padding: 6px 8px;
        background-color: #1c1c1c;
    }

    #header .search_drop_div {
        display: flex;
        margin-top: 5px;
        background-color: #1c1c1c;
        padding: 10px;
        border-radius: 5px;
    }

    .search-box {
        margin: 0px;
        font-family: "Poppins", sans-serif;
    }

    .search-box .search-icon {
        position: absolute;
        width: 15px;
        height: 15px;
        top: 8px;
        left: 5px;
    }

    .search-box input {
        padding: 5px 23px 5px 25px;
        font-weight: 200;
        height: 30px;
    }

    .search-ico[data-v-zoom] {
        display: none;
    }

    .search-box select {
        font-weight: 200;
        height: 30px;
        padding: 0px 15px 0px 10px;
    }

    .search-box-star {
        width: 10%;
        background-color: #32323b;
        border-radius: 5px;
        padding: 10px;
        display: flex;
        justify-content: center;
    }

    .cont-color-main {
        display: none !important;
    }

    .cont-left {
        background-color: #1c1c1c;
        margin: 10px;
        border-radius: 5px;
        position: fixed;
        top: 232px;
        bottom: 65px;
        left: 0;
        right: 0;
        overflow-y: auto;
        margin: 7px 10px;
        padding: 10px !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: auto !important;
        max-width: 100% !important;
        /* transition: top 0.3s ease; */
    }

    .cont-left .total-box-butt {
        display: none;
    }

    .cont-left .cc-hod {
        display: flex;
        width: 100%;
        padding: 10px 0px;
        font-family: "Poppins", sans-serif;
    }

    .cont-left .gray99 {
        padding: 0px !important;
        font-size: 8px;
        line-height: normal;
    }

    .asset-item {
        background-size: 12px 12px !important;
    }

    .coin-icon {
        padding-left: 15px;
    }

    .cont-left .w-33 {
        width: 30% !important;
        text-align: start !important;
        padding-left: 10px !important;
    }

    .cont-left .w-25 {
        width: 20% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont-left .w-15 {
        width: 20% !important;
        text-align: center;
    }

    .dashboard_assest_sidebar .cont-color {
        padding: 0px !important;
    }

    .cont-left .w-5 {
        width: 10% !important;
        display: flex;
        justify-content: center;
    }

    .cont-left #myElement {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #myElement {
        height: auto;
    }

    .cont-left #crypto-ul {
        font-family: "Poppins", sans-serif;
    }

    .cont-left .crypto-ul li {
        display: flex;
        gap: 5px;
        padding: 10px 0px;
        align-items: center;
    }

    .cont-left #crypto-ul p,
    #crypto-ul span {
        font-size: 10px !important;
        font-weight: 300;
    }

    .asset-item {
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }

    .cont-left #myElement .pull-left {
        float: unset !important;
        display: inline-block;
    }

    .cont-left #crypto-ul p,
    #crypto-ul span {
        font-size: 10px !important;
    }

    .cont-left #myElement li .fa.fa-sort-asc.green,
    .cont-left #myElement li .fa.fa-sort-desc.red {
        float: unset;
    }

    .cont-left #myElement .w-25 i.green {
        margin: 0;
        margin-top: 6px;
        padding: 0;
        padding-left: 6px;
        font-size: 16px !important;
    }

    .crypto-ul li .fa.fa-sort-desc.red {
        margin: 0;
        margin-bottom: 10px;
        padding: 0;
        padding-left: 6px;
        font-size: 16px !important;
    }

    .container-wrapper {
        padding: 0;
        margin: 10px;
        width: auto;
        float: unset;
    }

    .seach_div {
        display: none;
    }

    #footer {
        background-color: #1c1c1c;
        float: unset !important;
        padding: 0px;
        margin: 10px;
        max-width: 100%;
        position: fixed;
        bottom: 0;
        width: -webkit-fill-available;
        z-index: 999999;
        height: 55px;
        flex-shrink: 0;
        display: block !important;
    }

    .login_footer_div {
        align-items: center;
        justify-content: space-between;
    }

    .login_footer_div .icon_div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 8px 30px;
        text-align: center;
        position: relative;
    }

    .login_footer_div .icon_div.active::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 40%;
        height: 3px;
        background: #267df1;
        transform: translateX(-50%);
        border-radius: 3px;
    }

    .login_footer_div img {
        width: 22px;
        height: 22px;
        display: block;
    }

    .login_footer_div .icon_div p {
        margin: 4px 0 0;
        font-size: 10px;
        line-height: 1;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        color: #fff;
    }

    .login_footer_div_main {
        border-radius: 2px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .footer_notification_dot_menu {
        background-color: #ff3131;
        width: 15px;
        height: 15px;
        border-radius: 20px;
        position: absolute;
        top: 5px;
        right: 25px;
    }

    .common_modal {
        z-index: 999999999999999999;
        background-color: #313031;
    }

    .common_modal .modal-dialog {
        margin: 0px;
        height: 100%;
    }

    .common_modal .modal-header::before,
    .common_modal .modal-header::after {
        content: unset;
    }

    .common_modal .modal-header p {
        color: #fff;
        font-family: "Poppins", sans-serif;
        margin-bottom: 0px;
    }

    .common_modal .modal-header {
        background-color: #1c1c1c;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* width: 100%; */
        border-radius: 5px;
        padding: 5px 10px;
        margin: 5px 10px 0px;
    }

    .common_modal .modal-content {
        box-shadow: unset;
        border: unset;
    }

    .common_modal .modal-body {
        margin: 0px;
        background-color: transparent;
        overflow: scroll;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 90vh;
    }

    #Chart-Modal .modal-body {
        max-height: 90vh;
    }

    #BuySellLimited-Modal .modal-body {
        max-height: 90vh;
    }

    #PaymentSuccessMobile-Modal .modal-body {
        max-height: 90vh;
    }

    #ClosePosition-Modal .modal-body {
        max-height: 95vh;
    }

    #PositionModifier-Modal .modal-body {
        max-height: 90vh;
    }

    #Position-Modal .modal-body {
        max-height: 90vh;
    }


    .common_modal .modal-had {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px;
        background-color: #1c1c1c;
        border-radius: 5px;
        margin: 5px 10px;
        width: auto;
        float: unset;
        margin-top: 7px;
    }

    .common_modal .modal-had .icon {
        font-family: "Poppins", sans-serif;
        background-size: 14px 14px;
        color: #fff;
        font-size: 14px;
        padding-left: 16px;
        margin-bottom: 0px;
    }

    .common_modal .modal-had span {
        font-family: "Poppins", sans-serif;
        font-size: 8px;
        background-color: #3de86d;
        color: #000;
        font-weight: bold;
        padding: 0px 10px;
        border-radius: 3px;
        margin: 0 auto;
        margin-left: 15px;
    }

    .common_modal .modal-had ul {
        background-color: unset;
    }

    .common_modal .modal-had li.active {
        border-radius: 2px;
        background: rgb(0, 123, 255);
        line-height: normal;
        color: #fff !important;
        padding: 5px;
        width: auto;
        font-size: 10px;
    }

    .common_modal .modal-had li {
        border-radius: 2px;
        font-family: "Poppins", sans-serif;
        background: #3d4654;
        line-height: normal;
        color: #fff !important;
        padding: 5px;
        width: auto;
        margin-left: 5px;
        font-size: 10px;
    }

    .common_modal .modal-had .close {
        color: #fff !important;
        opacity: 1;
        font-size: 20px;
        margin-bottom: 24px;
    }

    .common_modal .current_rate {
        display: grid;
        text-align: center;
    }

    .common_modal .current_rate .text {
        margin-bottom: 0pc;
        color: #fff;
        font-size: 10px;
        font-family: "Poppins", sans-serif;
        margin: 0;
        font-weight: 200;
    }

    .common_modal .current_rate .price {
        margin-bottom: 0pc;
        color: #1b9c30;
        font-size: 18px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
    }

    .common_modal .first_input_div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        font-family: "Poppins", sans-serif;
    }

    .common_modal .first_input_div .first_div {
        background-color: #ee7874;
        border-radius: 2px;
        padding: 6px 15px;
    }

    .common_modal .first_input_div .active {
        /* border: 2px solid #fff */
    }

    .common_modal .first_input_div .disable {
        background-color: #32323b !important;
    }

    .common_modal .first_input_div .disable p {
        color: #89898e !important;
    }

    .common_modal .first_input_div button.disable {
        background-color: transparent !important;
    }

    .common_modal .first_input_div .second_div {
        display: flex;
        align-items: center;
        width: 60%;
        border: 1px solid grey;
        border-radius: 3px;
        margin: 0 auto;
    }

    .common_modal .first_input_div .second_div button {
        font-weight: 200;
        width: 32px;
        height: 40px;
        border: none;
        background: transparent;
        font-size: 26px;
        cursor: pointer;
        color: #fff;
        text-align: center;
    }

    .common_modal .first_input_div .second_div input {
        font-size: 12px;
        background-color: transparent;
        border: none;
        color: #fff;
        border-radius: 0;
        height: 40px;
        text-align: center;
        padding-bottom: 18px;
    }

    .common_modal .first_input_div .second_div span {
        position: absolute;
        bottom: 4px;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 10px;
        color: #777;
        pointer-events: none;
    }

    .common_modal .first_input_div .third_div {
        background-color: #74c591;
        border-radius: 2px;
        padding: 6px 15px;
    }

    .common_modal .first_input_div p {
        font-size: 10px;
    }

    .common_modal .pup-content {
        background-color: #1c1c1c;
        border-radius: 5px;
        margin: 10px;
        width: auto;
        float: unset;
        padding: 10px 10px;
        margin-bottom: 0;
        margin-top: 0px;
    }

    .common_modal .last_pup {
        padding: 15px !important;
    }

    .common_modal .had_div {
        display: flex;
        /* border-bottom: 1px solid #373a37; */
        /* padding-bottom: 10px; */
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .common_modal .last_page_pup .confirm_text {
        padding-left: 40px;
        padding-right: 40px;
    }

    .common_modal .last_page_pup .confirm_text p {
        float: unset;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        /* color: #999999; */
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .common_modal .last_page_pup button {
        float: unset;
        text-align: center !important;
        color: #fff !important;
        padding: 8px 0px;
        font-size: 14px !important;
        line-height: normal;
        margin: 0;
        border: unset;
        font-weight: 400;
        font-family: "Poppins", sans-serif !important;
        border-radius: 5px !important;
    }

    .common_modal .pup-content .tab_first {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .common_modal .pup-content .tab_first.single {
        justify-content: center !important;
    }

    .common_modal .pup-content .tab_first .rate-box-1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0;
        width: auto;
        gap: 3px;
    }

    .first_input_div .third_div,
    .first_input_div .first_div {
        width: 24%;
    }

    .common_modal .pup-content .tab_first p.textleft {
        font-size: 8px;
        float: unset;
        width: auto;
        margin-bottom: 0px;
        font-family: "Poppins", sans-serif;
    }

    .common_modal .pup-content .tab_first .rate-box-button {
        background-color: #32323b;
        border: unset;
        border-radius: 2px;
        color: #fff;
        padding: 4px 5px;
        font-size: 6px;
        height: auto;
        font-family: "Poppins", sans-serif;
    }

    .common_modal #graph {
        width: 100% !important;
        float: unset;
        height: 233px;
    }

    .common_modal .chart_tab {
        padding: 5px 10px;
        float: unset;
        height: auto;
    }

    .common_modal .modal-header .close {
        background-image: unset;
        height: auto;
        width: auto;
        line-height: normal;
        font-size: 10px;
        font-weight: 200;
        color: #fff !important;
        margin-top: 0px;
        text-shadow: unset;
        opacity: 1;
    }

    .common_modal .info_tab {
        padding: 10px 10px;
        padding-bottom: 0px;
        overflow-x: scroll;
        margin-bottom: 10px;
        margin-top: 0px;
        /* hide scrollbar but allow scroll */
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/old Edge */

    }

    /* Chrome, Safari */
    .common_modal .info_tab::-webkit-scrollbar {
        display: none;
    }

    .common_modal .calendar_tab {
        padding: 0px 10px;
        padding-bottom: 0px;
    }

    .common_modal .info_main_tab {
        display: grid;
        grid-auto-flow: row;
        gap: 10px;
        padding: 0 0 10px 0;
        width: 100%;
        color: #fff;
        justify-content: unset;
    }

    .common_modal .info_tabb {
        width: 100%;
        background-color: transparent !important;
        padding: 15px;
        border-radius: 10px !important;
        border: 2px solid #4c4c4c;
    }

    .common_modal .info_tabb li {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        font-family: "Poppins", sans-serif;
    }

    .common_modal .info_tabb.active {
        background-color: #4c4c4c !important;
    }

    .common_modal .trading_info_tab {
        display: flex;
        justify-content: space-between;
    }

    .common_modal .close_info_tab {
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .common_modal .close_calendar_tab {
        color: #fff;
        font-size: 22px;
        cursor: pointer;
        float: right;
    }

    .common_modal .calendar_tab iframe {
        height: calc(100% - 40px);
        /* leaves space for close button */
    }

    .common_modal .pup-content.second_pup {
        margin-top: 5px;
    }

    .common_modal .pup-content.second_pup_mix {
        margin-top: 5px;
    }

    .common_modal .pup-content.third_pup {
        margin-top: 5px;
    }

    .common_modal .pup-content.fourth_pup {
        margin-top: 5px;
    }

    .common_modal .pup-content.second_input_div_mix {
        margin-top: 5px;
    }

    .common_modal .pup-content.second_pup .tab-content {
        display: grid;
        gap: 10px;
    }

    .common_modal .pup-content .second_input_div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        height: 25px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .common_modal .pup-content .second_input_div p {
        margin-bottom: 0px;
        font-size: 12px;
        font-family: "Poppins", sans-serif;
        text-align: start;
    }

    .common_modal .second_input_div .label_div {
        width: 20%;
    }

    .common_modal .second_input_div .input_div {
        display: flex;
        align-items: center;
        width: 60%;
        border: 1px solid grey;
        border-radius: 3px;
        justify-content: center;
        background: transparent;
    }

    .common_modal .second_input_div button {
        width: 16px;
        height: 20px;
        border: none;
        background: transparent;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
    }

    .common_modal .second_input_div input[type="text"] {
        font-weight: 300;
        width: 45%;
        font-size: 14px;
        background-color: transparent;
        border: none;
        color: #fff;
        border-radius: 0;
        height: 20px;
        text-align: center;
    }

    .common_modal .pup-content .togglebutton:checked {
        background-color: #00bf15;
        border-color: #00bf15;
    }

    .common_modal .pup-content .togglebutton:focus {
        box-shadow: none;
        outline: none;
    }

    .common_modal .pup-content .togglebutton {
        transition: background-color 0.2s ease, border-color 0.2s ease;
        margin: 0;
        padding: 0;
        width: 70%;
        background-color: #919391;
        border-color: #919391;
        box-shadow: none;
        cursor: pointer;
        height: 20px;
    }

    .common_modal .second_input_div_mix {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    .common_modal .new_take_div p {
        font-size: 10px;
        margin-bottom: 0px;
        color: #999999;
        text-align: start;
        font-family: "Poppins", sans-serif;
    }

    .common_modal .new_take_div input {
        border-radius: 0px;
        color: #fff;
        background-color: transparent;
        font-size: 12px;
        border: 1px solid #555;
        font-family: "Poppins", sans-serif;
        height: 22px;
        font-weight: 300;
    }

    .common_modal .form-check.form-switch {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .common_modal .orderdetailtitle label {
        display: inline;
        border-bottom: 1px solid #fff;
        padding-bottom: 0px;
        width: auto;
        font-size: 12px;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        line-height: 1;
    }

    .common_modal .order-details span {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        color: #999999;
        font-size: 12px;
    }

    .common_modal .order-details span:last-child {
        float: right;
        text-align: right;
    }

    .common_modal .instant-bye-div {
        padding: 0;
    }

    .common_modal .instant-bye-div.radius_5 button {
        border-radius: 5px !important
    }

    .common_modal .two_buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .common_modal .cols-buy {
        float: unset;
        text-align: center;
        color: #fff;
        padding: 8px 0px;
        font-size: 12px;
        line-height: normal;
        margin: 0;
        border: unset;
        font-weight: 400;
        font-family: "Poppins", sans-serif;
    }

    .common_modal .button_bottom_div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .common_modal .heading_div {
        padding: 10px;
    }

    .common_modal .menu_heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-bottom: 3px solid #5d5c5d;
    }

    .common_modal .w-30 {
        width: 30%;
    }

    .common_modal .w-20 {
        width: 20%;
    }

    .common_modal .w-50 {
        width: 50%;
    }

    .common_modal .menu_heading .tab.active::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -2.5px;
        width: 100%;
        height: 3px;
        background-color: #267df1;
        border-radius: 20px;
        transform: translateX(-50%);
    }

    .common_modal .menu_heading .tab {
        position: relative;
        padding-bottom: 0px;
        text-align: center;
    }

    .common_modal .menu_heading .tab p {
        margin-bottom: 3px;
        font-size: 12px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
    }

    .common_modal .position_tab_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .common_modal .position_tab_head .icon {
        font-family: "Poppins", sans-serif;
        background-size: 12px 12px;
        color: #fff;
        font-size: 12px;
        padding-left: 14px;
        margin-bottom: 0px;
    }

    .common_modal .position_tab_head span.live {
        font-family: "Poppins", sans-serif;
        font-size: 8px;
        background-color: #3de86d;
        color: #000;
        font-weight: bold;
        padding: 0px 5px;
        border-radius: 3px;
        margin: 0 auto;
        margin-left: 14px;
    }

    .common_modal .trade-box {
        border-radius: 2px;
        font-family: "Poppins", sans-serif;
        color: #fff;

        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .common_modal .trade-box.red {
        background-color: #ee7874;
        /* green */
    }

    .common_modal .trade-box.green {
        background-color: #00bf15;
        /* green */
    }

    .common_modal .trade_input_div {
        display: grid;
        align-items: center;
        justify-content: center;
        padding: 3px 5px;
        padding-left: 0px;
    }

    .common_modal .trade-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
    }

    .common_modal .trade-label {
        font-size: 8px;
        font-weight: 400;
        color: #fff;
    }

    .common_modal .trade-input {
        width: 55px;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 10px;
        text-align: right;
        outline: none;
        text-align: center;
        background-color: #1c1c1c;
    }

    .common_modal .trade-input::placeholder {
        color: #eafff5;
    }

    .common_modal .data_div {
        padding-top: 10px;
    }

    .common_modal .data_div.data_div_no_button {
        margin-bottom: 40px !important;
    }

    .common_modal .trade-bottom {
        margin-top: 0px;
        font-size: 5px;
        text-align: center;
        background-color: #1c1c1c;
        color: #fff;
    }

    .common_modal .single_data_div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* margin-top: 3px; */
    }

    .common_modal .single_data_div p {
        margin-bottom: 2px;
        font-size: 10px;
        color: #999999;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
    }

    .common_modal .single_data_div p.start {
        text-align: start;
    }

    .common_modal .single_data_div p.end {
        text-align: end;
    }

    .common_modal .data_button_div {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 5px;
        margin-top: 10px;
    }

    .common_modal .data_button_div button {
        background-color: #1a85f8;
        color: #fff;
        border: unset;
        width: 100%;
        /* padding: 5px 20px; */
        text-align: center;
        border-radius: 2px;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-size: 12px;
        padding: 8px 10px;
    }

    .common_modal .data_button_div.radius_5 button {
        border-radius: 5px;
    }

    .common_modal .all_data_div {
        display: flex;
        flex-direction: column;
        gap: 5px;
        overflow-x: scroll;
        /* hide scrollbar but allow scroll */
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/Edge */
    }

    .common_modal .all_data_div::-webkit-scrollbar {
        display: none;
        /* Chrome/Safari */
    }

    .blue-modal {
        background-color: #1a85f8 !important;
        border-radius: 2px !important;
    }


    .section_page.stock_listing_page_single_mix_header {
        top: 55px !important;
    }

    .center-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100%;
    }

    .center-wrapper .main_send_div {
        text-align: center;
        padding: 10px 20px;
    }

    .center-wrapper .icon img {
        margin: 0 auto;
        width: 90px;
        height: auto;
    }

    .center-wrapper p {
        margin: 0px;
        font-family: "Poppins", sans-serif;
    }

    .center-wrapper p.text {
        font-size: 18px;
        margin: 0;
        color: #fff;
        margin: 15px 0px;
        font-weight: 300;
    }

    .center-wrapper .message {
        display: grid;
    }

    .center-wrapper p.desc {
        font-size: 14px;
        color: #b4b4b4;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
    }

    .center-wrapper button {
        background-color: #267df1;
        border: unset;
        border-radius: 5px;
        padding: 10px 10px;
        text-align: center;
        color: #fff;
        margin-top: 30px;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 300;
    }

    .common_modal .pup-content.payment_div_section {
        margin-top: 7px;
        margin-bottom: 0px;
    }



    .appSideMenu-panel li {
        background-repeat: no-repeat;
        padding: 0;
        width: 270px;
        list-style: none;
        margin-bottom: 5px;
    }

    .appSideMenu-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .45);
        opacity: 0;
        visibility: hidden;
        transition: .3s ease;
        z-index: 999999999999999;
    }

    .appSideMenu-panel {
        position: fixed;
        top: 0;
        left: -300px;
        width: 300px;
        height: 100vh;
        background: #212124;
        padding: 15px;
        transition: .3s ease;
        z-index: 999999999999999;
    }

    .appSideMenu-panel.active {
        left: 0;
    }

    .appSideMenu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .appSideMenu-panel .dropdown-menu {
        position: static;
        display: block !important;
        float: none;
        background: transparent;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
    }

    .appSideMenu-panel a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        color: #fff !important;
        padding: 10px 0 10px 25px !important;
        line-height: 20px !important;
        width: 100% !important;
        font-size: 14px !important;
        border: none !important;
        clear: both !important;
        font-weight: normal !important;
        white-space: nowrap !important;
        margin: 0 0 0 !important;
        cursor: pointer;
    }

    .appSideMenu-panel a p {
        color: #B4B4B4;
        font-family: "Poppins", sans-serif;
        margin-bottom: 0px;
    }

    .appSideMenu-close {
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        text-align: end;
    }

    .tradingview-widget-container {
        padding: 10px 0px 0px 20px;
    }

    .tradingview-widget-container__widget .tv-ticker-card {
        padding-left: 0;
    }

}

/* Theme toggle css only dashboard */
.menu_div_main .dashboard-theme-toggle {
    margin-left: 15px;
}

.menu_div_main .themeToggle {
    padding: 0;
}

.menu_div_main .theme-icon {
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.menu_div_main .dark-icon {
    display: none;
}

.menu_div_main .light-icon {
    display: block;
}

.light-theme .menu_div_main .light-icon {
    display: none;
}

.light-theme .menu_div_main .dark-icon {
    display: block;
}

.vector-smart-object {
    margin-left: 0;
}

/* mobile theme toggle */
.login_header_div .name_date {
    position: relative;
    padding-right: 35px;
}

.login_header_div .header_top_div .theme-icon {
    position: absolute;
    width: 21px;
    height: 21px;
    cursor: pointer;
    top: 4px;
    right: 5px;
}

.login_header_div .header_top_div .dark-icon {
    display: none;
}

.login_header_div .header_top_div .light-icon {
    display: block;
}

.light-theme .login_header_div .header_top_div .light-icon {
    display: none;
}

.light-theme .login_header_div .header_top_div .dark-icon {
    display: block;
}