/*
 * Custom CSS for Nexus Cart Orderform
 *
 * This file allows you to customize the theme colors and styles for the Nexus Cart orderform.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --vl-primary: var(--zinc-900); use --vl-primary: #your-color;
 * - You can also override any CSS properties here.
 *
 * Note: Changes here will apply to the orderform's Shadow DOM.
 */

/* Add you custom styles here */
:host, :root {
    /* Primary colors */
    --vl-primary: var(--general2);
    --vl-primary-lifted: var(--primary-lifted);
    --vl-primary-accented: var(--primary-accented);

    /* Secondary colors */
    --vl-secondary: var(--secondary);
    --vl-secondary-lifted: var(--secondary-lifted);
    --vl-secondary-accented: var(--secondary-accented);

    /* Success colors */
    --vl-success: var(--success);
    --vl-success-lifted: var(--success-lifted);
    --vl-success-accented: var(--success-accented);

    /* Info colors */
    --vl-info: var(--info);
    --vl-info-lifted: var(--info-lifted);
    --vl-info-accented: var(--info-accented);

    /* Notice colors */
    --vl-notice: var(--notice);
    --vl-notice-lifted: var(--notice-lifted);
    --vl-notice-accented: var(--notice-accented);

    /* Warning colors */
    --vl-warning: var(--warning);
    --vl-warning-lifted: var(--warning-lifted);
    --vl-warning-accented: var(--warning-accented);

    /* Error colors */
    --vl-error: var(--error);
    --vl-error-lifted: var(--error-lifted);
    --vl-error-accented: var(--error-accented);

    /* Grayscale colors */
    --vl-grayscale: var(--grayscale);
    --vl-grayscale-lifted: var(--grayscale-lifted);
    --vl-grayscale-accented: var(--grayscale-accented);

    /* Neutral colors */
    --vl-neutral: var(--neutral);
    --vl-neutral-lifted: var(--neutral-lifted);
    --vl-neutral-accented: var(--neutral-accented);

    /* Text neutral colors */
    --vl-text-inverted: var(--background);
    --vl-text-muted: var(--text-muted);
    --vl-text-lifted: var(--text-lifted);
    --vl-text-accented: var(--text-accented);
    --vl-text: var(--text);

    /* Border neutral colors */
    --vl-border-muted: var(--border-muted);
    --vl-border: var(--border);
    --vl-border-lifted: var(--border-lifted);
    --vl-border-accented: var(--border-accented);

    /* Background neutral colors */
    --vl-bg: var(--bg);
    --vl-bg-muted: var(--bg-muted);
    --vl-bg-lifted: var(--bg-lifted);
    --vl-bg-accented: var(--bg-accented);
    --vl-bg-inverted: var(--bg-inverted);

    /* Additional custom properties */
    /* Font Sizes */
    --vl-text-xs: var(--text-xs);
    --vl-text-sm: var(--text-sm);
    --vl-text-md: var(--text-md);
    --vl-text-lg: var(--text-lg);

    /* Spacing */
    --vl-outline-sm: var(--outline-sm);
    --vl-outline-md: var(--outline-md);
    --vl-outline-lg: var(--outline-lg);

    /* Rounding */
    --vl-rounding-sm: var(--rounding-sm);
    --vl-rounding-md: var(--rounding-md);
    --vl-rounding-lg: var(--rounding-lg);

    /* Other */
    --vl-letter-spacing: var(--letter-spacing);
    --vl-disabled-opacity: var(--disabled-opacity);
}


#order-standard_cart .cart-body {
  float: none;
  width: inherit;
  padding: 0;
}

.products {
  display: flex;
  padding: 0 4%;
  justify-content: center;
  gap: 24px;
}

.product-desc {
  float: none !important;
  width: inherit !important;
  padding: 0 !important;
}

.row.row-eq-height {
  display: flex;
  gap: 24px;
}

.ul_plan {
  padding-bottom: 0 !important;
}

.ul_plan br {
  display: none;
}

/* domainregister */

