.DeliveryRightsModal {
    display: flex;

    &-first-filters {
        margin: 0px 0 20px 0;

        font-weight: 400;
        font-size: 14px;
        line-height: 20px;

        span {
            padding-top: 0.5rem;
        }

        &-span {
            margin-left: 15px;
        }

        &-button {
            border: none;
            border-radius: 1.5rem;
            padding: 0.4rem 1.1rem;
            margin-left: 15px;
        }

        &-button.selected {
            background: #0070e0;
            color: #fff;

            .GlyphIcon {
                fill: #fff;
                margin-right: 0.3rem;
            }
        }

        &-button.notSelected {
            background: #dae9f7;
            color: #1c1c1c;

            .GlyphIcon {
                fill: #1c1c1c;
                margin-right: 0.3rem;
            }
        }
    }

    &-body {
        display: inline-flex;
        padding-bottom: 30px;

        &-data {
            height: 100%;
            min-width: 400px;
            padding: 20px;
        }

        &-left {
            box-shadow: 0 0 0.357rem rgba(28, 28, 28, 0.15);

            &-header {
                float: left;
            }
            &-title {
                font-weight: 500;
                font-size: 12px;
                line-height: 12px;
                color: #847c7c;
            }
        }

        &-left.splitted-view {
            min-width: 250px;
        }

        &-right {
            margin-left: 20px;
            box-shadow: 0 0 0.357rem rgba(28, 28, 28, 0.15);

            &-header {
                float: right;
            }
            &-nb-countries {
                font-weight: 400;
                font-size: 14px;
                line-height: 16px;
                color: #1c1c1c;
            }
        }

        &-right.splitted-view {
            background-color: #f7f7f7;
        }

        &-table {
            padding-top: 30px;

            &-header {
                background-color: #e4e0df;
            }

            &-select-title {
                margin: 0;
            }

            &-not-collecting {
                padding-top: 20px;
            }
        }

        &-not-collecting {
            padding-top: 48px;
        }
    }
    &-selected-country-row {
        padding: 10px 10px 0 10px;
    }

    &-previous-span {
        margin-right: 5px;
        cursor: pointer;
    }

    &-service-body,
    &-country-body {
        display: inline-flex;
        height: 100%;

        &-title {
            &-left {
                float: left;
                font-weight: 500;
                font-size: 12px;
                line-height: 12px;
                color: #847c7c;
            }

            &-right {
                float: right;
            }
        }

        &-allowed {
            min-width: 400px;
            padding: 20px;
            background-color: #fff;
        }

        &-not-allowed {
            min-width: 400px;
            padding: 20px;
            margin-left: 20px;
            background-color: #fff;
        }
    }

    &-empty-state {
        margin-top: 20px;
        text-align: center;

        &-info {
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
        }
    }
}