/* TIPO DE ENVIO */
.text-orange{
    color: #ff851b;
}
.text-indigo{
    color: #6610f2;
}
.google_account_image{
    max-height: 30px;
    border-radius: 15px;
}
#video-background{background: #000000;}
video#gum, video#recorded{
    width: 100%;
    height: 400px;
}

span.fx{
    display: inline;
    margin-left: 40px;
}
.btn-social{
    cursor: pointer;
}

.cycle{
    text-align: center;
}
.cycle p{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
}
.cycle_circle{
    display: inline-block;
    width:100px;
    height:100px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-style: solid;
    border-width: 8px;
    background-color:#d6d6d6;
    border-color: #b5b5b5;
    padding-top: 22px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
}

.cycle_circle.yellow{
    background-color:#ebe534;
    border-color: #bfba2a;
}
.cycle_circle.orange{
    background-color:#bf752a;
    border-color: #e08931;
}
.cycle_circle.red{
    background-color:#e03a31;
    border-color: #ba2e27;
}
.cycle_circle.lemon{
    background-color:#93db35;
    border-color: #79b52b;
}
.cycle_circle.green{
    background-color:#57de35;
    border-color: #47b52b;
}

.user_profile{
    display: inline-block; 
    background-color: rgb(255, 255, 255); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: 80%; 
    border-radius: 50%; 
    padding: 5px; 
    width: 60px; 
    height: 60px; 
    border: 3px solid rgb(207, 207, 207); 
}

.user_navbar_profile{
    background-size: 100%;
    width: 40px;
    height: 40px;
    border: 2px solid rgb(207, 207, 207);
}
/* BACKTEST */
.backtest-opacity{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:black;
    opacity:0.4;
}
.backtest-info-data{
    color: white !important;
    font-size: 12px;
}
.btn-backtest-info,
.btn-backtest-info:link,
.btn-backtest-info:visited{
    position: fixed;
    top: 67px;
    right: 14px;
    font-size: 24px;
    padding: 0px !important;
    z-index: 3000;
    color: gray;
    border: 2px solid white;
    border-radius: 50%;
    margin: 5px 9px !important;
    height: 27px;
    line-height: 0px;
    background-color:white;
}
.panel-backtest-info{
    display:none;
    position:absolute;
    top:0px;
    right: 0px;
    width: 25%;
    z-index: 2999;
}
.backtest-arrow,
.backtest-arrow:link,
.backtest-arrow:visited{
    z-index: 3000;
    position: fixed;
    top: 50%; 
    color: #fff; 
    margin:0px; 
    padding: 3px 7px; 
    /*border-radius: 50%; background-color: #000; */
    border: 1px solid #F91F3D;
    background-color: #F91F3D;
    font-size: 24px;
}
.backtest-arrow:hover{
    
    color: white;
}
.pattern-hunting-arrow-left,
.backtest-arrow-left{
     left: 18px; 
}
.pattern-hunting-arrow-right,
.backtest-arrow-right{
    right: 18px !important;
}

/* MODAL FULL SCREEN */
@media (max-width: 575.98px) {
    .modal-fullscreen {
      padding: 0 !important;
    }
    .modal-fullscreen .modal-dialog {
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 767.98px) {
    .modal-fullscreen-sm {
      padding: 0 !important;
    }
    .modal-fullscreen-sm .modal-dialog {
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-sm .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-sm .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 991.98px) {
    .modal-fullscreen-md {
      padding: 0 !important;
    }
    .modal-fullscreen-md .modal-dialog {
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-md .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-md .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 1199.98px) {
    .modal-fullscreen-lg {
      padding: 0 !important;
    }
    .modal-fullscreen-lg .modal-dialog {
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-lg .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-lg .modal-body {
      overflow-y: auto;
    }
  }
  .modal-fullscreen-xl {
    padding: 0 !important;
  }
  .modal-fullscreen-xl .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    overflow:auto;
  }
  .modal-fullscreen-xl .modal-body {
    /*overflow-y: auto;*/
    overflow-y: visible;
  }