/*listing page css*/

.listing-filter-form .form-control {
    background: #000;
    border: 1px solid #333;
    color: #fff;
    height: 50px;
}

.listing-filter-form .form-control:focus {
    background: #000;
    border-color: #555;
    color: #fff;
    box-shadow: none;
}

.listing-filter-form .select2-container .select2-selection--single {
    background: #000;
    border: 1px solid #333;
    height: 50px;
    border-radius: .25rem;
}

.listing-filter-form .select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 30px;
}

.listing-filter-form .select2-container .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.select2-dropdown.listing-filter-dropdown {
    background: #000 !important;
    border: 1px solid #454545 !important;
}

.select2-dropdown.listing-filter-dropdown .select2-search--dropdown {
    background: #000;
    border-bottom: 1px solid #333;
}

.select2-dropdown.listing-filter-dropdown .select2-search__field {
    background: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

.select2-dropdown.listing-filter-dropdown .select2-results__option {
    background: #000 !important;
    color: #eee;
}

.select2-dropdown.listing-filter-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
    background: #326bf2 !important;
    color: #fff !important;
}


/* add listing css */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

.login-section .auth-cards .select222 .select2-selection--multiple {
    background: #000;
    border: 1px solid #333;
    color: #fff;
    min-height: 50px;
}

.login-section .auth-cards .select222 .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 8px;
}

.login-section .auth-cards .select222 .select2-selection--multiple .select2-search__field {
    color: #fff;
    margin-top: 4px;
}

/* Add/Edit state select: remove inline typing field (no input behavior) */
.login-section .auth-cards .select222 .select2-search--inline {
    display: none !important;
}

.login-section .auth-cards .select222 .select2-selection--multiple {
    cursor: pointer;
}

.login-section .auth-cards .select222.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #555;
}

.select2-dropdown.select2-state-dropdown {
    background: #000 !important;
    border: 1px solid #454545 !important;
}

.select2-dropdown.select2-state-dropdown .select2-search--dropdown {
    background: #000;
    padding: 6px;
    border-bottom: 1px solid #333;
}

.select2-dropdown.select2-state-dropdown .select2-search--dropdown .select2-search__field {
    background: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

.select2-dropdown.select2-state-dropdown .select2-results {
    background: #000;
}

.select2-dropdown.select2-state-dropdown .select2-results__options {
    background: #000 !important;
}

.select2-dropdown.select2-state-dropdown .select2-results__option {
    background: #000 !important;
    color: #eee;
    position: relative;
    padding-right: 2.25rem !important;
}

.select2-dropdown.select2-state-dropdown .select2-results__option.select2-results__option--selectable.state-row-selected::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0.95rem;
    height: 0.95rem;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
}

.select2-dropdown.select2-state-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
    background: #326bf2 !important;
    color: #fff !important;
}

.select2-dropdown.select2-state-dropdown .select2-results__option--highlighted.select2-results__option--selectable.state-row-selected::after {
    filter: brightness(1.05);
}

.select2-dropdown.select2-state-dropdown .select2-results__option--selected {
    background: #0a0a0a !important;
    color: #fff !important;
}

.select2-dropdown.select2-state-dropdown .select2-results>.select2-results__options {
    max-height: 340px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.select2-dropdown.select2-state-dropdown .select2-results__options::-webkit-scrollbar-track {
    background: #000;
}

.select2-dropdown.select2-state-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}

.login-section .auth-cards .state-select-summary {
    border: none !important;
    background: transparent !important;
    padding-left: 4px !important;
    cursor: default !important;
    user-select: none;
}

.login-section .auth-cards .state-select-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.select2-selection {
    padding-top: 5px;
}

.select2-search__field {
    position: relative;
    bottom: 20px;
}

.select2-selection {
    height: 10px;
}



/*edit listing css */


input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

.login-section .auth-cards .select222 .select2-selection--multiple {
    background: #000;
    border: 1px solid #333;
    color: #fff;
    min-height: 50px;
}

.login-section .auth-cards .select222 .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 8px;
}

.login-section .auth-cards .select222 .select2-selection--multiple .select2-search__field {
    color: #fff;
    margin-top: 4px;
}

