/* Author Start : Mani */
:root {
    --blue: #0072FD;
    scrollbar-width: none;
}

/*24 Aug Sidebar Change*/
body .sidebar {
    width: 18.5rem;
}

body .rightbar {
    margin-left: 18.5rem;
}

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

.searchitems.drackSymbol {
    min-height: 46px !important;
}

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

span.spread {
    font-size: 11px !important;
    color: #595959 !important;
}

.darkTheme span.spread,
.darkTheme .mainData i {
    color: #b4adad !important;
}

.priceholder {
    width: 100% !important;
    justify-content: normal !important;
}

.priceholder .dayHigh {
    width: 33.33%;
}

.dayHigh.mainData {
    align-items: start !important;
}

.mainData i {
    font-size: 8px;
    color: #595959a3 !important;
    margin: 0px 1px;
}

.tab1content .linkxholder,
.tab1content .openpendingmobile,
.tab1content .page-content {
    padding: 0px;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.poscontent-head th,
.pen-tablehead th {
    border-bottom: 1px solid rgb(222, 226, 230) !important;
}

.toptwoicons span {
    color: var(--blue);
}

.lefticons,
.lefticon {
    font-size: 18px;
}

.sidefooter li {
    padding: 4px 3px 3px 3px;
    font-size: 14px;
}

.sidefooter {
    height: 30px;
}

#documentRemarks {
    line-height: 1.4;
}

/*24 Aug Sidebar Change*/

/*@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400&display=swap');*/
body,
.contentholder {
    /*    font-family: 'Rubik', sans-serif!important;*/
    scrollbar-width: none;
}

body #dragable_modal .ui-draggable .modal-content {
    max-width: 450px !important;
}

.empty-positions .customPadding {
    padding: 12px 0px !important;
}

/*div[data-page="position"]{*/
/*    display: none;*/
/*}*/
.poscontent-foot {
    display: none;
}

.fxPostionsList .curPostionLength {
    padding: 12px !important;
}

/*SL and TP NEW UI Start*/
.edit-container,
.pen-edit-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    gap: 5px;
}

.edit-container .inputvalue,
.pen-edit-container .inputvalue {
    width: 100px;
    /*AR - ATS250626004*/
    text-align: center;
    font-size: 13px;
    border: none;
    display: none;
}

.edit-container .tick,
.pen-edit-container .tick {
    background: #0072FD;
}

.edit-container .times,
.pen-edit-container .times {
    background: #ff5722;
}

.edit-container .times,
.edit-container .tick,
.pen-edit-container .times,
.pen-edit-container .tick {
    width: 15px;
    color: #fff;
    height: 15px;
    font-size: 9px;
    line-height: 15px;
    border-radius: 10px;
    margin-left: 3px;
    cursor: pointer;
    display: none;
}

.edit-container.active .inputvalue,
.pen-edit-container.active .inputvalue {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 28%);
    display: block !important;
}

.edit-container.active .times,
.edit-container.active .tick,
.pen-edit-container.active .times,
.pen-edit-container.active .tick {
    display: block !important;
}

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

.flex-reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: 3px;
}

.edit-container.active h6,
.pen-edit-container.active h6 {
    display: none !important;
}

.c-pointer {
    cursor: pointer;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    /*border-style: outset!important;*/
}

/*SL and TP NEW UI End*/

/*Custom UI Alignment in watchlist start*/
.watchlist-menu {
    display: flex;
    align-items: center;
    padding: 7px 3px 5px 3px;
}

.watchlist-menu .watchlist-menu-container {
    width: 50%;
    text-align: center;
    position: relative;
}

.watchlist-menu .watchlist-menu-container p {
    font-size: 13px;
    margin-bottom: 0px;
    border-bottom: 1px solid #a7a7a7;
    height: 25px;
    font-weight: 500;
    cursor: pointer;
}

.watchlist-menu .watchlist-menu-container input#search-input {
    width: 100%;
    margin-left: 2px;
    border-radius: 5px;
    height: 25px !important;
    border: 1px solid #a7a7a7 !important;
    padding-left: 20px;
    font-size: 14px;
    background: #fff;
}

.watchlist-menu .watchlist-menu-container i.fa-search {
    position: absolute;
    top: 7px;
    left: 8px;
    font-size: 12px;
}

.watchlist-menu .watchlist-menu-container p.active {
    border-bottom: 2px solid #0072FD;
}

.watchlist-menu .watchlist-menu-container p.active i {
    color: #0072FD;
}

.list-all-symbols {
    display: none;
}

/*Custom UI Alignment in watchlist end*/



/*table standard width start*/
.poscontent-head th:nth-child(1) {
    width: 6%;
}

.poscontent-head th:nth-child(2) {
    width: 10%;
    /*AR - ATS250626004*/
}

.poscontent-head th:nth-child(3) {
    width: 10%;
}

.poscontent-head th:nth-child(4),
.poscontent-head th:nth-child(5),
.poscontent-head th:nth-child(6) {
    width: 7%;
}

.poscontent-head th:nth-child(7),
.poscontent-head th:nth-child(8),
.poscontent-head th:nth-child(9),
.poscontent-head th:nth-child(10),
.poscontent-head th:nth-child(11) {
    width: 8%;
}

.poscontent-head th:nth-child(12) {
    width: 3%;
}


.pen-tablecontent td:nth-child(1) {
    width: 6%;
}

.pen-tablecontent td:nth-child(2) {
    width: 15%;
}

.pen-tablecontent td:nth-child(3),
.pen-tablecontent td:nth-child(4),
.pen-tablecontent td:nth-child(5),
.pen-tablecontent td:nth-child(6) {
    width: 7%;
}

.pen-tablecontent td:nth-child(7),
.pen-tablecontent td:nth-child(8),
.pen-tablecontent td:nth-child(9),
.pen-tablecontent td:nth-child(10),
.pen-tablecontent td:nth-child(11) {
    width: 8%;
}

.pen-tablecontent td:nth-child(12) {
    width: 3%;
}

.pen-tablehead {
    display: none;
}

.pendingTypeColor {
    color: #828282 !important;
}


.table> :not(:last-child)> :last-child>* {
    border-bottom-color: inherit;
}

/*table standard width end*/

