@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,800;0,900;1,400;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
.parametric-root {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  margin: 0;
}
.parametric-root main {
  display: block;
}
.parametric-root h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.parametric-root hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.parametric-root pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
.parametric-root a {
  background-color: transparent;
}
.parametric-root abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}
.parametric-root b {
  font-weight: bolder;
}
.parametric-root strong {
  font-weight: bolder;
}
.parametric-root code {
  font-family: monospace, monospace;
  font-size: 1em;
}
.parametric-root kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}
.parametric-root samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.parametric-root small {
  font-size: 80%;
}
.parametric-root sub {
  bottom: -0.25em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.parametric-root sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  top: -0.5em;
  vertical-align: baseline;
}
.parametric-root img {
  border-style: none;
  display: block;
}
.parametric-root button,
.parametric-root input,
.parametric-root optgroup,
.parametric-root select,
.parametric-root textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.parametric-root button {
  -webkit-appearance: button;
  overflow: visible;
  text-transform: none;
}
.parametric-root button -moz-focus-inner {
  border-style: none;
  padding: 0;
}
.parametric-root button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.parametric-root input {
  overflow: visible;
}
.parametric-root select {
  text-transform: none;
}
.parametric-root [type="button"] {
  -webkit-appearance: button;
}
.parametric-root [type="button"] -moz-focus-inner {
  border-style: none;
  padding: 0;
}
.parametric-root [type="button"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.parametric-root [type="reset"] {
  -webkit-appearance: button;
}
.parametric-root [type="reset"] -moz-focus-inner {
  border-style: none;
  padding: 0;
}
.parametric-root [type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.parametric-root [type="submit"] {
  -webkit-appearance: button;
}
.parametric-root [type="submit"] -moz-focus-inner {
  border-style: none;
  padding: 0;
}
.parametric-root [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.parametric-root fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.parametric-root legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
.parametric-root progress {
  vertical-align: baseline;
}
.parametric-root textarea {
  overflow: auto;
}
.parametric-root [type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
.parametric-root [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.parametric-root [type="number"] -webkit-inner-spin-button {
  height: auto;
}
.parametric-root [type="number"] -webkit-outer-spin-button {
  height: auto;
}
.parametric-root [type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.parametric-root [type="search"] -webkit-search-decoration {
  -webkit-appearance: none;
}
.parametric-root -webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.parametric-root details {
  display: block;
}
.parametric-root summary {
  display: list-item;
}
.parametric-root template {
  display: none;
}
.parametric-root [hidden] {
  display: none;
}
/*Google Fonts*/
/*Google Fonts*/
.parametric-root {
  /*  Theme Container */
}
.parametric-root * {
  font-family: var(--thm-other-font-one), sans-serif;
}
.parametric-root *,
.parametric-root ::after,
.parametric-root ::before {
  box-sizing: border-box;
}
.parametric-root h1 {
  font-size: 2.5rem;
}
.parametric-root h2 {
  font-size: 2rem;
}
.parametric-root h3 {
  font-size: 1.75rem;
}
.parametric-root h4 {
  font-size: 1.5rem;
}
.parametric-root h5 {
  font-size: 1.25rem;
}
.parametric-root h6 {
  font-size: 1rem;
}
.parametric-root p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.parametric-root .container,
.parametric-root .container-fluid,
.parametric-root .container-xxl,
.parametric-root .container-xl,
.parametric-root .container-lg,
.parametric-root .container-md,
.parametric-root .container-sm {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 12px;
}
.parametric-root .padding-tb-default {
  padding-top: 50px;
  padding-bottom: 60px;
}
.parametric-root .index-link {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 30px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  font-size: 0;
}
.parametric-root .index-link svg {
  color: black;
  width: 20px;
}
.parametric-root .badge {
  border-radius: 0.25rem;
}
.parametric-root .rounded-pill {
  border-radius: 50rem;
}
.parametric-root .text-center {
  text-align: center;
}
.parametric-root .text-right {
  text-align: right;
}
.parametric-root .text-left {
  text-align: left;
}
.parametric-root .text-decoration-none {
  text-decoration: none;
}
.parametric-root .d-flex {
  display: flex;
}
.parametric-root .flex-row {
  flex-direction: row;
}
.parametric-root .flex-column {
  flex-direction: column;
}
.parametric-root .flex-wrap {
  flex-wrap: wrap;
}
.parametric-root .justify-content-center {
  justify-content: center;
}
.parametric-root .justify-content-start {
  justify-content: flex-start;
}
.parametric-root .justify-content-end {
  justify-content: flex-end;
}
.parametric-root .justify-content-between {
  justify-content: space-between;
}
.parametric-root .justify-content-evenly {
  justify-content: space-evenly;
}
.parametric-root .justify-content-around {
  justify-content: space-around;
}
.parametric-root .align-items-start {
  align-items: flex-start;
}
.parametric-root .align-items-end {
  align-items: flex-end;
}
.parametric-root .align-items-center {
  align-items: center;
}
.parametric-root .align-items-stretch {
  align-items: stretch;
}
.parametric-root .align-content-center {
  align-content: center;
}
.parametric-root .align-content-between {
  align-content: space-between;
}
.parametric-root .align-self-center {
  align-self: center;
}
.parametric-root .align-self-stretch {
  align-self: stretch;
}
.parametric-root .flex-wrap {
  flex-wrap: wrap;
}
.parametric-root .w-5 {
  width: 5%;
}
.parametric-root .w-10 {
  width: 10%;
}
.parametric-root .w-15 {
  width: 15%;
}
.parametric-root .w-20 {
  width: 20%;
}
.parametric-root .w-23 {
  width: 23%;
}
.parametric-root .w-25 {
  width: 25%;
}
.parametric-root .w-30 {
  width: 30%;
}
.parametric-root .w-33 {
  width: 33%;
}
.parametric-root .w-35 {
  width: 35%;
}
.parametric-root .w-40 {
  width: 40%;
}
.parametric-root .w-48 {
  width: 48%;
}
.parametric-root .w-45 {
  width: 45%;
}
.parametric-root .w-50 {
  width: 50%;
}
.parametric-root .w-55 {
  width: 55%;
}
.parametric-root .w-60 {
  width: 60%;
}
.parametric-root .w-65 {
  width: 65%;
}
.parametric-root .w-70 {
  width: 70%;
}
.parametric-root .w-75 {
  width: 75%;
}
.parametric-root .w-80 {
  width: 80%;
}
.parametric-root .w-85 {
  width: 85%;
}
.parametric-root .w-90 {
  width: 90%;
}
.parametric-root .w-95 {
  width: 95%;
}
.parametric-root .w-100 {
  width: 100%;
}
.parametric-root .f-s-1 {
  font-size: 0.5rem;
}
.parametric-root .f-s-2 {
  font-size: 0.625rem;
}
.parametric-root .f-s-3 {
  font-size: 0.75rem;
}
.parametric-root .f-s-4 {
  font-size: 0.875rem;
}
.parametric-root .f-s-5 {
  font-size: 1rem;
}
.parametric-root .f-s-6 {
  font-size: 1.125rem;
}
.parametric-root .f-s-7 {
  font-size: 1.25rem;
}
.parametric-root .f-s-8 {
  font-size: 1.375rem;
}
.parametric-root .f-s-9 {
  font-size: 1.5rem;
}
.parametric-root .f-s-10 {
  font-size: 1.625rem;
}
.parametric-root .f-s-11 {
  font-size: 1.75rem;
}
.parametric-root .f-s-12 {
  font-size: 1.875rem;
}
.parametric-root .f-s-13 {
  font-size: 2rem;
}
.parametric-root .f-s-14 {
  font-size: 2.25rem;
}
.parametric-root .f-s-15 {
  font-size: 3rem;
}
.parametric-root .f-s-16 {
  font-size: 4.25rem;
}
.parametric-root .f-w-light {
  font-weight: 300;
}
.parametric-root .f-w-regular {
  font-weight: 400;
}
.parametric-root .f-w-medium {
  font-weight: 500;
}
.parametric-root .f-w-bold {
  font-weight: 700;
}
.parametric-root .f-w-medium-bold {
  font-weight: 800;
}
.parametric-root .f-italic {
  font-style: italic;
}
.parametric-root .f-w-extra-bold {
  font-weight: 900;
}
.dsm-parametric-search {
  position: relative;
}
.dsm-parametric-search * {
  font-size: 12px;
  font-weight: 300;
}
.dsm-parametric-search .fas {
  font-size: 11px;
}
.dsm-parametric {
  padding: 2px;
  position: relative;
}
.dsm-parametric .title {
  font-size: 19px;
  color: rgba(var(--thm-color-tweven), 1);
  font-weight: 400;
  margin: 10px 0;
}
.dsm-pagination {
  clear: both;
  float: left;
  margin: 8px 0 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.dsm-pagination .text {
  font-size: 13px;
  padding-right: 12px;
  margin: 0;
}
.dsm-pagination .dsm-page-selector {
  padding: 0 12px;
}
.dsm-pagination .dsm-page-selector .dsm-page-link {
  line-height: 1.53;
  color: rgba(var(--thm-text-color-five), 1);
  padding: 0 6px;
  font-size: 13px;
  text-decoration: none;
}
.dsm-pagination select {
  border: 0.4px solid rgba(var(--thm-color-sixteen), 1);
}
.dsm-pagination select option {
  font-weight: 400;
}
.dsm-pagination .dsm-active {
  border: 1px solid rgba(var(--thm-color-nine), 1);
}
.dsm-button {
  background-color: rgba(var(--thm-color-eight), 1);
  font-size: 15px;
  line-height: 1.53;
  padding: 6px 12px;
  border: 0;
  color: rgba(var(--thm-text-color-five), 1);
  cursor: pointer;
}
.dsm-button i {
  color: rgba(var(--thm-color-ten), 1);
}
.dsm-button-hover {
  box-shadow: inset 0 3px 5px rgba(var(--thm-color-two), 0.13);
}
.dsm-table {
  overflow: auto;
}
.dsm-table.layout-fluid {
  border: 1px solid #d5d7d8;
  background: #efefef;
}
.dsm-table .dsm-table-inner {
  margin-bottom: 0px;
  width: min-content;
}
.dsm-table .dsm-table-inner .dsm-table-head {
  display: inline-flex;
  min-width: 100%;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content {
  border-right: 1px solid rgba(var(--thm-color-twenty), 0.4);
  width: 111px;
  background-color: rgba(var(--thm-color-seventeen), 1);
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.attribute-col {
  width: 111px;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content .dsm-table-text {
  height: 33px;
  color: rgba(var(--thm-text-color-five), 1);
  padding: 0 2px 2px 4px;
  border-bottom: 1px solid rgba(var(--thm-color-twenty), 0.4);
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content .dsm-table-text .heading {
  margin: 7px 0 4px;
  font-size: 12px;
  font-weight: 300;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content .dsm-table-decorator {
  height: 20px;
  font-size: 15px;
  color: rgba(var(--thm-color-ten), 1);
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content .dsm-table-decorator i {
  padding: 5px 2px;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content .dsm-table-decorator .dsm-filter {
  margin-left: auto;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content .dsm-table-decorator .dsm-decorator-active {
  color: rgba(var(--thm-color-nine), 1);
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content:first-child {
  width: 292px;
  position: sticky;
  left: 0;
  box-shadow: 3px 0 4px rgba(var(--thm-color-two), 0.07);
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content:first-child .dsm-table-decorator {
  padding-left: 28px;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-link {
  position: sticky;
  left: 292px;
  width: 45px;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-img {
  width: 55px;
}
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-qty,
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-quantity_min,
.dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-quantity_max {
  width: 95px;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click {
  display: inline-flex;
  height: 203px;
  /*overflow-x: auto;*/
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content {
  width: 111px;
  border-right: 1px solid rgba(var(--thm-color-twenty), 0.4);
  background-color: rgba(var(--thm-color-eight), 1);
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:first-child {
  width: 337px;
  position: absolute;
  /*left: 20px;*/
  height: 203px;
  z-index: 1;
  background-color: rgba(var(--thm-color-eight), 1);
  box-shadow: 3px 0 4px rgba(var(--thm-color-two), 0.07);
  padding: 5px;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content.col-img {
  width: 55px;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content.col-qty,
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content.col-quantity_min,
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content.col-quantity_max {
  width: 95px;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:nth-child(3) {
  margin-left: 337px;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content.attribute-col {
  width: 111px;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content form {
  width: 100%;
  height: 200px;
  overflow-x: auto;
  display: inline-block;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content form .filter-list-box {
  padding: 0;
  margin: 0;
  list-style: none;
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content form .filter-list-box li {
  padding: 2px;
  border-bottom: none /* dotted rgba(var(--thm-color-twenty), 0.4) */;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  margin-right: 3px;
  margin-left: 0;
  color: rgba(var(--thm-text-color-five), 1);
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content form .filter-list-box li.filter-li-checked {
  background-color: rgba(var(--thm-color-nine), 1);
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content form .filter-list-box li.filter-li-checked label {
  color: rgba(var(--thm-color-one), 1);
}
.dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content form .filter-list-box li {
  margin-bottom: 2px;
}
.dsm-table-content .dsm-slider-content {
  display: inline-flex;
  height: 100%;
}
.dsm-table-content .dsm-slider-content .dsm-slider {
  width: 9px;
  height: 180px;
  margin: 0 10px 0 16px;
  align-self: center;
  background-color: rgba(var(--thm-color-one), 1);
  border-radius: 4px;
  position: relative;
}
.dsm-table-content .dsm-slider-content .dsm-slider .dsm-dual-slider {
  position: absolute;
  width: 10px;
  background-color: rgba(var(--thm-color-nine), 1);
  top: 10%;
  bottom: 10%;
  margin: 5px 0;
}
.dsm-table-content .dsm-slider-content .dsm-slider .dsm-range-bar {
  position: relative;
  transform: rotate(90deg);
  padding: 0 5px 0;
}
.dsm-table-content .dsm-slider-content .dsm-slider .dsm-range-bar input {
  -webkit-appearance: none;
  background: none;
  position: absolute;
  pointer-events: none;
  height: 9px;
  width: 180px;
  top: -5px;
  left: 5px;
}
.dsm-table-content .dsm-slider-content .dsm-slider .dsm-range-bar input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 4px;
  pointer-events: auto;
  background: rgba(var(--thm-color-five), 1);
  border: 0.4px solid rgba(var(--thm-color-two), 0.4);
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(var(--thm-color-two), 0.05);
}
.dsm-table-content .dsm-slider-content .dsm-slider .dsm-range-bar input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border-radius: 4px;
  pointer-events: auto;
  background: rgba(var(--thm-color-five), 1);
  border: 0.4px solid rgba(var(--thm-color-two), 0.4);
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(var(--thm-color-two), 0.05);
}
.dsm-table-content .dsm-slider-content .dsm-min-max {
  height: 100%;
  padding: 10px;
  max-width: 90px;
}
.dsm-table-content .dsm-slider-content .dsm-min-max input {
  width: 50px;
  height: 20px;
  font-weight: normal;
  font-size: 12px;
  border: 1px solid #9c9c9c;
  padding: 2px;
  margin-bottom: 0;
}
.dsm-d-none {
  display: none;
  transition: all 0.3s ease-out;
}
.add-parameters {
  padding: 6px 10px;
  margin: 10px 0;
  background-color: rgba(var(--thm-color-eight), 1);
  border-top: 2px solid rgba(var(--thm-color-eighteen), 1);
  border-bottom: 2px solid rgba(var(--thm-color-eighteen), 1);
  width: 658px;
}
.add-parameters.dsm-fixed-box {
  position: absolute;
  border: 2px solid rgba(var(--thm-color-eighteen), 1);
  margin: 72px 5px 5px;
  z-index: 2;
}
.add-parameters .list-box {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
}
.add-parameters .list-box li {
  margin: 4px 14px 4px 4px;
  width: 183px;
  font-size: 15px;
  color: rgba(var(--thm-text-color-five), 1);
}
.add-parameters .list-box li input {
  margin: 4px 6px 0 0;
}
.add-parameters .list-box li input:checked + label {
  color: rgba(var(--thm-text-color-three), 1);
}
.dsm-table-collapse-bar {
  cursor: pointer;
  width: 100%;
  height: 10px;
  background: rgba(var(--thm-color-nineteen), 1);
}
.dsm-table-data .dsm-table-content .list-box {
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
}
.dsm-table-data .dsm-table-content .list-box li {
  position: relative;
  overflow: hidden;
  width: 111px;
  line-height: 1.15;
  padding: 4px 0 0 2px;
  border-right: 1px solid rgba(var(--thm-color-twenty), 0.4);
  background-color: rgba(var(--thm-color-eight), 1);
  color: rgba(var(--thm-text-color-five), 1);
}
.dsm-table-data .dsm-table-content .list-box li.attribute-col {
  width: 111px;
}
.dsm-table-data .dsm-table-content .list-box li .link {
  color: rgba(var(--thm-text-color-five), 1);
}
.dsm-table-data .dsm-table-content .list-box li .link .pop-up {
  display: none;
}
.dsm-table-data .dsm-table-content .list-box li .link:hover {
  color: rgba(var(--thm-color-nine), 1);
}
.dsm-table-data .dsm-table-content .list-box li .link:hover .pop-up {
  display: block;
  position: absolute;
  height: 150px;
  width: 150px;
  background-color: yellow;
  top: 5px;
  left: 95px;
  z-index: 2;
}
.dsm-table-data .dsm-table-content .list-box li .dsm-title-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dsm-table-data .dsm-table-content .list-box li .dsm-title-box .dsm-title {
  margin: 0;
  font-weight: 400;
}
.dsm-table-data .dsm-table-content .list-box li .dsm-title-box .dsm-title input {
  margin: 2px 6px 2px 2px;
}
.dsm-table-data .dsm-table-content .list-box li .dsm-title-box .dsm-icon-box .link {
  margin-right: 4px;
}
.dsm-table-data .dsm-table-content .list-box li .dsm-title-box .dsm-icon-box .link i {
  color: rgba(var(--thm-color-twenty), 1);
}
.dsm-table-data .dsm-table-content .list-box li .dsm-title-box .dsm-icon-box .link i:hover {
  color: rgba(var(--thm-color-nine), 1);
}
.dsm-table-data .dsm-table-content .list-box li:first-child {
  width: 292px;
  position: sticky;
  left: 0;
  box-shadow: 3px 0 4px rgba(var(--thm-color-two), 0.07);
  z-index: 1;
}
.dsm-table-data .dsm-table-content .list-box li.col-link {
  position: sticky;
  left: 292px;
  width: 45px;
  z-index: 1;
}
.dsm-table-data .dsm-table-content .list-box li.col-img {
  width: 55px;
}
.dsm-table-data .dsm-table-content .list-box li.col-qty,
.dsm-table-data .dsm-table-content .list-box li.col-quantity_min,
.dsm-table-data .dsm-table-content .list-box li.col-quantity_max {
  width: 95px;
}
.dsm-table-data .dsm-table-content .list-box:first-child {
  display: inline-flex;
}
.dsm-table-data .dsm-table-content:nth-child(odd) .list-box li {
  background-color: rgba(var(--thm-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded {
  background-color: rgba(var(--thm-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-flex;
  background-color: rgba(var(--thm-color-eight), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box li {
  width: 111px;
  line-height: 1.15;
  padding: 7px 0 0 2px;
  border-right: 1px solid rgba(var(--thm-color-twenty), 0.4);
  color: rgba(var(--thm-text-color-five), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box li.attribute-col {
  width: 111px;
}
.dsm-table-data .dsm-table-content-expanded .list-box li .link {
  color: rgba(var(--thm-text-color-five), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box li .dsm-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dsm-table-data .dsm-table-content-expanded .list-box li .dsm-title-box .heading {
  margin: 0;
  font-weight: 400;
}
.dsm-table-data .dsm-table-content-expanded .list-box li .dsm-title-box .heading input {
  margin: 2px 6px 2px 2px;
}
.dsm-table-data .dsm-table-content-expanded .list-box li .dsm-title-box .dsm-icon-box .link {
  margin-right: 4px;
  border-bottom: 0;
}
.dsm-table-data .dsm-table-content-expanded .list-box li .dsm-title-box .dsm-icon-box .link i {
  color: rgba(var(--thm-color-twenty), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box li:first-child {
  width: 292px;
  position: sticky;
  left: 0;
  padding-top: 4px;
  background-color: inherit;
  box-shadow: 3px 0 4px rgb(var(--thm-color-two) 7%);
  border-left: 1px solid rgba(var(--thm-color-twenty-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box li.col-link {
  position: sticky;
  left: 292px;
  width: 45px;
  background-color: inherit;
}
.dsm-table-data .dsm-table-content-expanded .list-box li.col-img {
  width: 55px;
}
.dsm-table-data .dsm-table-content-expanded .list-box li.col-qty,
.dsm-table-data .dsm-table-content-expanded .list-box li.col-quantity_min,
.dsm-table-data .dsm-table-content-expanded .list-box li.col-quantity_max {
  width: 95px;
}
.dsm-table-data .dsm-table-content-expanded .list-box li:last-child {
  border-right: 1px solid rgba(var(--thm-color-twenty-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box:first-child {
  background-color: rgba(var(--thm-color-twenty-one), 1);
  border-top: 1px solid rgba(var(--thm-color-twenty-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box:first-child li {
  color: rgba(var(--thm-text-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box:first-child li:first-child {
  position: sticky;
  left: 0;
  background-color: rgba(var(--thm-color-twenty-one), 1);
  box-shadow: 3px 0 4px rgb(var(--thm-color-two) / 7%);
}
.dsm-table-data .dsm-table-content-expanded .list-box:first-child .link {
  color: rgba(var(--thm-text-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box:first-child .dsm-title .heading .link {
  color: rgba(var(--thm-text-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box:first-child .dsm-title .dsm-icon-box .link i {
  color: rgba(var(--thm-text-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .list-box:last-child {
  border-bottom: 1px solid rgba(var(--thm-color-twenty-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .dsm-expand-box {
  color: rgba(var(--thm-color-one), 1);
  border: 1px solid rgba(var(--thm-color-one), 1);
}
.dsm-table-data .dsm-table-content-expanded .link {
  border-bottom: 1px dotted rgba(var(--thm-color-twenty), 1);
}
.dsm-table-data .dsm-table-content-expanded .link:hover {
  border-bottom: 1px solid rgba(var(--thm-color-twenty), 1);
}
.dsm-table-footer {
  display: inline-flex;
}
.dsm-table-footer .dsm-table-content {
  border-right: 1px solid rgba(var(--thm-color-twenty), 0.4);
  width: 111px;
  height: auto;
  background-color: rgba(var(--thm-color-seventeen), 1);
}
.dsm-table-footer .dsm-table-content.attribute-col {
  width: 111px;
}
.dsm-table-footer .dsm-table-content .dsm-table-text {
  color: rgba(var(--thm-text-color-five), 1);
  padding: 0 2px 2px 4px;
}
.dsm-table-footer .dsm-table-content .dsm-table-text .sub-title {
  font-size: 12px;
  margin: 4px 0 4px;
  font-weight: 300;
}
.dsm-table-footer .dsm-table-content:first-child {
  width: 292px;
  position: sticky;
  left: 0;
  box-shadow: 3px 0 4px rgba(var(--thm-color-two), 0.07);
  padding-left: 28px;
}
.dsm-table-footer .dsm-table-content.col-link {
  position: sticky;
  left: 292px;
  width: 45px;
}
.dsm-table-footer .dsm-table-content.col-img {
  width: 55px;
}
.dsm-table-footer .dsm-table-content.col-qty,
.dsm-table-footer .dsm-table-content.col-quantity_min,
.dsm-table-footer .dsm-table-content.col-quantity_max {
  width: 95px;
}
.dsm-expand-box {
  color: rgba(var(--thm-color-nine), 1);
  margin: 2px 6px 2px 2px;
  padding: 1px;
  border: 1px solid rgba(var(--thm-color-nine), 1);
}
.selected {
  background-color: rgba(var(--thm-color-fourteen), 1) !important;
}
.dsm-model-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1001;
  background-color: rgba(var(--thm-text-color-two), 0.5);
  transition: all 0.3s ease-out;
}
.dsm-model-box {
  margin-top: 30px;
  width: 598px;
  height: max-content;
  padding: 15px;
  box-shadow: 0 5px 15px rgba(var(--thm-color-two), 0.5);
  background-color: rgba(var(--thm-color-one), 1);
  position: relative;
}
.dsm-model-box .title {
  font-size: 19px;
  margin: 10px 0;
  line-height: 1.4;
  color: rgba(var(--thm-color-tweven), 1);
  font-weight: 400;
}
.dsm-model-box .list-box {
  padding-left: 12px;
  margin: 0 0 45px;
}
.dsm-model-box .list-box li {
  font-size: 15px;
  padding-left: 5px;
  line-height: 1.4;
  position: relative;
  color: rgba(var(--thm-text-color-two), 1);
}
.dsm-model-box .list-box li::marker {
  color: rgba(var(--thm-color-tweven), 1);
}
.dsm-model-box .dsm-model-button {
  background-color: rgba(var(--thm-color-tweven), 1);
  padding: 6px 12px;
  font-size: 15px;
  color: rgba(var(--thm-text-color-one), 1);
  position: absolute;
  bottom: 15px;
  border: 1px solid rgba(var(--thm-color-tweven), 1);
  transition: all 0.3s ease-out;
}
.dsm-model-box .dsm-model-button:hover {
  background-color: rgba(var(--thm-color-eleven), 1);
  transition: all 0.3s ease-out;
}
.dsm-hover-box {
  position: absolute;
  width: 150px;
  left: 100px;
}
.filter-list-box.dsm-li-default-height li {
  height: 22px;
}
.filter-list-box.dsm-li-default-height li label input[type=checkbox] {
  margin-top: 0;
}
.dsm-li-default-height li {
  height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.is-scrollable-xy {
  overflow: auto;
}
#parametric-variant-search-container .dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:first-child {
  width: 292px;
}
#parametric-variant-search-container .dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:nth-child(2) {
  margin-left: 292px;
}
#parametric-variant-search-container .dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:nth-child(3) {
  margin-left: auto;
}
/* Global Media query Very Small Screen */
/* Global Media query Small Screen */
@media (max-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
  .w-xlg-80 {
    width: 80%;
  }
  .f-s-xlg-20 {
    font-size: 4.375rem;
  }
  .f-s-xlg-15 {
    font-size: 3.75rem;
  }
  .f-s-xlg-16 {
    font-size: 4.25rem;
  }
}
@media (max-width: 1200px) {
  .text-lg-center {
    text-align: center;
  }
  .d-lg-flex {
    display: flex;
  }
  .flex-lg-column {
    flex-direction: column;
  }
  .justify-content-start {
    justify-content: flex-start;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .justify-content-lg-between {
    justify-content: space-between;
  }
  .justify-content-lg-around {
    justify-content: space-around;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .w-lg-100 {
    width: 100%;
  }
  .w-lg-90 {
    width: 90%;
  }
  .w-lg-80 {
    width: 80%;
  }
  .w-lg-50 {
    width: 50%;
  }
  .w-lg-60 {
    width: 60%;
  }
  .w-lg-40 {
    width: 40%;
  }
  .w-lg-45 {
    width: 45%;
  }
  .w-lg-35 {
    width: 35%;
  }
  .w-lg-30 {
    width: 30%;
  }
  .w-lg-25 {
    width: 25%;
  }
  .w-lg-20 {
    width: 20%;
  }
  .f-s-lg-15 {
    font-size: 3rem;
  }
  .f-s-lg-16 {
    font-size: 4.25rem;
  }
  .f-s-lg-6 {
    font-size: 1.125rem;
  }
  .f-s-lg-8 {
    font-size: 1.375rem;
  }
  .f-s-lg-22 {
    font-size: 3.75rem;
  }
  .f-s-lg-14 {
    font-size: 2.563rem;
  }
  .container-header {
    max-width: 992px;
  }
}
@media (max-width: 1024px) {
  .flex-mdlg-wrap {
    flex-wrap: wrap;
  }
  .flex-mdlg-column {
    flex-direction: column;
  }
  .w-mdlg-100 {
    width: 100%;
  }
  .w-mdlg-40 {
    width: 40%;
  }
  .w-mdlg-50 {
    width: 50%;
  }
  .w-mdlg-30 {
    width: 30%;
  }
  .w-mdlg-25 {
    width: 25%;
  }
  .f-s-mdlg-5 {
    font-size: 1.25rem;
  }
  .f-s-mdlg-6 {
    font-size: 2.375rem;
  }
  .f-s-mdlg-25 {
    font-size: 3.25rem;
  }
  .f-s-mdlg-15 {
    font-size: 3rem;
  }
  .f-s-mdlg-16 {
    font-size: 2.5rem;
  }
  .flex-mdlg-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-content-mdlg-center {
    justify-content: center;
  }
}
@media (max-width: 992px) {
  .d-md-flex {
    display: flex;
  }
  .flex-md-row {
    flex-direction: row;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .align-items-md-start {
    align-items: flex-start;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .text-md-center {
    text-align: center;
  }
  .w-md-15 {
    width: 15%;
  }
  .w-md-20 {
    width: 20%;
  }
  .w-md-30 {
    width: 30%;
  }
  .w-md-40 {
    width: 40%;
  }
  .w-md-45 {
    width: 45%;
  }
  .w-md-48 {
    width: 48%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-60 {
    width: 60%;
  }
  .w-md-70 {
    width: 70%;
  }
  .w-md-80 {
    width: 70%;
  }
  .w-md-100 {
    width: 100%;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .f-s-md-6 {
    font-size: 1.125rem;
  }
  .f-s-md-7 {
    font-size: 1.25rem;
  }
  .f-s-md-9 {
    font-size: 1.5rem;
  }
  .f-s-md-13 {
    font-size: 2rem;
  }
  .f-s-md-14 {
    font-size: 2.2rem;
  }
  .f-s-md-15 {
    font-size: 3rem;
  }
  .f-s-md-22 {
    font-size: 3.75rem;
  }
  .f-s-md-21 {
    font-size: 2.5rem;
  }
  .container-header {
    max-width: 768px;
  }
}
@media (max-width: 768px) {
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .d-sm-flex {
    display: flex;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-content-sm-between {
    justify-content: space-between;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
  .flex-sm-row {
    flex-direction: row;
  }
  .flex-sm-column {
    flex-direction: column;
  }
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-stretch {
    align-items: stretch;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-no-wrap {
    flex-wrap: nowrap;
  }
  .w-sm-5 {
    width: 5%;
  }
  .w-sm-10 {
    width: 10%;
  }
  .w-sm-15 {
    width: 15%;
  }
  .w-sm-20 {
    width: 20%;
  }
  .w-sm-25 {
    width: 25%;
  }
  .w-sm-30 {
    width: 30%;
  }
  .w-sm-33 {
    width: 33%;
  }
  .w-sm-35 {
    width: 35%;
  }
  .w-sm-40 {
    width: 40%;
  }
  .w-sm-45 {
    width: 45%;
  }
  .w-sm-48 {
    width: 48%;
  }
  .w-sm-50 {
    width: 50%;
  }
  .w-sm-55 {
    width: 55%;
  }
  .w-sm-60 {
    width: 60%;
  }
  .w-sm-65 {
    width: 65%;
  }
  .w-sm-70 {
    width: 70%;
  }
  .w-sm-75 {
    width: 75%;
  }
  .w-sm-80 {
    width: 80%;
  }
  .w-sm-85 {
    width: 85%;
  }
  .w-sm-90 {
    width: 90%;
  }
  .w-sm-95 {
    width: 95%;
  }
  .w-sm-100 {
    width: 100%;
  }
  .f-s-sm-1 {
    font-size: 0.5rem;
  }
  .f-s-sm-2 {
    font-size: 0.625rem;
  }
  .f-s-sm-3 {
    font-size: 0.75rem;
  }
  .f-s-sm-4 {
    font-size: 0.875rem;
  }
  .f-s-sm-5 {
    font-size: 1rem;
  }
  .f-s-sm-6 {
    font-size: 1.125rem;
  }
  .f-s-sm-7 {
    font-size: 1.25rem;
  }
  .f-s-sm-8 {
    font-size: 1.375rem;
  }
  .f-s-sm-9 {
    font-size: 1.5rem;
  }
  .f-s-sm-10 {
    font-size: 1.625rem;
  }
  .f-s-sm-11 {
    font-size: 1.75rem;
  }
  .f-s-sm-12 {
    font-size: 1.875rem;
  }
  .f-s-sm-13 {
    font-size: 2rem;
  }
  .f-s-sm-14 {
    font-size: 2.2rem;
  }
  .f-s-sm-15 {
    font-size: 3rem;
  }
  .f-s-sm-16 {
    font-size: 4.25rem;
  }
  .f-s-sm-21 {
    font-size: 2.5rem;
  }
  .f-w-sm-regular {
    font-weight: 400;
  }
  .f-w-sm-medium {
    font-weight: 500;
  }
  .f-w-sm-bold {
    font-weight: 700;
  }
  .f-w-sm-extra-bold {
    font-weight: 900;
  }
  .container-header {
    max-width: 768px;
    margin: 0 12px;
  }
  .index-link {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
  }
}
/* Media query Medium Screen */
@media (max-width: 576px) {
  .justify-content-xsm-center {
    justify-content: center;
  }
  .flex-xsm-row {
    flex-direction: row;
  }
  .flex-xsm-wrap {
    flex-wrap: wrap;
  }
  .flex-xsm-column {
    flex-direction: column;
  }
  .w-xsm-100 {
    width: 100%;
  }
  .w-xsm-50 {
    width: 50%;
  }
  .f-s-xsm-5 {
    font-size: 1rem;
  }
  .f-s-xsm-6 {
    font-size: 1.125rem;
  }
  .f-s-xsm-7 {
    font-size: 1.25rem;
  }
  .f-s-xsm-9 {
    font-size: 1.5rem;
  }
  .f-s-xsm-10 {
    font-size: 1.625rem;
  }
  .f-s-xsm-11 {
    font-size: 1.75rem;
  }
  .f-s-xsm-12 {
    font-size: 1.875rem;
  }
  .f-s-xsm-13 {
    font-size: 2rem;
  }
  .f-s-xsm-14 {
    font-size: 2.2rem;
  }
  .f-s-xsm-21 {
    font-size: 2.5rem;
  }
  .w-xsm-50 {
    width: 50%;
  }
  .dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:nth-child(3) {
    margin-left: 0px;
  }
  .dsm-table-data .dsm-table-content .list-box li:first-child,
  .dsm-table-footer .dsm-table-content:first-child,
  .dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content:first-child,
  .dsm-table-data .dsm-table-content-expanded .list-box li:first-child,
  .dsm-table-data .dsm-table-content-expanded .list-box:first-child li:first-child,
  .dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:first-child {
    position: relative;
  }
  .dsm-table-data .dsm-table-content .list-box li.col-link,
  .dsm-table-footer .dsm-table-content.col-link,
  .dsm-table-data .dsm-table-content-expanded .list-box li.col-link,
  .dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-link,
  .dsm-table .dsm-table-inner .dsm-table-head .dsm-table-content.col-link {
    left: 0;
    position: relative;
  }
  #parametric-variant-search-container .dsm-table .dsm-table-inner .dsm-table-display-on-click .dsm-table-content:nth-child(2) {
    margin-left: 0px;
  }
  .dsm-fixed-tip {
    display: none !important;
  }
  .dsm-hover-img {
    display: none !important;
  }
}
/* Media query Large Screen */
@media (max-width: 425px) {
  .flex-xxsm-wrap {
    flex-wrap: wrap;
  }
  .flex-xxsm-column {
    flex-direction: column;
  }
  .justify-content-xxsm-between {
    justify-content: space-between;
  }
  .align-items-xxsm-start {
    align-items: flex-start;
  }
  .w-xxsm-35 {
    width: 35%;
  }
  .w-xxsm-50 {
    width: 50%;
  }
  .w-xxsm-100 {
    width: 100%;
  }
  .f-s-xxsm-14 {
    font-size: 2.563rem;
  }
  .f-s-xxsm-13 {
    font-size: 2rem;
  }
  .f-s-xxsm-9 {
    font-size: 1.5rem;
  }
  .f-s-xxsm-5 {
    font-size: 1rem;
  }
  .f-xxsm-3 {
    font-size: 0.75rem;
  }
  .f-s-xxsm-13 {
    font-size: 2rem;
  }
  .w-xxsm-100 {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .w-xxxsm-100 {
    width: 100%;
  }
  .justify-content-xxxsm-center {
    justify-content: center;
  }
  .f-s-xxxsm-13 {
    font-size: 2rem;
  }
}
/* End of Bonus Media queries Layout Style Five */
/* Media query Large Screen */
@media (max-width: 1400px) {
  .padding-tb-xlg-default,
  .padding-tb-default {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 993px) {
  .padding-tb-md-default,
  .padding-tb-default {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
/* Media query Medium Screen */
@media (max-width: 768px) {
  .padding-tb-sm-default,
  .padding-tb-md-default,
  .padding-tb-default {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
/* Media query Small Screen */
@media (max-width: 576px) {
  .padding-tb-xsm-default,
  .padding-tb-sm-default,
  .padding-tb-md-default,
  .padding-tb-default {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
  .container-sm-remover {
    max-width: unset;
    padding: 0;
  }
}
/* Media query Medium Screen */
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
  .container-md-remover,
  .container-sm-remover {
    max-width: unset;
    padding: 0;
  }
}
/* Media query Large Screen */
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
/* Media query 2k Screen */
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1110px;
  }
  .container-xl-remover {
    max-width: unset;
    padding: 0;
  }
}
/* Media query 4k Screen */
@media (max-width: 768px) {
  .dsm-parametric {
    padding: 0 10px;
  }
  .add-parameters {
    width: 100%;
  }
  .dsm-pagination {
    width: 100%;
  }
  .dsm-pagination p {
    margin: 11px 0;
  }
  .dsm-pagination .dsm-page-selector {
    order: 1;
  }
  .dsm-model-box {
    width: 100%;
  }
}
img.dsm-hover-img {
  display: block;
  position: fixed;
  z-index: 99999999;
  background-color: white;
  border: 2px solid #e76802;
  padding: 3px;
  max-width: 450px;
  max-height: 400px;
}
.list-box .dsm-title-box .ilb {
  display: inline-block;
}
.list-box .dsm-title-box .txt-ovf {
  text-overflow: ellipsis;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
}
.list-box .dsm-title-box [data-tooltip] {
  display: none;
}
.list-box .dsm-title-box .dsm-icon-box .btn-rfq,
.list-box .dsm-title-box .dsm-icon-box .btn-sample-request {
  background: #036094;
  color: #ffffff;
  font-size: 10px;
  padding: 2px;
  margin: 1px 3px 1px -3px;
}
.list-box .dsm-title-box .dsm-icon-box .dsm-badge-icon {
  display: inline;
  max-width: 24px;
  max-height: 12px;
}
.list-box .product-img {
  height: 12px;
  margin: 0 2px;
  display: inline-block;
  aspect-ratio: auto 21 / 12;
}
.dsm-table-content .dsm-table-decorator .dsm-sort-handle > i.fas {
  cursor: pointer;
}
.dsm-feature-box {
  padding-left: 2px;
  max-width: max-content;
  margin: 7px 0;
}
.dsm-feature-box .dsm-button {
  margin-top: -6px;
  padding: 2px;
}
.dsm-feature-box .dsm-button .dsm-tlb-text {
  padding: 0 4px;
}
@media (max-width: 996px) {
  .dsm-feature-box .dsm-button .dsm-tlb-text {
    display: none;
  }
}
.dsm-model-box .dsm-model-button {
  cursor: pointer;
}
.dsm-parametric select.dsm-row-selector {
  max-width: 104px;
  width: 104px;
  height: 28px;
  padding: 0 8px;
  font-size: 11px;
}
.dsm-legends .dsm-legend-img {
  display: inline-block;
  margin-left: 5px;
  margin-top: -2px;
  max-height: 18px;
  max-width: 18px;
}
.dsm-fixed-tip {
  display: block;
  position: fixed;
  z-index: 99999999;
  background-color: white;
  border: 2px solid #e76802;
  padding: 10px !important;
  width: 150px !important;
  white-space: normal;
}
.dsm-fixed-tip .title {
  color: #313233;
  float: none !important;
  font-size: 11px;
  margin: 0;
}
.dsm-fixed-tip .description {
  color: #313233;
  float: none !important;
  font-size: 14px;
  margin: 0 0 7px;
  line-height: 1;
}
.dsm-fixed-tip ul {
  padding-left: 18px;
  margin: 6px 0;
}
.dsm-fixed-tip ul li a {
  color: #313233;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.4px;
}
.dsm-fixed-tip ul li::marker {
  font-size: 10px;
}
.dsm-search-heading {
  font-size: 36px;
}
.ctech-float-right {
  float: right;
}

.dsm-custom-fields {
  padding: 10px 20px;
  background: #efefef;
}

.dsm-custom-fields select.dsm-row-selector {
  max-width: 100%;
  font-size: 10px !important;
  height: 21px;
  padding: 1px !important;
  line-height: 10px !important;
}

.dsm-custom-fields select.dsm-row-selector[disabled] {
  background: #eee;
}

.dsm-custom-fields .section-heading {
  display: block;
  margin: 5px 0;
}

.dsm-custom-fields hr {
  height: 0px !important;
  color: #D7D7D7;
  border: 0.5px solid !important;
}

.dsm-custom-fields-container {
  overflow-y: scroll;
  max-height: 300px;
  padding: 0 15px;
  margin: 0 -15px;
}