.login-section .auth-cards .select222 .select2-search--inline {
    display: none !important;
}

.login-section .auth-cards .select222 .select2-selection--multiple {
    cursor: pointer;
}

.login-section .auth-cards .select222.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #555;
}

.select2-dropdown.select2-state-dropdown {
    background: #000 !important;
    border: 1px solid #454545 !important;
}

.select2-dropdown.select2-state-dropdown .select2-search--dropdown {
    background: #000;
    padding: 6px;
    border-bottom: 1px solid #333;
}

.select2-dropdown.select2-state-dropdown .select2-search--dropdown .select2-search__field {
    background: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

.select2-dropdown.select2-state-dropdown .select2-results {
    background: #000;
}

.select2-dropdown.select2-state-dropdown .select2-results__options {
    background: #000 !important;
}

.select2-dropdown.select2-state-dropdown .select2-results__option {
    background: #000 !important;
    color: #eee;
    position: relative;
    padding-right: 2.25rem !important;
}

.select2-dropdown.select2-state-dropdown .select2-results__option.select2-results__option--selectable.state-row-selected::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0.95rem;
    height: 0.95rem;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
}

.select2-dropdown.select2-state-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
    background: #326bf2 !important;
    color: #fff !important;
}

.select2-dropdown.select2-state-dropdown .select2-results__option--highlighted.select2-results__option--selectable.state-row-selected::after {
    filter: brightness(1.05);
}

.select2-dropdown.select2-state-dropdown .select2-results__option--selected {
    background: #0a0a0a !important;
    color: #fff !important;
}

.select2-dropdown.select2-state-dropdown .select2-results>.select2-results__options {
    max-height: 340px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.select2-dropdown.select2-state-dropdown .select2-results__options::-webkit-scrollbar-track {
    background: #000;
}

.select2-dropdown.select2-state-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}

.login-section .auth-cards .state-select-summary {
    border: none !important;
    background: transparent !important;
    padding-left: 4px !important;
    cursor: default !important;
    user-select: none;
}

.login-section .auth-cards .state-select-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.select2-dropdown.select2-state-dropdown .state-select-all-label {
    font-weight: 700;
    color: #9be0a8;
    letter-spacing: .3px;
}

.select2-dropdown.select2-state-dropdown .select2-results__option--highlighted.select2-results__option--selectable .state-select-all-label {
    color: #fff;
}

/* Dropdown arrow on the multi-select state field (premium members) to match the other selects. */
.login-section .auth-cards .select222 .select2-selection--multiple {
    position: relative;
    padding-right: 32px !important;
}

.login-section .auth-cards .select222 .select2-selection--multiple::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #aaa transparent transparent transparent;
    transform: translateY(-50%);
    pointer-events: none;
}

.login-section .auth-cards .select222.select2-container--open .select2-selection--multiple::after {
    border-color: #fff transparent transparent transparent;
}

/* Single-select variant of the state dropdown (used for free members). */
.login-section .auth-cards .select222 .select2-selection--single {
    background: #000;
    border: 1px solid #333;
    color: #fff;
    min-height: 50px;
    height: 50px;
    border-radius: .25rem;
    display: flex;
    align-items: center;
}

.login-section .auth-cards .select222 .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 30px;
    width: 100%;
}

.login-section .auth-cards .select222 .select2-selection--single .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.login-section .auth-cards .select222 .select2-selection--single .select2-selection__arrow {
    height: 48px;
    top: 0;
    right: 8px;
}

.login-section .auth-cards .select222 .select2-selection--single .select2-selection__arrow b {
    border-color: #aaa transparent transparent transparent;
}

.login-section .auth-cards .select222.select2-container--default.select2-container--focus .select2-selection--single,
.login-section .auth-cards .select222.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #555;
}

.login-section .auth-cards .select222 .select2-selection--single .select2-selection__clear {
    color: #fff;
    opacity: .6;
    margin-right: 8px;
}

.select2-selection {
    padding-top: 5px;
}

.select2-search__field {
    position: relative;
    bottom: 20px;
}

.select2-selection {
    height: 10px;
}