/* tailwind class start */
a {
    color: inherit !important;
    text-decoration: inherit !important;
}

.hidden {
    display: none;
}

.minwidth102 {
    min-width: 102px;
}

.max-w-4xl {
    max-width: 56rem;
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity));
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity));
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

/* tailwind class end */

span.select2-selection.select2-selection--multiple {
    padding: 0px 0px 12px 0px !important;
    margin-top: 2px !important;
    border-color: #c9c9c9 !important;
}

span.select2-search.select2-search--inline {
    font-size: 17px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 28px !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

span.select2.select2-container.select2-container--default.select2-container--below {
    width: 100% !important;
}

span.select2.select2-container.select2-container--default.select2-container--focus {
    width: 100% !important;
}

span.select2-selection.select2-selection--single {
    padding: 0px 0px 12px 0px !important;
    margin-top: 2px !important;
    border-color: #c9c9c9 !important;
}

.select2-container .select2-selection--single {
    height: 48px;
}

span.select2-selection.select2-selection--single {
    padding: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}


span.select2-container.select2-container--default.select2-container--open {
    top: 0px !important;
}

label#select2Parent .select2-container .select2-dropdown {
    z-index: 1060 !important;
    top: 86px !important;
    left: 0px !important;
}

#select2MainParent, label#select2Parent {
    position: relative !important;
}

#select2MainParent span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent, .select2Parent1, .select2Parent2, .select2Parent3, .select2Parent4, .select2Parent5, .select2Parent6, .select2Parent7 {
    position: relative !important;
}

.select2Parent span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent1 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent2 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent3 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent4 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent5 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent6 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

.select2Parent7 span.select2-dropdown.select2-dropdown--below {
    top: 86px;
}

#table_tableData .optionRaw {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: navajowhite;
}

.tableInput {
    border-radius: 5px;
    padding: 8px 8px;
    background: #d3d3d3;
    outline: none;
}

.justify-end {
    justify-content: flex-end;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.custom-spin {
    animation: spin 1s linear infinite;
}

.custom-spinner-color path:first-of-type {
    fill: #16f869; /* Custom color for outer path */
}

.custom-spinner-color path:last-of-type {
    fill: #e5e7eb; /* Custom color for inner path */
}

.form-ring-card {
    border-right: 1px solid #00000021;
    border-left: 1px solid #00000021;
}
.required {
    color: red;
    font-size: 15px;
}
p#product_code_error {
    color: red;
    margin-top: 3px;
    display: none;
}

/*.sidebar ul {*/
/*    -ms-overflow-style: none;*/
/*    !* Internet Explorer 10+ *!*/
/*    scrollbar-width: none;*/
/*    !* Firefox *!*/
/*    overflow-y: auto;*/
/*}*/

/*.sidebar ul::-webkit-scrollbar {*/
/*    display: none;*/
/*    !* Safari and Chrome *!*/
/*}*/

.mis-col-one {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

.mis-col-two {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .mis-col-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.mis-col-three {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .mis-col-three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.mis-col-four {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .mis-col-four {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.mis-col-five {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .mis-col-five {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.mis-col-six {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .mis-col-six {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.mis-col-seven {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .mis-col-seven {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

.mis-col-six-fixed {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.5rem;
}