@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Regular.eot');
    src: url('/fonts/TBCContracticaCAPS-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Regular.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Regular.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Regular.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Regular.svg#TBCContracticaCAPS-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Bold.eot');
    src: url('/fonts/TBCContracticaCAPS-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Bold.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Bold.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Bold.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Bold.svg#TBCContracticaCAPS-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Light.eot');
    src: url('/fonts/TBCContracticaCAPS-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Light.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Light.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Light.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Light.svg#TBCContracticaCAPS-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Medium.eot');
    src: url('/fonts/TBCContracticaCAPS-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Medium.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Medium.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Medium.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Medium.svg#TBCContracticaCAPS-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Regular_1.eot');
    src: url('/fonts/TBCContracticaCAPS-Regular_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Regular_1.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Regular_1.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Regular_1.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Regular_1.svg#TBCContracticaCAPS-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica';
    src: url('/fonts/TBCContractica-Light.eot');
    src: url('/fonts/TBCContractica-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContractica-Light.woff2') format('woff2'),
    url('/fonts/TBCContractica-Light.woff') format('woff'),
    url('/fonts/TBCContractica-Light.ttf') format('truetype'),
    url('/fonts/TBCContractica-Light.svg#TBCContractica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Bold_1.eot');
    src: url('/fonts/TBCContracticaCAPS-Bold_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Bold_1.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Bold_1.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Bold_1.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Bold_1.svg#TBCContracticaCAPS-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS Book';
    src: url('/fonts/TBCContracticaCAPS-Book.eot');
    src: url('/fonts/TBCContracticaCAPS-Book.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Book.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Book.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Book.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Book.svg#TBCContracticaCAPS-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica';
    src: url('/fonts/TBCContractica-Regular.eot');
    src: url('/fonts/TBCContractica-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContractica-Regular.woff2') format('woff2'),
    url('/fonts/TBCContractica-Regular.woff') format('woff'),
    url('/fonts/TBCContractica-Regular.ttf') format('truetype'),
    url('/fonts/TBCContractica-Regular.svg#TBCContractica-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica';
    src: url('/fonts/TBCContractica-Medium.eot');
    src: url('/fonts/TBCContractica-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContractica-Medium.woff2') format('woff2'),
    url('/fonts/TBCContractica-Medium.woff') format('woff'),
    url('/fonts/TBCContractica-Medium.ttf') format('truetype'),
    url('/fonts/TBCContractica-Medium.svg#TBCContractica-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica CAPS';
    src: url('/fonts/TBCContracticaCAPS-Black.eot');
    src: url('/fonts/TBCContracticaCAPS-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContracticaCAPS-Black.woff2') format('woff2'),
    url('/fonts/TBCContracticaCAPS-Black.woff') format('woff'),
    url('/fonts/TBCContracticaCAPS-Black.ttf') format('truetype'),
    url('/fonts/TBCContracticaCAPS-Black.svg#TBCContracticaCAPS-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica Book';
    src: url('/fonts/TBCContractica-Book.eot');
    src: url('/fonts/TBCContractica-Book.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContractica-Book.woff2') format('woff2'),
    url('/fonts/TBCContractica-Book.woff') format('woff'),
    url('/fonts/TBCContractica-Book.ttf') format('truetype'),
    url('/fonts/TBCContractica-Book.svg#TBCContractica-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica';
    src: url('/fonts/TBCContractica-Black.eot');
    src: url('/fonts/TBCContractica-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContractica-Black.woff2') format('woff2'),
    url('/fonts/TBCContractica-Black.woff') format('woff'),
    url('/fonts/TBCContractica-Black.ttf') format('truetype'),
    url('/fonts/TBCContractica-Black.svg#TBCContractica-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TBC Contractica';
    src: url('/fonts/TBCContractica-Bold.eot');
    src: url('/fonts/TBCContractica-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TBCContractica-Bold.woff2') format('woff2'),
    url('/fonts/TBCContractica-Bold.woff') format('woff'),
    url('/fonts/TBCContractica-Bold.ttf') format('truetype'),
    url('/fonts/TBCContractica-Bold.svg#TBCContractica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@media (max-width: 767px) {
    .main-header .navbar-custom-menu {
        float: none !important;
        display: block !important;
    }
    .main-header .navbar-custom-menu .dropdown-menu {
        left: auto !important;
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #777;
    }
    .main-header .navbar {
      height: auto;
    }
}
.bg-danger {
    background-color: #f2dede !important;
}
.btn-big {
    padding: 10px 30px;
    font-size: 18px;
    line-height: 1.3333333;
}

.of-visible {
    overflow: visible !important;
}

#online_indicator {
  font-size: 8px;
  vertical-align: middle;
}

.pt-0 {
  padding-top: 0px;
}
.f-right {
  float: right;
}
.mb-10 {
  margin-bottom: 10px;
}
.discount-badge {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 18px;
  padding: 7px;
}

.discount-badge-small {
  position: absolute;
  top: -2px;
  left: 10px;
  font-size: 12px;
  padding: 6px;
}
.product-info-table td, .product-info-table th {
  font-size: 12px;
}
.catalogue {
  max-height: 127px;
  margin: auto;
  margin-bottom: 18px;
}
.catalogue-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
  margin-bottom: 10px;
}
.bg-light-gray {
  background-color: #f8f8f8 !important;
}
.p-5-5 {
  padding: 5px 5px !important;
}
.m-4 {
  margin: 4px;
}
.skin-black .main-header, .skin-black-light .main-header {
  color: #525f7f !important;
}
.skin-black .main-header .navbar .nav .open>a {
  color: #999 !important;
}
.skin-black .main-header .navbar .nav>li>a:hover{
  color: #999 !important;
}
.skin-black .main-header .navbar > .sidebar-toggle:hover {
  color: #999 !important;
}
.mt-0{
  margin-top: 0 !important;
}
.table-pdf thead tr{
  background-color: #357ca5 !important;
  color: #fff;
}
.table-pdf thead tr th {
  color: #fff !important;
}
.blue-heading {
  background-color: #357ca5;
  color: #fff;
}

.table-pdf .odd {
    background-color: #DCE6F1;
}
.p-4{
  padding: 4px;
}
.p-10{
  padding: 10px !important;
}
.jquery-top-scrollbar{
    height: 6px !important;
}
.jquery-top-scrollbar div {
    height: 6px !important;
}
.scroll-top-bottom {
  width: 100%; 
  overflow: scroll;
}
.scroll-top-bottom::-webkit-scrollbar {
    height: 6px;
}

.scrolltop {
  display:none;
  width:100%;
  margin:0 auto;
  position:fixed;
  bottom:20px;
  right:10px; 
}
.scroll {
  position:absolute;
  right:20px;
  bottom:20px;
  background:#b2b2b2;
  background:rgba(178,178,178,0.7);
  padding:7px;
  text-align: center;
  margin: 0 0 0 0;
  cursor:pointer;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s; 
  border-radius: 6px;   
}
.scroll:hover {
  background:rgba(178,178,178,1.0);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;    
}
.scroll:hover .fas {
  padding-top:-10px;
}
.scroll .fas {
  font-size:25px;
  margin-top:-5px;
  margin-left:1px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;  
}

.f-left {
  float: left;
}
.align-left {
 text-align: left;
}
.align-right {
 text-align: right;
}

.table-pdf {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 8px 10px;
}
.td-border td, .td-border th{
  border-bottom: 1px solid lightgrey;
  padding: 8px 5px;
}

.ws-nowrap {
  white-space:nowrap;
}

.btn-app>.fas, .btn-app>.fab{
    font-size: 20px;
    display: block;
}
.dropdown-menu>li>a>.fas{
    margin-right: 6px;
}
.mt-5 {
  margin-top: 5px !important;
}
.pos-form-actions{
  height: auto;
  padding-top: 12px;
  padding-bottom: 20px;
  position: fixed;
  bottom: 0px;
  background-color: #D1D5DC;
  width: 100%;
  z-index: 1000;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.pb-0{
  padding-bottom: 0px !important;
}
.pr-12{
  padding-right: 12px !important;
}
.main-header .sidebar-toggle:before {
    content: "" !important;
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
} 
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.text-white {
  color: #fff;
}
.wizard > .steps > ul > li {
  width: 33.33% !important;
}
.wizard > .content {
  background: #445867 !important;
}
legend {
  color: #fff;
  margin-bottom: 6px;
  border-bottom: none;
}
.left-col {
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.76),rgba(51, 51, 51, 0.32)),url(../img/home-bg.jpg); 
  text-align: center;
  background-size: cover;
  background-position: center;
}
.left-col-content {
  color: #1A7BF9;
  width: 100%;
}
.login-header {
  font-size: 27px;
  font-weight: 600;
}
.login-header a {
  color: #fff;
}
.form-header {
  font-size: 18px;
  margin: 16px 0;
}
.btn-login {
  padding: 6px 52px !important;
}
.right-col {
  background-color: #243949;
  height: 100%;
  min-height: 100vh;
}

.right-col label {
  color: #fff;
}

.right-col a, .text-white a {
  color: #fff;
  font-weight: 600;
  font-size: 15px
}
.right-col a:hover, .text-white a:hover {
  color: #ccc;
}
.right-col-content {
  padding: 10% 16%;
  padding-bottom: 3%;
}
.right-col-content-register {
  padding: 2% 8%;
}

.input_inline {
  width: 100%;
  display: inline-flex;
}
.input_inline input, .input_inline span {
  width: 50%;
}
.bg-manufacturing {
  background-color: #ff851b;
}
.img-thumbnail {
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  transition: border .2s ease-in-out;
  padding: 4px;
  margin: 3px;
  text-align: center;
}
.img-thumbnail>.badge{
  position: absolute;
  top: -5px;
  right: -7px;
  font-size: 9px;
  font-weight: 400;
  cursor: pointer;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu {
  max-height: 350px;
}
.bg-aqua-lite {
  background-color: #7FFFD4;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
  white-space: normal;
}
.spacer {
  margin-top: 20px;
}
#product_list_body {
    max-height: 485px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.div-overlay {
    cursor: not-allowed;
    background: #e9e9e9; 
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.d-inline-table {
  display: inline-table;
}

.label-round{
  font-size: 8px;
  border-radius: 44%;
}
.table{
    border-radius: 8px;
    overflow: hidden;
}
.table>tbody+tbody{
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.table-pl-12 td, .table-pl-12 th{
  padding-left: 12px !important;
}
table tbody td.pl-20-td{
  padding-left: 20px !important;
}
table.table-border-center > tbody > tr > td:first-child, 
table.table-border-center > thead > tr > th:first-child,
table.table-border-center > tfoot > tr > td:first-child
{
  border-right: 1px solid darkgray;
}
table.table-border-center-col > tbody > tr > td:nth-child(2), 
table.table-border-center-col > thead > tr > th:nth-child(2),
table.table-border-center-col > tfoot > tr > td:nth-child(2)
{
  border-right: 1px solid darkgray;
  border-left: 1px solid darkgray;
}
.bg-transparent{
  background-color: transparent !important;
}
.mb-0{
  margin-bottom: 0;
}

.nav-tabs>li>a{
  font-size: 18px;
  font-weight: 600;
}
.table-transparent, .table-transparent th {
    background-color: transparent !important;
    color: #000 !important;
}
.td-full-width {
  white-space:nowrap;
}
.font-17{
    font-size: 17px !important;
}
table.dataTable tbody>tr.selected{
    background-color: #B0BED9;
}
tr.footer-total > td {
    vertical-align: middle !important;
}
.error{
	color: red !important;
}
/*  pos tab */
div.pos-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
    margin-bottom: 28px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
}
div.pos-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.pos-tab-menu div.list-group{
  margin-bottom: 0;
}
div.pos-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.pos-tab-menu div.list-group>a .glyphicon,
div.pos-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.pos-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.pos-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.pos-tab-menu div.list-group>a.active,
div.pos-tab-menu div.list-group>a.active .glyphicon,
div.pos-tab-menu div.list-group>a.active .fa{
  background-color: #3c8dbc;
  color: #ffffff;
    border-color: #3c8dbc;
}
div.pos-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #3c8dbc;
}

div.pos-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 20px;
}

div.pos-tab div.pos-tab-content:not(.active){
  display: none;
}

.add-product-price-table th{
	background-color: #5cb85c;
    color: white;
}
.blue-header th {
	background-color: #3c8dbc;
    color: white;
}
.table-th-green th{
	background-color: #5cb85c;
    color: white;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.active-cell {
    border: 2px dotted #3c8dbc !important;
}
.cursor-pointer{
    cursor: pointer !important;
}
.pos_product_div{
    min-height: 47vh;
    max-height: 57vh;
    overflow-y: auto;
    margin-bottom: 20px;
}
.bg-lightgray{
    background-color: #F0EDED !important;
}
.balance_due_box >li{
    padding: 11px 5px 0px 5px;
}
.option-div {
    padding: 15px;
    background-color: #d2d6de;
    color: #333;
    border:1px solid #d2d6de;
    cursor: pointer;
}
.option-div input[type="radio"]{
    display: none;
}
.option-div-group .icon {
    color: #d33724;
    display: none;
}
.option-div-group .option-div:hover{
    border:1px solid gray;
}
.option-div-group .active .icon{
    display: block;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-bottom-12{
    margin-bottom: 12px;
}
.bg-info{
    background-color: #00c0ef !important;
}
.bg-info > a{
    color: #FFFFFF !important;
}
.bg-info>a:hover{
    background-color: #337ab7 !important;
}
ul.dt-button-collection{
    background-color: #00c0ef;
}
td.details-control {
    background: url('/img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('/img/details_close.png') no-repeat center center;
}
.icheckbox_square-blue, .iradio_square-blue{
    margin-right: 10px;
}
.header-right-div{
    right: 10px;
    float: right;
    position: absolute;
    top: 15px;
}
.header-left-div{
    margin-top: 15px;
    display: inline-flex;
}
.m-8 {
    margin: 8px;
}
.mt-10{
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.m-5 {
    margin: 5px;
}
.icon-link{
  text-align:center;
  display:block;
  margin-bottom: 18px;
}
.icon-link > a {
    display:grid;
}
.icon-link > .badge{
    position: absolute;
    top: 20px;
    right: 67px;
}
.link-des {
    display: inline-block;
    text-align: left;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border: none;
    height: auto;
    width: 100%;
    max-height: 120px;
}
.bg-light-green{
    background-color: #98D973 !important;
    color: #fff !important
}
.hover-q {
    font-size: 16px;
    margin-left: 3px;
    cursor: help;
}
.input-group-addon .hover-q{
    margin-left: 0px;
}
.text-bold{
    font-weight: bold;
}
.tour .popover-content{
    padding: 18px 14px;
}
.table-slim>tbody>tr>td, .table-slim>tbody>tr>th, .table-slim>tfoot>tr>td, .table-slim>tfoot>tr>th, .table-slim>thead>tr>td, .table-slim>thead>tr>th{
    padding: 1px;
}

/* Custom scroll bar start*/

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Custom scroll bar end*/

.product_cell{
    height: 100px;
    padding: 1%;
}
.product_cell_div{
    height: 100% !important;
    width: 100% !important;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    cursor: pointer;
    overflow: hidden;
}

/*CSS to print receipts*/
.print_section{
    display: none;
}
@media print{
    .print_section{
        display: inline !important;
    }
    .modal-xl{
        width: 100% !important;
    }
    ::-webkit-scrollbar{
        display: none !important;
    }
    #toast-container {
      display: none;
    }
}

.input-number .btn-default{
    background-color: white;
    padding: 6px 9px;
}

.width-50{
    width: 50% !important;
}
.width-40{
    width: 40% !important;
}
.width-60{
    width: 60% !important;
}
.width-100{
    width: 100% !important;
}

.font-30{
    font-size: 30px !important;
}

.font-23{
    font-size: 23px !important;
}
.padding-5{
    padding: 5px !important;
}
.padding-10{
    padding: 10px !important;
}
.padding-side-15{
    /*padding-left: 15px !important;
    padding-right: 15px !important;*/
}
.text-muted-imp{
    color: #A3A3A3 !important;
}

.table-no-top-cell-border td{
    border-top: 0px !important;
    border-bottom: 0px !important;
}
.table-no-top-cell-border th{
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.table-no-side-cell-border td{
    border-left: 0px !important;
    border-right: 0px !important;
}
.table-no-side-cell-border th{
    border-left: 0px !important;
    border-right: 0px !important;
}

.color-555 {
    color: #555555 !important;
}
.color-555 *{
    color: #555555 !important;
}
.color-white {
    color: white !important;
}
.col-no-padding{
    padding-left: 0px;
    padding-right: 0px;
}
.col-2px-padding{
    padding: 2px;
}

.pos-express-btn{
    font-size: 23px !important;
    overflow: hidden !important;
    height: 73px !important;
    white-space: normal;
}
.word-wrap{
    word-wrap: break-word !important;
}

.modal-xl{
    width: 90%; /* respsonsive width */
    margin-left: auto !important;
    margin-right: auto !important;
}
table.ajax_view tbody tr{
    cursor: pointer;
}
.bg-white{
    background-color: #fff;
}

.product-thumbnail-small{
    height: 50px;
    width: 50px;
}

table.table-text-center td, table.table-text-center th{
    vertical-align: middle !important;
}
.product_list{
    padding-left: 8px;
    padding-right: 8px;
}
.product_box{
  width: 100%;
  /*padding-top: 5px;
  padding-bottom: 2px;*/
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
  /*border: 1px solid darkgray;*/
  font-weight: 600;
  background-color: #fff;
  border-radius: 2px;
  padding-top: 3px;
}
.product_box .image-container{
  /*width: 95%;*/
  height: 55px;
  margin: auto;
  /*padding-top: 5px;*/
  
}
.product_box .image-container img{
    height: 45px;
    /*width: 45px*/
}
.eq-height-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
    flex-wrap: wrap;
}
.eq-height-col{
    display: flex;
}

.product_box .text_div{
    margin-top: 3px;
}
.product_box .text{
    width: 100%;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /* number of lines to show */
   line-height: 14px;        /* fallback */
   max-height: 14px;       /* fallback */
}
.small-box.bg-gray:hover{
    color: #000;
    text-decoration: none;
}

#calendar table tbody td {
    cursor: pointer;
}

.min-height-90hv{
    min-height: 90vh !important;
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.text-link{
    cursor: pointer;
}

.text-link:hover{
    text-decoration: underline;
}

.v-center{
    vertical-align: middle !important;
}

.bg-woocommerce{
  background-color: #9E458B !important;
}

/*.box, .info-box, .nav-tabs-custom, .external-event{
  box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2) !important;
}*/

.user_avatar {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 1px;
}

.fs-10 {
  font-size: 10px;
}

.timeline-lode-more-btn {
  margin-left: 50px;
  margin-top: 25px;
  padding-right: 12px;
  padding-left: 12px;
}

.pa-0 {
  padding: 0px !important;
}

.mt-56{
  margin-top: 56px !important;
}

.m-2{
  margin: 2px !important;
}

.treeview-menu i{
  display: none !important;
}
.treeview-menu a{
  padding-left: 25px !important;
  font-size: 95% !important;
}
.treeview-menu a::before{
  content: "\2192 ";
}

@media only screen and (max-width: 600px) {
  .pos-form-actions{
    position: absolute;
  }
}
.mr-8 {
  margin-right: 8px !important;
}

@media (max-width: 1024px) {
   .pos_form_totals{
        margin-bottom: 40px;
    }
}

.swal-modal .swal-text {
    text-align: center;
}

.pos-total {
    display: inline-block;
    padding: 8px 10px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}
.pos-total span.number{
    font-size: 26px;
    vertical-align: middle;
    font-weight: bolder;
}

.pos-total span.text{
    font-weight: bolder;
    display: inline-block;
    width: 60px;
    vertical-align: middle;
}
.mb-40 {
    margin-bottom: 40px !important;
}

@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }
}

.fa-times{
    font-size: 30px
}
.mb-5{
  margin-bottom: 5px !important;
}
.tree-actions {
  margin-left: 20px;
  display: none;
}
.jstree-hovered .tree-actions {
  display: inherit;
}
th {
  border: none;
  background: #F3F4F6;
  vertical-align: middle !important;

}
td {
  border: none;
  background: 'white';
  height: '100%';
  text-align: 'center';
  vertical-align: middle !important;
}
table {
  width: 100%;
  border-collapse: collapse;
}

/* For WebKit browsers (Chrome, Safari) */
table::-webkit-scrollbar {
  width: 8px; /* Width of the vertical scrollbar */
  height: 8px; /* Height of the horizontal scrollbar */
}

table::-webkit-scrollbar-track {
  background: #f1f1f1; /* Background of the scrollbar track */
}

table::-webkit-scrollbar-thumb {
  background: #888; /* Background of the scrollbar thumb */
  border-radius: 4px; /* Rounded corners for the scrollbar thumb */
}

table::-webkit-scrollbar-thumb:hover {
  background: #555; /* Background of the scrollbar thumb when hovered */
}

/* For Firefox */
table {
  scrollbar-width: thin; /* Makes the scrollbar thin */
  scrollbar-color: #888 #f1f1f1; /* Colors of the scrollbar thumb and track */
}

/* For Internet Explorer and Edge */
table {
  -ms-overflow-style: -ms-autohiding-scrollbar;
    table-layout: fixed;
    width: 100%;
}
tr {
    border-radius: 10px;
    background: white;
}

/* Specific border-radius styles for the first and last row */
table thead tr:first-child td:first-child {
  border-top-left-radius: 8px !important;
}

table thead tr:first-child td:last-child {
  border-top-right-radius: 8px !important;
}

table thead tr th {
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    width: 168px!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 24px!important;
    padding-right: 24px!important;
}

table thead tr th.table_checkbox {
    width: 20px!important;
}

table tbody tr td {
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px!important;
    text-align: left;
    width: 168px!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 16px 24px 16px 24px!important;
    height: 45px;
    background: white;
}

.side_bar_menu_ul {
    padding: 0 12px;
    padding-bottom: 60px!important;
}

.side_bar_menu_ul div{
    margin: 4px 0;
    display: flex; /* Ensures the div adjusts to the size of its child */
}

.side_bar_menu_ul div a {
    padding: 12px;
    width: 100%;
}

.side_bar_menu_ul .menu_items_title {
    margin: 0!important;
    padding: 0 0 0 32px;
}

.side_bar_menu_ul .menu_items_title span{
    font-family: TBC Contractica, serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #6B7280;
}

.side_bar_menu_ul div:hover{
    background: #00B7F01A;
}

.sidebar_header_logo > a{
}

.main-sidebar {
    position: fixed!important;
    padding-top: 0px;
    width: 253px!important;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
    padding-bottom: 60px;
}

.content-wrapper, .main-footer {
    margin-left: 254px!important;
}

.main-sidebar .sidebar-toggle-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 32px 12px 32px;
}

.content-header {
    padding: 20px 0!important;
    margin: 0 15px!important;
    display: flex;
    font-size: calc(100%);
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E7EB;
}

.content-header .main-header-title-new {
    font-family: TBC Contractica CAPS, serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
    color: #111827;
}

.content-header .main-header-description-new {
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 11px;
    text-align: left;
    color: #6B7280;
}

.content-header .blue-prime-button {
    font-family: TBC Contractica CAPS, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    padding: 14px!important;
    background: #00B7F0;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

div.dataTables_wrapper div.dataTables_filter input{
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 11px;
    text-align: left;
    color: #4B5563;
    padding: 12px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
}

div.dataTables_wrapper div.dataTables_paginate {

}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {

}


div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
    border: none!important;
    border-radius: 8px!important;
    color: #4B5563!important;
    padding: 8px!important;
    width: fit-content!important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination a {
    border: none!important;
    border-radius: 8px!important;
    font-family: Nunito, serif!important;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 10px!important;
    text-align: center!important;
    color: #4B5563!important;
    padding: 8px!important;
    width: fit-content!important;
    margin: 0 6px!important;
}

div.dataTables_wrapper div.dataTables_info {
    font-family: TBC Contractica;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #4B5563;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #F3F4F6!important;
    color: #4B5563!important;
    border: none!important;
}

.modal-title {
    font-family: TBC Contractica CAPS, serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #111827;
}

.radio_buttons_group {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-flow: column;
    gap: 12px;
}

.radio_buttons_group .radio_buttons_title {
    font-family: TBC Contractica CAPS, serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #111827;
}

.radio_buttons_group label{
    margin-left: 0!important;
    font-family: TBC Contractica, serif!important;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 24px!important;
    text-align: left!important;
    color: #111827!important;
    padding-left: 0!important;
    display: flex;
    align-items: center;
    gap: 8px; /* Space between custom radio and label text */
}

.radio-inline input[type="radio"] {
    display: none; /* Hide the default radio button */
}

.radio-inline .custom-radio {
    width: 16px;
    height: 16px;
    border: 1px solid #D1D5DB; /* Customize border color */
    border-radius: 50%;
    position: relative;
}

.radio-inline .custom-radio::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 5px solid #00B7F0; /* Customize border color */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s;
}

.radio-inline input[type="radio"]:checked + .custom-radio::after {
    opacity: 1;
}

.form_wrapper_costume {
    border-radius: 8px;
    border: 1px #E5E7EB solid;
    padding: 24px 0;
}

.form-group_costume {
    display: flex;
    flex-flow: column;
    gap: 12px;
    align-items: start;
    justify-content: start;
    width: 100%;
}

.form-group_costume_two label {
    font-family: TBC Contractica CAPS, serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #111827;
    margin-bottom: 12px;
}

.form-group_costume .label_with_info {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 3px;
}

.form_wrapper_costume .form_title {
    font-family: TBC Contractica CAPS, serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
    color: #111827;
}

.form-group_costume .label_with_info i{
    transform: translateY(-4px);
}

.form-group_costume label{
    font-family: TBC Contractica CAPS, serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #111827;
}

.input-group_costume {
    width: 100%;
}

.input-group_select_2_costume {
    width: 100%;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #9CA3AF!important;
}

.input-group_select_2_costume .select2-selection--single{
    border-radius: 6px;
    height: 40px;
    display: flex;
    align-items: center;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #9CA3AF!important;
}

.input-group_select_2_costume .select2-results ul li{
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #4B5563!important;
    padding: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #F3F4F6!important;
    color: #4B5563!important;
}

.input-group_with_add_costume {
    width: 100%;
    display: flex;
    align-items: center;
}

.input-group_with_add_costume:nth-child(2) {
    width: 87%!important;
    height: 40px;
}

.input-group_with_add_costume:last-child {
    width: 15%;
}

.input-group_costume input{
    width: 100%;
    border: 1px solid #D1D5DB;
    padding: 8px 12px;
    border-radius: 8px;
    height: 40px;
}

.input-group_costume textarea {
    width: 100%;
    border: 1px solid #D1D5DB;
    padding: 8px 12px;
    border-radius: 8px;
}

.input-group_costume select {
    width: 100%;
    border: 1px solid #D1D5DB;
    padding: 8px 12px;
    border-radius: 8px;
    height: 40px;
}

.form-group_costume .input_desc {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 8px;
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    text-align: left;
    color: #4B5563;
}

.btn_costume {
    background: #00B7F0;
    color: white;
    padding: 16px;
    display: flex;
    border: none;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    font-family: TBC Contractica CAPS, serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    gap: 10px;
}

.btn_costume:hover {
    background: #00c1ff;
}

.modal-footer-costume {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: white;
    gap: 24px;
}

.modal-footer-costume button {
    border: none;
    border-radius: 8px;
    padding: 16px;
    font-family: TBC Contractica CAPS, serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    width: 100%;
}

.modal-footer-costume button.submit_btn {
    background: #00B7F0!important;
    color: white;
}

.modal-footer-costume button.submit_btn:hover {
    background: #00c2ff!important;
}

.modal-footer-costume button.close_btn {
    color: #4B5563;
    background: white!important;
    border: 1px solid #D1D5DB;
}

.modal-footer-costume button.close_btn:hover {
    background: #D1D5DB!important;
}

.img_form_group {
    width: 100%;
    padding: 44px;
    border: 2px dashed #00B7F0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    gap: 44px;
    cursor: pointer;
}

.img_form_group .upload-placeholder{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #111827;
    gap: 8px;
}

.img_form_group .upload-placeholder i {
    color: #00B7F0;
}

.img_form_group .upload-placeholder_small {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #6B7280;
}

#image_preview > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#image_preview > div .img_and_name {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
}

#image_preview > div img{
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
}

#image_preview > div .img_name {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-flow: column;
    gap: 8px;
}

#image_preview > div .img_name #image_title {
    color: #111827;
    font-family: Nunito, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    overflow: hidden;
}

#image_preview > div .img_name #image_size {
    font-family: Nunito, serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-align: left;
    color: #6B7280;
}

