@import url('https://rsms.me/inter/inter.css');

:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

body {
    font-feature-settings: "cv03", "cv04", "cv11";
}

.gap-06-r {
    gap: .6rem;
}

.width-18-p {
    width: 18%;
}

.ml-1 {
    margin-left : .5rem;
}

.ml-2 {
    margin-left : .8rem;
}

.ml-3 {
    margin-left : 1rem;
}

.color-spinners-gray {
    color : #d0d3d8;
}

.width-no {
    width : 50px;
}

.width-action {
    width : 120px;
}

.nav-link-icon i {
    font-size : 19px;
}

.page-header .btn-list a i {
    font-size : 18px;
    margin-right : .3rem;
}

.wrapper-image-preview {
    border-radius : 4px;
    overflow : hidden;
}

.wrapper-image-preview img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position : center;
}

.wrapper-image-banner {
    height : 150px;
    width : 450px;
}

.wrapper-image-mitra {
    height : 250px;
    width : 250px;
}

.image-wrapper-table-banner {
    width: 100%;
    height: 100px;
    border-radius: 6px;
}

.image-wrapper-table-banner img {
    width : 100%;
    height : 100%;
    object-fit : cover;
    border-radius: 6px;
}

.alert span.ti {
    font-size : 22px;
}

.input-group button {
    background-color : #f6f8fb;
}

.input-group button:hover {
    border-color : #dadfe5;
    background : #f6f8fb;
}

.w-fit-content {
    width : fit-content;
}

.ui-widget.ui-widget-content {
    border: 1px solid #dadfe5;
    border-radius: 4px;
    padding: 0 0;
}

.ui-menu .ui-menu-item-wrapper {
    padding: .8rem .75rem;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: unset;
    background: #206bc4;
    border-radius: 4px;
}

textarea.form-control {
    height : 150px;
    resize : none;
}

.label-loading {
    margin-bottom : 0;
}

.wrapper-preview-multiple {
    height: 120px;
    overflow: hidden;
    position : relative;
}

.wrapper-preview-multiple button {
    position: absolute;
    right: 0;
    margin-top: .3rem;
    margin-right: .3rem;
    padding : .4rem;
}
.wrapper-preview-multiple img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.invalid-feedback.multiple-files {
    display : block;
}
.notes {
    font-size : 12px;
}
.badge-location,
.badge-history {
    font-size : 10px;
}
.list-group-item-action.active {
    font-weight: normal !important;
}

.info-cost-history-delivery {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .5rem;
    border-top: 1px dashed rgba(0, 0, 0, .3);
}