<style>
    html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

a{
      text-decoration: none;  
}

body {
  /*padding-top: 56px;*/
}

a.nav-link {
    color: white;
    border: none !important;
    outline: none;
}
.open-signals {
    max-height: 100%;
    overflow-y: auto;
}
.closed-signals {
    max-height: 100%;
    overflow-y: auto;
}

.formulas-container .card{
    cursor:pointer;
    position:relative;
}
.formulas-container .card:hover{
    background: #f7f7f7;
    transition: background 0.3s ease;
}

.card.active {
    color:black;
}
.card.active i {
    color: #4bb04f;
    font-size: 20px;
}

.formulas-container .card .card-body i{
    font-size:20px;
}
.formulas-container .card:not(.active) .card-body .bi-circle:before {
        content: "\f28a";
}
.formulas-container .card.active .card-body .bi-circle:before {
    content: "\f26a";
}
.formulas-container .card .card-body{
    padding:10px;
}


.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.55);
    display: inline-block;
    padding: 0;
    margin: 0;
    margin: 0 25px;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-top: 30px;
    text-transform: uppercase;
    transition-duration: 0.15s;
    position: relative;
}

ul {
    list-style: none;
    padding-left: initial;
    margin-bottom:initial;
}

._sig_mainvavbar{
    padding:9px 0;
}

td {
    vertical-align: middle;
}

._sig-asset-tr {
    cursor: pointer;
}

.modal.generatingSignal .modal-footer {
    display: none;
}

.modal.generatingSignal .modal-header button{
    display:none;
}
.signal-formulas {
    padding: 10px;
    border: 0px solid #dfdfdf;
    margin-top: 10px;
    background: white;
    cursor: pointer;
}
.signal-formulas span{
    align-self:center;
}

#signals-modal .modal-body {
    color: black;
    font-size: 14px;
}