#remove_image {
    background: none;
    border: none;
}

.btn-group-costume button{
    border: none;
    border-radius: 8px!important;
    padding: 14px 16px!important;
    font-family: TBC Contractica CAPS, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
}

.btn-group-costume .submit_product_form_save {
    background: #00B7F0;
    color: white;
}

.btn-group-costume .submit_product_form_save_and_add_new {
    background: rgba(0,0,0, 0)!important;
    border: 1px solid  #00B7F0;
    color: #00B7F0!important;
}

.btn-group-costume .submit_product_form_cancel {
    background: rgba(0,0,0, 0)!important;
    border: 1px solid  #D1D5DB;
    color: #4B5563!important;
}

/* Hide default checkbox */
.toggle_slide_checkbox input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Create a custom switch */
.toggle_slide_checkbox .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-right: 10px; /* Adjust as needed for spacing */
}

/* Slider */
.toggle_slide_checkbox .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

.toggle_slide_checkbox .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

/* Checked state */
.toggle_slide_checkbox input:checked + .slider {
    background-color: #00B7F0;
}

.toggle_slide_checkbox input:checked + .slider:before {
    transform: translateX(16px);
}

/* Rounded sliders */
.toggle_slide_checkbox .slider.round {
    border-radius: 34px;
}

.toggle_slide_checkbox .slider.round:before {
    border-radius: 50%;
}

