/* .vslistbox ul {
    width: 600px !important;
} */

/* Multi select */

.v-select .vs__dropdown-toggle .vs__deselect svg {
    stroke: #ffffff !important;
    opacity: 0.8 !important;
}
.vs__dropdown-option--selected {
    background: rgb(255, 159, 67);
    color: #fff !important;
}
.vs__dropdown-option--selected::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=");
    position: absolute;
    right: 5px;
}

.msl-multi-select {
    width: 100%;
}
.dropdown-custom .vs-dropdown--menu--after {
    right: 2.9rem !important;
}
.con-vs-popup .vs-popup--content {
    overflow: visible;
}
.msl-search-list-input {
    display: none;
}
.msl-search-list-input {
    border: none;
    padding: 12px 14px;
    border-bottom: 2px solid #f3f3f3;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    outline: none;
    box-shadow: 0 0 10px #e1e1e1;
    border-radius: 0.25rem;
}
.msl-search-list-input:focus {
    border-color: #ff9f43;
}
.msl-searchable-list__item {
    cursor: pointer;
    font-size: 1rem !important;
    font-weight: 500;
    background-color: #fafafa;
    border: 1px solid #f5f5f5 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    border-radius: 0.25rem;
    color: #242934;
    padding: 5px 12px;
    margin-top: 5px;
}
.msl-searchable-list__items {
    box-shadow: 0 0 10px #e1e1e1;
    border-radius: 0.25rem;
    outline: none;
    border: none !important;
    padding: 10px;
}
.msl-searchable-list__item:hover {
    background: #ff9f43 !important;
}
.msl-multi-select__selected .msl-searchable-list__item {
    background: #ff9f43;
    color: #fff;
}
.v-simple-pagination > span > button {
    border-radius: 25px;
    border: none;
    background: transparent;
    cursor: pointer;
    width: 35px;
    height: 35px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: relative;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}
.v-simple-pagination > span > button.active {
    color: #fff;
    background: #ff9f43;
}
.v-simple-pagination > span > button:hover {
    color: #ff9f43;
}
.v-simple-pagination {
    background: #f0f0f0;
    border-radius: 25px;
}
.vs-con-input-label.is-label-placeholder {
    margin-top: 0px !important;
    width: 90%;
}
.firms-img {
    width: 32px;
}

.reportrange-text {
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    width: 100%;
}
.vs-con-loading__container {
    overflow: visible !important;
}
.vs__selected {
    background-color: #10163a !important;
    border: 1px solid rgb(16 22 58) !important;
    color: #fff !important;
}
.v-select .vs__dropdown-toggle .vs__deselect svg {
    stroke: #ffffff;
    opacity: 0.8;
}

.bg-gray-50 {
    background-color: rgb(249, 250, 251);
}

.vs-textarea {
    height: inherit;
}
.vs-input-number {
    background: transparent !important;
    justify-content: left !important;
}
.vs-input-number .vs-input-number--input {
    background: #f4f4f4 !important;
}
/* Grid */
#data-list-thumb-view .vs-con-table .product-name {
    max-width: 23rem;
}
#data-list-thumb-view .vs-con-table .vs-table--header {
    display: flex;
    flex-wrap: wrap-reverse;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
#data-list-thumb-view .vs-con-table .vs-table--header > span {
    display: flex;
    flex-grow: 1;
}
#data-list-thumb-view .vs-con-table .vs-table--header .vs-table--search {
    padding-top: 0;
}
#data-list-thumb-view
    .vs-con-table
    .vs-table--header
    .vs-table--search
    .vs-table--search-input {
    padding: 0.9rem 2.5rem;
    font-size: 1rem;
}
#data-list-thumb-view
    .vs-con-table
    .vs-table--header
    .vs-table--search
    .vs-table--search-input
    + i {
    left: 1rem;
}
#data-list-thumb-view
    .vs-con-table
    .vs-table--header
    .vs-table--search
    .vs-table--search-input:focus
    + i {
    left: 1rem;
}
#data-list-thumb-view .vs-con-table .vs-table {
    border-collapse: separate;
    border-spacing: 0 1.3rem;
    padding: 0 1rem;
}
#data-list-thumb-view .vs-con-table .vs-table tr {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}
#data-list-thumb-view .vs-con-table .vs-table tr td {
    padding: 10px;
}
#data-list-thumb-view .vs-con-table .vs-table tr td:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
#data-list-thumb-view .vs-con-table .vs-table tr td:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
#data-list-thumb-view .vs-con-table .vs-table tr td.img-container span {
    display: flex;
    justify-content: flex-start;
}
#data-list-thumb-view .vs-con-table .vs-table tr td.img-container .product-img {
    height: 110px;
}
#data-list-thumb-view .vs-con-table .vs-table tr td.td-check {
    padding: 20px !important;
}
#data-list-thumb-view .vs-con-table .vs-table--thead th {
    padding-top: 0;
    padding-bottom: 0;
}
#data-list-thumb-view .vs-con-table .vs-table--thead th .vs-table-text {
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}
#data-list-thumb-view .vs-con-table .vs-table--thead th.td-check {
    padding: 0 15px !important;
}
#data-list-thumb-view .vs-con-table .vs-table--thead tr {
    background: none;
    box-shadow: none;
}
#data-list-thumb-view .vs-con-table .vs-table--pagination {
    justify-content: center;
}
.con-text-validation {
    font-size: 0.8rem !important;
}
.uppercase input[type="text"] {
    text-transform: uppercase;
}