.ui-button-icon-only:not(input) {/* only in Firefox because negative text-ident */
    overflow: hidden;
}
.ui-icon[class*=" fa-"],
.ui-state-hover .ui-icon[class*=" fa-"],
.ui-state-focus .ui-icon[class*=" fa-"],
.ui-button:hover .ui-icon[class*=" fa-"],
.ui-button:focus .ui-icon[class*=" fa-"],
.ui-state-active .ui-icon[class*=" fa-"],
.ui-button:active .ui-icon[class*=" fa-"],
.ui-state-error .ui-icon[class*=" fa-"],
.ui-state-error-text .ui-icon[class*=" fa-"],
.ui-button .ui-icon[class*=" fa-"] {
    background: none repeat scroll 0 0 transparent;
    text-indent: 0;
    line-height: 1.4em;
    font-size: .83em;
    width: 1.4em;
    height: 1.4em;
}
.ui-button-icon-only .ui-icon[class*=" fa-"] {
    margin-top: -.7em;
    margin-left: -.7em;
}
.ui-button.ui-button-icon-only .ui-icon.fa-lg {
    font-size: 1.33em;
}
.ui-widget-icon-block[class*=" fa-"] {
    display: block;
    margin: .05em 0 .05em -.7em;
}
.dt-break-word {
    word-break: break-word;/* TODO break-word is deprecated see https://developer.mozilla.org/en-US/docs/Web/CSS/word-break */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;/* as word-break: break-word it's suggested to use "anywhere" here - but that is not supported by all browsers */
    word-wrap: break-word;
}