.label_space_bottom label {
    margin-bottom: 24px;
}

.payment-status-label > span {
    padding: 4px 8px!important;
    border-radius: 16px!important;
}

.clickable_td > .update_status > span.bg-red {
    color: #7C2D12!important;
    background: #FFEDD5!important;
}

.status-label {
    padding: 4px 8px!important;
    border-radius: 16px!important;
}

.bg-light-green {
    background: #D1FAE5!important;
    color: #064E3B!important;
}

.supplier_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cdefs%3E%3CclipPath id="clip0_2281_8704"%3E%3Crect width="16" height="16" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path="url(%23clip0_2281_8704)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.00128 0C5.99562 0 4.36967 1.62702 4.36967 3.63268C4.36967 5.63833 5.99562 7.26429 8.00128 7.26429C10.0069 7.26429 11.634 5.63833 11.634 3.63268C11.634 1.62702 10.0069 0 8.00128 0ZM8.00128 0.710324C9.62593 0.710324 10.9236 2.00803 10.9236 3.63268C10.9236 5.25733 9.62593 6.55503 8.00128 6.55503C6.37663 6.55503 5.07892 5.25733 5.07892 3.63268C5.07892 2.00803 6.37663 0.710324 8.00128 0.710324ZM8.00128 7.64292C3.57542 7.64292 0 11.2194 0 15.6453C0.000488155 15.8406 0.158736 15.9989 0.354095 15.9994H9.63844C9.8338 15.9989 9.99206 15.8406 9.99253 15.6453C9.99265 15.4495 9.83422 15.2906 9.63844 15.2901H0.781783C0.975563 11.422 4.08255 8.35644 8.00128 8.35644C9.11014 8.35644 10.1554 8.60015 11.0932 9.03797C11.2711 9.12048 11.4822 9.04311 11.5646 8.86519C11.6484 8.68817 11.573 8.47674 11.3961 8.3927C10.3664 7.91196 9.21459 7.64292 8.00128 7.64292ZM12.484 9.3206L9.48059 10.8234C9.33677 10.9064 9.28328 11.0169 9.28328 11.138V14.359C9.28362 14.5017 9.36927 14.6302 9.50086 14.6854L12.5043 15.9716C12.5931 16.0095 12.6938 16.0095 12.7826 15.9716L15.786 14.6854C15.916 14.6289 15.9997 14.5007 15.9994 14.359V11.138C15.9994 10.9709 15.8925 10.8737 15.8052 10.8234L12.8029 9.3206C12.6794 9.24929 12.5819 9.26408 12.484 9.3206ZM12.6408 10.0341L14.8059 11.1156L12.6408 12.0414L10.4799 11.1156L12.6408 10.0341ZM9.99253 11.6745L12.2867 12.661V15.1067L9.99253 14.1254V11.6745ZM15.2901 11.6788V14.1254L12.9959 15.1067V12.6632L15.2901 11.6788Z" fill="%23111827"/%3E%3C/g%3E%3C/svg%3E');
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.product_list_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M15.7991 3.85651L8.16275 0.0383183C8.06039 -0.0127728 7.93966 -0.0127728 7.83748 0.0383183L0.201091 3.85651C0.0778184 3.91815 0 4.04397 0 4.18179V11.8182C0 11.956 0.0778184 12.0818 0.20091 12.1434L7.8373 15.9616C7.88857 15.9873 7.9442 16 8.00002 16C8.05584 16 8.11148 15.9873 8.16275 15.9616L15.7991 12.1434C15.9222 12.0818 16 11.956 16 11.8182V4.18179C16 4.04397 15.9222 3.91815 15.7991 3.85651ZM8.00002 0.770139L14.8233 4.18179L13.3637 4.91161L6.54056 1.49996L8.00002 0.770139ZM10.4546 6.36615L3.63128 2.95451L5.72729 1.90651L12.5506 5.31815L10.4546 6.36615ZM10.7273 7.04288L12.9091 5.95197V8.65689L12.2113 8.15852C12.1322 8.10198 12.0333 8.07961 11.9375 8.09616C11.8417 8.11307 11.7564 8.16743 11.7009 8.24743L10.7273 9.65416V7.04288ZM2.81819 3.36106L9.6413 6.7727L8.00002 7.59343L1.17673 4.18179L2.81819 3.36106ZM0.727275 4.77015L7.63639 8.22471V15.0478L0.727275 11.5933V4.77015ZM8.36366 15.048V8.22471L10 7.40652V10.8182C10 10.9773 10.1033 11.1178 10.2551 11.1653C10.2911 11.1765 10.3275 11.1818 10.3637 11.1818C10.4808 11.1818 10.5935 11.1251 10.6628 11.0253L12.0891 8.96507L13.0617 9.65962C13.1726 9.73871 13.3184 9.74944 13.4393 9.68689C13.5602 9.62471 13.6364 9.4998 13.6364 9.36362V5.58833L15.2728 4.77015V11.5933L8.36366 15.048Z" fill="%23111827"/%3E%3C/svg%3E');
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.brand_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cg clip-path="url(%23clip0_2281_8720)"%3E%3Cpath d="M15.6078 0.000183336C15.5085 0.00286076 15.4141 0.0442499 15.3448 0.115482L13.7106 1.75086L13.2181 1.25842C12.9444 0.984655 12.6294 0.833193 12.3188 0.824753C12.1324 0.819686 11.9594 0.846773 11.7539 0.875336L9.08786 1.24578C8.10703 1.38207 7.60894 1.80225 6.97641 2.3917L0.418532 8.50289C0.415894 8.50533 0.41329 8.50781 0.410722 8.51032C0.127268 8.79018 0.00437454 9.17291 0.000110281 9.5495C-0.00415055 9.92609 0.114628 10.3245 0.430806 10.5946L0.408862 10.5742L5.42583 15.5911L5.40538 15.5692C5.67547 15.8854 6.07391 16.0042 6.4505 15.9999C6.82709 15.9956 7.20982 15.8727 7.48968 15.5893C7.49219 15.5867 7.49467 15.5841 7.49711 15.5815L7.94752 15.098L9.74134 15.7663C10.131 15.9115 10.5301 15.8846 10.8709 15.7243C11.2117 15.564 11.5087 15.2935 11.6456 14.9194L13.6143 9.01727C14.2005 8.38783 14.6184 7.88959 14.7542 6.91214L15.1247 4.24614C15.1532 4.04057 15.1803 3.86754 15.1752 3.68118C15.1668 3.37064 15.0153 3.05562 14.7416 2.78185L14.2491 2.28942L15.8845 0.654037C16.1334 0.411792 15.9549 -0.0100652 15.6078 0.000183336ZM12.298 1.58647C12.4472 1.59052 12.4773 1.59468 12.6796 1.79698L13.172 2.28942L12.2976 3.16457C12.1483 3.09246 11.9822 3.05076 11.8067 3.05076C11.1802 3.05076 10.6637 3.56719 10.6637 4.1937C10.6637 4.82021 11.1802 5.33664 11.8067 5.33664C12.4332 5.33664 12.9496 4.82021 12.9496 4.1937C12.9496 4.01823 12.9079 3.85202 12.8358 3.70275L13.7106 2.82797L14.203 3.32041C14.4053 3.52271 14.4095 3.55282 14.4135 3.70201C14.416 3.79148 14.3989 3.9357 14.3704 4.14126L13.9999 6.80726C13.8851 7.63381 13.6375 7.8752 13.0512 8.50437L6.94703 15.0548C6.84835 15.1545 6.6448 15.2359 6.44195 15.2382C6.23889 15.2405 6.06459 15.1679 5.98484 15.0745C5.97832 15.0669 5.97149 15.0596 5.96439 15.0526L0.947417 10.0356C0.940373 10.0285 0.933053 10.0217 0.925474 10.0152C0.832118 9.93541 0.759525 9.76111 0.761824 9.55805C0.764121 9.3552 0.845499 9.15165 0.945186 9.05297L0.945567 9.05259L7.49563 2.94884C8.12481 2.36252 8.3662 2.1149 9.19275 2.00004L11.8588 1.6296C12.0643 1.60104 12.2085 1.58404 12.298 1.58647ZM11.8067 3.81247C12.0215 3.81247 12.1875 3.97885 12.1875 4.1937C12.1875 4.40855 12.0215 4.57456 11.8067 4.57456C11.5918 4.57456 11.4258 4.40855 11.4258 4.1937C11.4258 3.97885 11.5918 3.81247 11.8067 3.81247ZM5.32764 7.99892C4.9863 7.99936 4.8178 8.41399 5.06208 8.6524L7.3476 10.9383C7.70738 11.2973 8.24593 10.7577 7.88615 10.3986L5.60027 8.11422C5.52865 8.0406 5.43035 7.99903 5.32764 7.99892ZM4.1847 9.14038C3.84158 9.13942 3.67224 9.55707 3.91914 9.79535L6.20503 12.0797C6.56387 12.463 7.12671 11.8998 6.74321 11.5412L4.45881 9.25716C4.38709 9.18263 4.28814 9.14047 4.1847 9.14038ZM12.3638 10.3588L10.93 14.6576C10.8818 14.7894 10.7303 14.9487 10.5466 15.0351C10.3628 15.1215 10.1777 15.119 10.0627 15.076L8.50951 14.4951L12.3638 10.3588Z" fill="%23111827"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2281_8720"%3E%3Crect width="16" height="16" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.category_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS45OTg0IDMuNjUxNDlDMTUuOTk4NCAyLjg0ODM5IDE1LjM0NzUgMi4xOTcyNyAxNC41NDQ0IDIuMTk3MjdINS40NTU3MUM0LjY1MjU1IDIuMTk3MjcgNC4wMDE3MSAyLjg0ODM5IDQuMDAxNzEgMy42NTE0OUM0LjAwMTcxIDQuNDU0NTkgNC42NTI1NSA1LjEwNTcxIDUuNDU1NzEgNS4xMDU3MUgxNC41NDQ0QzE1LjM0NzUgNS4xMDU3MSAxNS45OTg0IDQuNDU0NTkgMTUuOTk4NCAzLjY1MTQ5Wk0xNS4yNzE0IDMuNjUxNDlDMTUuMjcxNCA0LjA1MzIyIDE0Ljk0NTggNC4zNzg2IDE0LjU0NDQgNC4zNzg2SDUuNDU1NzFDNS4wNTQzMiA0LjM3ODYgNC43Mjg3MSA0LjA1MzIyIDQuNzI4NzEgMy42NTE0OUM0LjcyODcxIDMuMjQ5NzYgNS4wNTQzMiAyLjkyNDM4IDUuNDU1NzEgMi45MjQzOEgxNC41NDQ0QzE0Ljk0NTggMi45MjQzOCAxNS4yNzE0IDMuMjQ5NzYgMTUuMjcxNCAzLjY1MTQ5WiIgZmlsbD0iIzExMTgyNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljk5ODQgOC4wMDg5MUMxNS45OTg0IDcuMjA1ODIgMTUuMzQ3NSA2LjU1NDY5IDE0LjU0NDQgNi41NTQ2OUg1LjQ1NTcxQzQuNjUyNTUgNi41NTQ2OSA0LjAwMTcxIDcuMjA1ODIgNC4wMDE3MSA4LjAwODkxQzQuMDAxNzEgOC44MTIwMSA0LjY1MjU1IDkuNDYzMTQgNS40NTU3MSA5LjQ2MzE0SDE0LjU0NDRDMTUuMzQ3NSA5LjQ2MzE0IDE1Ljk5ODQgOC44MTIwMSAxNS45OTg0IDguMDA4OTFaTTE1LjI3MTQgOC4wMDg5MUMxNS4yNzE0IDguNDEwNjQgMTQuOTQ1OCA4LjczNjAyIDE0LjU0NDQgOC43MzYwMkg1LjQ1NTcxQzUuMDU0MzIgOC43MzYwMiA0LjcyODcxIDguNDEwNjQgNC43Mjg3MSA4LjAwODkxQzQuNzI4NzEgNy42MDcxOCA1LjA1NDMyIDcuMjgxOCA1LjQ1NTcxIDcuMjgxOEgxNC41NDQ0QzE0Ljk0NTggNy4yODE4IDE1LjI3MTQgNy42MDcxOCAxNS4yNzE0IDguMDA4OTFaIiBmaWxsPSIjMTExODI3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuOTk4NCAxMi4zNjczQzE1Ljk5ODQgMTEuNTY0MiAxNS4zNDc1IDEwLjkxMzEgMTQuNTQ0NCAxMC45MTMxSDUuNDU1NzFDNC42NTI1NSAxMC45MTMxIDQuMDAxNzEgMTEuNTY0MiA0LjAwMTcxIDEyLjM2NzNDNC4wMDE3MSAxMy4xNzA0IDQuNjUyNTUgMTMuODIxNSA1LjQ1NTcxIDEzLjgyMTVIMTQuNTQ0NEMxNS4zNDc1IDEzLjgyMTUgMTUuOTk4NCAxMy4xNzA0IDE1Ljk5ODQgMTIuMzY3M1pNMTUuMjcxNCAxMi4zNjczQzE1LjI3MTQgMTIuNzY5IDE0Ljk0NTggMTMuMDk0NCAxNC41NDQ0IDEzLjA5NDRINS40NTU3MUM1LjA1NDMyIDEzLjA5NDQgNC43Mjg3MSAxMi43NjkgNC43Mjg3MSAxMi4zNjczQzQuNzI4NzEgMTEuOTY1NiA1LjA1NDMyIDExLjY0MDIgNS40NTU3MSAxMS42NDAySDE0LjU0NDRDMTQuOTQ1OCAxMS42NDAyIDE1LjI3MTQgMTEuOTY1NiAxNS4yNzE0IDEyLjM2NzNaIiBmaWxsPSIjMTExODI3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS42MzU2MiAyQzAuNzMyNTgyIDIgMCAyLjczMjU4IDAgMy42MzU2MkMwIDQuNTM4MjMgMC43MzI1ODIgNS4yNzEyNCAxLjYzNTYyIDUuMjcxMjRDMi41MzgyMyA1LjI3MTI0IDMuMjcxMjQgNC41MzgyMyAzLjI3MTI0IDMuNjM1NjJDMy4yNzEyNCAyLjczMjU4IDIuNTM4MjMgMiAxLjYzNTYyIDJaTTEuNjM1NjIgMi43MjY2N0MyLjEzNzI2IDIuNzI2NjcgMi41NDQxNiAzLjEzMzk4IDIuNTQ0MTYgMy42MzU2MkMyLjU0NDE2IDQuMTM3MjYgMi4xMzcyNiA0LjU0NDE2IDEuNjM1NjIgNC41NDQxNkMxLjEzMzk4IDQuNTQ0MTYgMC43MjY2NjYgNC4xMzcyNiAwLjcyNjY2NiAzLjYzNTYyQzAuNzI2NjY2IDMuMTMzOTggMS4xMzM5OCAyLjcyNjY3IDEuNjM1NjIgMi43MjY2N1oiIGZpbGw9IiMxMTE4MjciLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjYzNTYyIDYuMzU3NDJDMC43MzI1ODIgNi4zNTc0MiAwIDcuMDkgMCA3Ljk5MzA0QzAgOC44OTU2NSAwLjczMjU4MiA5LjYyODY2IDEuNjM1NjIgOS42Mjg2NkMyLjUzODIzIDkuNjI4NjYgMy4yNzEyNCA4Ljg5NTY1IDMuMjcxMjQgNy45OTMwNEMzLjI3MTI0IDcuMDkgMi41MzgyMyA2LjM1NzQyIDEuNjM1NjIgNi4zNTc0MlpNMS42MzU2MiA3LjA4NDA5QzIuMTM3MjYgNy4wODQwOSAyLjU0NDE2IDcuNDkxNCAyLjU0NDE2IDcuOTkzMDRDMi41NDQxNiA4LjQ5NDY4IDIuMTM3MjYgOC45MDE1OCAxLjYzNTYyIDguOTAxNThDMS4xMzM5OCA4LjkwMTU4IDAuNzI2NjY2IDguNDk0NjggMC43MjY2NjYgNy45OTMwNEMwLjcyNjY2NiA3LjQ5MTQgMS4xMzM5OCA3LjA4NDA5IDEuNjM1NjIgNy4wODQwOVoiIGZpbGw9IiMxMTE4MjciLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjYzNTYyIDEwLjcxNThDMC43MzI1ODIgMTAuNzE1OCAwIDExLjQ0ODQgMCAxMi4zNTE0QzAgMTMuMjU0MSAwLjczMjU4MiAxMy45ODcxIDEuNjM1NjIgMTMuOTg3MUMyLjUzODIzIDEzLjk4NzEgMy4yNzEyNCAxMy4yNTQxIDMuMjcxMjQgMTIuMzUxNEMzLjI3MTI0IDExLjQ0ODQgMi41MzgyMyAxMC43MTU4IDEuNjM1NjIgMTAuNzE1OFpNMS42MzU2MiAxMS40NDI1QzIuMTM3MjYgMTEuNDQyNSAyLjU0NDE2IDExLjg0OTggMi41NDQxNiAxMi4zNTE0QzIuNTQ0MTYgMTIuODUzMSAyLjEzNzI2IDEzLjI2IDEuNjM1NjIgMTMuMjZDMS4xMzM5OCAxMy4yNiAwLjcyNjY2NiAxMi44NTMxIDAuNzI2NjY2IDEyLjM1MTRDMC43MjY2NjYgMTEuODQ5OCAxLjEzMzk4IDExLjQ0MjUgMS42MzU2MiAxMS40NDI1WiIgZmlsbD0iIzExMTgyNyIvPgo8L3N2Zz4K");
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.truck_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20class%3D%22size-6%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%2018.75a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m3%200h6m-9%200H3.375a1.125%201.125%200%200%201-1.125-1.125V14.25m17.25%204.5a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m3%200h1.125c.621%200%201.129-.504%201.09-1.124a17.902%2017.902%200%200%200-3.213-9.193%202.056%202.056%200%200%200-1.58-.86H14.25M16.5%2018.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554%2048.554%200%200%200-10.026%200%201.106%201.106%200%200%200-.987%201.106v7.635m12-6.677v6.677m0%204.5v-4.5m0%200h-12%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.purchase_list_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyODFfODc0OCkiPgo8cGF0aCBkPSJNMTQuNzAwMSAxMy4xMjcxSDQuMjI2OTNDNC4wOTgxNSAxMy4xMjcxIDQuMDQyOTggMTIuOTU3OSA0LjE0MzgzIDEyLjg4MDJMNS42MDE3NCAxMS43NTk3SDEzLjkzMkMxNC41MjQyIDExLjc1OTcgMTUuMDE1NSAxMS4yNzI4IDE1LjAyNjkgMTAuNjgxNUwxNS4xMjAzIDUuODc3MTdDMTUuMTMxIDUuMzI5NDggMTQuNzI5OSA0Ljg1MzkyIDE0LjE4NzQgNC43NzI4M0MxMy45MjY0IDQuNzMzNzkgMTMuNjgyIDQuOTEzMjMgMTMuNjQyOSA1LjE3NDU4QzEzLjYwMzggNS40MzU5MyAxMy43ODQyIDUuNjc5MTMgMTQuMDQ1NyA1LjcxODI0QzE0LjExMzcgNS43MjgzOSAxNC4xNjQgNS43ODc0NiAxNC4xNjI3IDUuODU1OUwxNC4wNjkzIDEwLjY2MjlDMTQuMDY3OSAxMC43MzY4IDE0LjAwNjMgMTAuODAyNSAxMy45MzIgMTAuODAyNUg1LjgxOTM0TDQuMzA4MDUgNC4yNjgzOUw1LjA3NTExIDQuMzgwMjFDNS4zMzY2MyA0LjQxOTE4IDUuNTgwNDggNC4yMzc2OSA1LjYxOTYyIDMuOTc2MzRDNS42NTg3MyAzLjcxNDk5IDUuNDc4NCAzLjQ3MDczIDUuMjE2NzggMy40MzE2Mkw0LjA2NzgzIDMuMjU5NTdMMy42Mjg2MSAxLjU1MjIzQzMuNTc0MjkgMS4zNDA1OSAzLjM4MzQgMS4xOTYyOSAzLjE2NDcxIDEuMTk2MjlIMS4yOTk5OUMxLjAzNTQ5IDEuMTk2MjkgMC44MjEwNDUgMS40MTA2MyAwLjgyMTA0NSAxLjY3NDg5QzAuODIxMDQ1IDEuOTM5MTQgMS4wMzU0NiAyLjE1MzQ5IDEuMjk5OTkgMi4xNTM0OUgyLjc5MzEyTDQuOTAyNjEgMTEuMDhMMy41NTg4MSAxMi4xMTUzQzIuNzQ4MDkgMTIuNzM5OSAzLjIwNDA2IDE0LjA4NDMgNC4yMjY5IDE0LjA4NDNINS40ODQxOEM1LjQyODUyIDE0LjIyMSA1LjM5Nzk2IDE0LjM5NTQgNS4zOTc5NiAxNC41NjY2QzUuMzk3OTYgMTUuMzU4MiA2LjA0NjY0IDE1Ljk5OTYgNi44NDM5OCAxNS45OTk2QzcuNjQxMzMgMTUuOTk5NiA4LjI5IDE1LjM1OTYgOC4yOSAxNC41Njc5QzguMjkgMTQuMzk2NyA4LjI1OTQ0IDE0LjIyMSA4LjIwMzc5IDE0LjA4NDNIMTAuODE5NUMxMC43NjM5IDE0LjIyMSAxMC43MzMzIDE0LjM5NTQgMTAuNzMzMyAxNC41NjY2QzEwLjczMzMgMTUuMzU4MiAxMS4zODIgMTUuOTk5NiAxMi4xNzkzIDE1Ljk5OTZDMTIuOTc2NyAxNS45OTk2IDEzLjYyNTQgMTUuMzU5NiAxMy42MjU0IDE0LjU2NzlDMTMuNjI1NCAxNC4zOTY3IDEzLjU5NDggMTQuMjIxIDEzLjUzOTIgMTQuMDg0M0gxNC43MDAyQzE0Ljk2NDcgMTQuMDg0MyAxNS4xNzkxIDEzLjg3IDE1LjE3OTEgMTMuNjA1N0MxNS4xNzkxIDEzLjM0MTQgMTQuOTY0NyAxMy4xMjcxIDE0LjcwMDEgMTMuMTI3MVpNNi44NDM5OCAxNS4wNEM2LjU3NDgxIDE1LjA0IDYuMzU1ODUgMTQuODI1MiA2LjM1NTg1IDE0LjU2MTJDNi4zNTU4NSAxNC4yOTcyIDYuNTc0ODQgMTQuMDgyNSA2Ljg0Mzk4IDE0LjA4MjVDNy4xMTMxNiAxNC4wODI1IDcuMzMyMTYgMTQuMjk3MiA3LjMzMjE2IDE0LjU2MTJDNy4zMzIxNiAxNC44MjUyIDcuMTEzMTYgMTUuMDQgNi44NDM5OCAxNS4wNFpNMTIuMTc5MyAxNS4wNEMxMS45MTAxIDE1LjA0IDExLjY5MTEgMTQuODI1MiAxMS42OTExIDE0LjU2MTJDMTEuNjkxMSAxNC4yOTcyIDExLjkxMDEgMTQuMDgyNSAxMi4xNzkzIDE0LjA4MjVDMTIuNDQ4NSAxNC4wODI1IDEyLjY2NzQgMTQuMjk3MiAxMi42Njc0IDE0LjU2MTJDMTIuNjY3NCAxNC44MjUyIDEyLjQ0ODUgMTUuMDQgMTIuMTc5MyAxNS4wNFoiIGZpbGw9IiMxMTE4MjciLz4KPHBhdGggZD0iTTkuNTc5NzggNi45MzcwM0M3LjY2MTc2IDYuOTM3MDMgNi4xMDEzMiA1LjM4MTA3IDYuMTAxMzIgMy40Njg1MUM2LjEwMTMyIDEuNTU1OTYgNy42NjE3NiAwIDkuNTc5NzggMEMxMS40OTc4IDAgMTMuMDU4MiAxLjU1NTk2IDEzLjA1ODIgMy40Njg1MUMxMy4wNTgyIDUuMzgxMDcgMTEuNDk3OCA2LjkzNzAzIDkuNTc5NzggNi45MzcwM1pNOS41Nzk3OCAwLjk1Njk5NEM4LjE4OTkzIDAuOTU2OTk0IDcuMDU5MiAyLjA4MzY1IDcuMDU5MiAzLjQ2ODUxQzcuMDU5MiA0Ljg1MzM4IDguMTg5OTYgNS45ODAwNCA5LjU3OTc4IDUuOTgwMDRDMTAuOTY5NiA1Ljk4MDA0IDEyLjEwMDQgNC44NTMzOCAxMi4xMDA0IDMuNDY4NTFDMTIuMTAwNCAyLjA4MzY1IDEwLjk2OTYgMC45NTY5OTQgOS41Nzk3OCAwLjk1Njk5NFoiIGZpbGw9IiMxMTE4MjciLz4KPHBhdGggZD0iTTguNzMxNDYgNC42ODdMNy45NjIxOCAzLjc3NDA3QzcuNzkxODMgMy41NzE5MyA3LjgxNzc0IDMuMjcwMDcgOC4wMjAwOSAzLjA5OTg2QzguMjIyNCAyLjkyOTY1IDguNTI0NSAyLjk1NTUyIDguNjk0OTEgMy4xNTc3M0w5LjExNzU5IDMuNjU5MzRMMTAuNDMyNyAyLjI2MjAzQzEwLjYxMzkgMi4wNjk1MyAxMC45MTcgMi4wNjAyIDExLjEwOTcgMi4yNDEyMUMxMS4zMDI0IDIuNDIyMjMgMTEuMzExNyAyLjcyNTA4IDExLjEzMDUgMi45MTc1OEw5LjQ0Njc2IDQuNzA2NjJDOS4yOTYzOCA0Ljg2NDkzIDguOTExNTEgNC44OTYyOCA4LjczMTQ2IDQuNjg3WiIgZmlsbD0iIzExMTgyNyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIyODFfODc0OCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.stock_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk5OTEgOC41MDEyNUMxNS45OTkxIDguMzc2OTEgMTUuOTQ5NyA4LjI1Nzc0IDE1Ljg2MTggOC4xNjk4NEwxNC40NDE5IDYuNzQ5ODZDMTQuNDM3MiA2Ljc0NTIzIDE0LjI2MjUgNi41NTY5NyAxMy45OTEgNi42Mjg2MlYwLjQ2ODcwM0MxMy45OTEgMC4yMDk4NTQgMTMuNzgxMSAwIDEzLjUyMjMgMEgwLjQ2OTQzNkMwLjIxMDU4NyAwIDAuMDAwNzMyNDIyIDAuMjA5ODU0IDAuMDAwNzMyNDIyIDAuNDY4NzAzVjEzLjUyMTZDMC4wMDA3MzI0MjIgMTMuNzgwNCAwLjIxMDU4NyAxMy45OTAzIDAuNDY5NDM2IDEzLjk5MDNINi41MTI5M0M5Ljk0OTU1IDE4LjQzNzcgMTYuOTA2OCAxNC44NzEgMTUuMjQ2NCA5LjQ0ODA2TDE1Ljg2MTkgOC44MzI2MkMxNS45NDk3IDguNzQ0NzUgMTUuOTk5MSA4LjYyNTU1IDE1Ljk5OTEgOC41MDEyNVpNNS45NTg0NSAwLjkzNzQwN0g4LjAzMzI1VjIuNTEwMTZINS45NTg0NVYwLjkzNzQwN1pNMC45MzgxMzkgMTMuMDUyOVYwLjkzNzQwN0g1LjAyMTA4VjIuOTc4ODZDNS4wMjEwOCAzLjIzNzcxIDUuMjMwOTMgMy40NDc1NiA1LjQ4OTc4IDMuNDQ3NTZIOC41MDE5OEM4Ljc2MDgzIDMuNDQ3NTYgOC45NzA2OCAzLjIzNzcxIDguOTcwNjggMi45Nzg4NlYwLjkzNzQwN0gxMy4wNTM2VjYuNzIxOTlDOC44Njg3MiA0LjI3MTMyIDQuMDAwODMgOC42MTc0MiA1Ljk1OTM5IDEzLjA1MjlIMC45MzgxMzlaTTEwLjUxMDEgMTUuMDYxQzguMjc3MTMgMTUuMDYxIDYuNDYwNSAxMy4yNDQ0IDYuNDYwNSAxMS4wMTE0QzYuNDMyODQgNy43Njk5NCAxMC4yMDI3IDUuODEyMTQgMTIuODMzNiA3LjY5NTNMMTAuNTEwMSAxMC4wMTg4TDkuNzUxMzYgOS4yNTk5OEM5LjU2ODI4IDkuMDc2OTEgOS4yNzEzNyA5LjA3NzEzIDkuMDg4NTIgOS4yNTk5OEw3LjY2ODUzIDEwLjY4QzcuNDg1NDYgMTAuODYzIDcuNDg1NjcgMTEuMTYgNy42Njg1MyAxMS4zNDI4TDEwLjE3ODcgMTMuODUzQzEwLjM2MTcgMTQuMDM2IDEwLjY1ODUgMTQuMDM2IDEwLjg0MTUgMTMuODUzTDE0LjQ4MTIgMTAuMjEzM0MxNS4wMDA1IDEyLjY3NzUgMTMuMDMyNyAxNS4wODkxIDEwLjUxMDEgMTUuMDYxWk0xMC41MTAxIDEyLjg1ODdMOC42NjI3OCAxMS4wMTE0TDkuNDE5ODkgMTAuMjU0M0wxMC4xNzg3IDExLjAxMzFDMTAuMzYxNyAxMS4xOTYyIDEwLjY1ODYgMTEuMTk1OSAxMC44NDE1IDExLjAxMzFMMTQuMTEwNCA3Ljc0NDEzTDE0Ljg2NzYgOC41MDEyNUwxMC41MTAxIDEyLjg1ODdaIiBmaWxsPSIjMTExODI3Ii8+Cjwvc3ZnPgo=");
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.panel_icon:before {
    content: '';
    display: inline-block;
    width: 16px; /* Set width and height as needed */
    height: 16px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC42IiB5PSIwLjYiIHdpZHRoPSI1LjgiIGhlaWdodD0iNS44IiByeD0iMS40IiBzdHJva2U9IiMzNzQxNTEiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxyZWN0IHg9IjkuNiIgeT0iMC42IiB3aWR0aD0iNS44IiBoZWlnaHQ9IjUuOCIgcng9IjEuNCIgc3Ryb2tlPSIjMzc0MTUxIiBzdHJva2Utd2lkdGg9IjEuMiIvPgo8cmVjdCB4PSIwLjYiIHk9IjkuNiIgd2lkdGg9IjUuOCIgaGVpZ2h0PSI1LjgiIHJ4PSIxLjQiIHN0cm9rZT0iIzM3NDE1MSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHJlY3QgeD0iOS42IiB5PSI5LjYiIHdpZHRoPSI1LjgiIGhlaWdodD0iNS44IiByeD0iMS40IiBzdHJva2U9IiMzNzQxNTEiIHN0cm9rZS13aWR0aD0iMS4yIi8+Cjwvc3ZnPgo=");
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat;
}