@media screen and (max-width: 600px) {

    /*mobile responsive SL & TP UI start*/
    /*.bulk-close-pending-modal{*/
    /*    display: none;*/
    /*}*/
    #searchAccordion {
        margin-top: 90px !important;
    }

    .watchlist-menu {
        top: 83px !important;
        position: fixed;
        width: 100%;
        background: #ffff;
        z-index: 3;
    }

    .esearch-result {
        overflow-y: auto;
        height: calc(100vh - 200px) !important;
    }

    .list-all-symbols {
        overflow-y: auto;
        height: calc(100vh - 202px) !important;
    }

    .mobposcontent .mobhide .mobsl,
    .mobposcontent .mobhide .mobtp,
    .mobposcontent .mobhide .mobpartiallot {
        display: block !important;
    }

    .mobposcontent .mobhide .mobtp {
        padding-left: 15px !important;
        padding-top: 9px;
    }

    .mobposcontent .mobhide span.mobsl>h6,
    .mobposcontent .mobhide span.mobtp>h6,
    .mobposcontent .mobhide span.mobpartiallot>h6 {
        min-width: 150px !important;
    }

    .mobposcontent .mobhide h6.bottommob {
        margin-top: 11px;
    }

    .mobposcontent .mobhide .resetModifyValue {
        padding: 2px 5px;
        font-size: 10px;
    }

    /*mobile responsive SL & TP UI end*/

    .fs-15 {
        font-size: 13px;
    }

    #toast-container {
        left: 8px;
    }

    body.darkTheme div.mobileview .lefticons.active i,
    body.darkTheme .active .mob-name-title {
        color: #0072FD !important;
    }

    .tab1content {
        width: 100%;
    }

    body.darkTheme input#search-input {
        background: #212730 !important;
        border: none !important;
        outline: none !important;
    }

    .chart-btn {
        margin: 0px 2px !important;
        margin-top: -10px !important;
        width: 26% !important;
        height: 24px !important;
        line-height: 0px !important;
        padding: 0px !important;
        border: 1px solid #636363 !important;
        font-size: 11px;
        background: #eee;
        color: #222831;

    }

    .theme-btn {
        margin: 0px 2px !important;
        margin-top: -10px !important;
        width: 26% !important;
        height: 24px !important;
        line-height: 0px !important;
        padding: 0px !important;
        border: 1px solid #636363 !important;
    }

    #position-symbol,
    #position-symbol-partialclose,
    #pending-symbol {
        margin-bottom: 0px;
    }

    .mob-order-symbol,
    #position-symbol,
    #position-symbol-partialclose,
    #pending-symbol,
    .position-edit-container .fs-15 p,
    .position-edit-container-partialclose .fs-15 p,
    .pending-edit-container .fs-15 p {
        color: #000;
    }

    .theme-list .settings-contents {
        width: 100%;
    }

    .theme-list .settings-contents p {
        display: inline;
    }

    .theme-changer {
        display: none;
    }

    .resizable-y {
        display: block !important;
    }

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

    .toptwo,
    .order-history,
    .pagecontainer2 .center.form-group,
    .pc-refer {
        display: none !important;
    }

    section.search {
        padding-top: 44px;
    }

    .searchitem,
    .searchitems {
        border: none !important;
    }

    div.search {
        padding: 3px 10px;
    }

    input#search-input {
        height: 35px !important;
        border-bottom: 1px solid #eee;
        border: 1px solid #eee;
        border-radius: 8px;
        font-size: 14px;
    }

    .search .searchicon {
        top: 13px;
        right: 23px;
    }

    div.openpositionmobile h3 {
        background-color: #f1f1f14a !important;
        padding: 5px 6px !important;
        color: #7d7d7d !important;
        font-size: 13px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif !important;
    }

    .equityraw {
        text-align: center;
        padding: 10px 3px 4px 3px;
        background: #fff !important;

    }

    div.equityraw>span {
        padding: 1px 6px;
        margin: 0px;
        font-size: 14px;
    }

    div.equityraw>span>b {
        font-size: 14px;
    }

    .bluex {
        font-weight: bold;
        color: var(--blue) !important;
        /*background: #456fbd1f;*/
        padding: 7px;
        border-radius: 3px;
        margin-right: 5px;
    }

    .tab1content h3 {
        background-color: #f1f1f14a !important;
        padding: 5px 6px !important;
        color: #7d7d7d !important;
        font-size: 13px;
        margin-bottom: 7px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif !important;
    }

    div.linkxholder>.active {
        background: #0072fd !important;
        color: #fff;
        padding: 4px 10px !important;
        border-radius: 5px;
        border: none;
    }

    a.nav-linkx {
        border-bottom: none !important;
    }

    button.button-blue {
        background-color: var(--blue);
        border-color: var(--blue);
    }

    div .mobposcontenthistory,
    body .mobileRes,
    div.page_title,
    .mobile-refer {
        display: block;
    }

    .order-history {
        /*display: none!important;*/
    }

    .mobposcontenthistory {
        padding-top: 45px;
        padding-bottom: 90px;
    }

    .rightholder-history.float-right {
        display: flex;
        padding-right: 10px 15px !important;
        text-align: center !important;
        padding-bottom: 45px !important;
    }

    .rightholder-history div:nth-child(1),
    .rightholder-history div:nth-child(2) {
        width: 50%;
    }

    .rightholder-history {
        position: fixed;
        bottom: 55px;
        background: #fff;
        color: #121212;
        padding: 5px 15px !important;
        z-index: 9;
        border-top: 2px solid #e3e3e3a6 !important;
        border-bottom: 2px solid #e3e3e3a6 !important;
    }

    .rightholder-history #totalbrokerage,
    .rightholder-history span#totalprofit {
        font-size: 16px;
    }

    .div.leftlist.mobileview {
        z-index: 10;
    }

    .pagecontainer2 {
        display: flex;
        position: fixed;
        z-index: 11;
        bottom: 57px;
        /*left: 15px;*/
        width: 100%;
    }

    .page-item.active .page-link {
        background-color: #0072fd !important;
    }

    .pagecontainer2 {
        margin: 0px 0px -9px 0px !important;
    }

    .settings-content {
        padding-top: 34px;
    }

    div.settings-content h3.customh3top {
        font-size: 18px;
        padding: 12px 0px 0px 0px !important;
    }

    .settings-list {
        display: flex;
        padding: 5px 0px;
        align-items: center;
        justify-content: center;
    }

    .settings-image {
        width: 15%;
        text-align: center;
        padding: 0px 10px;
    }

    .settings-image i {
        color: #fff;
        background: var(--blue);
        /*padding: 5px;*/
        border-radius: 6px;
        /*min-width: 26px;*/
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .settings-contents {
        width: 70%;
        border-bottom: 1px solid #eee;
        padding-bottom: 8px;
    }

    .settings-contents p {
        margin-bottom: 0px;
    }

    .settings-arrow {
        width: 15%;
        text-align: center;
        color: #dedede;
        border-bottom: 1px solid #eee;
        padding-bottom: 8px;
    }

    .settings-menu-list {
        border-top: 1px solid #dcdcdc;
        padding: 5px 0px;
        border-bottom: 1px solid #dcdcdc;
    }

    .settings-menu-list .settings-list:last-child .settings-contents,
    .settings-menu-list .settings-list:last-child .settings-arrow {
        border-bottom: none !important;
        padding-bottom: 0px;
    }

    .split-settings-menu {
        height: 23px;
        background: #f1f1f1;
    }

    .settings-menu-list .settings-list:nth-child(1) .settings-image i {
        background: #1DA462;
    }

    .settings-menu-list .settings-list:nth-child(2) .settings-image i {
        background: #DD5144;
    }

    .settings-menu-list .settings-list:nth-child(3) .settings-image i {
        background: #FFCD46;
    }

    .settings-menu-list .settings-list:nth-child(4) .settings-image i {
        background: #4C8BF5;
    }

    .settings-menu-list .settings-list:nth-child(5) .settings-image i {
        background: #DD5144;
    }

    .mobclick:nth-child(odd) {
        /*background: #f1f1f15c;*/
    }

    ul.search-result {
        margin-bottom: 0px !important;
        padding-top: 30px;
    }

    .searchitem:last-child {
        /*margin-bottom: 1rem;*/
    }

    .heading .settings-contents,
    .heading .settings-arrow {
        border: none !important;
        padding-bottom: 0px !important;
    }

    .settings-list.heading {
        padding: 0px !important;
    }

    .mobbs h6.redx {
        font-weight: bold;
        color: red !important;
        /*background: #ff000012!important;*/
        padding: 7px;
        border-radius: 3px;
        margin-right: 5px;
    }

    .mobpos .mobSymbol {
        /*min-width: 60px;*/
    }

    .mobpos.allpos>span>h6.redx,
    .mobpos.allpos>span>h6.bluex,
    .mobpos.allpen>span>h6.redx,
    .mobpos.allpen>span>h6.bluex {
        width: 45px;
        text-align: center;
    }

    div h3.customh3 {
        margin-bottom: 11px;
    }

    div h3.customh3 span {
        width: 50%;
    }

    .custom-column {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 8px;
    }

    .custom-column h5 {
        width: 50%;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
    }

    .custom-column h1 {
        width: 50%;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
    }

    .custom-column .ffmarg {
        width: 100%;
        display: flex;
    }

    .mamhead-dashboard {
        background: #0072fd !important;
    }

    .follow-out {
        min-width: 100px;
        /*New UI Code Start*/
        margin-bottom: 10px;
        /*New UI Code End*/
    }

    span.vstatus span {
        color: #fff !important;
        padding: 5px 13px;
        border-radius: 5px;
        font-size: 14px;
    }

    .custom-column h1 {
        color: #0072fd !important;
    }

    div h3.customh3top {
        font-size: 18px !important;
    }

    .custom_hiden_name h1 {
        display: none !important;
    }

    .custom_hiden_name h3 {
        margin-bottom: 0px !important;
        color: #000;
    }

    div.custom_hiden_name.center {
        padding-top: 34px !important;
    }

    .refer-mobpage {
        padding: 0px !important;
    }

    .mobile-refer .col-6,
    span.refid.refids,
    .mobile-refer .green-text,
    .refercount {
        text-align: left !important;
        font-size: 16px !important;
        margin-top: 4px !important;
        padding: 0px !important;
    }

    .mobile-refer .col-6 p {
        margin-bottom: 5px;
    }

    .copyhead-dashboard-2 {
        display: flex;
    }

    .copyhead-dashboard-2 th,
    #refercount-table-body td {
        width: 150px;
    }

    .copyhead-dashboard-2 th:nth-child(2),
    #refercount-table-body td:nth-child(2) {
        width: 220px;
    }

    .copyhead-dashboard-2,
    .copyhead,
    .mamhead,
    .redeem .tablecontent3 tr:nth-child(1),
    .redeem .tablecontent4 tr:nth-child(1) {
        background-color: #0072fd !important;
    }

    .redeem .tablecontent3 tr:nth-child(1) th,
    .redeem .tablecontent4 tr:nth-child(1) th {
        line-height: 42px;
        min-width: 100px;
    }

    .redeem .tablecontent3 th h4,
    .redeem .tablecontent4 th h4 {
        color: #fff;
        font-weight: 500;
        border-bottom: none !important;
        font-size: 13px;
        margin-bottom: 0px;
        line-height: 28px;
        font-family: 'Poppins', sans-serif !important;
    }

    .redeem .tablecontent3 td h6,
    .redeem .tablecontent4 td h6 {
        color: #212529;
        font-size: 13px;
        margin-bottom: 0px;
        padding: 0px;
        line-height: 33px;
        text-align: center;
        font-family: 'Poppins', sans-serif !important;
    }

    .table-container {
        border-radius: 6px !important;
    }

    .refer-link {
        background-color: #f1f1f1 !important;
        display: block;
        text-align: left;
        text-indent: 10px;
        margin-bottom: 10px;
        padding: 3px 0px;
    }

    .ref-container {
        padding: 0px !important;
    }

    .mobile-refer,
    .refer-mobpage .input-group.mb-3 {
        padding: 0px 10px;
    }

    .ref-container .col-12 {
        padding: 0px 5px;
    }

    .copy-trading {
        padding-top: 31px;
        overflow-x: auto;
    }

    div[data-page="mam_list"] .copy-trading {
        padding-top: 30px !important;
        overflow-x: auto;
    }

    div.tabcontent.profile-mob {
        padding: 0px;
    }

    div.tabcontent.profile-mob .text-center .formheader,
    .tabcontent .formheader,
    .redeem .tab3content h3,
    .redeem .tab4content h3 {
        background-color: #f1f1f1 !important;
        padding: 8px 10px !important;
        color: #141414;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 3px;
        width: 100%;
        text-align: left;
        font-family: 'Poppins', sans-serif !important;
    }

    div.tabcontent.profile-mob br,
    div.tabcontent.profile-mob hr {
        display: none;
    }

    div.tabcontent.profile-mob form,
    .redeem form.myform {
        padding: 0px 10px;
    }

    div.tabcontent.profile-mob form.row>* {
        margin-top: 15px;
    }

    div.tabcontent.profile-mob form .btn-primary,
    .requestpayment.btn.btn-success,
    .savepayment.btn.btn-primary,
    div a.depositbutton {
        color: #fff;
        background-color: var(--blue);
        border: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mobpos.allpos>span>h6.redx,
    .mobpos.allpos>span>h6.bluex,
    .mobpos.allpen>span>h6.redx,
    .mobpos.allpen>span>h6.bluex {
        width: 40px;
        text-align: right !important;
        margin-right: 0px;
    }

    div.tabcontent.profile-mob form .form-label,
    .redeem form .form-label {
        color: #000;
    }

    div.tablinks.current,
    div.tablink.current,
    body .maxwidth {
        border: none !important;
    }

    .page-register-v3 .panel {
        box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    }

    .searchitems .hovers {
        width: 85%;
    }

    .searchitems .hovercover .hovers span {
        width: 40px;
    }

    .searchitems .hovercover .hovers span .sub-buy {
        width: 100% !important;
        justify-content: center;
    }

    .searchitem .sub-buy {
        width: 32px !important;
    }

    #dragable_modal .modal-body {
        padding: 0px 10px 25px 10px !important;
    }

    .custom_tab_on_editor .nav-item .nav-link {
        padding: 5px !important;
    }

    div.ui-draggable-handle,
    .custom_tab_on_editor .nav-item.show .nav-link {
        background: #0072fd !important;
    }

    #dragable_modal .modal-dialog {
        width: 80%;
        transform: translate(-50%, -50%) !important;
        top: 50% !important;
        left: 50% !important;
    }

    #dragable_modal .ui-draggable .modal-content {
        width: 100% !important;
        min-height: auto !important;
        height: auto !important;
    }

    #dragable_modal .custom_tab_on_editor,
    .custom_tab_on_editor .nav-item .nav-link {
        border-top: none !important;
        border-right: none !important;
        justify-content: space-evenly;
    }

    #dragable_modal .close_btn {
        background: #f44336 !important;
        border: 1px solid #f44336 !important;
    }

    .custom_tab_on_editor {
        background: #fff !important;
        color: #000;
    }

    .custom_tab_on_editor .nav-link {
        color: #000 !important;
    }

    .custom_tab_on_editor .nav-link.active {
        border-bottom: 2px solid #0072fd !important;
        background: #fff !important;
        color: #000;
    }

    .custom_tab_on_editor .nav-item.show .nav-link:before,
    .custom_tab_on_editor .nav-link.active:before {
        display: none !important;
    }

    .nav-tabs .nav-link {
        border-left: none !important;
    }

    .mobpos.allpos span.mobbs h6,
    .mobpos.allpen span.mobbs h6 {
        text-align: center !important;
        text-transform: lowercase;
        font-size: 16px !important;
    }

    .tabcontent.redeem {
        padding: 0px;
    }

    .redeem br,
    .redeem hr {
        display: none !important;
    }

    .redeem .table-responsive {
        margin-top: 10px;
        border-radius: 6px;
    }

    .redeem .table-responsive tr>td {
        font-weight: 500;
        line-height: 44px;
        color: #212529;
        text-align: center;
        font-size: 12px;
    }

    .redeem .table-responsive tr:nth-child(odd) {
        background-color: #f2f2f2;
    }

    div[data-link="deposit"] {
        text-align: center;
    }

    div[data-link="deposit"] .input-group,
    div[data-link="deposit"] form {
        justify-content: center;
    }

    div[data-link="deposit"] img {
        padding: 0px;
    }

    #pamm_heading,
    #pamm_heading_1,
    #pamm_heading_2,
    .flex-heading {
        display: flex !important;
        padding-top: 34px;
    }

    #pamm_heading h3.pamm-menu-active,
    #pamm_heading_1 h3.pamm-menu-active,
    #pamm_heading_2 h3.pamm-menu-active,
    .flex-heading h3.h3-menu-active {
        border-bottom: none !important;
        background-color: #e5f2ff;
        /*color: #fff!important;*/
        font-weight: 500;
    }

    .pamm-list.pamm-trading-table {
        overflow-x: auto;
    }

    .pamm-list.pamm-trading-table tr.pamm-head,
    .pamm-following-head,
    .pamm-followers-head {
        /*background-color: #0072fd!important;*/
    }

    .pamm-following-head th:last-child {
        min-width: 100px;
    }

    #navtoggle svg {
        transform: scale(1.3);
    }

    #navtoggle svg path {
        fill: #72899e !important;
    }

    .leftlist.mobileview #navtoggle.active svg path {
        fill: #191d3e !important;
    }

    div.mobclick span.mobpnl>h6 {
        font-size: 22px !important;
    }

    .lefticons,
    .lefticon {
        line-height: 20px;
        padding: 9px 3px;
    }

    .mob-name-title {
        font-size: 10px;
        display: block;
    }

    .active .mob-name-title {
        color: #000;
        font-weight: bold;
    }

    span.bid,
    span.bid,
    span.offer {
        border-right: none !important;
    }

    .mobpos.allpos>span>h6,
    .mobpos.allpen>span>h6 {
        font-size: 15px;
    }

    .pagination>li>a,
    .pagination>li>span {
        margin: 0px 3px !important;
        padding: 0px 10px !important;
    }

    .rightholder.float-right {
        font-size: 16px !important;
    }

    tr th.copyth {
        color: #212529;
    }

    .dash-card h2 {
        font-size: 19px !important;
    }

    .dash-card p {
        font-size: 18px !important;
    }

    /*.trade-custom-table tr th:nth-child(2)*/

    .trade-custom-table tr td:nth-child(2),
    .trade-custom-table tr th:nth-child(2),
    .trade-custom-table tr td:nth-child(4),
    .trade-custom-table tr th:nth-child(4),
    .trade-custom-table tr td:nth-child(5),
    .trade-custom-table tr th:nth-child(5),
    .trade-custom-table tr td:nth-child(6),
    .trade-custom-table tr th:nth-child(6),
    .trade-custom-table tr td:nth-child(8),
    .trade-custom-table tr th:nth-child(8) {
        display: none !important;
    }

    .trade-buy-sell {
        display: block;
        position: static !important;
    }

    .trade-buy-sell-container {
        display: flex;
        justify-content: space-between;
        padding: 0px;
        /*padding: 3px 5px;*/
    }

    #buy_symbol {
        background: var(--blue);
        border: 1px solid var(--blue);
        color: #fff;
        width: 33%;
        padding: 4px 0px !important;
        line-height: 1.4;
        border-radius: 0px;
    }

    #sell_symbol {
        background: #ff0000;
        border: 1px solid #ff0000;
        color: #fff;
        width: 33%;
        padding: 4px 0px !important;
        line-height: 1.4;
        border-radius: 0px;
    }

    #trade-lot-size {
        width: 34%;
        text-align: center;
        border: 1px solid #eee;
        font-weight: bold;
    }

    div.tablinkss.current {
        font-weight: 700;
        color: #fff;
        background-color: #4580e2;
        /*background-color: var(--blue);*/
        border: none !important;
    }

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

    #tv_chart_container div {
        height: calc(100vh - 86px) !important;
    }

    #bt_chart_container div {
        height: calc(100vh - 86px) !important;
    }

    div span.mobbs {
        padding-right: 0px;
        padding-left: 0px;
    }

    div.mobpos.allpos,
    div.mobpos.allpen {
        line-height: 8px;
        position: relative !important;
        padding: 5px 6px;
    }

    .mobpos.allpos .mobSymbol h6,
    .mobpos.allpos .mobLot h6,
    .mobpos.allpen .mobSymbol h6,
    .mobpos.allpen .mobLot h6 {
        font-weight: bold;
    }

    .mobpos.allpos .mobLot h6,
    .mobpos.allpen .mobLot h6 {
        /*margin-left: 5px;*/
    }

    span.mobsl>h6,
    span.mobtp>h6,
    span.mobpartiallot>h6 {
        font-size: 14px !important;
    }

    span.mobsl:before,
    span.mobtp:before,
    span.mobpartiallot:before {
        font-size: 14px !important;
    }

    .mobhide {
        padding: 20px 0px 15px 0px !important;
        position: relative;
    }

    span.mobcancel>h6 {
        color: red;
        padding-right: 20px;
        padding-top: 5px;
    }

    span.mobcancel>h6.cancelposition {
        padding-top: 0px !important;
        position: absolute;
        right: 0px;
        top: 20px;
    }

    .mobposcontenthistory span.mobpnl {
        position: absolute !important;
        right: 0px;
        top: 7px !important;
    }

    .mobposcontent span.mobpnl {
        position: absolute !important;
        right: 6px;
        top: 22px !important;
    }

    .page_title p {
        box-shadow: none !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid #eee !important;
    }

    .page div#exampleTabsIconOnex {
        padding-top: 37px !important;
    }

    .xfreemargin.xfreemarginx,
    #pcview,
    .curPostionLength {
        display: none !important;
    }

    #mobview {
        display: block !important;
    }

    .modal-footer {
        padding: 5px;
    }

    #mobview .col-6 {
        padding: 0px;
    }

    .smallfonts {
        padding: 0px 5px;
    }

    /*.hovers span:first-child{ */
    /*    border: #5f5f5f !important;*/
    /*    background: #5f5f5f !important; */
    /*}*/
    /*.hovers span:first-child .sub-buy{*/
    /*    background: #fff !important; */
    /*}*/
    table.refercount-table .copyhead-dashboard-2 {
        background: #fff !important;
        box-shadow: none !important;
        border-bottom: 1px solid #eee !important;
        line-height: 32px;
    }

    .totalprofit.floatbox span {
        font-weight: bold;
    }

    span.moblot>h6 {
        font-size: 14.5px !important;
        padding-left: 0px !important;
    }

    .thead-dark .copyhead th {
        /*line-height: 10px;*/
        /*    line-height: 0px;*/
        /*    padding: 19px 0px;*/
    }

    .sidefooter {
        position: fixed !important;
        z-index: 1;
    }

    .mobposcontenthistory .mobclick {
        padding: 1px 9px !important;
    }

    div.mobposcontent .mobclick {
        padding: 1px 0px !important;
    }

    .mobposcontent {
        padding: 0px !important;
    }

    .closing_time_date {
        font-size: 11px;
        float: right;
        margin-top: 7px;
    }

    .filter.page_title p {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 3px 5px !important;
        height: 40px;
    }

    .filter.page_title p span {
        width: 33.33% !important;
    }

    .filter-box .btn {
        /*padding: 3px 7px!important;*/
        padding: 0px !important;
        width: 24px;
        height: 24px;
        font-size: 14px;
        margin-right: 10px;
        margin-top: 2px;
    }

    .page_title {
        position: relative;
    }

    .page_title .back_arrow {
        position: fixed;
        top: 4px;
        left: 5px;
        z-index: 10;
        padding: 2px 20px;
        font-size: 18px;
    }

    .mt46 {
        margin-top: 46px !important;
    }

    .resizer-y,
    .div2 {
        display: none !important;
    }

    .openchartmob {
        padding-left: 25px;
        position: absolute;
        top: 68px;
        right: 22px;
    }

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

    #tab-1 .empty-state {
        display: none;
    }

    .history-footer {
        display: block;
        text-align: center !important;
        padding-bottom: 8px !important;
        padding-top: 8px !important;
        position: fixed;
        bottom: 55px;
        background: #fff;
        color: #121212;
        z-index: 9;
        border-top: 2px solid #e3e3e3a6 !important;
        border-bottom: 2px solid #e3e3e3a6 !important;
        margin: auto;
        padding-left: 1px;
        padding-right: 1px;
    }

    span#totalprofit,
    #totalbrokerage,
    span#totalprofit,
    #totalbrokerage,
    #tswap,
    #total_withdraw,
    #total_deposit,
    #total_balance,
    #tswapMob {
        font-size: 16px !important;
        color: #000 !important;
    }

    .mobtime {
        width: 200px;
        display: inline-block;
    }

    div[data-page="history"] .dropdown .dropdown-menu.show {
        transform: translate3d(-47px, 34px, 0px) !important;
    }

    .lotwithtrigger {
        display: flex;
        margin-top: 10px;
    }

    .lotwithtrigger span h6 {
        font-size: 14px;
        text-transform: capitalize;
        color: #000;
        display: inline-block;
    }

    .mobslot,
    .mobstrigger {
        display: inline-block;
        padding-left: 16px;
    }

    .mobslot::before {
        display: inline-block;
        content: "LOT : ";
        padding-right: 8px;
        font-size: 14px;
    }

    .mobstrigger::before {
        display: inline-block;
        content: "TRIGGER : ";
        padding-right: 8px;
        font-size: 14px;
    }

    .tab1content .linkxholder {
        padding: 0px;
        display: flex;
    }

    .tab1content .linkxholder a {
        width: 48% !important;
        display: inline-block;
        text-align: center;
        padding: 4px 10px;
        background: #f1f1f1;
        border-radius: 7px;
    }

    .openpendingmobile .allpen h6 {
        margin-bottom: 0px !important;
    }

    .mobcancel .cancelorder {
        position: absolute;
        right: 3px;
        top: 14px;
    }

    .allpen .lotNPrice {
        margin-bottom: 0px;
        line-height: 20px;
    }

    span.mobpenpnl {
        /* top: 2px; */
        top: 18px;
        font-size: 32px !important;
        display: block;
        float: right;
        position: relative;
    }

    .dragSymbolButton {
        height: 38px !important;
        line-height: 38px !important;
        border-bottom: none !important;
    }

    li.searchitems .hovers .move {
        display: block !important;
    }

    .ip_mob_list {
        line-height: 3px;
        position: relative !important;
        padding: 5px 9px;
        text-align: left;
    }

    .ip_mob_list h6 {
        display: inline-block;
        color: #212529;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .ip_name h6 {
        font-weight: 600;
        color: #212529;
        font-size: 16px;
        margin-bottom: 3px;
    }

    .ip_pnl h6 {
        color: #212529;
        font-size: 15px;
        margin-bottom: 3px;
    }

    .ip_pnl_value {
        position: absolute;
        top: 19px;
        right: 12px;
        font-size: 16px !important;
        font-weight: bold;
    }

    .ip_pnl {
        padding-left: 10px;
    }

    .ip_mob_content h6.bottommob {
        text-align: left;
        padding-left: 14px;
        color: #212529;
        margin-bottom: 0px;
        line-height: 20px;
    }

    .ip_mob_content .mobhide {
        padding: 5px 10px;
    }

    #ip_pc_view,
    .tab1content .linkxholder {
        display: none !important;
    }

    #ip_mob_view {
        display: block !important;
        padding: 0px;
    }

    .ip_head {
        background-color: #f1f1f14a !important;
        padding: 5px 10px !important;
        color: #7d7d7d !important;
        font-size: 13px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif !important;
    }

    div[data-page="history"] div.mobpos.allpos {
        padding: 5px 0px !important;
    }

    .mobposcontenthistory .history-footer .col-6 {
        padding: 0px 9px !important;
    }

    .empty-positions,
    .openposition {
        display: none !important;
    }

    .resetModifyValue {
        padding: 1px 3px;
    }

    #tv_chart_container iframe {
        height: calc(100vh - 87px) !important;
        width: 100%;
    }

    #bt_chart_container iframe {
        height: calc(100vh - 87px) !important;
        width: 100%;
    }

    /* New Update AUG 11*/
    #toast-container>div {
        padding: 8px !important;
        width: 285px !important;
    }

    #toast-container .toast-title {
        font-size: 12px;
    }

    div[data-page="history"] .dropdown .dropdown-menu.show {
        left: -11px !important;
    }

    #historyOrderModal .modal-dialog.modal-sm {
        min-width: auto !important;
    }
}


