@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

body {
    background-color: #fff;
    padding: 0;
    margin: 0;
}
p {
    font-size: 18px;
    font-weight: normal;
}

.h1, .h2, .h3, h1, h2, h3, h4, h5, h6, p, table, li{
    font-family: 'Open Sans', sans-serif;
}

.center{
    margin: 0 auto;
}

.copytrading{
  padding-top: 30px;
  padding-bottom: 30px;
}
.copytrading a{
  text-decoration: none;
  color:#222;
}
.header-trader-list{
  display:inline-block;
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.header-trader-blank{
  display:inline-block;
  width:42%;
  text-align: right;
}
.header-trader-commission{
  display:inline-block;
  width:8%;
  text-align: center;
}
.header-trader-profitloss{
 display:inline-block;
  width:20%;
  text-align: center;
}
.header-trader-registered{
 display:inline-block;
  width:15%;
  text-align: center;
}
.trader-list-color-holder{
  display:inline-block;
  width: 100%;
  background-color: #eff4fa;
  padding: 15px 15px;
}

.trader-list-plain-holder{
  display:inline-block;
  width: 100%;
  padding: 15px 15px;
}
.trader-list-color-holder:hover, 
.trader-list-plain-holder:hover{
  background-color: rgba(221,221,221,.8);
  transition: background-color .3s;
}
.trader-avatar-holder{
  display: inline-block;
  width:22%;
}
.trader-avatar-holder h5{
  display: inline-block;
}
.trader-chart-holder{
  display: inline-block;
  width:20%;
  text-align: center;
}
.show-hide{
  display: none;
}
.trader-commission{
  display: inline-block;
  width:8%;
  text-align: center;
}
.chart{
    height: 3px;
}
.bg-chart{
    background: red;
    border-radius: 0;
    margin-bottom: 0;
}
.trader-profitloss{
  display: inline-block;
  width:20%;
}
.value-profitloss{
  display:inline-block;
  width: 100%;
  margin-top: 8px;
}
.value-profitloss h4{
  display: inline-block;
}
.value-profitloss span h4{
  display: inline-block;
  float: right;
}
.trader-registered{
  display: inline-block;
  width:15%;
  text-align: center;
}
.trader-subscribe{
  display: inline-block;
  width:10%;
  text-align: center;
}
.trader-subscribe a{
 text-decoration: none;
}
.btn-subscribe{
  width: 140px;
  border-radius: 3px;
  text-align: center;
  background-color: #1868a3;
  border:1px solid #1868a3;
  color:#fff;
  padding: 1px 5px;
}
.btn-subscribe:hover, .btn-subscribe:focus{
  background-color: transparent;
  border:1px solid #1868a3;
  color: #1868a3;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 5px 12px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 1px;
}

.pagination a.active {
  background-color: #1868a3;
  color: white;
  border: 1px solid #1868a3;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}


/*--COPYTRADER DETAILS--*/

.copytrading-details{
  padding-top: 50px;
  padding-bottom: 50px;
}
.copytrading-details a{
  text-decoration: none;
}
.trader-details-avatar-block{
  background-color: #eff4fa;
  text-align: center;
  display: inline-block;
  width:48.5%;
  margin-right: 1%;
}
.trader-details-avatar-holder{
  display: inline-block; 
  padding-top: 20px;
  padding-bottom: 20px;
}
.trader-details-avatar-holder h4{
  display: inline-block;
  font-weight:600;
  font-size: 24px!important;
}
.web-block{
  display: block;
}
.mobile-block{
  display: none;
}
.small-text{
  font-size: 14px;
}
.small-tble{
  font-size: 12px;
}
.value-size{
  font-size: 18px;
}
.details-strategi h5{
  font-size: 18px;
}
.activity-details-block{
  background-color: #fff;
  padding:20px;
}
.details-equity{
  display: inline-block;
  width:32.33%;
  text-align: left;
  float: left;
}
.details-commission{
  display: inline-block;
  width:32.33%;
}
.details-with-us{
  display: inline-block;
  width:32.33%;
  text-align: right;
  float: right;
}
.details-equity small, .details-commission small, .details-with-us small, .details-strategi small{
  color:#999;
}
.details-equity h4, .details-commission h4, .details-with-us h4{
  font-weight: 600;
}
.details-strategi{
  padding-top: 30px;
  text-align: left;
}
.details-start-copy{
  padding-top: 35px;
  padding-bottom: 20px;
}
.btn-startcopy h5{
  font-size: 16px;
}
.inves-size{
 font-size: 18px;
}
.inves-value{
  font-size: 22px;
}
.details-start-copy a{
  text-decoration: none;
}
.feat h1{
  font-size: 18px!important;
}
.trader-history-holder h3{
  font-size: 24px;
}
.btn-startcopy{
  width: 200px;
  border-radius: 3px;
  text-align: center;
  background-color: #1868a3;
  border:1px solid #1868a3;
  color:#fff;
  padding: 2px 7px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.btn-startcopy:hover, .btn-startcopy:focus{
  background-color: transparent;
  border:1px solid #1868a3;
  color: #1868a3;
}

.performance-account-block{
  display:inline-block;
  width:48.5%;
  margin-left: 1%;
  vertical-align: top;
}
.performance-account-block h3{
  font-weight: 600;
  font-size: 24px;
}
.performance-holder{
  background-color: #eff4fa;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-top: 20px;
}
.performance-gain{
  display: inline-block;
  width:35%;
  text-align: left;
  float: left;
}
.performance-gain h4{
  color:#1868a3;
}
.performance-copiers{
  display: inline-block;
  width:13%;
}
.performance-profitloss{
  display: inline-block;
  width:52%;
  float: right;
}
.performance-gain small, .performance-copiers small, .performance-profitloss small{
  color:#999;
}
.performance-gain h4, .performance-copiers h4, .performance-profitloss h4{
  font-weight: 600;
}
.performance-period{
  padding-top: 35px;
}
.performance-period ul{
  list-style-type: none;
  padding-inline-start:0px;
}
.performance-period ul li{
  display: inline;
  background-color:#e7ebf1;
  padding:7px 25px;
  font-size: 14px;
  border-radius: 20px;
}
.performance-period a{
  text-decoration: none;
  color: #222;
}
.performance-period .active{
  background-color: #0c6af6 !important;
  color:#fff;
}
.account-holder{
  margin-top: 20px;
  background-color: #eff4fa;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 52px;
  padding-top: 20px;
}
.details-acc-holder{
  padding-right: 10px;
  display: inline-block;
}
.details-acc-holder .fa{
  color:#cacbcc;
  font-size: 16px;
  padding-left: 5px;
}
.details-acc-holder .fa:hover{
  cursor:help;
}
.acc-profit{
  padding-bottom: 5px;
}
.acc-profit h4{
  color:#1868a3;
}
.acc-bonus{
  padding-bottom: 5px;
}
.acc-balance{
  padding-bottom: 5px;
}
.acc-leverage{
  padding-bottom: 5px;
}
.acc-profit small,
.acc-bonus small,
.acc-balance small,
.acc-leverage small{
  color:#999;
}
.acc-profit h4,
.acc-bonus h4,
.acc-balance h4,
.acc-leverage h4{
  font-weight: 600
}
.tooltip-inner{
  text-align: left;
}
.details-chart-holder{
  padding-top: 50px;
  padding-bottom: 50px;
}
.trader-history-holder{
  padding-top: 50px;
  padding-bottom: 20px;
}
.trader-history-holder h3{
  padding-bottom: 30px;
}
.trader-history-block{
  float: right;
  margin-top: -50px;
}
.table-responsive{
  border:none;
}
.tbl-trader-history tbody tr td{
  font-size: 14px;
}
.trader-history-section .nav-tabs{
  border-bottom: none;
}
.nav-tabs>li>a{
  color:#999;
  font-size: 18px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border:transparent;
    border-bottom: 2px solid #1868a3;
    color:#222;
}
.tbl-trader-history{
  text-align: right;
}
.tbl-trader-history thead tr th{
  text-align: right;
}
.tbl-trader-history thead tr th small{
  color:#999;
}  
.tbl-trader-history thead tr th{
  border-bottom: 1px solid rgba(130,130,130,.2);
}
.tbl-trader-history tbody tr td{
  border:none;
}
.tbl-trader-history .fa {
  font-size: 22px;
}
.tbl-trader-history .fa-caret-down {
  color:#ff0000;
}
.tbl-trader-history .fa-caret-up {
  color:#1868a3;
}
.tbl-trader-history thead tr th:first-child, .tbl-trader-history tbody tr td:first-child {
  text-align: left;
}
.btn-showmore{
  width: 160px;
  border-radius: 3px;
  text-align: center;
  background-color: #1868a3;
  border:1px solid #1868a3;
  color:#fff;
  padding: 2px 7px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 15px;
}

.btn-showmore:hover, .btn-showmore:focus{
  background-color: transparent;
  border:1px solid #1868a3;
  color: #1868a3;
}
@media (min-width: 576px) and (max-width: 767.98px) { 
.copytrading{
  padding-top: 70px;
}
.header-trader-list{
  display: none;
}

.trader-avatar-holder{
  width: 49%;
}
.trader-chart-holder{
  width: 49%;
  text-align: right;
}
.show-hide{
  display: block;
  text-align: center;
}
.trader-commission{
  margin-top: 30px;
  width:20%;
}
.trader-profitloss{
  width:50%;
}
.trader-registered{
  width:27%;
}
.trader-subscribe{
  width:100%;
  margin-top: 30px;
}
.btn-subscribe{
  margin: 0 auto;
}
.trader-details-avatar-block{
  width:100%;
  margin-right: 0%;
  margin-bottom: 30px;
}
.performance-account-block{
  width:100%;
  margin-left: 0%;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.copytrading{
  padding-top: 70px;
}
.header-trader-list{
  display: none;
}

.trader-avatar-holder{
  width: 49%;
}
.trader-chart-holder{
  width: 49%;
  text-align: right;
}
.show-hide{
  display: block;
  text-align: center;
}
.trader-commission{
  margin-top: 30px;
  width:20%;
}
.trader-profitloss{
  width:50%;
}
.trader-registered{
  width:27%;
}
.trader-subscribe{
  width:100%;
  margin-top: 30px;
}
.btn-subscribe{
  margin: 0 auto;
}
  .trader-details-avatar-block{
    width:100%;
    margin-right: 0%;
    margin-bottom: 30px;
  }
  .performance-account-block{
    width:100%;
    margin-left: 0%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .btn-subscribe {
    width: 120px;
  }
  .pro-name{
    margin-left: 50px;
  }
  .acc-type {
    margin-left: 139px;
    margin-top: -7px;
  }
  .details-acc-second{
    padding-left: 75px!important;
  }
  .details-acc-holder{
    width: auto!important;
  }
}

@media (max-width: 575.98px) {
  .copytrading{
    padding-top: 70px;
  }
  .header-trader-list{
    display: none;
  }

  .trader-avatar-holder{
    width: 100%;
    text-align: center;
  }
  .trader-chart-holder{
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .show-hide{
    display: block;
    text-align: center;
  }
  .trader-commission{
    margin-top: 30px;
    width:100%;
  }
  .trader-profitloss{
    width:100%;
    margin-top: 30px;
  }
  .trader-registered{
    width:100%;
    margin-top: 30px;
  }
  .trader-subscribe{
    width:100%;
    margin-top: 30px;
  }
  .btn-subscribe{
    margin: 0 auto;
  }
  .trader-details-avatar-block{
    width:100%;
    margin-right: 0%;
    margin-bottom: 30px;
  }
  .performance-account-block{
    width:100%;
    margin-left: 0%;
  }
  .performance-period ul li{
    padding:5px 15px;
    font-size: 12px;
    border-radius: 15px;
  }
  .trader-history-block{
    float: left;
    margin-top: 10px;
  }
}
@media screen and (max-width:510px) {
  .web-block{
    display: none;
  }
  .mobile-block{
     display: block;
  }
  .performance-holder{
    text-align: center;
  }
  .performance-gain{
    width: 100%;
    text-align:center;
    float: none;
  }
  .performance-copiers {
    width: 100%;
  }
  .performance-profitloss {
    width: 100%;
  }
  .details-acc-second {
    padding-left: 26px!important;
  }
  .details-acc-holder{
    width: auto!important;
  }
}

@media screen and (max-width:420px) {
  p {
    font-size: 16px!important;
  }
  .trader-details-avatar-holder h4{
    font-size: 22px!important;
  }
  .performance-account-block h3{
    font-size: 22px;
  }
  .btn-startcopy h5{
    font-size: 14px;
  }
  .small-text{
    font-size: 12px;
  }
  .small-tble{
    font-size: 10px;
  }
  .value-size{
    font-size: 16px;
  }
  .details-strategi h5{
    font-size: 16px;
  }
  .inves-size{
    font-size: 16px;
  }
  .inves-value{
    font-size: 20px;
  }
  .trader-history-holder h3{
    font-size: 22px;
  }
  .nav-tabs>li>a{
    font-size: 16px;
  }
  .tbl-trader-history tbody tr td{
    font-size: 12px;
  }
  .feat h1{
      font-size: 16px!important;
  }

}
@media screen and (max-width:360px) {
  .performance-holder{
    text-align: center;
  }
  .details-acc-second {
    padding-left: 0px!important;
  }
}