.accounts-table{
    width: 100% !important;
}
.accounts-table tr{
    display: inline-block;
    vertical-align: top;
}


.accounts-table td, .accounts-table th{
    border: none;
    padding: 0;
    margin: 0;
}
.accounts-table thead{
    display: none;
}
.accounts-table .account-item{
    width: 300px;
    margin: 8px;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 10px;
    border-radius: 3px;
}
.accounts-table .account-item.ladda-button{
    background-color: #324148;
}
.accounts-table .account-item .account-id{
    font-size: 12px;
    /*color: #999;*/
}
.accounts-table .account-item .account-id a{
    /*color: #324148;*/
}
.accounts-table .account-item .actions{
    height: 26px;
}
.accounts-table .account-item .account-settings{
    font-size: 12px;
}
.accounts-table .account-item .photo{
    clear: both;
}
.accounts-table .account-item .name{
    clear: both;
}
.accounts-table .account-item .detail{
    float: left;
    text-align: left;
    padding: 0 0 0 9px;
}
.accounts-table .account-item .detail .adaccounts,.accounts-table .account-item .detail .business,.accounts-table .account-item .detail .pages{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 3px 0;
}
.accounts-table .account-item .detail .business a,.accounts-table .account-item .detail .business span,.accounts-table .account-item .detail .pages a,.accounts-table .account-item .detail .pages span,.accounts-table .account-item .detail .adaccounts a,.accounts-table .account-item .detail .adaccounts span{
    display: block;
    width: 45px;
    font-size: 14px;
    line-height: 32px;
    height: 45px;
    padding: 7px 0 0 0;
    /* background-color: #e6e6e6; */
    border-radius: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    text-align: center;
    position: relative;
}
.accounts-table .account-item .detail .business a:hover,.accounts-table .account-item .detail .pages a:hover,.accounts-table .account-item .detail .adaccounts a:hover{
    box-shadow: 0 6px 13px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.22);
}
.accounts-table .account-item .detail .business a i,.accounts-table .account-item .detail .business span i,.accounts-table .account-item .detail .pages a i,.accounts-table .account-item .detail .pages span i,.accounts-table .account-item .detail .adaccounts a i,.accounts-table .account-item .detail .adaccounts span i{
    /* position: absolute; */
    /* bottom: 7px; */
    /* clear: both; */
    /* width: 0px; */
    /* left: 0px; */
    /* text-align: center; */
    font-size: 29px;
    margin: 2px;
    /* left: 50%; */
    /* margin-left: -15px; */
    color: #f5f5f5;
    /* display: none; */
}

.accounts-table .account-item .detail .number{
    border: none;
    background: none;
    position: absolute;
    width: 46px;
    color: #324148;
    text-shadow: 1px 1px #fff;
}

.accounts-table .account-item hr{
    margin: 5px;
}
.accounts-table .account-item .date{
    float:left;
    text-align: left;
    font-size: 10px;
}
.accounts-table .account-item .status_info{
    font-size: 10px;
    float:right;
    text-align: right;
}

.accounts-table .account-item .extra{
    clear: both;
    text-align: left;
}
.accounts-table .account-item .extra .favorite{
    color: #c5c5c5;
    font-size: 17px;
    line-height: 18px;
    /* padding: 2px 0 0 0; */
    margin: 5px 5px 0 0;
    display: inline-block;
    /* text-shadow: 1px 1px 0px #8e8e8e; */
}
.accounts-table .account-item .extra .favorite:hover,.accounts-table .account-item .extra .favorite.active{
    color: #e4c517;
}
.accounts-table .account-item .extra .favorite.active:hover{
    color: #c5c5c5;
}

.favorite-button.active{
    background-color: #e4c517 !important;
}