@mixin sorting {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.sub-header {
    margin: 25px auto;

    &__title {
        font-size:36px;
    }

    &__actions {
      vertical-align: middle;
      line-height: 54px;
    }
}

.sensors-list-table {
    &__head {
        &__item {
            &.sortable {
                cursor: pointer;

                &.active {
                    .up {
                        @include sorting;
                        border-bottom: 5px solid black;
                    }

                    .down {
                        @include sorting;
                        border-top: 5px solid black;
                    }
                }
            }
        }
    }

    &__body {
        &__row {
            &__actions {
                &__remove {
                    padding: 0 15px;
                }
            }
        }
    }
}

.empty-list {
    &__container {
        padding: 0px;
        margin-top: 100px;

        &::before {
            content: '';
            display: block;
            background: url('./assets/empty-sensors-list.png') no-repeat;
            background-size: 150px;
            background-position: calc(100%/2);
            height: 150px;
            margin: 0 6px 0 0;
        }

        &__text {
            &__main {
                font-family:Roboto-Regular;
                font-size:24px;
                text-align:center;
            }

            &__additional {
                font-family:Roboto-Regular;
                font-size:15px;
                text-align:center;
            }
        }
    }
}
