.app-table-reports{
    float: left;
    margin-left: 25%;
    padding: 0 15px;
}
.app-table-reports__container{
    max-width: 600px;
    overflow: auto;
}
.app-table-reports__table{
    min-width: 570px;
    width: 100%;
}
.app-table-reports .app-table-reports__header{
    background-color: #eeeeee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: inline-flex;
    font-weight: bold;
    padding: 5px 0;
    width: 100%;
}
.app-table-reports .app-table-reports__header > div:nth-child(1),
.app-table-reports .app-table-reports__header > div:nth-child(2),
.app-table-reports .app-table-reports__header > div:nth-child(3){
    text-align: center;
    width: 80px;
}
.app-table-reports .app-table-reports__header > div:nth-child(4){
    padding-left: 16px;
}
.app-table-reports .app-table-reports__body .app-table-reports__row:nth-child(odd){
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}
.app-table-reports .app-table-reports__body .app-table-reports__row:nth-child(even){
    border-top: 1px solid #ddd;
}
.app-table-reports .app-table-reports__body .app-table-reports__row{
    padding: 3px 0;
    float: left;
    width: 100%;
}
.app-table-reports .app-table-reports__body .app-table-reports__row:first-child{
    border-top: none;
}
.app-table-reports .app-table-reports__body .app-table-reports__row:last-child{
    border-bottom: 1px solid #ddd;
}
.app-table-reports .app-table-reports__body .app-table-reports__notdata{
    background-color: #f9f9f9;
    color: #828282;
    padding: 25px 15px 25px;
}
.app-table-reports .app-table-reports__body:last-child .app-table-reports__notdata{
    border-bottom: 1px solid #ddd;
}
.app-table-reports .app-table-reports__body .app-table-reports__row div:nth-child(4) a{
    display: inline-block;
    padding: 7px 15px;
    width: 100%;
}
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(1),
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(2),
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(3){
    float: left;
    text-align: center;
    padding: 2px 0px;
    width: 80px;
}
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(4){
    float: left;
}
.app-table-reports .app-table-reports__body .app-table-reports__row > div span {
    display: block;
    padding: 6px 0px;
}
.app-table-reports .app-table-reports__body .app-table-reports__row > div span i.fa{
    width: 10px;
}
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(1) a,
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(2) a,
.app-table-reports .app-table-reports__body .app-table-reports__row > div:nth-child(3) a{
    padding: 4px;
    width: 72px;
}
@media (max-width: 767px){
    .app-table-reports{
        margin-left: 0px;
        width: 100%;
    }
}