form.dt-lookup-result .dt-transfer,
#dt-transfer-dialog a {
    color: #1462c5;
    text-decoration: underline;
}
form.dt-lookup-result .dt-transfer,
#dt-transfer-dialog a:hover {
    color: #0e4387;
}
form.dt-lookup-result {
    background: #fff;
    padding: 24px 0;
    border-radius: 20px;
    box-shadow: 0 5px 30px -10px rgba(18, 63, 82, 0.3);
}
form.dt-lookup-result .dt-error:not(tr),
form.dt-lookup-result .dt-warning {
    margin: 0 24px .5em;
}
form.dt-lookup-result .dt-result-info {
    padding: 0 24px .5em;
    font-size: 1.2em;
}
form.dt-lookup-result .dt-result-info .dt-goto-lookupform {
    float: right;
    margin: 5px 0 5px .2em;
    font-weight: bold;
}
form.dt-lookup-result .dt-filterpane {
    padding: 0 24px .5em;
    font-size: 1.1em;
}
@media screen and (max-width: 767px) {
    form.dt-lookup-result{
        padding: 16px 0;
    }
    form.dt-lookup-result .dt-error:not(tr),
    form.dt-lookup-result .dt-warning {
        margin: 0 16px .5em;
    }
    form.dt-lookup-result .dt-result-info,
    form.dt-lookup-result .dt-filterpane {
        padding: 0 16px .5em;
    }
}
form.dt-lookup-result .dt-filterpane button {
    float: left;
    margin: .1em;
    font-size: .9em;
}
form.dt-lookup-result .dt-result-tabs {
    border: none;
    padding: 0
}
form.dt-lookup-result .ui-tabs-nav .ui-tabs-anchor {
    padding: .4em;
    font-size: .95em;
}
form.dt-lookup-result .ui-tabs .ui-tabs-panel {
    padding: 0
}
form.dt-lookup-result .ui-helper-clearfix > .dt-buttonpane {
    margin: .3em 0;
    display: flex;
    float: left;
}
form.dt-lookup-result .dt-buttonpane > .ui-helper-clearfix {
    display: inline-block;
    display: inline-flex;
}
form.dt-lookup-result .dt-buttonpane > .ui-helper-clearfix a,
form.dt-lookup-result .dt-buttonpane > .ui-helper-clearfix button {
    float: left;
    margin: .1em;
    padding: .4em;
    font-size: .95em;
}
form.dt-lookup-result .dt-buttonpane > .ui-helper-clearfix a > span,
form.dt-lookup-result .dt-buttonpane > .ui-helper-clearfix button > span {
    display: inline-block;
}
form.dt-lookup-result .dt-recheck {
    font-size: .8em;
}
form.dt-lookup-result .rs-table > thead > .rs-table__block--row-padding-0,
form.dt-lookup-result .rs-table > thead > .rs-table__block--row-padding-0 > *,
form.dt-lookup-result .rs-table > tfoot > .rs-table__block--row-padding-0,
form.dt-lookup-result .rs-table > tfoot > .rs-table__block--row-padding-0 > * {
    padding: 0;
    background: #fff;
    border-width: 0;
}
form.dt-lookup-result .rs-table > tfoot > *,
form.dt-lookup-result .rs-table > tfoot > * > * {
    background: #fff;
    border-width: 0;
}
form.dt-lookup-result .rs-table > thead > .rs-table__block--row-padding-0 > * > .ui-helper-clearfix,
form.dt-lookup-result .rs-table > tfoot > .rs-table__block--row-padding-0 > * > .ui-helper-clearfix {
    padding: 1em 24px;
}
@media screen and (max-width: 767px) {
    form.dt-lookup-result .rs-table > thead > .rs-table__block--row-padding-0 > * > .ui-helper-clearfix,
    form.dt-lookup-result .rs-table > tfoot > .rs-table__block--row-padding-0 > * > .ui-helper-clearfix {
        padding: 1em 16px;
    }
}
form.dt-lookup-result thead .ui-state-highlight,
form.dt-lookup-result tfoot .ui-state-highlight {
    padding: .3em .5em;
    font-size: .95em;
    line-height: 1.5em;
    float: right;
    box-sizing: border-box;
}
@media (max-width: 831px) {
    form.dt-lookup-result thead .ui-state-highlight,
    form.dt-lookup-result tfoot .ui-state-highlight {
        width: 100%;
    }
}
form.dt-lookup-result .rs-table > * > tr {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}
form.dt-lookup-result .rs-table > * > tr > * {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}
form.dt-lookup-result .rs-table > * {
    color: #333333;/* ui-state-default */
    background: #f1f1f1;/* ui-state-default */
    border-color: #d6d6d6;/* ui-state-default */
}
form.dt-lookup-result .rs-table > * > .rs-table__row--col-names {
    background: #e9e9e9;/* ui-widget-header */
}
form.dt-lookup-result .rs-table > tbody > * > .dt-start {
    word-break: break-word;/* TODO break-word is deprecated see https://developer.mozilla.org/en-US/docs/Web/CSS/word-break */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;/* as word-break: break-word it's suggested to use "anywhere" here - but that is not supported by all browsers */
    word-wrap: break-word;
}
form.dt-lookup-result .rs-table > tbody > * > :nth-child(2) {
    max-width: 100%;
    word-break: break-word;/* TODO break-word is deprecated see https://developer.mozilla.org/en-US/docs/Web/CSS/word-break */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;/* as word-break: break-word it's suggested to use "anywhere" here - but that is not supported by all browsers */
    word-wrap: break-word;
}
form.dt-lookup-result .rs-table > tbody > .dt-avail > :nth-child(2) {
    margin-left: 0;
}
form.dt-lookup-result .rs-table > tbody > .dt-domain .fa-cart-plus {
    position: relative;
    cursor: pointer;
    color: #6f6f6f;
    font-size: 1.4em;
    font-weight: 900;
}
form.dt-lookup-result .rs-table > tbody > .dt-domain .fa-cart-plus:hover,
form.dt-lookup-result .rs-table > tbody > .dt-domain .fa-cart-plus:active {
    color: #003892;
}
form.dt-lookup-result .rs-table > tbody > .dt-checked .fa-cart-plus {
    color: #1462c5;
}
form.dt-lookup-result .rs-table > tbody > .dt-domain .fa-cart-plus::before {
    content: "\f217";/* fas fa-cart-plus */
}
form.dt-lookup-result .rs-table > tbody > .dt-checked .fa-cart-plus::before {
    content: "\f07a";/* fas fa-shopping-cart */
}
form.dt-lookup-result .rs-table > tbody > .dt-checked .fa-cart-plus::after {
    content: "\f00d";/* fas fa-times */
    color: #fff;
    font-size: .45em;
    position: absolute;
    right: .7em;
    top: .35em;
}
form.dt-lookup-result .rs-table > * > .rs-table__row--color-odd.dt-checked {
    background: #eff7de;
}
form.dt-lookup-result .rs-table > * > .rs-table__row--color-even.dt-checked {
    background: #e6eed7;
}
form.dt-lookup-result .rs-table > tbody > .dt-checked:hover {
    background: #eff2be
}
form.dt-lookup-result .rs-table > tbody > .dt-separator {
    padding: 0;
}
form.dt-lookup-result .rs-table > tbody > .dt-separator > :first-child {
    color: #fff;
    background: #1462c5;
    position: static;
    font-size: smaller;
    padding-left: 16px;
    padding-right: 16px;
}
form.dt-lookup-result .rs-table > tbody > .dt-separator > * > span {
    float: right;
}
form.dt-lookup-result .jui-tooltip {
    color: #666;
    font-size: .9em;
    margin-left: .2em;
}
form.dt-lookup-result .dt-button-submit:disabled {
    /* TODO:WP: disabled state CSS */
    cursor: default !important;
    pointer-events: none;
    opacity: .35;
}
form.dt-lookup-result .dt-buttonpane-submit {
    position: relative;
}
form.dt-lookup-result .dt-buttonpane-submit > * {
    position: static;
    display: inline-block;
    margin: 0;
    text-align: center;
}
form.dt-lookup-result .dt-buttonpane-submit > :first-child {
    min-height: 45px;
}
form.dt-lookup-result .dt-buttonpane-submit > * + *,
form.dt-lookup-result .dt-buttonpane-submit.dt-buttonpane-submit-disabled > * + * {
    position: absolute;
    left: 0;
    bottom: -1.5em;
    margin-bottom: 1.7em;
    right: 0;
    height: auto;
    background: none;
    box-shadow: none;
}
form.dt-lookup-result .dt-buttonpane-submit:not(.dt-buttonpane-submit-fixed) > * + * {
    bottom: -1.5em !important;
}
@media only screen {
    form.dt-lookup-result .dt-buttonpane-submit-fixed > * + * {
        position: fixed;
        z-index: 1;
        bottom: 4.5em;
        left: 0;
        right: 0;
        height: 0;
        margin: 0;
        text-align: center;
        -webkit-transition: bottom .2s ease;
        transition: bottom .2s ease;
    }
    form.dt-lookup-result .dt-buttonpane-submit-fixed > * + * > * {
        display: inline-block;
        margin: 0 5px;
        background: #fff;
        border-radius: 2em;
        box-shadow: 0 0 10px 10px #fff;
        -webkit-transition: box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in;
    }
}
form.dt-lookup-result .dt-buttonpane-submit button {
    margin: 0;
    font-size: 1.1em;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    height: 3.2em;
    color: #fff;
    background: #0f65d5;
    border: none;
    border-radius: 2em;
    outline-offset: 2px;
    cursor: pointer;
    padding: 1em 1.5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}