@keyframes rateRed {
    0%   {opacity: 0;background:#dd4454;}
    100%   {opacity: 1;background:#dd4454;}
}

@keyframes rateGreen {
    0%   {opacity: 0;background:#4CAF50;}
    100%   {opacity: 1;background:#4CAF50;}
}
    
.theme-bttn{
    background:#f47363;
    background-size: 200% auto;
    border:0;
}
.theme-bttn:hover{
    background-position: right center;
    color: #fff;
}
   span.green {
        color: white;
        background: #4CAF50;
        padding: 5px 10px;
        border-radius: 0px;
        display: inline-block;
        min-width: 55px;
        text-align: center;
    }

     span.red {
        color: white;
        background: #dd4454;
        padding: 5px 10px;
        border-radius: 0px;
        display: inline-block;
        min-width: 55px;
        text-align: center;
    }   
    
.curr-rate span.draw{
    color: white;
    background: #ff9800;
    border-radius: 0px;
    display: block;
    padding: 5px;
}

td.curr-status.draw span,
td.pips-rate.draw span{
    color: white;
    background: #ff9800;
    border-radius: 0px;
    display: block;
    min-width: 25px;
    padding: 5px;
}
td.curr-status.win span, td.pips-rate.win span {
    color: white;
    animation-name: rateGreen;
    animation-duration: 0.8s;
    background: #4CAF50;
    border-radius: 0px;
    display: block;
    min-width: 25px;
    padding: 5px;
}
td.curr-status.lose span, td.pips-rate.lose span {
    color: white;
    animation-name: rateRed;
    animation-duration: 0.8s;
    background: #dd4454;
    border-radius: 0px;
    display: block;
    min-width: 25px;
    padding: 5px;
}


td,th {
    text-align: center;
}

@keyframes blink-animation {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink-animation {
      to {
        visibility: hidden;
      }
    }

.asset-chart .spinner-border,
.chart-mobile-container .spinner-border{
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}
.chart-mobile-container {
    min-height: 150px;
    position: relative;
}
.asset-chart {
    min-height: 300px;
    position: relative;
}
.list-group-item {
    padding: .5rem;
}

.copyTextBttnParent {
    cursor: pointer;
}


.modal-body .copyTextBttn.done:after,
.modal-body .done .copyTextBttn:after{
    content: "Copied";
        transform: translateX(-50%) translateY(0px);
        opacity: 1;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.copyTextBttn.done:after,
    .done .copyTextBttn:after{
        content: "Copied";
    }
    
    table .copyTextBttn:hover::after,
    table .copyTextBttnParent:hover .copyTextBttn:after{
        transform: translateX(-50%) translateY(0px);
        opacity: 1;
    }
    
    
    .fa-copy:before {
        content: "\f0c5";
    }
    .copyTextBttn:after {
        content: "Copy";
        position: absolute;
        background: #dd4454;
        color: white;
        font-family: var(--bs-font-sans-serif);
        padding: 5px;
        border-radius: 0px;
        bottom: calc(100% + 5px);
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        opacity: 0;
        font-weight: 400;
        transition: all 0.3s ease;
    }

tr.pressed td {
    background: #62625d3d;
}
.renderChartActive {
    background: #0b5ed7 !important;
}
table tr:hover td {
    background: #bdbdbd40;
}
span.assetStatsActive {
    background: #0b5ed7;
    color: white;
    padding: 0 5px;
    font-size: 16px;
}
.blueActive:not(td) {
    background: #0b5ed7 !important;
    color: white;
}
.points-card{
    background: white;
    border-radius: 0rem;
    color: #62625d;
    text-align: center;
    min-height: 85px;
    border: 2px solid #62625d;
}
._sig_points_counter{
    color: #62625d;
    font-weight: bold;
    font-size: 34px;
}

.copyTextBttn {
    position: relative;
    cursor: pointer;
}

.empty-history {
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.signals-table{
    height:339px;    
}

.fast-blink {
    animation: blink-animation 2s steps(5, start) infinite;
    -webkit-animation: blink-animation 2s steps(5, start) infinite;
    color: #F44336 !important;
}
._sig_assets_list_asset_wrapper {
    display: flex;
    padding: 5px;
}
._sig_assets_list_asset_wrapper img {
    max-height: 25px;
    align-self: center;
}

._sig_assets_list_asset_wrapper span {
    margin-left: 10px;
    align-self: center;
}

._sig_assets_list_asset button {
    font-size: 13px;
    margin: 5px;
}

._sig_assets_list_opt {
    padding: 10px;
    cursor: pointer;
    border-bottom: 0px solid #dfdfdf;
}
._sig_assets_list_opt:last-child{
    border:0;
}
.form-control{
    font-size:16px;
}
.list-group-item:hover {
    background: #f7f7f7;
    transition: background 0.3s ease;
}
._sig_assets_list_opt_title {
    font-size: 14px;
    padding: 5px;
}

#accordion-assets-list .accordion-button {
    padding: 10px;
    font-size: 14px;
}

#accordion-assets-list .accordion-body{
    padding:0;
}

._sig_assets_list_opt_list,
{
    max-height: 220px;
    overflow-y: auto;
    background: #dfdfdf;
    border: 0px solid #dfdfdf;
    border-radius:0;
}

.static-points {
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index:1;
}

.signal-data-container{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin: -2.5px;
}
.signal-data-container button {
    width: calc(100% - 5px);
    margin: 2.5px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.signal-data-container .badge {
    align-self:center;
    font-size: 12px;
    font-family:'Montserrat', sans-serif;
}

.modal-content{
    pointer-events:initial !important;
}

.signal-data-container div span{
    user-select: all;
}
.signal-data-container div:not(.copyTextBttnParent) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 0px;
    align-items: center;
}

.bg-light .formatted_price small{
    font-size:12px;
}
.generated-signal .modal-body{
    padding:10px;
    position:relative;
    pointer-events:initial;
}

span.dt-counter.bg-secondary {
    background: none !important;
    padding: 2px 5px;
    border-radius: 0px;
}

.mobile-options{
    display:none;
}

.points-card{
    margin-bottom:.5rem;
}

.members-results-money .card-body span {
    align-self: center;
}
@media (max-width: 991.98px) {

    .members-results-money .card-body .badge {
        font-size: 11px;
    }
    .members-results-money {
        padding: 10px 0;
        border-bottom: 0px solid #dfdfdf;
        background: white;
        margin: 0;
        box-sizing: border-box;
    }
    .row.members-results-money .col {
        padding: 0;
        flex: 50%;
        padding: 2.5px;
    }

    .members-results-money .card-body,
    .members-results-money .badge{
        font-size: 10px;
    }
    .members-results-money .card-body{
        padding:7px;
    }

    .country-flag{
        width:20px;
        height:20px;
    }
    .formulas-container .badge{
        font-size:10px !important;
    }
    
    .mobile-options{
        display:block;
    }
    .points-card{
        margin-bottom:0;
    }
    .top-points-counter button {
        font-size: 13px;
            max-width: calc(100% - 100px);
    }

    ._sig_assets_list_opt_list{
        max-height:200px;
    }
    .top-points-counter .card {
        background: none;
        width: calc(100% - 35px);
        display: flex;
        flex-direction: row;
    }
    ._sig_mainvavbar a._login.nav-link {
        text-align: center;
        border-radius: 0 !important;
        width: 100%;
        top: 0;
        color: white !important;
    }
    #staticBackdropLabel {
        font-size: 14px;
    }
    #signals-modal .modal-footer {
        padding: 5px;
    }
    #signals-modal .modal-footer button {
        font-size: 25px;
    }
    .modal-header {
        padding: 10px 15px;
    }
    #accordion-assets-list .accordion-button {
        padding: 7px;
        font-size: 12px;
    }
    ._sig_assets_list_asset_wrapper {
        padding: 0;
        font-size: 10px;
    }
    .list-group-item {
        padding: 5px;
    }
    ._sig_assets_list_asset button {
        font-size: 10px;
    }
    .chart-container{
        display:none;
    }
    .top-points-counter{
        /*display:none;*/
        display: flex;
        justify-content: space-between;
    }
    ._sig_points_counter {
        font-size: 24px;
    }
    .points-card .d-flex{
        top:9px !important;
    }
    .points-card .spinner-border{
        height: 20px;
        width: 20px;
    }
    
    .points-card p {display:none;}
    .points-card {
        min-height: 38px;
        width: 100px;
        margin-right: 10px;
    }
    .modal-body .formulas-container{
        display:flex;
    }
    .formulas-container{
        margin-bottom:0 !important;
        display:none;
    }
    main.container{
        padding:10px !important;
    }
    .formulas-container .card .card-body i {
        font-size: 15px;
    }
    .toggler-bttn{
        display:block !important;
    }
.formulas-container .col .card-body{
    font-size:9px;
}
.formulas-container .col {
    width: 50%;
    flex: 50%;
    margin-bottom:10px;
}
.sig_container{
    margin: 0 !important;
    padding:10px;
}
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}


.dt-counter{  
  -webkit-user-select: all;  /* Chrome 49+ */
  -moz-user-select: all;     /* Firefox 43+ */
  -ms-user-select: all;      /* No support yet */
  user-select: all;          /* Likely future */   
}

.page_open_signals table,
.page_ended_signals table{
    margin-top: 15px;
}
.page_open_signals table td i{
/*display:none;    */
}

.page_open_signals table td,
.page_ended_signals table td,
.page_members_results table td,
.page_open_signals table th,
.page_ended_signals table th,
.page_members_results table th{
    font-size: 10px;
    padding: 5px !important;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

._sig_assets_list_alert {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
}
.modal-body .bg-light span {
    font-size: 19px;
}
span._sig_assets_list_alert_status.BUY {
    background: #4caf50;
}
span._sig_assets_list_alert_status.SELL {
    background: #f44336;
}
span._sig_assets_list_alert_status {
    background: #00bcd4;
    color: white;
    height: 60px;
    display: flex;
    align-items: center;
    width: 60px;
    justify-content: center;
    border-radius: 5px;
}
.modal-body .bg-light .signal-formula {
    padding: 0 !important;
}
div#static_signals_countdown {
    background: #f44336;
    color: white;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
}

._sig_assets {
    max-height: 455px;
    overflow-y: auto;
}
</style>