@media screen and (min-width: 600px) {

    .allpos .cancelposition,
    .pendind-order-list .cancelorder {
        display: none;
    }

    .allpos:hover .cancelposition,
    .pendind-order-list:hover .cancelorder {
        display: block !important;
    }

    .chart-history-pnl-row td {
        font-size: 13px;
        line-height: 27px !important;
    }

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

    .lefticons img {
        width: 20px;
    }

    #navtoggle {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #navtoggle img {
        width: 22px;
        display: none;
    }

    .active-img,
    .dark-img,
    .lefticons.active .light-img,
    .darkTheme .light-img,
    .darkTheme .lefticons.active .dark-img {
        display: none !important;
    }

    .lefticons.active .active-img,
    .darkTheme .dark-img,
    .light-img,
    body:not(.darkTheme) .lefticon.active .light-img-active,
    body:not(.darkTheme) .lefticon:not(.active) .light-img-normal,
    .darkTheme .lefticon.active .dark-img-active,
    .darkTheme .lefticon:not(.active) .dark-img-normal {
        display: block !important;
    }

    .chart-bulk-close-list {
        background: #fff;
        border: 1px solid #e9e9e9;
        position: absolute;
        right: 60px;
        bottom: 9px;
        display: none;
    }

    .chart-bulk-close-list .chart-bulk-btn {
        font-size: 14px;
        margin-bottom: 0px;
        display: none;
        padding: 5px 10px;
        cursor: pointer !important;
    }

    .chart-bulk-close-list.showPendingOrdersList .chart-bulk-btn.bulk-pending-close-operation {
        display: block !important;
    }

    .chart-bulk-close-list.showOrdersList .chart-bulk-btn.bulk-close-chart-operation {
        display: block !important;
    }

    .chart-bulk-close {
        position: absolute;
        right: 56px;
        cursor: pointer;
        padding: 5px;
        z-index: 9;
    }

    .empty-pending-row {
        padding: 5px !important;
        height: 24px;
        line-height: 24px;
    }

    .empty-position-row {
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        color: #828282;
        width: auto !important;
    }

    .toggleFullChart {
        bottom: 0px;
        position: absolute;
        border-top: 1px solid #e9e9e9;
        /* background: #fff; */
        right: 76px;
        cursor: pointer;
        z-index: 0;
        padding: 0px 20px;


    }

    .main {
        padding-left: 3.2rem !important;
    }

    .lefticons.toplefticon {
        height: 50px;
    }

    .lefticons,
    .lefticon {
        height: 50px;
    }

    .resizer-y .closed-text {
        position: absolute;
        left: 260px;
        top: 0px;
        width: 150px;
    }

    .resizer-y .cancelled-text {
        /* Cancelled order show AA */
        position: absolute;
        left: 459px;
        top: 0px;
        width: 150px;
    }

    .resizer-y .pending-text {
        border-right: 1px solid #c9c8c8;
        border-left: 1px solid #c9c8c8;
    }

    .chartHistory td h6 {
        line-height: 27px !important;
        font-size: 13px !important;
    }

    .chartHistory td h6.btn {
        line-height: 17px !important;
    }

    .chartHistory td h6.btn.bluex-btn,
    .chartHistory td h6.btn.redx-btn {
        font-size: 12px !important;
    }

    .chartHistory .thead-light {
        padding: 0 0.5rem;
    }

    .chartHistory .thead-light h4 {
        margin-bottom: 0px;
        margin-top: 0px;
        color: #828282;
        padding: 4px;
    }

    .order-history .table-responsive {
        height: calc(100vh - 146px);
        max-height: calc(100vh - 146px);
    }

    .order-history .cus-statics-pad {
        background: #fff;
        padding: 15px 0px;
    }

    .order-history .table-responsive .tablecontent2 tr:first-child {
        position: sticky;
        top: 0px;
        background: #fff;
    }

    .lefticons.active,
    .sidefootul>li.active {
        color: #4597ff;
        border-bottom: 1px solid #e9e9e9 !important;
        /*border-bottom:1px solid #ff0000!important;*/
    }

    div[data-page="history"] .dropdown .dropdown-menu.show {
        right: 25px !important;
        left: 33px !important;
    }

    span.spread {
        min-width: 60px !important;
    }

    .mobposcontenthistory,
    .mobileRes,
    .page_title,
    .mobile-refer {
        display: none !important;
    }

    .customPadding {
        padding: 12px !important;
    }

    #tv_chart_container iframe {
        /*height: 610px!important;*/
    }

    /* New Update AUG 11*/
    #toast-container {
        left: calc(18.5rem + 4rem) !important;
        bottom: calc(30vh - 24px - 30px) !important;
    }

    #toast-container>div {
        padding: 5px 10px !important;
        width: 277px !important;
    }
}

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

