.dns-section.section.card-section {
    max-width: 720px;
}

.dns-section.section.card-section .link {
    display: inline;

    color: #1c77e2;
}

.dns-block {
    position: relative;

    display: flex;
    flex-grow: 1;
    flex-direction: column;

    height: 100%;
    padding: 18px 24px 24px;

    font-size: 15px;
    line-height: 1.3;

    background: #fff;
}

.dns-header {
    font-size: 20px;
}

.dns-warning {
    box-sizing: border-box;
    margin: 12px 0;
    padding: 24px;

    font-size: 15px;
    line-height: 1.4;

    border: 2px solid #e5e5e5;
    border-radius: 3px;
}

.dns-warning .link.external {
    margin-right: 2px;
    padding-right: 14px;

    background: url('../../../static/i/external.svg') 100% 50%/10px no-repeat;
}

.dns_headless .dns-warning {
    margin: 24px 0;
    padding: 14px 20px;

    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 4px;
    background: rgba(254, 235, 160, .5);
}

.dns-description {
    margin-top: 12px;
    padding-left: 24px;

    background: url('../../../static/i/warning.svg') -1px 0/20px no-repeat;
}

.dns-description .domain {
    font-weight: 500;
}

.dns_headless .dns-description {
    margin: 24px 0;
}

.dns-options {
    display: flex;

    margin-top: 18px;
}

.dns-options .select .value {
    margin: 0 .25em;
}

.dns-options .select .button_theme_islands.button_size_l {
    line-height: 36px;
}

.dns-description + .dns-options {
    margin-top: 28px;
}

.dns__controls {
    margin: 24px 0 36px;
}

.dns-controls {
    display: flex;
    flex: 1;
    justify-content: flex-end;

    margin-left: 24px;
}

.dns-list {
    margin-top: 24px;

    font-size: 14px;
}

.dns-list__status {
    position: relative;

    margin-top: 24px;
    padding: 96px 0;

    font-size: 14px;
    text-align: center;

    color: rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .02);
}

.dns-list__header {
    display: flex;

    padding: 10px 16px;

    color: #999;
    background: #f3f3f3;
}

.dns-list__host,
.dns-list__type,
.dns-list__value,
.dns-list__priority,
.dns-list__edit,
.dns-list__delete {
    margin-right: 16px;

    vertical-align: middle;
}

.dns-list__host {
    width: 176px;
}

.dns-list__type {
    width: 97px;
}

.dns-list__value {
    width: 170px;
}

.dns-list__priority {
    width: 80px;
}

.dns-list__edit,
.dns-list__delete {
    display: none;

    width: 16px;
    height: 16px;

    cursor: pointer;
    user-select: none;

    opacity: .5;
    background-size: 100%;
}

.dns-list__edit {
    background-image: url('../../../static/i/pen.svg');
}

.dns-list__delete {
    margin-right: 0;

    background-image: url('../../../static/i/trash.svg');
}

.dns-list__edit:hover,
.dns-list__delete:hover {
    opacity: 1;
}

.dns-list__field {
    display: flex;
    align-items: center;

    padding: 10px 16px;

    line-height: 22px;
    word-wrap: break-word;
}

.dns-list__field_even {
    background: #f3f3f3;
}

.dns-list__field:hover {
    background: #fff1c8 !important;
}

.dns-list__field:hover .dns-list__edit,
.dns-list__field:hover .dns-list__delete {
    display: block;
}

.dns-add {
    margin-bottom: 12px;
}

.dns-add__title {
    margin: 5px 0 10px;

    font-size: 15px;
}

.dns-add__controls {
    display: flex;
    align-items: flex-start;
}

.dns-add__select {
    display: inline-block;

    width: 110px;
    margin-right: 16px;
}

.dns-form {
    width: 400px;
}

.dns-form .form__item {
    margin: 12px 0 24px;
}

.dns-form .form__label {
    width: 36%;
    max-width: 36%;
    margin-top: .6rem;

    font-size: 15px;

    color: #000;
}

.dns-form .form__error {
    margin-left: 36%;

    font-size: 13px;
}

.dns-form .form__buttons {
    margin-top: 32px;
}

.dns-form .form__title {
    margin-bottom: 24px;

    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;
}

.dns-form .input_theme_islands.input_size_l .input__control {
    height: 36px;
}

.dns-form .input__clear {
    margin-top: 1px;
}

.dns__soa-edit {
    margin: 24px 0 4px;
}
