/* 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: 120px;
    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: 15%;
}
.poscontent-head th:nth-child(3), .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;
    }
    .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;
    }
    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;
    }
    div span.mobbs{
        padding-right: 0px;
        padding-left: 0px;
    }
    div.mobpos.allpos, div.mobpos.allpen{
        line-height: 3px;
        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;
    }
    /* 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: 40px;
        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: 0px;
        cursor: pointer;
        padding: 5px 32px 5px 32px;
        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;
    }
    .toggleFullChart{
        bottom: 0px;
        position: absolute;
        border-top: 1px solid #e9e9e9;
        background: #fff;
    }
    .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 .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: 3%;
        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;
    }
    .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{
        background: #fff;
        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;
    }
    #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: 3px solid #ff5722!important;
        background: #e5f2ff;
        border-right: 1px solid #e4e3e6;
    }
    .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;*/
        width: 150px!important;
        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: 20px!important;
        background: #fff!important;
        box-shadow: none!important;
        border-bottom: 1px solid #eee;
    }
    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;
    }
    .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;
    }
    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.astraprimebroker.com/img/approved.png);*/
    /*}*/
    /*.user-status.pending{ */
    /*    background-image: url(https://trade.astraprimebroker.com/img/pending.png);*/
    /*}*/
    /*.user-status.reject{ */
    /*    background-image: url(https://trade.astraprimebroker.com/img/reject.png);*/
    /*}*/
    /*.user-status.balance_img{ */
    /*    background-image: url(https://trade.astraprimebroker.com/img/balance.png);*/
    /*}*/
    /*.user-status.account_img{ */
    /*    background-image: url(https://trade.astraprimebroker.com/img/account.png);*/
    /*}*/
    /*.user-status.freemargin_img{ */
    /*    background-image: url(https://trade.astraprimebroker.com/img/freemargin.png);*/
    /*}*/
    /*div[data-page="refer"] .custom_hiden_name{*/
    /*	  background-image: url(https://trade.astraprimebroker.com/img/refer.png), url(https://trade.astraprimebroker.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;  
  } 
  #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;
  }


  .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: 82px;
  }
  .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; 
  }
} 
/*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; 
  }
  
  .darkTheme .theme-title{
        color: #eee;
  }
  .theme-title{
        color: #706f70;
        height: 40px;
        line-height: 40px;
        position: relative;
        display: inline-block;
  }
  .theme-btn{
      margin: 0px 2px;
        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: color;
    }
  .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*/