.nabidkapronajem-admin-form .form-field > label,
.yt-video {
    display: block;
}
.attributes-list-options,
.list,
.property-attributes-editor-value {
    white-space: normal;
}
.list_reference_thumb {
    position: relative;
    top: 0;
    left: 0;
    height: 50px;
    margin: 0;
    padding: 0;
}
.list_reference_preview {
    position: relative;
    top: 0;
    left: 0;
    height: 80px;
    margin: 0 0 10px;
    padding: 0;
    border: 1px solid #c7c7c7;
}
.ui-sortable-helper {
    table-layout: fixed;
}
.ui-sortable-helper tr:first-child td:last-child,
.ui-sortable-helper tr:first-child td:nth-last-child(2) {
    width: unset;
}
.yt-video {
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: 20px;
}
.plugin-nabidkapronajem-filter-actions {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}
.plugin-nabidkapronajem-filter-actions .btn {
    height: 42px;
    line-height: 42px;
    box-sizing: border-box;
}
.plugin-nabidkapronajem-filter-reset {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    margin-block-end: auto;
}
.plugin-nabidkapronajem-pin-icon {
    background: 0 0 !important;
    border: 0 !important;
}
.plugin_nabidkapronajem-filters input[type="date"],
.plugin_nabidkapronajem-filters input[type="number"],
.plugin_nabidkapronajem-filters select {
    border: 1px solid #c6a46a !important;
    background: #fff;
    color: inherit;
    outline: 0;
    padding: 10px 12px;
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    font-size: 13px;
}
.mapbox-pin {
    width: 46px;
    height: 62px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='46' height='62' viewBox='0 0 46 62'><path fill='%23c6a46a' d='M23 0C10.3 0 0 10.3 0 23c0 15.7 18.1 35.6 22 38.8.6.5 1.4.5 2 0C27.9 58.6 46 38.7 46 23 46 10.3 35.7 0 23 0z'/><circle fill='%23ffffff' cx='23' cy='23' r='12'/><path fill='%23c6a46a' d='M16 28v-9.2l7-4.1 7 4.1V28h-4.2v-5H20v5z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.reservation-status-confirm-dialog {
    width: calc(100% - 40px);
    max-width: 480px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.reservation-status-confirm-dialog::backdrop {
    background: rgba(0, 0, 0, 0.45);
}
.property-attribute-dialog-title,
.reservation-status-confirm-title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
}
.property-attributes-editor-empty,
.reservation-status-confirm-customer,
.reservation-status-confirm-transition {
    margin: 10px 0;
}
.reservation-status-label {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
}
.reservation-status-label.red {
    color: #aa1717;
    background: rgba(170, 23, 23, 0.12);
}
.reservation-status-label.blue {
    color: #134d99;
    background: rgba(19, 77, 153, 0.12);
}
.reservation-status-label.green {
    color: #23aa17;
    background: rgba(35, 170, 23, 0.12);
}
.reservation-status-label.gray {
    color: #787878;
    background: rgba(194, 194, 194, 0.35);
}
.reservation-status-label.turquoise {
    color: #0d8f8f;
    background: rgba(13, 143, 143, 0.12);
}
.reservation-status-label.purple {
    color: #7b2cbf;
    background: rgba(123, 44, 191, 0.12);
}
.reservation-status-label.orange {
    color: #d97706;
    background: rgba(217, 119, 6, 0.12);
}
select.change-reservation-status {
    width: 200px !important;
}
select.change-reservation-status .red,
select.change-reservation-status.bold.red,
select.change-reservation-status.red {
    color: #aa1717;
    font-weight: 700;
}
select.change-reservation-status .blue,
select.change-reservation-status.blue,
select.change-reservation-status.bold.blue {
    color: #134d99;
    font-weight: 700;
}
select.change-reservation-status .turquoise,
select.change-reservation-status.bold.turquoise,
select.change-reservation-status.turquoise {
    color: #0d8f8f;
    font-weight: 700;
}
select.change-reservation-status .purple,
select.change-reservation-status.bold.purple,
select.change-reservation-status.purple {
    color: #7b2cbf;
    font-weight: 700;
}
select.change-reservation-status .orange,
select.change-reservation-status.bold.orange,
select.change-reservation-status.orange {
    color: #d97706;
    font-weight: 700;
}
select.change-reservation-status .green,
select.change-reservation-status.bold.green,
select.change-reservation-status.green {
    color: #23aa17;
    font-weight: 700;
}
select.change-reservation-status .gray,
select.change-reservation-status.bold.gray,
select.change-reservation-status.gray {
    color: #787878;
}
.reservation-admin-note-textarea,
.reservation-status-confirm-note {
    height: 150px;
    min-height: unset;
}
.reservation-status-confirm-actions {
    display: flex;
    gap: 5%;
    justify-content: center;
}
.property-attribute-dialog-cancel,
.property-attribute-dialog-save,
.reservation-status-confirm {
    min-width: 90px;
    width: 47.5%;
    padding: 10px 18px !important;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    margin: 0;
    text-align: center;
}
.attributes-list-table .last-td-list,
.property-attributes-editor-actions {
    text-align: center !important;
    vertical-align: middle !important;
}
.property-attribute-dialog-save,
.reservation-status-confirm-yes {
    background: #23aa17;
}
.property-attribute-dialog-save:hover,
.reservation-status-confirm-yes:hover {
    background: #1c8c12;
}
.property-attribute-dialog-cancel,
.reservation-status-confirm-no {
    background: #aa1717;
}
.property-attribute-dialog-cancel:hover,
.reservation-status-confirm-no:hover {
    background: #8c1212;
}
.reservation-admin-note-icon {
    margin-left: 6px;
}
.reservation-admin-note-form button {
    width: unset;
    padding: 8px 10px !important;
}
#attribute-icon {
    width: 0;
    height: 0;
    position: absolute;
    top: 18px;
    left: 18px;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none;
    opacity: 0;
}
.attribute-icon-picker {
    max-width: 400px;
}
.attribute-icon-picker-selected {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    position: relative;
}
.attribute-icon-picker-preview {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    font-size: 20px;
}
.attribute-icon-picker-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 220px;
    overflow: auto;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    background: #fafafa;
}
.attribute-icon-picker-item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 20px;
    padding: 0 !important;
    margin: 0 !important;
}
.attribute-icon-picker-item i {
    margin: 0 !important;
}
.attribute-icon-picker-item.is-selected,
.attribute-icon-picker-item:hover {
    border-color: #0084ff;
    background: #eef6ff;
}
.attribute-icon-picker-empty {
    margin: 0;
    font-size: 13px;
    color: #666;
}
.attributes-list-table .ti,
.property-attributes-editor-table .ti {
    font-size: 20px;
}
.list.attributes-list-table tbody tr td:last-child,
.list.attributes-list-table thead tr th:last-child,
.list.attributes-list-table tr:first-child td:last-child {
    width: 60px !important;
}
.list.attributes-list-table thead tr th:nth-last-child(2),
.list.attributes-list-table tr:first-child td:nth-last-child(2),
.list.property-attributes-editor-table thead tr th:nth-last-child(2),
.list.property-attributes-editor-table tr:first-child td:nth-last-child(2) {
    width: auto !important;
}
.attributes-list-table tr td:nth-last-child(3),
.attributes-list-table tr th:nth-last-child(3),
.list.property-attributes-editor-table tr td:nth-last-child(3),
.list.property-attributes-editor-table tr th:nth-last-child(3) {
    width: 110px;
}
.attributes-list-table .last-td-list form {
    display: inline-block;
    margin: 0 !important;
    vertical-align: middle;
}
.property-attributes-editor {
    margin-top: 10px;
}
.list.property-attributes-editor-table tbody tr td:last-child,
.list.property-attributes-editor-table thead tr th:last-child,
.list.property-attributes-editor-table tr:first-child td:last-child {
    width: 90px !important;
}
.list.property-attributes-editor-table tr td {
    padding: 2px 5px;
}
.list.property-attributes-editor-table tr:nth-child(2n) td {
    background-color: #d4d4d4;
}
.property-attributes-editor-actions {
    white-space: nowrap;
}
.property-attributes-editor-actions .button {
    display: inline-block;
    margin: 0 0 0 2px !important;
    vertical-align: middle;
}
.property-attribute-add {
    margin-top: 10px;
    float: none;
}
.property-attribute-add:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.property-attribute-dialog {
    width: calc(100% - 40px);
    max-width: 480px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
.property-attribute-dialog::backdrop {
    background: rgba(0, 0, 0, 0.45);
}
.property-attribute-dialog-actions {
    display: flex;
    gap: 5%;
    justify-content: center;
    margin-top: 16px;
}
.property-attribute-dialog-boolean-hint {
    margin-left: 0;
}
.text-left {
    text-align: left;
}
.d-none {
    display: none;
}