body{
    overflow-x: hidden;
    background-color: #fbfbfb;
}
.header{
    /* height: 55vh; */
    background-color: #fafcfe;
    /* background-color: #151826; */
}
.header-btn-1{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white;
    border: none;
    font-size: x-small;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-btn-2{
    font-size: x-small;
    border: none;
}
.orange{
    color:#464cfe;
}
.change_btn{
    margin-top: 2.5rem;
    text-align: center;
    color: #fff;
    background-color: #464cfe;
    border: 0;
}
.nav-link.active{
    border: none !important;
    border-bottom: 3px solid #464cfe !important;
}
.nav-link{
    color: #a1a1b3;
}
.cry-sm{
    font-size: 0.8rem;
    text-align: left;
}
.cry-sm-1{
    font-size: 0.8rem;
    text-align: right;
    font-weight: bold;
}
.cry-blue{
    color: #2082fe;
}
.cry-gray{
    color: #a1a1b3;
}
.minerTitle{
    background-color: #464cfe;
    color: #fff;
}
.cry-sm-2{
    font-size: 0.8rem;
    font-weight: bold;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #464cfe;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.withdraw-box{
    border: 0.5px solid #a1a1b3;
    border-radius: 15px;
}
.withdraw-field{
    font-size: 1.5rem;
    border: none;
    width: 9rem;
}
.withdraw-field-2{
    font-size: 0.8rem;
    border: none;
}
input:focus{
    outline: none;
}
.cry-fsm{
    font-size: 0.8rem;
}

  /* For Demo only */
  /* .cd__main{
     position: relative;
     width: 360px !important;
     height: 720px;
     border: 2px solid #bbb;
  } */
  /* end demo only */
  .mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    height: 50px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #fff;
  }
  .mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .mobile-bottom-nav__item--active {
    color: red;
  }
  .mobile-bottom-nav__item-content {
    display: flex;
    flex-direction: column;
  }
.clock:before,
  .count:after{
      content:'';
      position:absolute;
  }
  .clock-wrap{
      margin:auto;
      width:240px;
      height:240px;
      position:relative;
      border-radius:50px;
      background-color:#fff;
  }
  .clock{
      top:50%;
      left:50%;
      width:180px;
      height:180px;
      border-radius:50%;
      position:absolute;
      margin-top:-90px;
      margin-left:-90px;
      background-color:#bfd9ee;
  }
  .clock:before{
      top:50%;
      left:50%;
      width:120px;
      height:120px;
      margin-top:-60px;
      margin-left:-60px;
      border-radius:inherit;
      background-color:#0089fe;
      box-shadow:0 0 15px rgba(0,0,0,.15), 0 0 3px rgba(255,255,255,.75) inset;
      /*border:1px solid rgba(255,255,255,.1);*/
  }
  .count{
      width:100%;
      color:#fff;
      height:100%;
      padding:50px;
      font-size:32px;
      font-weight:500;
      line-height:50px;
      position:absolute;
      text-align:center;
  }
  .count:after{
      width:100%;
      display:block;
      font-size:18px;
      font-weight:300;
      line-height:18px;
      text-align:center;
      position:relative;
  }
  .count.sec:after{content:'sec'}
.bg-gray{
    background-color: #f8f7fa;
}