#historyOrderModal .modal-dialog {
    left: 0px !important;
    top: 0px !important;
}

#historyOrderModal .modal-dialog .modal-content {
    width: auto !important;
}

.cus-modal-head {
    font-size: 16px;
    font-weight: bold;
}

#historyOrderModal .modal-dialog {
    min-width: 370px !important;
}

/* New Update AUG 11*/
#toast-container .toast-close-button {
    right: 0px;
    top: 0px;
}

#toast-container>.toast {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
    opacity: 1;
    font-size: 13px !important;
    padding-left: 30px !important;
    background-size: 16px;
    background-position: 8px;
}

#toast-container>.toast.toast-info {
    width: 150px !important;
}

#toast-container>div {
    box-shadow: none !important;
}

/*================ mobile responsive end ===========================*/
.resetModifyValue {
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 10px;
    margin-left: 8px;
    cursor: pointer;
    font-size: 9px;
    margin-bottom: 0px;
    height: 12px;
    margin-top: 0px;
    width: 12px;
    line-height: 12px;
    position: relative;
    top: 0px;
}

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

.empty-positions,
.openposition {
    display: none;
}

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

.curPostionLength {
    padding: 0px;
}

.openposition {
    padding: 0px;
}

.poscontent-head th h4 {
    margin-bottom: 0px;
}

.darkTheme .poscontent-head th h4 {
    border-bottom: none !important;
}

.poscontent-head th {
    border-bottom: 1px solid rgb(222, 226, 230) !important;
}

.p-relative {
    position: relative !important;
}

.bg-gray {
    background-color: #f1f1f1 !important;
}

.poscontent-foot {
    position: sticky;
    bottom: 0px;
}

.chartPostionsList {
    margin-bottom: 30.5px;
    min-height: 26px !important;
}

.chartPostionsList .poscontent-foot {
    position: absolute !important;
    bottom: 0px;
    display: block;
    width: 100%;
}

.chartPostionsList .poscontent-foot .bg-gray {
    display: flex;
    /*justify-content: space-around;*/
    width: 100%;
    position: relative;
}

.chartPostionsList td.p-relative {
    position: absolute !important;
    right: 6.5%;
    width: 9%;
    text-align: center;
}

.w88 {
    width: 88%;
}

tr.allpos:hover,
tr.pendind-order-list:hover {
    background: rgb(0 0 0 / 3%);
}

.darkTheme tr.allpos:hover,
.darkTheme tr.pendind-order-list:hover {
    background: rgb(34 40 49 / 48%);
}

/*.totalprofitvalue{*/
/*    right: 90px;*/
/*    top: 3px;*/
/*    position: absolute;*/
/*}*/
.colorBUY {
    color: var(--blue) !important;
}

.colorSELL {
    color: red !important;
}

.fsCustom {
    font-size: 14px !important;
}

::selection {
    background-color: var(--blue);
    color: #fff;
}

input#search-input {
    background-color: #f9f9f9;
    height: 37px;
    font-size: 14px;
}

button.danger {
    background-color: #ff5722 !important;
    border: 1px solid #ff5722 !important;
}

.toggle-group .btn.btn-success {
    border: 1px solid #fff !important;
}

.search .searchicon {
    top: 10px;
}

#ip_pc_view,
.tab1content .linkxholder {
    display: block;
}

#ip_mob_view,
div[data-page="position"] .pagination {
    display: none;
}

#livePriceContainer {
    overflow-y: auto;
    height: calc(100vh - 117px);
}

li.searchitems .hovers .move {
    display: none;
}

/* Hide scrollbar */
body {
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

/* Hide scroll thumb */
body::-webkit-scrollbar-thumb {
    display: none;
}

/* Hide scroll track */
body::-webkit-scrollbar-track {
    display: none !important;
}







.sidefooter {
    z-index: 1;
}

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

.div1hover {
    position: relative;
    cursor: row-resize;
}

.div2 .openposition table {
    margin-bottom: 0px !important;
    border-bottom: 1px solid rgb(222, 226, 230) !important;
}

.div2 .openposition table tr:last-child td {
    border-bottom: none !important;
    /*position: absolute;*/
    /*right: 14px;*/
}

.div1hover::after {
    content: '';
    width: 100%;
    height: 100vh;
    position: absolute;
    bottom: 0px;
    /*background: #000;*/
}

table.openpending td h6 {
    line-height: 28px;
}

#myTabContent input[type="number"]:focus {
    outline: none;
    box-shadow: none;
}

#myTabContent input[type="number"] {
    margin-bottom: -5px;
    padding: 10px 5px 5px 15px;
}

#myTabContent .form-label {
    padding: 0px 6px;
    margin-bottom: 3px;
    position: relative;
    top: 15px;
    left: 10px;
    font-size: 16px;
    background: #ffff;
}

