/* by Ingrid */

div.dt-container .dt-input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: white;
    color: inherit;
    /* position: relative; */
}

/* change the default select button */
div.dt-container select.dt-input {
    padding: 8px 32px 8px 24px;
    border: 1px solid #d1d1d1;
}

select.dt-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/dev/image/ingrid_svg/component/select_arrow.svg");
    background-repeat: no-repeat;
    /* background-position: right 16px center; */
    background-position: right 16px center;
    background-size: 1.2rem;
    padding-right: 42px;

}

select.dt-input::-ms-expand {
    display: none;
}

/*change the default search button */
.dt-search label {
    font-size: 0;
    /* 隱藏文字 Search: */
}

div.dt-container .dt-search input {
    background-image: url("/dev/image/ingrid_svg/component/search-normal.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 1.2rem;
    padding: 8px 24px 8px 24px;
    background-color: white;
    border: 1px solid transparent;
}

div.dt-container div.dt-layout-row {
    display: flex;
    justify-content: flex-start;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
    display:flex;
    justify-content:flex-end;
    margin-right:0;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{
    display:flex;
    justify-content:flex-start;
    margin-left:0.5rem;
}

/* quick glance */
.glance{
    width: 100%;
    padding: 1rem 2rem;
    background-color: white;
    border-radius: 4px;
}