.header_lang_container {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 24px;
}

.header_lang_container .lang_list {
    display: flex;
    align-items: center;
    list-style-type: none; /* Removes bullet points */
    padding: 0; /* Removes padding */
    margin: 0; /* Removes margin */
    gap: 6px;
}

.header_lang_container .lang_list li a {
    font-family: TBC Contractica CAPS, serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    color: #111827;
}

.side_bar_panel_link {
    margin-top: 60px;
}

.footer_menu_mobile {
    display: none;
}

.side_bar_panel_link ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 33px;
    display: block;
    width: 240px;
}

.side_bar_panel_link ul li {
    position: relative;
    margin: 0;
    padding: 0;
}

.side_bar_panel_link ul li a {
    margin: 4px 0;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-family: TBC Contractica CAPS, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
    color: #111827;
    border-radius: 8px;
}

.side_bar_panel_link ul li a > div {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
}

.side_bar_panel_link ul li a {
    background: #F9FAFB;
}

.side_bar_panel_link ul li a:hover {
    background: #00B7F01A;
}

.brand_link_for_add {
    width: 100%;
    /*font-family: TBC Contractica;*/
    /*font-size: 14px;*/
    /*font-weight: 500;*/
    /*line-height: 14px;*/
    /*text-align: left;*/
}

