a.svelte-9gzkc2:after {
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.85369 1.00285L18.8234 1.00002C18.8802 1.00002 18.9364 1.01119 18.9888 1.0329C19.0412 1.05461 19.0888 1.08643 19.129 1.12655C19.1691 1.16667 19.2009 1.2143 19.2226 1.26672C19.2443 1.31914 19.2555 1.37533 19.2555 1.43207L19.2534 14.4025C19.2534 14.4593 19.2422 14.5154 19.2205 14.5679C19.1988 14.6203 19.1669 14.6679 19.1268 14.708C19.0867 14.7481 19.0391 14.78 18.9867 14.8017C18.9342 14.8234 18.8781 14.8346 18.8213 14.8346C18.7646 14.8346 18.7084 14.8234 18.656 14.8017C18.6036 14.78 18.5559 14.7481 18.5158 14.708C18.4757 14.6679 18.4439 14.6203 18.4222 14.5679C18.4005 14.5154 18.3893 14.4593 18.3893 14.4025L18.4218 2.50616L2.73747 18.1905C2.65646 18.2715 2.54657 18.317 2.432 18.317C2.31743 18.317 2.20755 18.2715 2.12653 18.1905C2.04552 18.1095 2 17.9996 2 17.885C2 17.7704 2.04552 17.6606 2.12653 17.5796L17.8109 1.89522L5.88339 1.89239C5.82665 1.89239 5.77047 1.88122 5.71805 1.85951C5.66563 1.8378 5.618 1.80598 5.57788 1.76586C5.53776 1.72574 5.50593 1.67811 5.48422 1.62569C5.46251 1.57327 5.45134 1.51708 5.45135 1.46035C5.4426 1.40303 5.44642 1.34451 5.46253 1.28882C5.47865 1.23312 5.50667 1.1816 5.54468 1.13781C5.58268 1.09403 5.62974 1.05903 5.68261 1.03524C5.73548 1.01144 5.79289 0.999428 5.85086 1.00002L5.85369 1.00285Z' fill='%234674C5'/%3E%3C/svg%3E%0A);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 15px;
    width: 15px;
}

body {
    font-family: Roboto, sans-serif;
    font-weight: 300;
}

/* CSS for mask */
#mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.sticky-top {
	background-color: #fff;
}
.navbar {
    box-shadow: none !important;
	padding-bottom: 0;

}
p.list-item-heading {
    color: #2F76BC;
}
#menuDropdown .dropdown-toggle::after{
	display: none;
}
ul.dropdown-menu {
    width: 23%;
}
input#form-autocomplete {
    box-shadow: none;
}

.img-profile {
    width: 140px;
    height: 145px;
    object-fit: cover;
}

.profile-description{
	width: 100%;
}
.swatch.active {
    /* border: 2px solid #007bff; */
    box-shadow: 0px 0px 5px rgba(0, 130, 255, 1.5);
}
.swatch {
	width: 100px;
	height: 100px;
	cursor: pointer;
}
#swatch-button a{
	color: #fff;
	font-weight: 500;
}
.swatch-border{
	border: 1px solid #ccc;
}
span.translate-middle {
    transform: translate(-120%, 100%)!important;
}
#search-input,
#search-input-profile {
    border: 1px solid #bdbdbd;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#search-button,
#search-button-profile {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	background-color: #1266f1;
}
.api-list {
    color: #6c757d;
}
.api-list:hover {
    background-color: #60a1eb;
    font-weight: bold;
    color: #fff;
}
h1, h2, h3, h4, h5, h6, a {
    line-height: 1.2;
    color: #124AAB;
    font-family: Roboto, sans-serif;
    font-weight: 300;

}
.bold-text {
  font-weight: bolder;
}
button.topfox {
    background: #1266f1;
}
.social-icons i {
    font-size: 25px;
}
select.form-control.select-7 {
    appearance: auto;
}

footer.page-footer {
background: #e6e6e6;
}
.form-outline .form-control {
 background: #fff;
}
select.form-control.select-7 {
    appearance: auto;
    border: 1px solid #bdbdbd;
}

select.form-control.select-7 {
    appearance: auto;
    color: #8f8888;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 18px;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    min-height: 36.81px;
}
button.accordion-button {
    background: #e9e9e9 !important;
    padding: 12px 12px;
    margin-bottom: 14px;
}

ul.dropdown-menu1.show {
    list-style: none;
    padding-top: 14px;
}
.img0 {
    width: 114px;
    height: 145px;
    object-fit: cover;
    margin-bottom: 9px;
}
.m-t{
	position:relative;	
	
}
.border-1 {
    border-left: 1px solid #c5c5c5;
}
.myul li {
    list-style: none;
}
.Manufactures_1 input {
    height: 45px;
    width: 97%!important;
}
.Manufactures_1 #xref-pn-autoc {
    top: 0;
    position: relative;
}
.xref-pn-autoc ul li {
    padding: 5px;
    cursor: pointer;
}
.xref-pn-autoc ul {
    box-shadow: 0px 0px 3px #ccc;
    padding: 0;
}
.xref-pn-autoc ul li:hover {
    background-color: #a7a4a4;
}
.fa-trash-o:before {
    content: "\f014";
}
.spacer4 {
    margin-top: 3.5rem;
}
button#dropdown-btn {
    border: none;
    background: transparent;
    margin-right: 26px;
}
  .accordion-button.collapsed::after {
  background-image: url("/img/222.png");
  }
  .accordion-button:not(.collapsed)::after {
 background-image: url("/img/222.png");
  transform: rotate(90deg);
  }
 .text-center.mb-3.social-wave {
    background: #fff;
    padding-top: 1rem;
} 
 .text-center.mb-3.social-wave i {
   font-size:24px;
} 
  .text-center.mb-3.social-wave .btn-floating {
    width: 3.3125rem;

}
span.block-c {
    display: block;
    line-height: 15px;
}
p {
    font-size: 18px;
}
.resizer {
    height: 40px;
    width: 40px;
    margin-top: 11px;
}