.pagecontainer .center:nth-child(2) {
    display: none;
}

div[data-page="position"] .table {
    margin-bottom: 0px !important;
}

div[data-page="position"] .openposition .table:first-child tr:last-child td {
    border-bottom: none !important;
}

.equityraw {
    background-color: #f1f1f1;
    padding: 3px 0px;
    position: relative;
}

div[data-page="history"] .dropdown-menu.show {
    transform: translate3d(18px, 38px, 0px) !important;
}

.openposition td h6,
.order-history td h6 {
    line-height: 28px;
}

.openposition td h6.btn,
.order-history td h6.btn {
    line-height: 17px;
}

td h6 {
    margin-bottom: 0px;
}

table td {
    padding: 1px !important;
}

.filter-box .btn {
    padding: 2px 5px;
    margin-top: 5px;
    margin-left: 10px;
}

.toplefticon {
    padding: 9px 8px !important;
}

.toplefticon img {
    width: 25px;
}

.order-selection-type {
    /*background: #0072fd4f;*/
    padding: 8px 0px 0px 0px;
    /*margin-bottom: 11px;*/
}

.poscontent tr th:nth-child(10),
.poscontent tr th:nth-child(11) {
    width: 100px;
}

.dropdown-toggle::after {
    display: none !important;
}

.filter-box {
    text-align: right;
}

.filter_list.active {
    background: #f1f1f1 !important;
}

.filter-box .dropdown-menu li {
    cursor: pointer;
    padding: 4px 5px;
}

.filter-box .btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    box-shadow: none !important;
}

.trade-buy-sell {
    display: block;
    position: absolute;
    top: 110px;
    left: 64px;
    z-index: 9;
}

.tradingview-widget-container {
    position: relative;
}

.trade-buy-sell-container {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    /*padding: 3px 5px;*/
}

.lot-action {
    width: 8%;
    text-align: center;
    line-height: 1.4;
    font-size: 22px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #eee;
    outline: none !important;
    box-shadow: none !important;
}

#buy_symbol {
    background: var(--blue);
    border: 1px solid var(--blue);
    color: #fff;
    width: 25%;
    padding: 4px 0px !important;
    line-height: 1.4;
    border-radius: 0px;
}

#sell_symbol {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    width: 25%;
    padding: 4px 0px !important;
    line-height: 1.4;
    border-radius: 0px;
}

#trade-lot-size {
    width: 34%;
    text-align: center;
    border: 1px solid #eee;
    font-weight: bold;
}

#buy_symbol:focus:not(:focus-visible),
#sell_symbol:focus:not(:focus-visible) {
    box-shadow: none !important;
}

#mobview {
    display: none;
}

#pcview {
    display: block;
}

.searchitems .hovers {
    width: 75%;
}

#pamm_heading,
#pamm_heading_1,
#pamm_heading_2,
.flex-heading {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    box-shadow: 1px 7px 13px -10px rgb(0 0 0 / 36%);
    margin-bottom: -10px;
}

#pamm_heading h3,
#pamm_heading_1 h3,
#pamm_heading_2 h3,
.flex-heading h3 {
    /*New UI Code Start*/
    /*background: #fff;*/
    background: transparent;
    color: #212529;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    cursor: pointer;
    margin: 0px;
    text-align: center;
    /*margin-right: 7px;*/
    /*border-radius: 7px;*/
    width: 50%;
    /*border: 1px solid #eee!important;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*New UI Code End*/
}

#pamm_heading h3.pamm-menu-active,
#pamm_heading_1 h3.pamm-menu-active,
#pamm_heading_2 h3.pamm-menu-active,
.flex-heading h3.h3-menu-active {
    /*New UI Code Start*/
    /*border-bottom: 3px solid #ff5722!important;*/
    background: #e5f2ff;
    border-right: 1px solid #e4e3e6;
    /*New UI Code End*/
}

.refer-mobpage .table-container table {
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    margin: 0px;
}

.order-history,
.pc-refer {
    display: block;
}

.copyhead-dashboard-2 {
    box-shadow: 0 2px 8px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 5%) !important;
    line-height: 42px;
    background: #a7d6f8;
}

#refercount-table-body>tr>td {
    font-weight: 500;
    line-height: 44px;
    color: #212529;
    font-size: 12px;
}

.mobposcontenthistory .mobclick div.mobpos.allpos span.mobpnl h6,
div.mobposcontent .mobclick span.mobpnl>h6 {
    /*font-family: 'Teko', sans-serif!important;*/
    /*ATS251119005*/
    width: 350px !important;
    /*ATS251119005*/
    font-size: 17px !important;
    text-align: right;
    font-weight: bold;
    margin-top: -3px !important;
}

.mobpos.allpos>span>h6,
.mobpos.allpen>span>h6 {
    color: #121212;
}

.redx {
    color: red !important;
}

.greenx {
    color: var(--blue) !important;
}

.refer-mobpage .table-container {
    width: 100%;
    overflow: auto;
}

.refer-report td {
    padding: 0px !important;
}

.referReport-table {
    width: 100%;
}

.referReport-table tr {
    box-shadow: 0 2px 8px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 5%) !important;
    line-height: 26px;
    background: #f2f2f2;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #e7e7e7;
}

.referReport-table tr th {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.referReport-table tr td {
    font-size: 12px !important;
    color: #000000;
    font-weight: 400;
}

.custom-row.refer-report-btn {
    cursor: pointer;
}

#refercount-table-body tr.custom-row {
    /*background-color: #f2f2f2;*/
    border-bottom: 1px solid #f1f1f1;
}

.page_title p {
    top: 0px;
}

.dash-card {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
}

.dash-card h2 {
    font-size: 20px;
    margin-bottom: 5px;
}

.dash-card p {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: bold;
}

h3.customh3top {
    text-align: center;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #000 !important;
    font-size: 25px;
    padding-left: 0px;
    font-weight: bold;
}

.vstatus>span {
    padding: 2px 11px !important;
    border-radius: 4px !important;
}

h3.h1copy {
    margin: 0px;
    margin-top: 12px;
}

tr.copyhead-dashboard,
.mamhead-dashboard,
.pamm-head-dashboard,
tr.copyhead,
.mamhead,
.pamm-head,
.mamhead_mf,
.mamhead_mfl,
.copyhead_cf,
.copyhead_fu {
    line-height: 29px !important;
    background: #fff !important;
    /*box-shadow: none!important;*/
    border-bottom: 1px solid #eee;
    left: -9px;
    position: relative;
}

div[data-page="user_copy_follwers"] table td,
div[data-page="user_mam_follwers"] table td,
div[data-page="copy_following_list"] table td,
div[data-page="mam_following_list"] table td,
div[data-page="redeem"] table td {
    padding: 8px !important;
}

.copybody-dashboard tr:nth-child(2n) {
    background-color: #fff !important;
}

.more_btn {
    width: 100px;
    padding: 6px 15px;
    height: 35px;
    position: relative;
    float: right;
}

.mamhead-dashboard th:first-child,
.pamm-head-dashboard th:first-child,
.copyhead-dashboard th:first-child {
    min-width: 140px;
    border-radius: 8px 0px 0px 8px !important;
}

.pamm-head,
.copyhead,
.mamhead,
.pamm-followers-head,
.pamm-following-head {
    background: #fff !important;
    /*line-height: 24px!important;*/
    border-top: 1px solid rgb(222, 226, 230);
    line-height: 19px;
}

.table .copyth:last-child {
    padding-left: 10px;
}

th.copyth {
    color: #212559 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

table .copybody-dashboard>tr>td,
table .mambody-dashboard>tr>td,
table .pamm-body-dashboard>tr>td,
table .copybody>tr>td,
table .mambody>tr>td,
table .pamm-body>tr>td {
    font-weight: 400;
    line-height: 44px;
    color: #828282;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    background-color: #fff !important;
}

.tablinkss.current {
    font-weight: bold;
    color: #ff5721;
    background-color: #e5f2ff;
    border-bottom: 2px solid #ff5721;
}

.tablinkss {
    padding: 6px;
    text-align: center;
    flex-grow: 1;
    cursor: pointer;
}

#dragable_modal .ui-draggable .modal-content {
    max-width: 400px !important;
    min-height: auto !important;
    height: auto !important;
}

.custom_tab_on_editor {
    background: #fff !important;
    color: #000;
    justify-content: space-around;
}

.custom_tab_on_editor .nav-link.active {
    border-bottom: 2px solid #0072fd !important;
    background: #fff !important;
    color: #000;
}

.custom_tab_on_editor .nav-item.show .nav-link:before,
.custom_tab_on_editor .nav-link.active:before {
    display: none;
}

.custom_tab_on_editor .nav-item .nav-link,
.custom_tab_on_editor .nav-item.show .nav-link,
.custom_tab_on_editor .nav-link.active {
    color: #000 !important;
}

.custom_tab_on_editor .nav-item .nav-link {
    border-right: none !important;
}

.custom_tab_on_editor .nav-item .nav-link:hover {
    background: none !important;
}

.red-option {
    color: red;
    border-top: 2px dashed red;
}

.red-option:before {
    /*content: 'hai';*/
}

.esearch-result,
.list-all-symbols {
    overflow-y: auto;
    /*height: calc(100vh - 157px);*/
    height: calc(100vh - 154px);
    margin-bottom: 0px;
}

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

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

p.refer_info {
    margin: 0px !important;
}

.tab-head-active {
    border-bottom: 2px solid #4C8BF5 !important;
    background: #e5f2ff;
    color: #000000 !important;
    font-size: 14px;
    cursor: pointer;
    margin: 0px;
    text-align: center;
    display: block;
    font-family: 'Poppins', sans-serif !important;
    padding: 9px 0px;
    font-weight: 500;
}

.pad-0 {
    padding: 0px !important;
}

.refer-earn-head {
    box-shadow: 0 2px 8px rgb(0 0 0 / 5%), 0 1px 1px rgb(0 0 0 / 5%) !important;
    line-height: 42px;
    background: #fff;
    border-top: 1px solid #f1f1f1;
}

.refer-container {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    margin-bottom: 15px;
}

.refer-container h5 {
    font-size: 20px;
    margin-bottom: 5px;
}

.refer-container h1,
.refer-container h1 span {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #000;
    border: none;
}

.history-statics {
    text-align: center;
    background: #fff;
    padding: 5px;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 7%);
}

.title-custom {
    font-weight: bold;
    color: #000;
}

.withdraw-deposit {
    padding: 2px 10px;
}

.tablecontent4 td h6 {
    padding: 3px 0px;
}

span.bid,
span.offer {
    border-right: none !important;
}

.mobilesearchitems {
    position: relative;
    z-index: 1;
}

.searchitem,
.searchitems {
    padding: 10px 8px;
}

.search-result {
    margin: 0px;
}

.searchitems .hovers .placeorder,
.searchitems .hovers .openchart {
    height: 28px;
    font-size: 14px !important;
    min-width: 35px !important;
    display: inline-block !important;
    margin-left: 3px !important;
    border-radius: 3px !important;
    line-height: 18px;
}

.searchitems .hovers .placeorder.buy {
    background-color: #0072fd !important;
    border: 1px solid #0072fd !important;
    font-weight: 400 !important;
    padding: 4px 10px !important;
}

