body a {
    text-decoration: none;
    color: #000;
}
body button.nav-link {
    text-decoration: none;
    color: #000;
}
li{list-style: none;}
.focus{outline:1px dotted rgba(0,0,0,0.5) !important}
.colors{clear:both;padding:24px 0 9px;}
.skin-line .colors{padding-top:28px}
.colors strong{float:left;line-height:20px;margin-right:20px}
.colors li{position:relative;float:left;width:16px;height:16px;margin:2px 1px 0 0;background:#000;cursor:pointer;filter:alpha(opacity=50);opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;}
.colors li:hover{filter:alpha(opacity=100);opacity:1}
.colors li.active{height:20px;margin-top:0;filter:alpha(opacity=75);opacity:.75}
.colors li.red{background:#d54e21}
.colors li.green{background:#78a300}
.colors li.blue{background:#0e76a8}
.colors li.aero{background:#9cc2cb}
.colors li.grey{background:#73716e}
.colors li.orange{background:#f70}
.colors li.yellow{background:#fc0}
.colors li.pink{background:#ff66b5}
.colors li.purple{background:#6a5a8c}
.skin-square .colors li.red{background:#e56c69}
.skin-square .colors li.green{background:#1b7e5a}
.skin-square .colors li.blue{background:#2489c5}
.skin-square .colors li.aero{background:#9cc2cb}
.skin-square .colors li.grey{background:#73716e}
.skin-square .colors li.yellow{background:#fc3}
.skin-square .colors li.pink{background:#a77a94}
.skin-square .colors li.purple{background:#6a5a8c}
.skin-square .colors li.orange{background:#f70}
.skin-flat .colors li.red{background:#ec7063}
.skin-flat .colors li.green{background:#1abc9c}
.skin-flat .colors li.blue{background:#3498db}
.skin-flat .colors li.grey{background:#95a5a6}
.skin-flat .colors li.orange{background:#f39c12}
.skin-flat .colors li.yellow{background:#f1c40f}
.skin-flat .colors li.pink{background:#af7ac5}
.skin-flat .colors li.purple{background:#8677a7}
.skin-line .colors li.yellow{background:#ffc414}

input[readonly] {
    background: #eceff1;
    border: 1px solid #CCD6E6;
}
table {
    width: 100%
}
div.dataTables_processing {
    background: transparent;
}

.highlight-elements {
    display: inline-block;
    margin: 0 auto;
}

.highlight-elements .list-inline {
    margin-bottom: 0px;
}

div.dataTables_processing div > div {
    background: #00b4b7 !important;
}

.table-responsive .table td {
    vertical-align: middle !important;
}

a.pdf_view:hover {
    color: #fff;
    transform: scale(1.1);
    transition: .5s ease-in-out;
}

div#DataTables_Table_0_filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

div#DataTables_Table_0_filter label {
    margin: 0px;
}

div#DataTables_Table_0_filter span {
    padding-left: 10px;
}

div#DataTables_Table_0_length {
    float: left;
    padding-left: 5px;
}

.dt-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
}

.export-search {
    padding: 5px 0px;
}

td.invoiceDate {
    width: auto !important;
    padding: 0px;
    text-align: center;
}

table.itemsList tr th {
    padding: .5rem !important;
}

button.btn.btn-danger.remove {
    padding: .3rem;
    font-size: 18px;
}

ul.respItemsList {
    position: absolute;
    background: #fff;
    list-style: none;
    min-width: 280px;
    max-height: 300px;
    border: 1px solid #c5c5c5;
    color: #333;
    overflow: hidden auto;
    padding: 10px;
    z-index: 999;
}

td .input_container {
    position: relative;
}

ul.respItemsList > li {
    border-bottom: 1px solid #c5c5c5;
    padding: 5px;
    text-align: center;
}

ul.respItemsList > li:hover {
    background: #e9e9e9;
    cursor: pointer;
}

.modal {
    overflow: scroll;
}

table td .btn {
    margin-left: 5px;
}


/* Sync API Modal Styling */
/* .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 50%;
    max-width: 600px;
    margin: auto;
} */

/* .close-button {
    float: right;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

h2 {
    text-align: center;
    margin-bottom: 20px;
} */

label.required:after {
	content: ' *';
	color:red;
}

.statistics-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

table.dataTable span.highlight {
    background-color: #FFFF88;
    border-radius: 0.28571429rem;
    color: #000;
    font-weight: 700;
}

.stat-box {
    flex-basis: 48%;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.stat-box h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

#syncResponseModal .nav-pills .nav-link {
    font-family: 'Open Sans';
}

.stat-value {
    font-size: 24px;
    font-weight: bold;
    color: #2DCEE3;
}

div.tab-pane .statistics-container {
    padding: 0px 0px 00px 10px;
}

.invoice-summary {
    height: 250px;
    overflow-y: scroll;
}


/* Overlay for blurring the background */
#progress-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2); /* Slight transparency */
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px); /* Blurs the background */
    z-index: 9999;
    visibility: hidden; /* Hidden by default */
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
  }
  
  /* Circular progress bar */
  #progress-circle {
    width: 60px; /* Diameter of the circle */
    height: 60px;
    border: 5px solid rgba(0, 0, 0, 0.2); /* Light grey border */
    border-top: 5px solid #00b5b8; /* Green border for the animated portion */
    border-radius: 50%; /* Makes it circular */
    animation: spin 1s linear infinite;
  }
  
  /* Spinner animation */
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  /* Make the overlay visible */
  #progress-overlay.show {
    visibility: visible;
    opacity: 1;
  }  
  
  a.last_sync_details {
    text-decoration: underline;
    color: #009c9f;
}

.toggle-label.deselected {
    background-color: grey; /* Color for deselected state */
}

/* For a better layout of checkboxes */
.downloadables-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adds spacing between checkboxes */
}

/* Optional: Custom styling for the checkboxes */
.form-check-input {
    transform: scale(1.2); /* Makes checkboxes slightly larger */
    margin-right: 5px;
}

.form-check-label {
    font-weight: 500;
    color: #333; /* Adjust color as per your theme */
}

/* Table styling for better readability */
#file-select-modal .table {
    border-collapse: collapse;
}

#file-select-modal .table-hover tbody tr:hover {
    background-color: #f5f5f5; /* Highlight row on hover */
}

#file-select-modal .table thead th {
    background-color: #343a40;
    color: white;
    text-align: center;
}

#file-select-modal .table tbody td {
    vertical-align: middle;
}

/* Add solid borders to all table cells */
#file-select-modal .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6; /* Bootstrap default border color */
}

/* Optional: Highlight the table borders more prominently */
#file-select-modal .table-bordered td, .table-bordered th {
    border: 2px solid #343a40; /* Darker border color */
}

li.select2-selection__choice {
    margin-bottom: 6px;
}

.vendorNameTd {
    background-color: #ffe3e3 !important;
    color: #ad101f !important;
    padding: 4px 8px;
    border-radius: 4px;
    text-align: center;
}

.newProductCount {
    color: #007bff;
    display: inline-block;
    border-radius: 30px;
    padding: 2px 8px;
    margin: 0 2px 4px 0;
    background-color: #007bff26;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: 0.2s all;
    min-width: 40px;
    text-align: center;
}

.upcLink {
    color: #17a2b8;
    display: inline-block;
    border-radius: 30px;
    padding: 2px 8px;
    margin: 0 2px 4px 0;
    background-color: #17a2b81c;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    transition: 0.2s all;
}

.upcLink.upcDark {
    color: #5f4aff;
    background-color: #5f4aff1c;
}

.upcLink.upcGreen {
    color: #11a53b;
    background-color: #11a53b1c;
}

.upcLink.c_name {
    color: #005cff;
    background-color: #0d6efd30;
}

.upcLink.upcRed {
    color: #ff425c;
    background-color: #ff425c1c;
}

.updatedProductCount {
    color: #7386d5;
    display: inline-block;
    border-radius: 30px;
    padding: 2px 8px;
    margin: 0 2px 4px 0;
    background-color: #7386d524;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: 0.2s all;
    min-width: 40px;
    text-align: center;
}

.success-light {
    color: #2ab735;
    display: inline-block;
    border-radius: 30px;
    padding: 2px 8px;
    margin: 0 2px 4px 0;
    background-color: #73d57b24;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: 0.2s all;
    min-width: 40px;
    text-align: center;
}

.danger-light {
    color: #e63a3a;
    display: inline-block;
    border-radius: 30px;
    padding: 2px 8px;
    margin: 0 2px 4px 0;
    background-color: #d5737324;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: 0.2s all;
    min-width: 40px;
    text-align: center;
}

.dt-length-search.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
}

.dt-pagination .dt-paging .pagination {
    margin: 0px;
    padding: 0px;
}

.dt-search > label {
    margin: 0;
}

.dt-search [type=search] {
    outline-offset: 60px !important;
    -webkit-appearance: auto;
}

.dt-container .pagination .page-link.active {
    background-color: #009c9f;
    color: #fff;
}

body thead.bg-theme th {
    color: #000;
}

.card .card-header .heading-elements, .card .card-header .heading-elements-toggle {
    background-color: inherit;
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 4px;
}

nav.header-navbar.navbar-expand-lg.navbar.navbar-with-menu.fixed-top.navbar-semi-dark.navbar-shadow {
    padding: 0px;
}

.dt-search {
    display: flex;
    align-items: center;
}

.dt-search #dt-search-0 {
    margin-right: 5px
}

body tr.incomplete.bg-yellow, body tr.incomplete.bg-yellow > td {
    background-color: yellow;
}

body tr.isPurchasedBefore, body tr.isPurchasedBefore > td {
    background-color: #fff8003b !important;
}

.nav-pills .nav-link {
    color: #fff;
}

/* Sidebar header - white background so the logo renders cleanly */
.navbar .navbar-header {
    background-color: #fff !important;
}

.navbar .navbar-header .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
}

/* Full logo: visible when expanded, hidden when collapsed */
.navbar .navbar-header .brand-logo-full {
    width: 130px;
    height: auto;
    max-height: 48px;
    object-fit: contain;
    display: block;
}

/* Favicon: hidden when expanded, visible when collapsed */
.navbar .navbar-header .brand-logo-favicon {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: none;
}

body.menu-collapsed .navbar .navbar-header .brand-logo-full {
    display: none;
}

body.menu-collapsed .navbar .navbar-header .brand-logo-favicon {
    display: block;
}

/* Toggle icon - dark so it's visible on white header */
.navbar .navbar-header .toggle-icon {
    color: #404E67 !important;
}

.modal-content .nav-link {
    background: #00b5b8;
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #289395;
}

.btn-add-to-wishlist {
    position: static;
    transition: all 0.3s ease;
}
  
.btn-add-to-wishlist.floating {
    position: fixed;
    bottom: 20px; /* or top: 20px */
    left: 20px;
    z-index: 1000;
    background-color: #007bff;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.nav-tabs.new-stylish-tabs {
    display: flex;
    border-bottom: 2px solid #e5e7eb;
    gap: 1rem;
}

.nav-tabs.new-stylish-tabs a {
    position: relative;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 500;
    color: #4b5563;
    text-decoration: none;
    border-radius: 8px 8px 0 0;
    transition: all 0.3s ease;
}

.nav-tabs.new-stylish-tabs a:hover {
    color: #111827;
    background-color: #f3f4f6;
}

.nav-tabs.new-stylish-tabs a.active {
    color: #00b5b8;
    font-weight: 600;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

/* Indicator underline (subtle animation) */
.nav-tabs.new-stylish-tabs a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 3px;
    background: #00b5b8;
    transition: width 0.3s ease;
    border-radius: 2px;
}

.nav-tabs.new-stylish-tabs a:hover::after {
    width: 100%;
}

.modal-content .new-stylish-tabs .nav-link {
    background: #f1f1f1;
    color: #000;
}

.tab-content.new-stylish-tabs-content {
    padding: 20px;
    border: 2px solid #e5e7eb;
    border-radius: 0 12px 12px 12px;
    background: #fff;
    margin-top: -2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.custom-badge {
    display: inline-block;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    margin: 2px;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    white-space: nowrap;
    transition: transform 0.2s, box-shadow 0.2s;
}

span.custom-badge.total_quantity {
    background: linear-gradient(135deg, #97afff 0%, #9d0404 100%);
}

.custom-badge:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    color: #fff;
}

.stack-grid {
    display: flex;
    flex-direction: column;  /* stack vertically */
    gap: 8px;                /* space between rows */
}

.grid-cell {
    background: linear-gradient(135deg, #ffffff, #f1f5f9);
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 12px;
    color: #1f2937;
    width: 100%;
    text-align: left;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
    cursor: pointer;
}

.grid-cell:hover {
    background: linear-gradient(135deg, #e0f2fe, #bae6fd);
    border-color: #38bdf8;
    transform: translateX(6px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ===== Sales Order module styles (merged) ===== */

/* ===== Sales Order module styles (merged) ===== */

*/

.statistics-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.asinLink {
    color: #ff00fc;
    display: inline-block;
    border-radius: 30px;
    padding: 2px 8px;
    margin: 0 2px 4px 0;
    background-color: #ff00fc1c;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    transition: 0.2s all;
}

#create-sales_order-form hr {
    flex-shrink: 1;
}

.kwtFileUpload .container {
    margin: 0px !important
}

.sales-order-card .stylish-tabs .nav-link {
  border: none;
  border-radius: 0.25rem 0.25rem 0 0;
  background: #f8f9fa;
  margin-right: 5px;
  padding: 12px 20px;
  color: #787f89;
  transition: all 0.3s ease;
}

.sales-order-card .stylish-tabs .nav-link:hover {
  background-color: #e9ecef;
  color: #00B5B8;
}

.sales-order-card .stylish-tabs .nav-link.active {
  background-color: #ffffff;
  border-bottom: 2px solid transparent;
  color: #00B5B8;
  font-weight: 600;
  box-shadow: inset 0 -3px 0 #00B5B8;
}

.sales-order-card .tab-content {
  border-radius: 0 0 0.75rem 0.75rem;
}

.plugin-setting-list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    color: #000000;
    list-style-type: none;
    margin-bottom: 15px;
}

.plugin-setting-list li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #3cb371;
    border-radius: 100%;
}

.box {
    width: 100%;
}

/* Plugin Style Start */
.kwt-file {
    max-width: 100%;
    margin: 0 auto;
}

.kwt-file__drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
    transition: 0.3s;
}

.kwt-file__drop-area.is-active {
    background-color: #d1def0;
}

.kwt-file__choose-file {
    flex-shrink: 0;
    background-color: #00b5b8;
    border-radius: 100%;
    margin-right: 10px;
    color: #ffffff;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kwt-file__choose-file.kwt-file_btn-text {
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 10px 20px;
    font-size: 14px;
}

.kwt-file__choose-file svg {
    width: 24px;
    height: 24px;
    display: block;
}

.kwt-file__msg {
    color: #1d3557;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kwt-file__input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.kwt-file__input:focus {
    outline: none;
}

.kwt-file__delete {
    display: none;
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.kwt-file__delete:before {
    content: "";
    position: absolute;
    left: 0;
    transition: 0.3s;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.kwt-file__delete:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0);
    background-color: #1d3557;
    border-radius: 50%;
    transition: 0.3s;
}

.kwt-file__delete:hover:after {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0.1;
}

/* Plugin Style End */

.borderless.table td, .borderless.table th {
    border: none;
}

#box-tab-content .dim-info {
    width: 65%;
    text-align: right;
}

#box-tab-content .dim-inputs {
    width: 35%;
}

#box-tab-content .dim-inputs input {
    width: 30% !important; 
    margin: 0px 5px;
}

.box-dimensions-row .form-check {
    margin-right: 15px;
}

.box-dimensions-row .form-check .form-check-input {
    margin: 0 auto;
}

#orderList {
    position: absolute;
    z-index: 50;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 6px 6px 6px 6px #ccc;
}

#orderList .order-item.active {
    background-color: #00b5b8;
    color: #fff;
}

span.createlink {
    color: #00b5b8;
}

span.createlink:hover {
    text-decoration: underline;
}

tr.txtMult input {
    font-weight: bolder;
    color: #17a2b8;
    font-style: italic;
    background-color: #17a2b81c;
}

.custom-select-wrapper {
    position: relative;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ctext y='9' font-size='10'%3E%E2%96%BC%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

.required::after {
    content: " *";
    color: red;
}

.txtMult .form-control {
    width: 100%;
    padding: 2px;
}