.brand_link_for_add button{
    width: 100%;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    background: #F9FAFB;
    border: none;
    border-radius: 6px;
    padding: 10px;
}

.brand_link_for_add a{
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px;
    border-radius: 6px;
    gap: 8px;
}

.brand_link_for_add a:hover{
    background: #F3F4F6;
}

.category_link_for_add {
    width: 100%;
}
.category_link_for_add button{
    width: 100%;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    background: #F9FAFB;
    border: none;
    border-radius: 6px;
    padding: 10px;
}

.category_link_for_add a{
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px;
    border-radius: 6px;
    gap: 8px;
}

.category_link_for_add a:hover{
    background: #F3F4F6;
}


@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100px !important;
        z-index: 850;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 100px !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:hover {
        width: fit-content!important;
    }
}

.main-menu-mobile {
    display: none;
}

@media (max-width: 768px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
        padding: 8px 2px!important;
    }

    .content-wrapper, .main-footer {
        margin-left: 0px!important;
    }

    .main-sidebar{
        display: none;
    }

    .footer_menu_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 0;
        width: 100vw;
        background: white;
        overflow: hidden;
        border-top: 1px solid #dee2e6;
        height: 90px;
        z-index: 10000;
        padding-bottom: 25px;
    }


    .footer_menu_mobile nav {
        width: 80%;
    }

    .footer_menu_mobile nav ul{
        list-style-type: none;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 9px 0;
    }

    .footer_menu_mobile nav ul li .add_booking{
        padding: 12px;
        border-radius: 100%;
        background: #00B7F0;
        color: white!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .footer_menu_mobile nav ul li .add_booking i{
        margin-bottom: 2px;
    }

    .footer_menu_mobile nav ul li .add_booking i:before{
        color: white!important;
    }

    .footer_menu_mobile nav ul li i, .mobile_footer_menu nav ul li i:before {
        width: 16px!important;
        height: 16px!important;
        color: #111827;
        font-size: 16px;
    }

    .footer_menu_mobile nav ul li a.active i, .mobile_footer_menu nav ul li a.active i:before {
        color: #00B7F0;
    }

    .footer_menu_mobile nav ul li svg{
        width: 24px!important;
        height: 24px!important;
        margin-bottom: 4px;
        color: #111827;
    }

    .footer_menu_mobile nav ul li button{
        background: none;
        border: none;
    }

    .content-wrapper {
        max-height: calc(100vh - 90px)!important;
        min-height: calc(100vh - 90px)!important;
    }

    .main-menu-mobile{
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        max-height: calc(100vh - 90px)!important;
        background: white;
        overflow-y: auto;
        z-index: 1500;
        height: 100vh;
        padding-bottom: 60px;
    }

    .main-menu-mobile .sidebar-toggle-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 32px 32px 12px 32px;
    }

    .modal {

    }

    .modal-dialog {

    }

    .modal-dialog {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0;
        overflow-y: auto;
        max-height: calc(100vh - 90px)!important;
    }

}
@media (max-width: 767px) {
    .table-responsive {
        border: none!important;
    }

    .flex-col-sm {
        flex-direction: column;
    }
}

