.form-control{
  border-radius: 10px!important;
}
.coin_chart_wrapper{
  height:80px;
  width:310px;
  margin-left:-10px;
}

.chart.widget-card {
    overflow: hidden;
    padding:10px
}
.chart .widget-info {
    display: block;
    justify-content: center;
    text-align: center;
    margin-left: -10px;
}

.nav-btn-card{
  margin-top: 0px;
}

.h-90{
  height: 90% !important;
}


.h-80{
  height: 80% !important;
}

.widget-card.coin-balance-chart{
  min-height: 250px;
  height: 90%;
}
.widget-card{
  box-shadow: unset;
}


.widget-card.history {
    margin-bottom: 0 !important;
    border-radius: 0;
    color: #8691b4;
    padding: 20px;
    font-weight: 100!important;
    border: unset;
    border-bottom: 1px solid rgba(55, 55, 89, 0.1);

}
a .widget-card.history:hover{
  border:none;
  background: ;
}
.widget-info i{
  height: 25px;
  width: 25px;
  align-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
}
.widget-card.history hr{
  margin: 0px;
}
.widget-card.history:first-child {
    border-radius: 15px 15px 0 0!important;
}
.widget-card.history:last-child {
    border-radius: 0 0 15px 15px!important;
}
.widget-card.history:only-child {
    border-radius: 15px!important;
}
.card-header{
  border-bottom: 0;
}
.card-title{
  font-size: 18px;
  font-weight: 100;
  color: #1F2641;
}
.card-subject{
  font-size: 14px;
  font-weight: 100;
  color: #1F2641;
  text-transform: uppercase;
}
.sub{
  font-size: 16px;
  color: #8691b4;
  font-weight: 100;
}

.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

}

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }
}

.sidebar-logout {
    border-bottom: 0;
    color: #FF788E;
    font-size: 16px;
    border-bottom: 1px solid rgba(55, 55, 89, 0.1);
    font-weight: 100;
    text-transform: capitalize;
        text-wrap: nowrap;

}


/**********************************
 * TRANSACTION HISTORY STATUSES   *
 **********************************/

/*
 * HISTORY SENT
 */
.sent i.history-icon:before{
  font-family: "Font Awesome 5 Free";
  content: "\f062";
  font-weight: 900;
  color: #1F2641!important;
  font-style: normal;
}
.sent p.history-status{
  font-weight: 100;
  color: #1F2641!important;
  font-style: normal;
  text-transform: capitalize;
  font-size: 16px;
}
.sent p.history-status::before{
  content: "Sent";
}
.sent p.history-amount{
  font-weight: 100;
  color: #1F2641!important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
}

/*
 * HISTORY RECEIVED
 */
.received i.history-icon:before{
  font-family: "Font Awesome 5 Free";
  content: "\f063";
  font-weight: 900;
  color: #1F2641!important;
  font-style: normal;
}
.received p.history-status{
  font-weight: 100;
  color: #1F2641!important;
  font-style: normal;
  text-transform: capitalize;
  font-size: 16px;
}
.received p.history-status::before{
  content: "Received";
}
.received p.history-amount{
  font-weight: 100;
  color: #1F2641!important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
}

/*
 * HISTORY SENDING
 */
.sending i.history-icon:before{
  font-family: "Font Awesome 5 Free";
  content: "\f062";
  /* content: "\f021"; */
  font-weight: 900;
  color: #FE9431 !important;
  font-style: normal;
  display: inline-block;
  animation: moveOutIn 1000ms linear infinite;
}
.sending i.history-icon{
  height: 22px;
}
.sending p.history-status{
  font-weight: 100;
  color: #FE9431 !important;
  font-style: normal;
  text-transform: capitalize;
  font-size: 16px;
}
.sending p.history-status::before{
  content: "Sending";
}
.sending p.history-amount{
  font-weight: 100;
  color: #FE9431!important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
}
/*
* HISTORY RECEIVING
*/
.receiving i.history-icon:before{
  font-family: "Font Awesome 5 Free";
  /* content: "\f021"; */
  content: "\f063";
  font-weight: 900;
  color: #FE9431!important;
  font-style: normal;
  display: inline-block;
  animation: moveInOut 1000ms linear infinite;
}
.receiving i.history-icon{
  height: 22px;
}
.receiving p.history-status{
  font-weight: 100;
  color: #FE9431!important;
  font-style: normal;
  text-transform: capitalize;
  font-size: 16px;
}
.receiving p.history-status::before{
  content: "Receiving";
}
.receiving p.history-amount{
  font-weight: 100;
  color: #FE9431!important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
}
/*
 * HISTORY FAILED
 */
.failed i.history-icon:before{
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  font-weight: 900;
  color: #FF788E!important;
  font-style: normal;
}
.failed p.history-status{
  font-weight: 100;
  color: #FF788E!important;
  font-style: normal;
  text-transform: capitalize;
  font-size: 16px;
}
.failed p.history-status::before{
  content: "Failed";
}
.failed p.history-amount{
  font-weight: 100;
  color: #FF788E!important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
}
i.history-icon {
  overflow: hidden;
}


@keyframes moveInOut {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes moveOutIn {
  100% {
    transform: translateY(-100%);
  }
  0% {
    transform: translateY(100%);
  }
}
/* @keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
*/

.social-icons i {
    font-size: 20px;
}
.social-icons p {
    font-size: 11px;
    font-weight: lighter;
}
.social-icons p:hover {
    font-size: 13px;
    display:block;
}
.social-icons a {
    border-radius: 100px;
    padding: 7px 0px;
    margin-right: 0px;
    height: 50px;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #5E37FF;
    text-align: center;
}
.social-icons a:hover {
    border-radius: 100px;
    padding: 7px 0px;
    margin-right: 0px;
    height: 50px;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #1F2641;
    text-align: center;
    border: 15px solid #1F2641;
}
.notifications_bell {
    height:35px;
    width:35px;
    color: #5E37FF;
}
.greeting {
    font-size: 18px;
}

.form-input-info{
  color:#8691b4;
  font-size:14px;
  line-height:14px;
}
.fs-20px{
  font-size: 20px!important;
}
.input-group-append label, .input-group-prepend label {
    color: white !important;
    background: #5e38ff;
  }
  .input-group-prepend {
    min-width: 50px;
    max-width: 50px;
}
.input-group-append {
    min-width: 85px;
    max-width: 85px;
}

.history-bottom-info{
  font-size: 13px;
  margin-top: 0px;  font-weight: 100;
}
.history-bottom-info-desc{
  font-weight: 100;
  padding-left: 20px;
  font-size: 11px !important;
  line-height: 12px;
  color: #b0b8ce;
  text-transform: capitalize;
}

.history-coin{
  filter: contrast(0.66);
  width: 25px;
  height: auto;

}


.mini-logo a img {
    width: 150px !important;
    height: auto;
}


.min-max-width-100px{
  max-width: 100px!important;
  min-width: 100px!important;
}
.margin-right-10px{
  margin-right: 10px!important;
}
.min-max-width-40px{
  max-width: 40px!important;
  min-width: 40px!important;
}
.min-max-width-60px{
  max-width: 60px!important;
  min-width: 60px!important;
}

.overflow-scroll{
  overflow: scroll;
}