.searchitems .hovers .openchart {
    padding: 5px 10px !important;
}

.searchitems .hovers .placeorder.sell {
    background-color: #ff5722 !important;
    font-weight: 400 !important;
    border: 1px solid #ff5722 !important;
    padding: 4px 10px !important;
}

.deletewl,
.searchitems .hovers .closepopup {
    width: 35px;
    height: 28px;
    padding: 0px 11px !important;
    min-width: 33px !important;
    display: inline-block !important;
    margin-left: 3px !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    border: 1px solid #9b9b9b !important;
}

.deletewl {
    font-size: 11px !important;
}

.deletewl .sub-buy {
    max-width: 35px;
    height: 26px !important;
    line-height: 26px;
    background-color: #fff !important;
    color: #444 !important;
    justify-content: center;
}

.searchitems .hovers .closepopup {
    color: #444;
    line-height: 26px;
    font-size: 13px !important;
}

.sub-buy.favourite.fa-plus {
    width: 24px !important;
}

.vstatus .blue {
    background-color: #0072fd !important;
}

.user-status {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

/*.user-status.approved{ */
/*    background-image: url(https://trade.edgenexcapital.com/img/approved.png);*/
/*}*/
/*.user-status.pending{ */
/*    background-image: url(https://trade.edgenexcapital.com/img/pending.png);*/
/*}*/
/*.user-status.reject{ */
/*    background-image: url(https://trade.edgenexcapital.com/img/reject.png);*/
/*}*/
/*.user-status.balance_img{ */
/*    background-image: url(https://trade.edgenexcapital.com/img/balance.png);*/
/*}*/
/*.user-status.account_img{ */
/*    background-image: url(https://trade.edgenexcapital.com/img/account.png);*/
/*}*/
/*.user-status.freemargin_img{ */
/*    background-image: url(https://trade.edgenexcapital.com/img/freemargin.png);*/
/*}*/
/*div[data-page="refer"] .custom_hiden_name{*/
/*	  background-image: url(https://trade.edgenexcapital.com/img/refer.png), url(https://trade.edgenexcapital.com/img/refer.png);*/
/*	  background-position: right, right;*/
/*	  background-repeat: no-repeat, no-repeat;*/
/*     background-size: contain;*/
/*}*/


/* Author END : Mani */

/*mobile Responsive Start*/

@media screen and (max-width : 600px) {
    * {
        touch-action: manipulation;
    }

    .mobposcontenthistory [data-type="sl"] {
        background: #fafafa;
        min-width: 0px;
        padding: 0px;
    }

    .mobposcontenthistory .mobhide {
        padding: 5px 0px !important;
    }

    .mobposcontenthistory .mobhide .bottommob {
        margin-top: 0px;
    }

    /*.pcview, .equityraw span.child.pcviewinline{ */
    .pcview,
    .equityraw span.child.pcviewinline {
        display: none !important;
    }

    div.leftlist.mobileview {
        display: flex !important;
        flex-flow: row nowrap;
        z-index: 10;
        position: relative;
    }

    /*Mobile Order Modal */
    .pad-0 {
        padding: 0px;
    }

    .mob-order-form,
    .hft-container,
    .buySellOrderAction {
        display: none;
    }

    .mob-order-form.active,
    .hft-container.active {
        display: block;
    }

    .hft-tab {
        width: 100%;
        margin-bottom: 10px;
        padding: 1px;
        background: white;
        color: #0072fd;
        border: 1px solid #e1e1e1;
    }

    .hft-tab.active {
        background: #3791ff;
        color: #fff;
        border: 1px solid #3791ff;
    }

    .pad-3 {
        padding: 0px 3px;
    }

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

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

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

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

    .mobileOrderModal .mob-order-symbol {
        margin-bottom: 0px;
        font-weight: bold;
    }

    .mobileOrderModal,
    .position-edit-container,
    .position-edit-container-partialclose,
    .pending-edit-container {
        position: absolute;
        z-index: 1000;
        height: 100vh;
        /*background: #0072fd;*/
        width: 100%;
        color: #fff;
        display: none;
        top: 0px;
        background: rgb(255 255 255);
        /* backdrop-filter: blur(15px); */
        -webkit-backdrop-filter: blur(18.7px);
    }

    .pending-edit-container {
        padding: 0px;
    }

    .mobileOrderModal .section-top {
        /*padding: 20px 15px;*/
        /*height: 86px;*/
    }

    .mobileOrderModal .order-header,
    .position-edit-container .order-header,
    .position-edit-container-partialclose .order-header,
    .pending-edit-container .order-header {
        position: relative;
        text-align: center;
        padding: 8px 15px;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
    }

    .mobileOrderModal .backButton,
    .position-edit-container .backButton,
    .position-edit-container-partialclose .backButton,
    .pending-edit-container .backButton {
        position: absolute;
        left: 15px;
        background: #e9e9e9;
        color: #000;
        width: 24px;
        height: 24px;
        font-size: 14px;
        line-height: 24px;
        border-radius: 5px;
    }

    .mobileOrderModal .order-type {
        display: flex;
        /*background: #3076eb;*/
        padding: 5px;
        border-radius: 3px;
        background: rgb(233 233 233);
        backdrop-filter: blur(1.7px);
        color: #fff;
        margin: 0px 15px;
    }

    .mobileOrderModal .order-type li {
        color: #131313;
        font-size: 15px;
        width: 33.33%;
        text-align: center;
        border-radius: 3px;
        padding: 3.5px 0px;
    }

    .mobileOrderModal .order-type li.active {
        color: #fff;
        background: #3791ff;
    }

    .w50 {
        width: 50%;
    }

    .w33 {
        width: 33.33%;
    }

    .mobileOrderModal .margin-text {
        font-size: 13px;
        margin-bottom: 0px;
        color: #000;
        margin-top: 10px;
    }

    .mobileOrderModal .margin-value {
        margin-bottom: 0px;
        color: #000;
    }

    .position-edit-container .section-top,
    .position-edit-container-partialclose .section-top,
    .pending-edit-container .section-top {
        padding: 0px;
        height: 75px;
    }

    .position-edit-container .section-bottom,
    .position-edit-container-partialclose .section-bottom,
    .pending-edit-container .section-bottom {
        height: calc(100vh - 100px);
        /*background: #FAFAFA;*/
        /*border-radius: 30px 30px 0px 0px;*/
        padding: 0px;
        /*box-shadow: 0px -8px 10px rgba(0,0,0,0.20);*/
    }

    .mobileOrderModal .section-bottom {
        height: calc(100vh - 162px);
        background: #ffffff;
        /* border-radius: 30px 30px 0px 0px; */
        border-top: none;
        padding: 0px;
        /* box-shadow: 0px -8px 10px rgba(0,0,0,0.20); */
    }

    .mobileOrderModal .mob-order-form {
        padding: 9px 15px 10px 15px;
    }

    .position-edit-container .mob-order-form,
    .position-edit-container-partialclose .mob-order-form,
    .pending-edit-container .mob-order-form {
        padding: 9px 15px 13px 15px;
    }

    .mobileOrderModal .title,
    .position-edit-container .title,
    .position-edit-container-partialclose .title,
    .pending-edit-container .title {
        color: #000;
        font-size: 14px;
    }

    .mobileOrderModal .minimize,
    .mobileOrderModal .maximize,
    .position-edit-container .minimize,
    .position-edit-container .maximize,
    .position-edit-container-partialclose .minimize,
    .position-edit-container-partialclose .maximize,
    .pending-edit-container .minimize,
    .pending-edit-container .maximize {
        width: 20%;
        background: transparent;
        border: none;
        color: #0072fd;
        padding: 0px;
        height: 33px;
        font-size: 15px;
        line-height: 29px;
    }

    .mobileOrderModal .value-input,
    .position-edit-container .value-input,
    .position-edit-container-partialclose .value-input,
    .pending-edit-container .value-input {
        width: 60%;
        border: none;
        text-align: center;
        font-size: 14px;
        background: #f1f1f173;
    }

    .mobileOrderModal .value-changer,
    .position-edit-container .value-changer,
    .position-edit-container-partialclose .value-changer,
    .pending-edit-container .value-changer {
        border: none;
    }

    .mobileOrderModal .mtcus,
    .position-edit-container .mtcus,
    .position-edit-container-partialclose .mtcus,
    .pending-edit-container .mtcus {
        margin-top: 7px;
    }

    .mobileOrderModal .offer-value,
    .position-edit-container .offer-value,
    .position-edit-container-partialclose .offer-value,
    .pending-edit-container .offer-value {
        font-size: 20px;
        text-align: center;
        color: #0072fd;
        margin-bottom: 0px;
        background: #e9e9e9;
        padding: 3px 0px;
    }

    .mobileOrderModal .bid-value,
    .position-edit-container .bid-value,
    .position-edit-container-partialclose .bid-value,
    .pending-edit-container .bid-value {
        font-size: 20px;
        color: #ff0000;
        text-align: center;
        margin-bottom: 0px;
        background: #e9e9e9;
        padding: 3px 0px;
    }

    .mobileOrderModal .proceed-button button {
        width: 50%;
        border-radius: 0px;
    }

    .mobileOrderModal .proceed-button button.buySellOrderAction {
        width: 100% !important;
        background: #0072fd;
        border: 1px solid #0072fd;
    }

    .mobileOrderModal .proceed-button button.sellOrderAction {
        background: #f24f4f;
        border: 1px solid #f24f4f;
    }

    .mobileOrderModal .proceed-button button.buyOrderAction {
        background: #3791ff;
        border: 1px solid #3791ff;
    }

    .symbol-current-value {
        position: relative;
    }

    .symbol-current-value .big {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        padding-left: 1px;
    }

    .symbol-current-value .small {
        font-size: 20px;
        position: relative;
        top: -6px;
    }

    /*Mobile Order Modal End*/


    /* Modify From Start*/
    .align-center {
        align-items: center;
    }

    .custom-position-form {
        background: #f1f1f1;
        position: fixed;
        width: 100%;
        bottom: 0px;
        z-index: 4;
        padding: 10px;
        /* border: 5px solid #fff; */
        transition: transform 0.3s ease-in-out;
        /* transform: translateY(100%); */
        position: absolute;
        z-index: 10;
        height: 100vh;
        background: #0072fd;
        width: 100%;
        color: #fff;
        /* display: none; */
        top: 0px;
    }

    .custom-position-form.active {
        transform: translateY(-56px);
    }

    .w100 {
        width: 100% !important;
    }

    .orderPositionModification,
    .orderPartialClose,
    .orderPendingModification {
        width: 100%;
        border-radius: 0px;
        /*margin-top: 7px;*/
        /*background: #0072fd;*/
        background: #f24f4f;
        border: 1px solid #f24f4f;
    }

    /*.m-2{*/
    /*    margin: 4px;*/
    /*}*/
    /* Modify From End*/


    .mobileProfiPosition {
        position: sticky;
        top: 0px;
        z-index: 1;
        background: #fff;
    }

    div.openpositionmobile h3.sticky1 {
        background-color: #fbfbfb !important;
        position: sticky;
        top: 24px;
        z-index: 1;
        margin-top: 20px;
    }

    .tab1content h3.sticky2 {
        background-color: #fbfbfb !important;
        position: sticky;
        top: 0px;
        z-index: 2;
    }

    .leftbar {
        height: 55px !important;
        width: 100% !important;
        bottom: 0px !important;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 29%);
        position: fixed;
    }

    .sidefooter {
        bottom: 55px !important;
        z-index: 1;
    }

    div.sidebar.fullwidth {
        width: 100% !important;
    }

    div.main {
        padding-left: 0px;
    }

    #tv_chart_container div {
        /*height: calc( 100vh - 55px)!important;  */
        height: calc(100vh - 86px) !important;
    }

    #bt_chart_container div {
        /*height: calc( 100vh - 55px)!important;  */
        height: calc(100vh - 86px) !important;
    }

    #app {
        height: calc(100vh - 55px) !important;
        /*height: calc( 100vh - 86px)!important;  */
    }

    div.mobileview .lefticons.active,
    div.mobileview .watchlist.active {
        border-bottom: 1px solid #e9e9e9 !important;
        justify-content: center;
        transition: 2s all;
    }

    div.mobileview .lefticons i,
    div.mobileview .watchlist i {
        border-radius: 50%;
    }

    div.mobileview .lefticons.active i,
    div.mobileview .watchlist.active i {
        /*margin-top: 0px; */
        /* display: block; */
        /* width: 50px; */
        /* height: 50px; */
        /* background: #fff; */
        /* box-shadow: 0px 0px 20px rgb(0 0 0 / 29%); */
        color: #191d3e;
        /* font-size: 23px; */
        transition: .3s all;
        /* padding-top: 0px; */
        /*line-height: 34px;*/
    }

    div.mobileview .lefticons.active i.fa-bars {
        margin-top: -10px !important;
    }

    .page_title {
        background-color: #fff;
    }

    .mybox .center h1 {
        text-align: center;
        padding: 20px 0px;
        border-radius: 0px 0px 0px 55px;
        background: #191D3E;
        margin: 0;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        /*background: linear-gradient(45deg, #343438, #333b7b);*/
    }

    .mybox,
    .mybox .center {
        padding: 0px !important;
    }

    div.tablinks.current,
    div.tablink.current {
        font-weight: bold;
        color: #fff;
        background-color: #191D3E;
        border-bottom: 2px solid #000000;
    }

    .copyhead-dashboard {
        background: #191d3e !important;
    }

    tr th.copyth {
        color: #fff;
        font-weight: 500;
        border-bottom: none !important;
        font-size: 13px;
        padding-top: 21px;
    }


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


    .lefticons,
    .lefticon {
        color: #72899e !important;
    }

    .page_title p {
        margin: 0;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px 0px;
        background: #fff;
        position: fixed;
        width: 100%;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
        z-index: 9;
        top: 0px;
    }

    body {
        /*background: #F5BF23!important;*/
    }

    div#exampleTabsIconOnex {
        background: #fff;
        min-height: calc(100vh - 122px);
        /*border-radius: 35px 35px 0px 0px;*/
        padding: 0px !important;
        padding-top: 44px !important;
    }

    h3.customh3top,
    h3.h1copy,
    h3.customh3 span,
    div#exampleTabsIconOnex h5 {
        color: #141414 !important;
        font-family: 'Poppins', sans-serif;
    }

    div h3.customh3top {
        text-align: center;
        padding: 10px 0px !important;
        margin: 0px !important;
        border-radius: 0px 0px 0px 55px;
    }

    .curve {
        width: 100px;
        height: 100px;
        background-color: red;
    }

    .wave {
        animation-name: wave-animation;
        /* Refers to the name of your @keyframes element below */
        animation-duration: 2.5s;
        /* Change to speed up or slow down */
        animation-iteration-count: infinite;
        /* Never stop waving :) */
        transform-origin: 70% 70%;
        /* Pivot around the bottom-left palm */
        display: inline-block;
    }

    @keyframes wave-animation {
        0% {
            transform: rotate(0.0deg)
        }

        10% {
            transform: rotate(14.0deg)
        }

        /* The following five values can be played with to make the waving more or less extreme */
        20% {
            transform: rotate(-8.0deg)
        }

        30% {
            transform: rotate(14.0deg)
        }

        40% {
            transform: rotate(-4.0deg)
        }

        50% {
            transform: rotate(10.0deg)
        }

        60% {
            transform: rotate(0.0deg)
        }

        /* Reset for the last half to pause */
        100% {
            transform: rotate(0.0deg)
        }
    }

    div h3.customh3 {
        margin-bottom: 11px;
    }

    div h3.customh3 span {
        width: 50%;
    }

    span.vstatus {
        padding: 0px !important;
    }

    h3.h1copy {
        margin-left: 0px !important;
        margin-bottom: 0px !important;
        font-weight: bold;
    }

    th.copyth {
        min-width: 112px;
    }

    .follow-in {
        min-width: 100px;
    }

    .trading-table {
        margin: 5px !important;
        border-radius: 6px !important;
    }

    .searchresult {
        height: auto !important;
    }

    .menu_list {
        background: #191d3e;
        position: absolute;
        bottom: 66px;
        right: 8px;
        color: #ffff;
        width: 100px;
        display: none;
    }

    .menu_list ul li {
        padding: 5px 10px;
    }

    .arrow-bottom:after {
        content: " ";
        position: absolute;
        right: 23px;
        bottom: -10px;
        border-top: 10px solid #191d3e;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: none;
    }

    .btn.btn-outline-primary {
        z-index: 1 !important;
    }

    div.hr {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .custom-column {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 8px;
    }

    .custom-column h5 {
        width: 50%;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
    }

    .custom-column h1 {
        width: 50%;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
    }

    .custom-column .ffmarg {
        width: 100%;
        display: flex;
    }

    .bulk-close {
        display: none;
    }

    #bulkCloseModal .modal-dialog,
    #bulkClosePendingModal .modal-dialog {
        background: transparent !important;
        bottom: 0px;
        position: absolute;
        left: 0px !important;
        margin: 0px;
        height: auto;
        padding: 0px;
        top: initial !important;
        width: 100%;
    }

    #bulkCloseModal .modal-content,
    #bulkClosePendingModal .modal-content {
        background: transparent !important;
        padding: 10px 5px;
        box-sizing: border-box;
    }

    #bulkCloseModal .cus-modal-head,
    #bulkClosePendingModal .cus-modal-head {
        background: #F0F0F0;
        font-size: 14px;
        font-weight: 300;
        border-bottom: 1px solid #DFDFDF;
        border-radius: 7px 7px 0px 0px;
    }

    #bulkCloseModal .modal-body,
    #bulkClosePendingModal .modal-body {
        background: #F0F0F0;
        margin: 0px !important;
        padding: 0px;
        border-radius: 0px 0px 7px 7px;
    }

    #bulkCloseModal .closebulkCloseModalBtn,
    #bulkClosePendingModal .closebulkClosePendingModalBtn {
        background: #fff;
        padding: 7px 0px;
        color: #3aa3ff;
        font-weight: bold;
        border-radius: 7px;
    }

    #bulkCloseModal .bulk-close-operation,
    #bulkClosePendingModal .bulk-pending-close-operation {
        color: red;
        border-bottom: 1px solid #DFDFDF;
    }

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

    .bulk-close-modal,
    .bulk-close-pending-modal {
        margin-right: 15px;
    }

    .sticky1.emptyBtn .bulk-close-modal,
    .sticky2.emptyBtn .bulk-close-pending-modal {
        display: none;
    }
}

