.selectize-dropdown {
    z-index: 16000 !important;
}

.selectize-dropdown.form-element--type-select {
    padding: 0;
    background-image: none;
}

.ui-dialog.anybutton-dialog {
    position: fixed !important;
    width: 750px !important;
    max-width: none;
}

.ui-dialog.anybutton-dialog .ui-button {
    font-weight: bold !important;
}

.ui-dialog.anybutton-dialog .ui-dialog-content {
    height: auto !important;
    overflow: visible !important;
}

.form-element--type-select.selectize-control {
    padding-right: calc(1rem - 1px);
    background-image: none;
}

.ckeditor5-toolbar-button-anylink {
    background-image: url('../images/link.svg');
}

.ckeditor5-toolbar-button-anyunlink {
    background-image: url('../images/unlink.svg');
}

.anytype-link .anycomplete-clear {
    display: block;

    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 24px;
    background-image: url('../images/clear.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.anytype-link [data-tab] .icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    background-image: url('../images/unknown.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.anytype-link .tabs [data-tab='page'] .icon {
    background-image: url('../images/page.svg');
}

.anytype-link .tabs [data-tab='url'] .icon {
    background-image: url('../images/url.svg');
}

.anytype-link .tabs [data-tab='email'] .icon {
    background-image: url('../images/email.svg');
}

.anytype-link .tabs [data-tab='phone'] .icon {
    background-image: url('../images/phone.svg');
}

.anytype-link .tabs [data-tab='file'] .icon {
    background-image: url('../images/file.svg');
}

.anytype-link .tabs [data-tab='custom'] .icon {
    background-image: url('../images/custom.svg');
}

.anylink-language-select {
    min-width: 200px;
    color: #505050;
}

.anylink-details {
    height: 0px;
    overflow: hidden;
    transition: height .5s ease-in;
    margin: 0 !important;
    box-sizing: border-box;
}

.anylink-details > div {
    padding: 0 10px;
}

.anylink-details-toggle-spacer {
    display: block;
    height: 10px;
}

.anylink-details-toggle {
    display: block;
    height: 10px;
    padding: 0 10px;
    background-color: #c0c0c0;
    background-image: url('../images/angle_down.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 6px;
    color: white;
    cursor: pointer;
}

.anylink-details-toggle:hover {
    background-color: #0071b8;
}

.anylink-details-toggle.opened {
    background-image: url('../images/angle_up.svg');
}

.anybutton-dialog-anchor .form-item label {
    display: block;
}

.anybutton-dialog-anchor .form-item input {
    width: 100%;
}

.anytype .page .form-type--textfield input {
    width: 100%;
}

.anytype .page .form-type--textfield label,
.anytype .page .form-type--select label,
.anytype .page .form-type-textfield label,
.anytype .page .form-type-select label {
    display: table-cell;
    min-width: 60px;
    margin: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0 10px;
    background-color: #808080;
    color: white;
    font-size: .8em;
    font-weight: normal;
}

.anytype .page[data-shape^='media_'] img {
    max-height: 200px;
    object-fit: contain;
}

.anylink-language-select .option.active {
    background-color: #0071b8 !important;
    color: white !important;
}

.anylink-language-select .item {
    padding-left: 32px !important;
    background-image: url('../images/unknown.svg');
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 22px 16px;
}

.anylink-language-select .option {
    padding-left: 42px !important;
    background-image: url('../images/unknown.svg');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 22px 16px;
}

.anylink-language-select [data-value=''] {
    background-image: url('../images/unchanged.svg');
}

.anylink-language-select [data-value='de'] {
    background-image: url('../images/language/de.svg');
}

.anylink-language-select [data-value='en'] {
    background-image: url('../images/language/en.svg');
}

.anylink-language-select [data-value='fr'] {
    background-image: url('../images/language/fr.svg');
}

.anylink-language-select [data-value='nl'] {
    background-image: url('../images/language/nl.svg');
}

.anylink-language-select [data-value='it'] {
    background-image: url('../images/language/it.svg');
}

.anylink-language-select [data-value='zh-hans'] {
    background-image: url('../images/language/zh-hans.svg');
}

.anylink-language-select [data-value='tr'] {
    background-image: url('../images/language/tr.svg');
}

.anytype-link.ui-selectmenu-menu .ui-menu {
    padding: 0;
}

.anytype-link.ui-selectmenu-menu .ui-widget-content .ui-state-active {
    margin: 0;
    background-color: #0071b8;
    color: white;
}