form.dt-lookup-result .dt-buttonpane-submit button:hover {
    background: #003892;
}
@media (min-width:0) {/* modern browser */
    form.dt-lookup-result .rs-table > tbody > * {
        position: relative;
        padding: 0 20px;
    }
    form.dt-lookup-result .rs-table > tbody > * > ::before {
        margin-left: 0;
    }
    form.dt-lookup-result .rs-table > tbody > .dt-avail > :first-child {/* checkbox if any */
        position: absolute;
        width: auto;
        top: 0;
        /*right: 16px;/* to align right */
        left: 8px;/* to align left */
    }
    form.dt-lookup-result .rs-table > tbody > * > :nth-child(2) {
        font-size: 1.1em;
    }
    form.dt-lookup-result .rs-table > tbody > .dt-avail > :nth-child(2) {
        padding-right: 32px;
        padding-left: 20px;
    }
    form.dt-lookup-result .rs-table > tbody > .dt-taken > :nth-child(7) {
        margin-right: 0;
    }
    form.dt-lookup-result .rs-table > tbody > * > :nth-child(4)::before {
        content: "Einrichtung:"
    }
    form.dt-lookup-result .rs-table > tbody > * > :nth-child(5)::before {
        content: "Preis:"
    }
        form.dt-lookup-result .rs-table > tbody > .dt-taken > :nth-child(5) {
        margin-left: 24px;
    }
        form.dt-lookup-result .rs-table > tbody > * > :nth-child(7)::before {
        content: "Zeitraum / Gesamtbetrag:"
    }
        form.dt-lookup-result .rs-table > tbody > .dt-taken {
        justify-content: flex-end;
    }
    form.dt-lookup-result .rs-table > tbody > .dt-taken > :nth-child(7) {
        margin-left: 16px;
    }
        form.dt-lookup-result .rs-table > tbody > .dt-avail > :last-child {/* cart button */
        position: absolute;
        width: auto;
        top: 0;
        right: 16px;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
}
@media screen and (max-width: 767px) {
    form.dt-lookup-result .rs-table > tbody > * {
        padding: 0 16px;
    }
}
@media (min-width:30em) {
    form.dt-lookup-result .dt-buttonpane-submit-fixed > div > div {
        margin: 0;
    }
}
@media (min-width:50em) {
    form.dt-lookup-result .dt-buttonpane-submit button {font-size:1.4em}
    form.dt-lookup-result .rs-table > tbody > .dt-avail > :first-child,/* checkbox if any */
    form.dt-lookup-result .rs-table > tbody > .dt-avail > :last-child {/* cart button */
        position: static;
    }
    form.dt-lookup-result .rs-table > tbody > .dt-avail > :nth-child(2) {
        padding: .3em;
    }
    form.dt-lookup-result .rs-table > tbody > * > :first-child {
        padding-left: 20px;
    }
    form.dt-lookup-result .rs-table > tbody > * > :last-child {
        padding-right: 20px;
    }
    form.dt-lookup-result table.rs-table > tbody > tr > th:nth-child(2) {
        font-size:clamp(0.875em, 0.875rem + ((1vw - 0.2em) * 0.156), 1em);
        font-weight: normal;
        padding: .3em;
    }
    form.dt-lookup-form
    {
        margin: 50px auto !important;
    }
}

.dt-lookup-fullscreen {
    margin: 0 auto;
    padding: 1px 0 2em 0;
}
#dtLookupForm-loading-fe {
    display: none;
    text-align: center;
    margin: 1em;
}
/*
#dtLookupForm-loading-be {
    display: none !important;
}
*/
form.dt-lookup-form {
    background: #fff;
    margin: 5px auto 50px auto;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 5px 30px -10px rgba(18, 63, 82, 0.3);
}
@media screen and (max-width: 767px) {
    form.dt-lookup-form {
        padding: 16px;
    }
}
form.dt-lookup-form .dt-error,
form.dt-lookup-form .dt-warning {
    padding: .3em;
    margin: 0 auto .5em;
}
form.dt-lookup-form > .dt-buttonpane {/* container of toggle style/mode buttons */
    position: relative;
    top: -2.5em;
    margin-bottom: -2.5em;
    text-align: right;
    padding: 1px 1px 0 0;
}
@media (max-width: 19.999em) {/* 320px */
    form.dt-lookup-form > .dt-buttonpane {
        padding-right: 0;
        text-align: center;
    }
}
form.dt-lookup-form > fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
form.dt-lookup-form .dt-domain {
    text-align: center;
}
form.dt-lookup-form .dt-lookup-domain {
    position: relative;
    margin: 1em 0;
}
form.dt-lookup-form .dt-lookup-domain > * {
    display: inline-block;
    width: 100%;
}
form.dt-lookup-form .dt-lookup-domain > :first-child {
    min-height: 60px;
}
form.dt-lookup-form .dt-lookup-domain > * + * {
    position: absolute;
    left: 0;
    top: -1.5em;
    margin-top: 1.5em;
    box-shadow: none;
}
form.dt-lookup-form .dt-lookup-domain > :last-child > * {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
form.dt-lookup-form .dt-lookup-domain > :last-child > * > label
{
    margin: 0 3px 0 0;
    display: none;
}
form.dt-lookup-form .dt-lookup-domain > :last-child > * > input
{
    font-family: inherit;
    font-size: inherit;
    background: #fff;
    border: 0.1em solid #d6d6d6;
    border-radius: 2em;
    height: 4em;
    padding: 1em 11.7em 1em 2em;
    box-sizing: border-box;
    width: 100%;
    flex: 1 0 auto;
}
form.dt-lookup-form .dt-lookup-domain > :last-child > * > button {
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    position: absolute;
    top: .4em;
    right: .4em;
    height: 3.2em;
    color: #fff;
    background: #0f65d5;
    border: none;
    border-radius: 2em;
    outline-offset: 2px;
    cursor: pointer;
    padding: 1em 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}
form.dt-lookup-form > fieldset > .dt-buttonpane {
    padding: 1em 5px;
    text-align: center;
}
form.dt-lookup-form > fieldset > * > .dt-buttonpane > :nth-child(2) {
    padding: 0 5px;
    text-align: center;
}
form.dt-lookup-form > fieldset > .dt-buttonpane button,
form.dt-lookup-form > fieldset > * > .dt-buttonpane > :nth-child(2) button {
    height: 3.2em;
    color: #fff;
    background: #0f65d5;
    border: none;
    border-radius: 2em;
    outline-offset: 2px;
    cursor: pointer;
    padding: 1em 1.5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}
form.dt-lookup-form > fieldset > .dt-buttonpane button:hover,
form.dt-lookup-form .dt-lookup-domain > :last-child > * > button:hover,
form.dt-lookup-form > fieldset > * > .dt-buttonpane > :nth-child(2) button:hover {
    background: #003892;
}
form.dt-lookup-form > fieldset > .dt-buttonpane button span,
form.dt-lookup-form .dt-lookup-domain > :last-child > * > button span,
form.dt-lookup-form > fieldset > * > .dt-buttonpane > :nth-child(2) button span {
    padding-left: .5em;
}
@media screen and (max-width: 767px) {
    form.dt-lookup-form .dt-lookup-domain > :last-child > * > input {
        padding: 1em 4em 1em 1.4em;
    }
    form.dt-lookup-form .dt-lookup-domain > :last-child > * > button {
        padding: 1em;
    }
    form.dt-lookup-form .dt-lookup-domain > :last-child > * > button span{
        font-size: 0;
    }
}
@media only screen {
    form.dt-lookup-form .dt-lookup-domain.dt-lookup-domain-fixed > :last-child {
        position: fixed;
        top: 10px;
        left: 0;
        right: 0;
        height: 0;
        margin-top: 0;
        z-index: 901;/* higher than button to pricelist */
        --webkit-transition: top .2s ease;
        transition: top .2s ease;
    }
    form.dt-lookup-form .dt-lookup-domain.dt-lookup-domain-fixed > :last-child > * {
        margin: 0 auto;
        max-width: 800px;
        background: #f1f1f1;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        padding: 10px 15px;
        border-radius: 50px;
        --webkit-transition: box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in;
        font-size: .9em;
    }
    form.dt-lookup-form .dt-lookup-domain.dt-lookup-domain-fixed > :last-child > * > button {
        margin: 10px 15px 0 0;
    }
}
.dt-lookup-form[name="dtLookupBulk"] > fieldset {
    margin: 0 auto;
    max-width: 700px;
}
form.dt-lookup-form .dt-domain textarea {/* bulk form */
    margin: 0 auto 1em;
    padding: 10px;
    width: 100%;
    min-width: 4em;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    box-sizing: border-box;
}
form.dt-lookup-form .dt-domain textarea::-webkit-input-placeholder {/* Chrome/Opera/Safari */
    white-space: pre-line;
}
form.dt-lookup-form .dt-domain textarea::-moz-placeholder {/* Firefox 19+ */
    white-space: pre-line;
}
form.dt-lookup-form .dt-domain textarea::placholder {
    white-space: pre-line;
}
form.dt-lookup-form .dt-tlds {
    margin: 5px;
}
form.dt-lookup-form .dt-tlds.ui-widget {
    border: none;
    margin: 0;
}
form.dt-lookup-form .dt-tlds.dt-tld-group {/* bulk lookup container of TLDs */
    border: none;
    margin: 0 auto;
    padding: 5px 5px 5px 1em;
}
form.dt-lookup-form .dt-tlds.dt-tld-group .dt-buttonpane {/* bulk lookup container of TLD buttons */
    margin-top: .5em;
    text-align: right;
}
form.dt-lookup-form > fieldset > .dt-buttonpane {/* bulk lookup container of submit button */
    text-align: center;
    padding: 1em 5px;
}
form.dt-lookup-form > fieldset > * > .dt-buttonpane {/* normal lookup container of bottom buttons */
    padding: 1em 5px;
    text-align: right;
}
form.dt-lookup-form .dt-tld-group,
form.dt-lookup-form .ui-tabs-panel,
form.dt-lookup-form .ui-accordion-content {
    margin: 0 0 2px;
    padding: 1em;
}
form.dt-lookup-form .ui-accordion {
    padding: 0;
}
form.dt-lookup-form .ui-widget .dt-buttonpane {
    margin: -0.5em -0.5em 0;
    text-align: right;
}
form.dt-lookup-form .dt-buttonpane > .ui-helper-clearfix {
    display: inline-block;
    display: inline-flex;
}
form.dt-lookup-form .dt-buttonpane > .ui-helper-clearfix a,
form.dt-lookup-form .dt-buttonpane > .ui-helper-clearfix button {
    float: left;
    margin: .1em;
    padding: .4em;
    font-size: .9em;
}
form.dt-lookup-form .dt-buttonpane > .ui-helper-clearfix a > span,
form.dt-lookup-form .dt-buttonpane > .ui-helper-clearfix button > span {
    display: inline-block;
}
@media (max-width: 21.999em) {/* 352px */
    form.dt-lookup-form .ui-widget .dt-buttonpane {
        margin: -0.5em -1em 0;
        text-align: center;
    }
    form.dt-lookup-form .ui-widget .dt-buttonpane > .ui-helper-clearfix {
        display: flex;
        justify-content: space-between;
    }
    form.dt-lookup-form .ui-widget .dt-buttonpane > .ui-helper-clearfix button {
        padding: .2em;
    }
}
@media (max-width: 24.999em) {/* 400px */
    form.dt-lookup-form .ui-widget .dt-buttonpane > .ui-helper-clearfix button {
        font-size: .9em;
    }
}


form.dt-lookup-form .dt-tld {
    width: 6.5em;
    display: block;
    float: left;
    white-space: nowrap;
    margin-left: 1em;
}
form.dt-lookup-form .dt-tld-line {
    margin: 0 -1em;
}
form.dt-lookup-form .dt-tld-marked {/* checked TLDs i.e. (1/10) in accordion mode */
    float: right;
}
form.dt-lookup-form .ui-accordion-header {
    width: 100%;
    box-sizing: border-box;
}
form.dt-lookup-form .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em;
}
form.dt-lookup-form .dt-tld-section1,
form.dt-lookup-form .dt-tld-section {
    clear: both;
    border-top: 1px solid #1462c5;
    margin: 1em 1em 0;
    font-size: .8em;
    padding: 0;
    text-align: right;
    color: #1462c5;
}
form.dt-lookup-form .dt-tld-section1 {
    border: none;
    margin: -1em 1em;
}