/*mobile Responsive End*/
/*PC Responsive End*/
@media screen and (min-width: 601px) {
    .toptwoicons {
        height: 50px !important;
        padding: 4px 3px !important;
    }

    .custom-position-form,
    .mobileOrderModal,
    .position-edit-container,
    .position-edit-container-partialclose,
    .pending-edit-container {
        display: none !important;
    }

    .mobileview,
    .menu_list {
        display: none !important;
    }

    .pcview {
        display: block !important;
    }

    .pcviewinline {
        display: inline-block !important;
    }

    .equityraw span.child {
        min-width: auto !important;
        padding: 0px 10px;
        margin: 0px;
    }

    .initialHeight #tv_chart_container iframe {
        height: calc((100vh - 121px) - 46px) !important;
        width: 100%;
    }

    .initialHeight #bt_chart_container iframe {
        /* height: calc((100vh - 121px) - 46px) !important; */
        height: 100vh !important;
        width: 100%;
    }
}

/*PC Responsive End*/
.pagecontainer {
    display: none;
}

.row {

    margin-right: 0px !important;
    margin-left: 0px !important;
}

.pagination>li>a,
.pagination>li>span {
    padding: 0px 8px !important;
}

h3 {
    padding: 12px;
    font-size: 16px;
    color: #66798a;
    padding-left: 19px !important;

}

h6 {
    color: #828282;
    font-size: 13px;
}

h4 {
    font-size: 14px;
}

.red,
.green,
.blue {
    font-size: 16px;
    cursor: pointer;
    text-align: center;

}

.blue {
    color: blue;
}

.red {
    color: red;
}

.green {
    color: var(--blue);
}

.pagecontainer {
    margin: 24px 0px;
}

.sec {
    width: 93%;
    border-top: 1px solid #0a51701f;
    margin: auto;
}

.text-secondary {
    color: #6c757d !important;
    margin-top: 6px;
}

.center {
    text-align: center;
    margin: auto;
}

.pagination {
    justify-content: center;
}

select#tab1sel {
    width: 61px;
    display: inline-block;
}

.btn-primary {
    color: #fff !important;
    background-color: #257fa6;
}

.btn-primary {
    border-color: #cdcdcd;
    box-shadow: none;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0px 12px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid transparent;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #a5a5a5;
    border-color: #36373a;
}

a.page-link {
    color: darkgrey;
}

.nav-linkx {
    color: #999;
    /* border-right: 1px solid #e4e4e4; */
    font-size: 13px;
    padding-right: 6px;
    text-decoration: none;
    padding-left: 7px;
    margin: 2px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8;
}

/*Drag to change order start*/
#symbolDragContainer {
    display: none;
}

/*.drackSymbol{    */
/*    width: 94%;*/
/*    display: block;*/
/*    margin: 3%;*/
/*    cursor: move;*/
/*    padding: 3px 10px;*/
/*    border: 1px solid #c3bbbb;*/
/*}*/
/*.omnisearch-wrap{*/
/*    display: flex;*/
/*}*/
/*.dragSymbolButton{*/
/*    width: 10%;*/
/*    background: transparent;*/
/*    display: block;*/
/*    line-height: 54px;*/
/*    color: #00000078;*/
/*    text-align: center;*/
/*    border-bottom: 1px solid #f1f1f1;*/
/*    height: 54px;*/
/*}*/

