.inline-form .form-field {
    width: 25%;
    float: left;
    padding: 0 15px;
}
.topten {
    background: #fff;
    box-shadow: 0 0 10px #0003;
    padding: 18px;
    border-radius: 10px;
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    min-height: 200px;
}
.lastdep .heading {
    background: #3d7aa8;
}
.topten .heading {
    padding: 5px 10px 10px 20px;
    border-radius: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    line-height: 45px;
}
.topten .heading strong {
    font-weight: 700;
}
.topten .heading span {
    float: right;
}
.topten .info {
    width: 100%;
    float: left;
    padding: 10px;
}
.topten .info ul {
    border-bottom: 1px solid #bdd3e3;
    font-size: 14px;
    color: #163f59;
    font-weight: 300;
    width: 100%;
    float: left;
    margin-top: 5px;
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
ul.fadeInUp img {
    border-radius: inherit;
}
.topten .info ul li {
    float: left;
    width: 33.33%;
    padding: 7px 3px;
    line-height: 28px;
}
.stats .heading {
    background: #163f59;
}
.topten.stats .info ul li {
    float: left;
    width: 50%;
    padding: 7px 3px;
    line-height: 28px;
}

.size-stat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 155px;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}.lastwith .heading {
    background: #163f59;
} 
  
/* account css start */

   .other-head {
    height: auto;
    width: 100%;
    background: #f8b032;
    border-bottom: 1px solid#000000;
    padding: 9px 0px;
    text-align: center;
    letter-spacing: 1px;margin-bottom: 40px;
}
.other-head h4 {
        color: #000000;
    font-size: 20px;
    text-transform: uppercase;
}
.desh-left {
    height: auto;
    width: 100%;
    overflow: hidden;
}
.desh-user {
    height: auto;
    width: 100%;
    background: #06406a;
    padding: 20px;
    overflow: hidden;
}
.user-up {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
}
.user-icon {
    height: 90px;
    width: auto;
    float: left;
    overflow: hidden;
}
.user-name {
    height: auto;
    width: auto;
    float: left;
    margin-left: 18px;
    color: #FFFFFF;
    text-transform: capitalize;
    margin-top: 20px;
    line-height: 25px;
}
.user-details {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 15px;
}
.his-one:first-child {
    margin-top: 0px;
}
.his-left {
    height: auto;
    width: auto;
    float: left;
}
.his-right {
    height: auto;
    width: auto;
    float: right;
}
.his-one {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 10px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.desh-bg {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 20px;
    background-color: #023255;
}
.desh-menu {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
}
.desh-menu ul {
    list-style: none;
}
.desh-menu ul li:first-child {
    margin-top: 0px;
}
.desh-menu ul li {
    float: left;
    width: 100%;
    background-color: #00487d;
    border-radius: 5px;
    margin-top: 10px;
}
.desh-menu ul li:hover {
    background-color: #ed9d11;
}
.desh-menu ul li a {
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 15px 20px;
    display: block;
}
.desh-menu ul li a img {
    margin: 0px 8px -2px 0px;
}
.desh-rightup {
    height: 190px;
    width: 100%;
    background-image: url('images/balance.html');
    background-repeat: no-repeat;
    background-size: 100% 209px;
    overflow: hidden;
}
.balance-one {
    height: auto;
    width: 45%;
    margin: 20px;
    overflow: hidden;
    float: left;
    border-right: 1px solid#FFFFFF;
}
.balance-two {
    height: auto;
    width: 44%;
    margin: 20px;
    overflow: hidden;
    float: left;
}
.balance-icon {
    height: auto;
    width: auto;
    text-align: center;
    padding-top: 14px;
}
.balance-text {
    padding: 10px 0px;
    text-align: center;
    width: auto;
}
.balance-text h5 {
    font-size: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.dh {
    height: auto;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0px;
}
.md {
    height: auto;
    width: 220px;
    float: left;
}
.a-link {
    width: 100%;
    height: auto;
    padding: 12px 0px;
    font-size: 18px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    background-color: #f5a00c;
    border-radius: 6px;
    border: 1px dashed#000000;
}
.mw {
    height: auto;
    width: 220px;
    float: right;
    margin-right: 2px;
}
.a-link:hover {
    background-color: #E99400;
    transition: all 0.5s ease-in-out;
}
.main-refer- {
    height: 50px;
    width: 100%;
    background-color: #e99502;
    float: left;
}
.refer-text- {
    height: auto;
    width: auto;
    float: left;
    margin-left: 25px;
    margin-top: 15px;
    color: #FFFFFF;
}
.banner1 {
    height: auto;
    width: 188px;
    float: right;
}
.banner1 a {
    background-color: #000000;
    border-radius: 0px;
    padding: 10px 0px;
    border: none;
}
.banner1 a:hover {
    border: none;
    background: #06406a;
}
.all-investment {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}
.investment-one:nth-child(odd) {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    background-color: #e5e1e1;
}
.investment-one {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    background-color: #e5e1e1;
}
.investment {
    height: auto;
    width: 50%;
    float: left;
    overflow: hidden;
    border-right: 1px solid#bebdbd;
    padding: 20px 0px;
}
.invest-box {
    height: auto;
    width: auto;
    margin: 20px;
    float: left;
}
.invest-icon {
    height: auto;
    width: auto;
    float: left;
    padding-right: 10px;
    border-right: 1px solid#495c6b;
}
.invest-text {
    height: auto;
    width: 180px;
    float: left;
    overflow: hidden;
    margin-left: 19px;
    /* margin-top: 17px; */
}
.investment2 {
    height: auto;
    width: 50%;
    float: left;
    overflow: hidden;
    padding: 20px 0px;
}
.investment-one:nth-child(even) {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    background-color: #FFFFFF;
}
.text-head {
    height: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    font-size: 20px;
    font-weight: 600;
    color: #00406e;
}
.text-dolar {
    height: auto;
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #ec9300;
    font-size: 22px;
}
.dashboard h3 {
    height: auto;
    width: 100%;
    background-color: #f4a110;
    border-bottom: 1px solid#000000;
    padding: 9px 0px;
    text-align: center;
    font-size: 20px;
    color: #000;
    letter-spacing: 1px;
}
table{
    background: #e9f6ff;
    width:100%;
}
td,th{
    padding:10px;border: 1px solid #e6e3e3;
}
th{
    background-color: #00487d;
    color:#fff;
}
.inheader{
    background-color: #00487d;
    color:#fff;
}
.sbmt {
    font-family: "OpenSans",sans-serif;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
    padding: 15px 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    min-width: 160px;
    max-width: 100%;
    border: 2px solid #f7921a; 
    background-color: #f7921a;
    box-sizing: border-box;
    transition: all 0.4s;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.sbmt:hover,.sbmt:focus {
    color: #3c3c3c;
    background: transparent;
    border-color: #f7921a;
}
.dashboard img{
    border-radius:none;
}
@media(max-width:767px){
    .desh-rightup {
    height: 355px;
    width: 100%;
    background-repeat: repeat;
    background-size: 100% 167px;
}
.balance-one{
    border-right: none;
    width: 100%;
}
.balance-two {
    width: 100%;
}
.mw{
    width: 48%;
}
.md{
    width: 48%;
}
.investment{
    width:100%;
}
.investment2{
     width:100%;
}
.invest-text{
    width: 55%;
}
.main-refer-{
        height: 62px;
}
.banner {
    width: 100%;
}
.all-investment{
        margin-top: 68px;
}
}