.collapse-table td a.a-outline i {
    padding-left: 11px;
    padding-top: 10px;
}

.add-btn-td {
    padding-left: 0;
    padding-right: 0;
}

.add-btn-td a {
    width: 100%;
    height: 100%;
}

.add-btn-td a i {
    padding-top: 5px;
}

//tablet
@media only screen and (min-device-width: $min-screen-sm) and (max-device-width: $max-screen-sm) {
    .collapse-table > thead > tr > th:nth-child(1n) {
        display: none;
    }

    .collapse-table > thead > tr > th:nth-child(1),
    .collapse-table > thead > tr > th:nth-child(2),
    .collapse-table > thead > tr > th:nth-child(3) {
        display: inline-flex;
        width: 30%;
    }

    .collapse-table > thead > tr > th:nth-child(4) {
        display: inline-flex;
        width: 10%;
        padding: 17px;
    }

    .collapse-table > tbody > tr > td:nth-child(1n) {
        display: none;
        background: $content-background-color;
    }

    .collapse-table > tbody > tr > td:nth-child(1),
    .collapse-table > tbody > tr > td:nth-child(2),
    .collapse-table > tbody > tr > td:nth-child(3) {
        display: inline-flex;
        width: 30%;
        background: $modul-background-color;
        border-top: 1px solid $divider-color;
        border-bottom: 1px solid $divider-color;
        height: 42px;
    }

    .collapse-table > tbody > tr > td:nth-child(4) {
        display: inline-flex;
        width: 10%;
        background: $modul-background-color;
        border-top: 1px solid $divider-color;
        border-bottom: 1px solid $divider-color;
        height: 42px;
    }

    .collapse-table > tbody > tr > td:nth-child(1n):before {
        content: attr(label);
        font-weight: bold;
        width: 120px;
        min-width: 120px;
    }

    .collapse-table > tbody > tr > td:nth-child(1):before,
    .collapse-table > tbody > tr > td:nth-child(2):before,
    .collapse-table > tbody > tr > td:nth-child(3):before,
    .collapse-table > tbody > tr > td:nth-child(4):before {
        display: none;
    }
}

//mobile
@media only screen and (max-device-width: $max-screen-xs) {
    .collapse-table > thead > tr > th:nth-child(1n) {
        display: none;
    }

    .collapse-table > thead > tr > th:nth-child(1) {
        display: inline-flex;
        width: 80%;
    }

    .collapse-table > thead > tr > th:nth-child(2) {
        display: inline-flex;
        width: 20%;
        padding: 17px;
    }

    .collapse-table > tbody > tr > td:nth-child(1n) {
        display: none;
        background: $content-background-color;
    }

    .collapse-table > tbody > tr > td:nth-child(1) {
        display: inline-flex;
        width: 80%;
        background: $modul-background-color;
        border-top: 1px solid $divider-color;
        border-bottom: 1px solid $divider-color;
        height: 42px;
    }

    .collapse-table > tbody > tr > td:nth-child(2) {
        display: inline-flex;
        width: 20%;
        background: $modul-background-color;
        border-top: 1px solid $divider-color;
        border-bottom: 1px solid $divider-color;
        height: 42px;
    }

    .collapse-table > tbody > tr > td:nth-child(1n):before {
        content: attr(label);
        font-weight: bold;
        width: 120px;
        min-width: 120px;
    }

    .collapse-table > tbody > tr > td:nth-child(1):before,
    .collapse-table > tbody > tr > td:nth-child(2):before {
        display: none;
    }
}