[draggable=true] {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

ul.moveable {
    list-style: none;
    margin: 0px;
}

ul.moveable li {
    list-style-image: none;
    margin: 10px;
    border: 10px solid #000;
    padding: 4px;
    border-radius: 4px;
    color: #666;
    cursor: move;
}

ul.moveable li:hover {
    background-color: #eee;
}

.searcherror {
    padding: 1px !important;
}

.mobilesearchitems {
    cursor: move !important;
}

/*Drag to change order end*/
[titles]:hover:after {
    opacity: 1;
    /*transition: all 0.1s ease 0.5s;*/
    visibility: visible;
}

[titles]:after {
    content: attr(titles);
    position: absolute;
    bottom: 0;
    right: 100%;
    margin-right: 10px;
    font-size: 14px;
    padding: 3px 9px;
    color: #fff;
    background: #000;
    border-radius: 3px;
    white-space: nowrap;
    box-shadow: 0px 0px 4px #666;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

[titles] {
    position: relative;
}

/*Theme Switch Start*/
.theme-changer {
    background: #f2f2f2;
    padding: 15px 10px;
}

.darkTheme .theme-changer {
    background: #39404a;
}

/*ATS251119005*/
.lang-changer {
    background: #f2f2f2;
    padding: 15px 10px;
}

.darkTheme .lang-changer {
    background: #39404a;
}

/*ATS251119005*/

.darkTheme .theme-title {
    color: #eee;
}

.theme-title {
    color: #706f70;
    height: 40px;
    line-height: 40px;
    position: relative;
    display: inline-block;
}

.chart-btn {
    margin: 0px -1px;
    width: 48%;
    height: 40px;
    border: 1px solid #636363;
    font-size: 12px;
    background: #eee;
    color: #222831;

}


.theme-btn {
    margin: 0px -1px;
    width: 48%;
    height: 40px;
    border: 1px solid #636363;
}

.light {
    background: #eee;
    color: #222831;
}

.dark {
    background: #222831;
    color: #eee;
}

.darkTheme .light .star,
.dark .star {
    display: none;
}

.darkTheme .dark .star,
.light .star {
    display: inline-block;
}

.star {
    color: #f5bf23;
}

[data-page="position"] .sampleequityraw {
    background-color: #f1f1f1;
}

.sampleequityraw {
    padding: 3px 0px;
    position: relative;
}

.darkTheme [data-page="position"] .sampleequityraw {
    background: #222831 !important;
}



.differenceIcon {
    display: inline-block;
    width: 10px;
    height: auto;
}

.darkTheme .light-icon,
.dark-icon {
    display: none;
}

.darkTheme .dark-icon,
.light-icon {
    display: inline-block;
}

.em-container {
    padding: 15px 15px;
    background: #fff;
}

.em-container .theme-change {
    display: flex;
    align-items: center;
}

.em-container .theme-change p {
    margin-bottom: 0px !important;
}

.em-container .menu-link.theme-change img {
    margin-right: 11px;
}

.em-container ul {
    margin-bottom: 0px;
}

.em-container .menu-link {
    text-decoration: none;
    /*color: #2962ff;*/
    color: #000;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 4px;
}

.em-container .menu-link img {
    width: 21px;
    margin-right: 8px;
}

.em-container .menu-link p {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
}

.em-container .menu-container:last-child p {
    margin-bottom: 0px !important;
}

.em-container .menu-link button {
    padding: 0px;
    width: auto !important;
    min-width: 80px;
    height: 23px;
}

.newmenu#targetmenu .navlink.active {
    border-bottom: none !important;
}

.newmenu#targetmenu .p-top-10 {
    color: #000;
}

.mobposcontenthistory {
    height: 100vh;
    overflow-y: scroll;
}

.flex-1 {
    flex: 1;
}

.bulk-btn {
    padding: 0px 10px;
    background: #f1f1f1;
    color: #212529;
    font-size: 13px;
    border-radius: 2px;
}

#targetmenu .menu-item .navlink,
#targetmenu .menu-item .clientPortalLink,
#targetmenu .menu-container {
    cursor: pointer;
}

/*Theme Switch End*/


/* 7/4/2025 */

.inactive-topnav-style {
    font-size: 12px !important;
}

h3.h3-menu-active {
    background: #e5f2ff;
    border-radius: 10px 10px 0 0;
    color: inherit !important;
    font-weight: 900 !important;
}

h3.pamm-menu-active {
    font-weight: 900 !important;
}

#ct_heading,
#copy_heading_cf,
#mam_heading,
#mam_heading_mfl,
#mam_heading_mf,
#pamm_heading,
#pamm_heading_1,
#pamm_heading_2,
#copy_heading_fu {
    width: 30%;
    margin-left: 50px;
}

tr.copyhead,
tr.copyhead_cf {
    background-color: #e5f2ff !important;
    border-top: inherit !important;
}

#ct_heading h3,
#copy_heading_cf h3,
#mam_heading h3,
#mam_heading_mfl h3,
#mam_heading_mf h3,
#pamm_heading h3,
#pamm_heading_1 h3,
#pamm_heading_2 h3,
#copy_heading_fu h3 {
    padding: 16px;
    font-weight: 500;
    /*color: #000 !important;*/
    font-size: 14px !important;
    height: 66px;
    border-radius: 10px 10px 0 0;
}

.table .copyth {
    padding: 0.8rem .1.4rem;
    /*background-color: #e5f2ff !important;*/
    /*padding-left: 23px;*/
}

table tr {
    margin-top: 10px;
    border-radius: 10px;
}

.flex-heading {
    box-shadow: unset !important;
}

.copy-trading tbody tr {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    border-radius: 8px !important;
    left: -9px;
    position: relative;
}

.newtable {
    border-collapse: separate;
    border-spacing: 0 9px;
    /* background-color: #f4f7fc;  */
    border-radius: 10px;
    margin-top: -19px !important;
    margin-left: 10px !important;
    padding: 0px 0px 0px 10px;
}

.newtable-dashboard {
    border-collapse: separate;
    border-spacing: 0 9px;
    /*background-color: #f4f7fc; */
    border-radius: 10px;
    margin-top: -19px !important;
    padding: 15px 10px 0px 10px;
}

.darkTheme .newtable-dashboard {
    border-collapse: separate;
    border-spacing: 0 9px;
    background-color: #0f1820;
    border-radius: 10px;
    margin-top: -19px !important;
    padding: 15px 10px 0px 10px;
}

.darkTheme .newtable {
    border-collapse: separate;
    border-spacing: 0 9px;
    background-color: #0f1820;
    border-radius: 10px;
    margin-top: -19px !important;
    padding-left: 20px !important;
}

.newtable .copyth {
    background-color: #e5f2ff !important;
}

.newtable-dashboard .copyth {
    background-color: #e5f2ff !important;
}

.newtable tr:not(.copyhead) td {
    margin-left: 10px;
}

#ct_heading,
#mam_heading,
#pamm_heading,
#copy_heading_cf,
#mam_heading_mf,
#mam_heading_mf {
    margin-left: 20px;
}

tr td:last-child {
    border-radius: 0px 8px 8px 0px;
}

td:first-child {
    border-radius: 8px 0 0 8px;
}

.copyhead-style {
    border-spacing: 0 9px !important;
}

.copybody :last-child {
    border-radius: 0px 8px 8px 0px;
}

.copybody :first-child {
    border-radius: 8px 0 0 8px;
}

.newtable>:not(caption)>*>* {
    background-color: #fff;
}

.darkTheme .table .copyth {
    background-color: #222832 !important;
}

.darkTheme tr,
.darkTheme .copybody-dashboard tr:nth-child(2n),
.darkTheme .table>:not(caption)>*>* {
    background-color: transparent !important;
}

.darkTheme .listHeadingWrapper {
    background-color: #222832 !important;
}

.darkTheme .inacticeListHeadingWrapper {
    background-color: #222832 !important;
}

body .righthide {
    margin-left: 0px !important;
    width: 100%;
    position: inherit;
}

.darkTheme .table-margin {
    margin: 0px !important;
}

i.fa.fa-user-check {
    margin-left: 7px;
}

.hidden {
    font-weight: 300 !important;
    color: grey;
}

.darkTheme .tablinkss {
    background-color: transparent !important;
}

.darkTheme .tabsWrapper .tablinkss,
.darkTheme .inacticeListHeadingWrapper {
    background: #101620 !important;
}

.darkTheme .tablinkss.current,
.darkTheme .lefticons.active {
    color: #F5BF23 !important;
    border-bottom: 2px solid #F5BF23 !important;
    opacity: 1;
}

.darkTheme .tabsWrapper .tablinkss,
.darkTheme .inacticeListHeadingWrapper {
    background: #101620 !important;
}

.topDashboardPadding {
    /*padding-top: 20px !important;*/
    left: 0px !important;
}

.topDashboardLeftPadding {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px;
}

.darkTheme.topDashboardLeftPadding {
    margin-left: 20px;
    margin-bottom: 3px;
}

.darkTheme .tabnav {
    margin-left: 20px;
}

.bulk-pending-close-operation,
.bulk-pending-close-operation,
.bulk-close-operation,
.bulk-close-operation {
    margin-right: 5px;
}

.tbody-fix {
    display: block;
    padding: 20px;
    /* Now padding will work */
}

.mambody tr {
    background: #fff;
    /* Optional: white background per row */
    border-radius: 6px;
    /* Optional: rounded corners */
}


.copyth,
.copytd {
    width: 11.11%;
    /* 100% ÷ 9 columns */
    word-wrap: break-word;
    /* so long words don't overflow */
    text-align: center;
}

.copyth:last-child,
.copytd:last-child {
    width: 12.11% !important;
    word-wrap: break-word;
    /* so long words don't overflow */
    text-align: center;
}

th:last-child {
    border-radius: 0px 8px 8px 0px;
}

th.copyth:first-child {
    /*border-radius: 0px 0px 0px 14px;*/
    border-radius: 0px 0px 0px 10px;
}

.dashboardLeft {
    left: 0px !important;
}

.border-boxTable tbody tr {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    border-radius: 8px !important;
}


@media screen and (max-width: 768px) {

    .darkTheme section.search {
        left: 0;
        background-color: #101620 !important;
    }

    ul.search-result {
        padding-top: 130px !important;
    }

    .sidefooter {
        max-width: 100% !important;
        left: 0;
    }

    .livePriceContainer .searchresult {
        padding-bottom: 35px;
    }

    .darkTheme .settingsListColor {
        background-color: #101620 !important;
    }

    .tablinkss {
        width: auto !important;
    }

    #ct_heading,
    #copy_heading_cf,
    #mam_heading,
    #mam_heading_mf,
    #pamm_heading,
    #pamm_heading_1,
    #copy_heading_fu {
        width: auto !important;
        margin-top: 20px;
        margin-left: 15px;

    }

    .copy-trading.trading-table {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    div[data-page="mam_list"] .copy-trading {
        padding: 0 !important;
    }

}

/*@media screen and (max-width: 600px) { */
/*    .copyth {*/
/*        padding-top: 0px !important;*/
/*    }*/


@media screen and (min-width: 601px) and (max-width: 768px) {

    #ct_heading h3,
    #pamm_heading h3,
    #mam_heading h3 {
        margin-left: 5px;
    }
}

/*AR - ATS250626004*/
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.allpos {
    border-bottom: 1px solid #D1D4DC !important;
}