.costume_table {
    overflow-x: auto;
    overflow-y: hidden;
}

.table-responsive::-webkit-scrollbar {
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
    border: 2px solid #f1f1f1;
}

.costume_table::-webkit-scrollbar {
    height: 8px;
}

.costume_table::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.costume_table::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
    border: 2px solid #f1f1f1;
}


.costume_table table thead tr{
    border-radius: 8px;
    overflow: hidden;
}

.costume_table thead th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.costume_table thead th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.costume_table table thead tr th{
    padding: 12px 24px;
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #4B5563;
}

.costume_table table tbody tr td {
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #111827;
    border-bottom: #E5E7EB 1px solid;
    padding: 16px 24px;
}

.costume_pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.costume_pagination .pagination_btn {
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 11px;
    text-align: left;
    color: #4B5563;
    padding: 12px;
    border: 1px #E5E7EB solid;
    border-radius: 8px;
}

.costume_pagination .pagination_btn:hover {
    background: #f1f1f1;
}

.costume_pagination .pagination_btn:disabled {
    background: #f1f1f1;
}

.costume_pagination .pagination_btn:disabled:hover {
    background: #f1f1f1;
}

.costume_pagination .pagination_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0;
}

.costume_pagination .pagination_list li a{
    font-family: Nunito, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
    text-align: center;
    color: #4B5563;
    padding: 10px;
    border: none;
    background: none;
    border-radius: 8px;
}