#v-0 + span > div {
  align-items: center;
}

#v-0 + span > div > svg {
  outline: none;
  border: none;
}

.UNotifyPage > div {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.UNotifyPage > div > div > div {
  gap: 24px !important
}

.domain_search_nexus {
  background: var(--background);
}

.elementoAbueloTest, .elementoAbueloTest:hover, .elementoAbueloTest:focus {
  background: var(--background);
  outline:none;
  overflow: hidden;
  border-radius: 4px;
  padding: 16px;
  width: 100%;
}

.elementFilters {
  border-top: 1px solid #ddd;
  padding-top: 16px;

  display: none !important;
}

.elementFilters + div {
  align-items: center;
  justify-content: right;

  display: none !important;
}

.px-5, .px-5 > div {
  width: 100%;
  padding: 0;
}

.py-2 {
  
    font-weight: 400;
    font-size: 15px;
}

.elementFilters + div > div {
}

.elementFilters + div > div:first-child, .elementFilters + div > div:nth-child(2) {
  width: fit-content
}

.elementFilters + div > div:first-child label, .elementFilters + div > div:nth-child(2) label {
  width: fit-content;
  padding-right: 34px;
}

.elementFilters + div > div:first-child > div, .elementFilters + div > div:nth-child(2) > div {
  margin-top: -44px;
  height: 41px;
}

label#v-25 {
  background-color: #ff33ff;
}

label#v-25 + div > div {
  outline: none;
  height: 41px
}

label#v-25 + div > div > div:first-child {
  width: 100%;
  height: 100%;
  justify-content: right;
  padding-right: 12px;
  cursor: pointer;
}

label#v-25 + div > div > div:nth-child(2) {
    padding: 0 !important;
    margin-top: -15px;
}

.btn1_a {
  margin: 0 !important
}

/* Table */

table{padding:0!important}
table thead th{padding:16px 0;border-bottom: 2px solid var(--background);}
table tbody td{padding:8px 0;border-bottom:2px solid var(--background);transition:0.3s all}
table tbody tr:last-child td{border-bottom:none}
table tbody tr:hover td{background:var(--background);transition:0.3s all}

/* Ultimos cards */

