@import (reference) 'common.less';
.zone_settings {
    cursor: default !important;
    .pair {
        display: flex;
        .title {
            margin-right: 5px;
            font-weight: 600;
        }
        .val {
            display: flex;
            align-items: center;
        }
    }
    .lit {
        line-height: 1.9;
        padding: 0 6px;
        margin-right: 3px;
        background-color: #e1e9ed;
        color: inherit;
        font-size: 11px;
        border-radius: 3px;
    }
    .perm_icon {
        width: 18px;
        height: 18px;
        float: left;
        margin: 2px 4px 0;
        background-repeat: no-repeat;
        background-size: contain;
        &.country { background-image: url(/img/country.svg); }
        &.state { background-image: url(/img/state.svg); }
        &.data_center { background-image: url(/img/data_center.svg); }
        &.asn { background-image: url(/img/asn.svg); }
        &.city { background-image: url(/img/city.svg); }
        &.vip { background-image: url(/img/g_ip.svg); }
        &.residential { background-image: url(/img/residential.svg); }
        &.static_res { background-image: url(/img/static_res.svg); }
        &.zip { background-image: url(/img/zipcode.svg); }
        &.mobile {
            width: 14px;
            background-image: url(/img/mobile.svg);
        }
    }
    .domains_list {
        display: flex;
        flex-wrap: wrap;
        margin-left: 13px;
        .domain {
            .lit();
            margin-bottom: 3px;
        }
    }
}