.costume_pagination .pagination_list li span{
    font-family: Nunito, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
    text-align: center;
    color: #4B5563;
    padding: 10px;
    border: none;
    background: none;
    border-radius: 8px;
}

.costume_pagination .pagination_info {
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #4B5563;
}

.supplier_filters {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.header_changer {
    width: fit-content;
    padding: 6px;
    border-radius: 10px;
    background: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.header_changer a{
    background: none;
    border: none;
    padding: 10px 12px;
    font-family: TBC Contractica CAPS, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 11px;
    text-align: center;
    color: #4B5563;
    border-radius: 6px;
    cursor: pointer;
}

.header_changer a.active{
    color: #111827;
    background: white;
    box-shadow: 0px 1px 3px 0px #0000001A;
}

.header_changer a:hover{
    color: #111827;
    background: white;
    box-shadow: 0px 1px 3px 0px #0000001A;
}

.search_field_costume {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 12px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    gap: 8px;
    min-width: 320px;
}

.search_field_costume input{
    border: none;
    background: none;
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 11px;
    text-align: left;
    color: #4B5563;
    width: 100%;
}

.supplier_search_form {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
}


.brand_search_form {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
    margin: 20px 0;
}

.supplier_search_form_btn {
    font-family: TBC Contractica, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 11px;
    text-align: left;
    color: #4B5563;
    border: solid 1px #E5E7EB;
    border-radius: 8px;
    padding: 15px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.supplier_search_form_btn:disabled {
    background: #e8e8e8;
}

.table_btn {
    background: none;
    border: none;
}

.purchase_info_container {
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 3px 0px #0000001A;
    border: 1px solid #F9FAFB;
    padding: 12px;
    justify-content: space-between;
}

.purchase_info_container > * {
}

.purchase_info_container > *:not(:last-child) {
    border-right: 1px solid #F9FAFB;
}

.purchase_info_item_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 12px;
    padding: 0 12px;
}

.purchase_info_item_container .purchase_info_item_count{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.purchase_info_item_container .purchase_info_item_count .purchase_info_item_count_title {
    font-family: TBC Contractica CAPS, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 10px;
    text-align: left;
    color: #6B7280;
}

.purchase_info_item_container .purchase_info_item_count .purchase_info_item_count_count {
    font-family: Nunito, serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #111827;
}

@media (max-width: 768px) {
    .purchase_info_container {
        flex-wrap: wrap;
        gap: 12px;
    }

    .purchase_info_container > * {
        width: 48%;
    }

    .purchase_info_container > *:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #F9FAFB;
    }
}

.table_img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 100%;
    overflow: hidden;
}

.category_create_modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
}

.category_create_modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
}

.brands_create_modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
}

.brands_create_modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
}

.select_with_search {
    border-radius: 6px;
    height: 40px;
    display: flex;
    align-items: center;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #9CA3AF !important;
    cursor: pointer;
    border: 1px solid #d2d6de;
    padding: 6px 12px;
}

.select_with_search_container {
    position: relative;

}

.select_with_search_dropdown {
    display: none;
    position: absolute;
    background: white;
    width: 100%;
    padding: 8px;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #F3F4F6;
    box-shadow: 0px 4px 6px -1px #0000001A;
}

.select_with_search_field {
    width: 100%;
    padding: 2px 12px;
    border-radius: 6px;
    border: 1px solid #d2d6de;

    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #9CA3AF !important;
}

.select_with_search_option {
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
}


.select_with_search_option.active {
    background: #efefef;
}


.select_with_search_option:hover {
    background: #efefef;
}

.select_with_search_add_new {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    font-family: TBC Contractica, serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #111827;
    background: #F9FAFB;
    border: none;
    margin: 4px 0;
}

.select_with_search_add_new:hover {
    background: #e8e8e8;
}