.UNotifyPage > div > div > div > div + div + div {
  margin-top: 36px;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl {
    color: var(--gray);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    font-weight: 300;
    background: transparent;
    border: none;
    padding: 0 !important;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div {
  padding: 0 !important;
  background: transparent;
  border: none;
  justify-content: left;
  gap: 12px;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > button, .UNotifyPage > div > div > div > div + div + div > div.text-xl + div > button:hover {
  background: transparent !important;
  color: inherit;
  padding: 0 !important;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div {
  padding: 0 !important;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div > div > div:nth-child(2) > button {

    padding: 8px 20px 10px;
    border-radius: 2px;
    cursor: pointer;
    user-select: none;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    outline: none !important;
    justify-content: center;
  color: #fff;
  background-color: var(--general2);
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div > div > div:first-child > div {
  gap: 0!important
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div > div > div:first-child > div + div {
  padding: 6px !important;
  gap: 2px !important;
  border-radius: 5px;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div > div > div {
  gap: 0!important
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div > div > div:nth-child(2) {
  gap: 12px!important
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div > div > div > div:nth-child(2) > button:hover {
  background-color: var(--general3);
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div {
  
    padding: 0 !important;
    background: transparent;
    border: none;
    justify-content: left;
    gap: 12px;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div {
  padding: 0 !important;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div > div > div:first-child > div {
  gap: 0 !important
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div:last-child {
  gap: 12px !important;
  justify-content: center;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div:last-child > button, .UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div:last-child > button:hover {
    border-radius: 50px;
    width: 26px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    background-color: transparent !important;
    color: inherit !important;
}

.UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div:last-child > button:first-child, .UNotifyPage > div > div > div > div + div + div > div.text-xl + div + div > div:last-child > button:last-child {
  width: fit-content;
}



.UNotifyPage > div > div > div > div > div:nth-child(2) + div + div > button:first-child, .UNotifyPage > div > div > div > div > div:nth-child(2) + div + div > button:last-child



.UNotifyPage > div > div > div > div:nth-child(2) {
  gap: 24px !important;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:first-child {
    color: var(--gray);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    font-weight: 300;
    background: transparent;
    border: none;
    justify-content: left;
    gap: 8px !important;
    padding: 0!important;
    margin-top: 36px;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:first-child > div, .UNotifyPage > div > div > div > div:nth-child(2) > div:first-child > svg {
  font-weight: 300 !important;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) {
  gap: 5px 8px !important;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(3) {
  margin-top: -34px;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div, .UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(3) > div {
  flex: 1;
    position: relative;
    background-color: #fff;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 15px !important;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .05) !important;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div, .UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div {
  justify-content: left;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div:first-child, .UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:first-child {
    right: 0;
    left: inherit;
    padding: 7px !important;
    font-weight: 400;
    border-bottom-left-radius: 2px;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(2) > div:first-child, .UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:first-child {
  align-items: baseline;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div > div:nth-child(2) > div:nth-child(2), .UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div > div:nth-child(2) > div:nth-child(2) {
  display: none;
}

.UNotifyPage > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div > button {
    padding: 8px 20px 10px;
    border-radius: 2px;
    cursor: pointer;
    user-select: none;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    outline: none !important;
    justify-content: center;
  color: #fff;
  background-color: var(--general2);
}

.UNotifyPage > div > div > div > div > div:nth-child(2) > button {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.UNotifyPage > div > div > div > div > div:nth-child(2) > button.bg-primary {
  color: var(--color-green-600);
  text-decoration: underline;
  font-weight: 500;
}

.UNotifyPage > div > div > div > div > div:nth-child(2) + div + div {
    gap: 12px !important;
    justify-content: center;
}

.UNotifyPage > div > div > div > div > div:nth-child(2) + div + div > button {
    border-radius: 50px;
    width: 26px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.UNotifyPage > div > div > div > div > div:nth-child(2) + div + div > button:first-child, .UNotifyPage > div > div > div > div > div:nth-child(2) + div + div > button:last-child {
  width: fit-content;
}

.UNotifyPage > div > div > div > div > div:nth-child(2) + div + div > button.bg-primary {
  background-color: var(--general2)!important;
  color: #fff!important;
}




















/* View Cart */

/* Carga */

div.relative.flex.items-center.justify-center.h-4.w-20 {
  margin:-80px auto 80px;
}

/* Model */

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div {
  display: flex;
  align-items: center;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 0 !important;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:nth-child(2) {
    margin: 12px 0;
    text-align: left;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:last-child > div > div {
  flex-wrap: nowrap;
  width: 100%;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:last-child > div > div > button {
  border-radius: 2px;
  padding: 10px;
  justify-content: center;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:last-child > div > div > button:first-child {
  background-color: #C84E4E !important;
  color: #fff !important;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:last-child > div > div > button:first-child:hover {
  background-color: #BE3B3B!important;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:last-child > div > div > button:last-child {
  background-color: #ddd !important;
  color: #666 !important;
}

#nexusCart div[cancel-label="Cancelar"].fixed.inset-0.z-50 > div > div > div:last-child > div > div > button:last-child:hover {
  background-color: #bbb !important;
  color: #555 !important;
}

/* /model */
/* tippy */

#tippy-1,#tippy-2,#tippy-3,#tippy-4,#tippy-5{
  background-color: #222;
  border: 1px solid rgba(0, 0, 0, .05);
}

/* /tippy */

#nexusCart > div:first-child {
  inset: inherit !important;
  position: fixed;
    right: 24px !important;
    top: calc(43px + 12px) !important;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(4).overflow-visible.fixed.mt-4 {
  display: none !important;
  opacity: 0 !important;
}

#nexusCart > div:first-child > div {
    background-color: #dc3545;
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: left;
}

#nexusCart > div:first-child > div > div:nth-child(2) {
    gap: 4px !important
}

#nexusCart > div:first-child > div svg {
  color: #fff
}

#nexusCart > div:nth-child(2) {
  gap: 12px;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full {
    flex: 1;
    min-width: 220px;
    max-width: 220px;
    height: fit-content;
    background-color: #fff;
    padding: 15px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .05);
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > div:first-child > div:nth-child(2) {
  font-size: 11px;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > div:nth-child(3) > div {
  padding: 8px 0 !important;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > div:nth-child(3) > div > div:nth-child(2) {
  margin-top: 8px !important;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > div:nth-child(3) > div > div:nth-child(2) > div {
  gap: 8px !important;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > button {

    margin: 0 !important;
    padding: 11px !important;
    display: flex;
    align-items: center;
    border-radius: 2px;
    justify-content: center;
    color: #fff;
  background-color: var(--general2) !important;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > button:hover {
  background-color: var(--general3) !important;
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) {
  margin: 8px 0
}

#nexusCart > div:nth-child(2) > div.gap-4.items-start.content-start.pt-10.pb-6.px-8.w-full > div > div:nth-child(4) > div:nth-child(2) > div:first-child

#nexusCart > div:nth-child(2) > div:first-child.gap-1.items-start.content-start, #nexusCart > div:nth-child(2) > div:first-child.flex.flex-row.gap-1.items-start.justify-start.content-start,
#nexusCart > div:nth-child(2) > div:nth-child(2).w-full.content-start.items-baseline,
#nexusCart > div:nth-child(2) > div > div:first-child > div:first-child.gap-1, #nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(2).w-full.gap-4,
#nexusCart > div:nth-child(2) > button {
  background-color: #ff0000;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:first-child > div > button:first-child {
  cursor: auto;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:first-child > div > button:nth-child(2) {
  /*display: none;*/
  backgroud: #ff33ff
  /* Estimar impuestos en el carrito */
} 

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div > div > button:nth-child(2) {
  border-bottom: 2px solid rgba(0, 0, 0, .05) !important;
  outline: none!important;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5) {
  padding: 0 !important
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) > div:first-child {
  flex: 1;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) > button {
  width: fit-content;
    color: #fff !important;
    background-color: #15A429 !important;
    padding: 14px 20px 15px;
    border-radius: 2px;
    cursor: pointer;
    user-select: none;
    font-weight: 400;
    font-size: 15px;
    outline: none !important;
    text-align: center;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) > div:nth-child(3) {
  flex: 1 100%;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 4px;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) > div:nth-child(3) > div > div { 

    align-items: center;
    gap: 12px !important;
    font-size: 15px;
    border: none !important;
    padding: 14px 16px !important;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) > div:nth-child(3) > div > div > div > div {
  font-weight: 400;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div:nth-child(5).p-4.border.border-solid.rounded-large.w-full.text-medium.bg-muted.mt-4 > div:nth-child(2) > div > div > div {
  display: flex;
  outline: none !important;
  flex-wrap: nowrap;
  padding: 7px 15px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div {
  padding: 0 !important;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div {
    padding: 0 0 24px 0 !important;
    margin-bottom: 16px;
    border-bottom: 2px solid rgba(0, 0, 0, .05) !important;
    flex: 1 100%;
  gap: 6px !important;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div:last-child > div {
    padding: 0 !important;
    margin-bottom: 0;
    border-bottom: none !important;

}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div {
  width: 100%;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div {
  flex-wrap: nowrap;
  background-color: var(--general2);
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  cursor: pointer;
  outline: none !important;
  max-width: 150px;
}

/* list */

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div > div:nth-child(3) {
  background-color: #fff;
  padding: 0 !important;
  margin: 0 !important;
  right: 0;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div > div:nth-child(3) > ul {
  
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div > div:nth-child(3) > ul > li[aria-selected="true"] > span {
  color: var(--general2);
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div > div:nth-child(3) > ul > li > span {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    padding: 8px 12px !important;
    color: #333;
    text-align: left;
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div > div:nth-child(3) > ul > li > span > span {
  width: fit-content !important;
}

/* list */

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div:hover {
    background-color: var(--general3);
}

#nexusCart > div:nth-child(2) > div > div:first-child > div.flex.flex-col.w-full.gap-2.items-start.justify-start.content-start > div > div > div:nth-child(2) > div:first-child label + div > div > div.z-50.my-2.p-1.shadow-sm {
  opacity: 1!important;
  background-color: #fff!important;
}

#nexusCart > div:nth-child(2) > div> div:first-child.gap-4.items-start > div:first-child {
  background-color: #ff33ff;
}

#cartEmpty {
  font-size: 21px;
  gap: 32px;
  margin-bottom: 32px;
}

#cartEmpty svg.bi.bi-bag-dash {
  height: 100px;
  width: 100px;
}

#cartEmpty > div, #cartEmpty > div > div {
  margin: 0 !important;
  padding: 0 !important;
}

/**
 * Premium Slider order form style sheet
 *
 * Contains styling specific to the Premium Slider order template.
 *
 * @project   WHMCS
 * @version   1.0
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2015
 * @license   http://www.whmcs.com/license/
 * @link      http://www.whmcs.com/
 */

div#order-premium_comparison {
    padding:0 0 0 0;
    margin:0 0 30px 0;
    height: 100%;
    width: 100%;
    line-height:18px;
    font-size:14px;
    color:#666666;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Text Styling */

#order-premium_comparison a,
#order-premium_comparison a:hover,
#order-premium_comparison a:active,
#order-premium_comparison a:visited,
#order-premium_comparison a:link {
    outline:none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
#order-premium_comparison div,
#order-premium_comparison ul,
#order-premium_comparison li {
    padding:0 0 0 0;
    margin:0 0 0 0;
}

/* Headings */

#order-premium_comparison h1 {
}
#order-premium_comparison h2 {
}
#order-premium_comparison h3 {
    padding:0 0 0 0;
    margin:0;
    font-size:32px;
    line-height:38px;
    font-weight:bold;
    color:#333333;
}
#order-premium_comparison h4 {
    padding:0 0 0 0;
    margin:20px 0;
    font-weight:600
}
#order-premium_comparison h5 {
    padding:0 0 0 0;
    margin:5px 0;
    font-size:16px;
    color:#666666;
}

#order-premium_comparison .txt-center {
    text-align:center;
}

#order-premium_comparison .alert {
    margin-top: 70px;
    padding: 15px;
}

#order-premium_comparison .main-container {
    padding:0 2% 40px 2%;
    margin:0 auto;
}
#order-premium_comparison .main-container.price-01 {
    font-size:14px;
    line-height:17px;
}
#order-premium_comparison .main-container.price-01 h3,
#order-premium_comparison .main-container.price-01 h5 {
    font-weight:normal;
}

#products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 72px;
  padding: 24px;
}

#order-premium_comparison .price-table-container ul li {
    flex: 1 250px;
    max-width: 270px;
    min-width: 250px;
}

#order-premium_comparison .price-table-container .price-table {
    background: #ffffff;
    border-top: 4px solid var(--general2);
    padding-bottom: 14px;
    margin: 0 auto;
    -moz-border-radius: 8px;
    text-align: center;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.30);
}
#order-premium_comparison .price-table-container .price-table.active {
    margin:-30px 0 0 0;
    width:245px;
}
#order-premium_comparison .price-table-container .price-table .top-head {
    /* Old browsers
    background: #006699;
    /* FF3.6+
    background: -moz-linear-gradient(top,  #006699 0%, #004c66 100%);
    /* Chrome,Safari4+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006699), color-stop(100%,#004c66));
    /* Chrome10+,Safari5.1+
    background: -webkit-linear-gradient(top,  #006699 0%,#004c66 100%);
    /* Opera 11.10+
    background: -o-linear-gradient(top,  #006699 0%,#004c66 100%);
    /* IE10+
    background: -ms-linear-gradient(top,  #006699 0%,#004c66 100%);
    /* W3C
    background: linear-gradient(to bottom,  #006699 0%,#004c66 100%);
    /* IE6-9
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#004c66',GradientType=0);
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0; */
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area {
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area h4 {
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area p {
    padding:5px 0 0 0;
    margin:0 0 0 0;
    color:#80a7ba;
    font-size:13px;
    line-height:20px;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area {
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area .price {
    background: var(--general2);
    color: #fff;
    font-size: 18px;
    height: 52px;
    padding: 17px;
    position: relative;
    width: calc(100% + 48px);
    left: -24px;
    font-weight: 600;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area .price::before {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -25px;
    background: var(--general);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    transform: rotateZ(90deg);
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area .price::after {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 0;
    top: -25px;
    background: var(--general);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    transform: rotateZ(-90deg);
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area .price span {
    font-size: 26px;
    margin-right: 6px;
    font-weight: 400;
}

#order-premium_comparison .price-table-container .order-button {
    padding: 16px;
    font-size: 16px;
    border-radius: 0 0 4px 4px;
    display: block;
    margin: 0 auto -14px;
}

#order-premium_comparison .price-table-container .order-button.unavailable:hover {
    cursor: not-allowed;
    /* Old browsers */
    background: #404A53;
    /* FF3.6+ */
    background: -moz-linear-gradient(top,  #404A53 0%, #949499 100%);
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404A53), color-stop(100%,#949499));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top,  #404A53 0%,#949499 100%);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top,  #404A53 0%,#949499 100%);
    /* IE10+ */
    background: -ms-linear-gradient(top,  #404A53 0%,#949499 100%);
    /* W3C */
    background: linear-gradient(to bottom,  #404A53 0%,#949499 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404A53', endColorstr='#949499',GradientType=0);
}

#order-premium_comparison .price-table-container .price-table ul {}

#order-premium_comparison .price-table-container .price-table ul li {}
#order-premium_comparison .price-table-container .price-table ul li a {}
#order-premium_comparison .price-table-container .price-table ul li:last-child {}
#order-premium_comparison .price-table-container .price-table .popular-plan {}

#order-premium_comparison .includes-features {
	margin:0 auto;
	width:100%;
	max-width:780px;
	padding-top:10px;
}
#order-premium_comparison .includes-features .head-area {
    padding:0 0 0 0;
    margin:0 0 0 0;
    text-align:center;
    background:url(../img/head-bg.png) no-repeat center center;
    background-size:100% auto;
}
#order-premium_comparison .includes-features .head-area span {
    padding:0 20px;
    margin:0 0 0 0;
    display:inline-table;
}
#order-premium_comparison .main-container.price-01 .includes-features .head-area span {
    background:#f3f3f3;
}
#order-premium_comparison .includes-features ul.list-features {
    padding:20px 0 0 0;
    margin:0 0 0 0;
    list-style:none;
}
#order-premium_comparison .includes-features ul.list-features li {
    padding:0 0 0 22px;
    margin:5px 0;
    width:33%;
    display:inline-table;
    background:url(../img/tick.png) no-repeat;
}

/* This media query is written for iPad and tablets */
@media (max-width: 991px) {
    #order-premium_comparison .includes-features ul.list-features li {
        width:48%;
    }
}

/* This media query is written for Mobile only */
@media (max-width: 600px) {
    #order-premium_comparison .price-table-container .price-table {
        margin:0 0 0 0;
        width: 300px;
    }
    #order-premium_comparison .price-table-container .price-table.active {
        margin:0 0 0 0;
        width:300px;
    }
}

/* This media query is written for Mobile only */
@media (max-width: 480px) {
    #order-premium_comparison .includes-features ul.list-features li {
        width:100%;
    }
}

/* Sidebar */

.row-product-selection {
    position: relative;
    left: 0;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
}

.product-selection-sidebar {
    position: absolute;
    top: 0;
    left: -300px;
    width: 300px;
    display: none;
}

#btnShowSidebar {
    margin: 0 0 20px 0;
}