.resizer img {
    max-width: 100%;
    width: 100%;
}
.bg-image {
    height: 190px;
}
.container.flex0 {
    display: flex;
    align-items: baseline;
}
.container.flex0 a {
    font-weight: 600;
    color: #004b93;
}
.btn-group.dropend.flex-align {
    display: flex;
    box-shadow: none;
}

a.btn.btn-success2 {
    box-shadow:  none;
	width: 100%;
}

.btn-success2:hover {
    background: #fbfbfb;
}

a.btn.btn-success2:hover {
    box-shadow: none;
}

.btn-success2 {
    padding: 6px 12px;
    text-align: left;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    text-transform: capitalize;
}
span.lang {
    font-size: x-small;
}

.container.flex0 {
    display: flex;
    align-items: baseline;
    padding-left: 13%;
}

.nv li{

  position: relative;
}

.nv li:after {
  content: "";
  position: absolute;
  z-index: 1;
  border-right: 1px solid #d6d6d6;
  display: block;
  top: 12%;
  right: 0%;
  height: 80%;
}

 #searchBox {
       padding-bottom: 20px;
 }
header{
	border-bottom: 1px solid #ddd;
}

.navbar-collapse.align-items-center {
	display: flex;
	justify-content: center;
}

.navbar-nav {
	text-align: center;
}

.navbar-nav .nav-item {
	display: inline-block;
	margin-right: 10px; /* Adjust this value as needed */
}

.navbar-nav .nav-link {
	display: block;
}

/* #navbarSupportedContent {
  margin-left: 12%;
} */
/***************** default css override ******************/

.breadcrumb {
    padding: 0.75rem 1rem !important;
    background-color: #e9ecef !important;
}

.col-md-12 h1 {
    padding: 20px 0 10px; !important;
}

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

#contact-form .md-form .form-control {
    box-sizing: content-box;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: auto;
    padding: 0.6rem 0 0.4rem 0;
    margin: 0 0 0.5rem 0;
    box-sizing: border-box !important;
}

.md-form .form-control:focus {
    border-bottom: 1px solid #4285f4!important;
    box-shadow: 0 1px 0 0 #4285f4!important;
}

p.flx {
    display: flex;
}

.flx img.img-thumbnail {
    margin-right: 3%;
}

div#menuDropdown {
    width: 80% !important;
    left: 10% !important;
}

/* *****************default css override end ******************/
.form-group {
    margin-bottom: 20px;
}
.form-group input, .form-group select {
    width: 70%;
}
button#searc-button {
    line-height: .5;
}
.toooltip {
    position: relative;
    border-bottom: 1px dotted black;
}
.extrn .toooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3866f1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.toooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3866f1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.toooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.custom-select {
    display: inline-block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.main_part_box .table tbody tr {
    display: table;
    margin-bottom: 15px;
    border: 1px solid #0000002e;
    line-height: 13px;
}
.main_part_box .table {
    margin-bottom: 0;
}
.main_part_box .table td:first-child {
    border: 1px solid #0000002e;
    padding: 5px 10px;
    color: #212529;
    font-weight: 400;
}

.main_part_box .table td {
    padding: 5px;
    border: none;
    font-size: 11px;
}
.main_part_box .table th {
    padding: 5px 9px;
    border: none;
}
.main_part_box input {
    width: 45px;
    border: none;
    outline: none!important;
}
.switch label {
    cursor: pointer;
    font-weight: 400;
}
.w-100 .table {
    width: 80%;
}
input#convertTo {
    display: none;
}
.switch label .lever {
    position: relative;
    display: inline-block;
    margin: 0 1rem;
    margin-right: 0.625rem;
    vertical-align: middle;
    content: "";
    background-color: #818181;
    border-radius: 0.9375rem;
    width: 2.5rem;
    height: 0.9375rem;
    transition: background 0.3s ease;
}

.extru .toooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3866f1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.switch label .lever:after {
    position: absolute;
    top: -0.1875rem;
    left: -0.3125rem;
    display: inline-block;
    content: "";
    background-color: #f1f1f1;
    border-radius: 1.3125rem;
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
    width: 1.3125rem;
    height: 1.3125rem;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
}

.switch label input[type="checkbox"]:checked+.lever {
    background-color: #dccfe2;
}
.switch label input[type="checkbox"]:checked+.lever:after {
    left: 1.5rem;
    background-color: #a6c;
}
@media (min-width: 768px) {
    #searchProfile {
        width: 60%;
    }
    #searchBox {
         width: 80%;

    }
}
@media (max-width: 576px) {
    #navbarSupportedContent {
      display: none !important;
	  padding-top: 10px;
	  font-size: 12px;
    }

    #navbarSupportedContent.show {
      display: block !important;
    }
	#menuDropdown {
		overflow-y: auto;
		max-height: 500px;
	}
}