.ts-dropdown [data-selectable] .highlight {
    padding: 0 2px;
}

.ts-wrapper.form-control {
    padding: 0;
    display: flex;
    align-items: center;
}

.ts-wrapper.form-control .ts-control {
    display: flex;
    flex-wrap: nowrap;
    padding: 0.438rem 0.9rem;
    line-height: 1.5;
    font-size: .894rem;
    font-weight: 400;
    border: 0;
}

.ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
}

.ts-wrapper.form-control .ts-control div[data-ts-item] {
    white-space: nowrap;
}

.ts-wrapper.form-control .ts-control input[type="select-one"] {
    font-size: .9rem;
}

/*DataTables*/
.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

/*Gallery*/
.pswp .pswp__container img {
    object-fit: scale-down;
}

/*Date components*/
.select-date-component {
    position: relative;
}

    .select-date-component input[readonly] {
        background: white;
        padding-right: 32px;
        cursor: pointer;
    }

    .select-date-component i {
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translate(-50%, -50%);
        font-size: 16px;
        cursor: pointer;
        pointer-events: none
    }