@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --heading: 'Lexend', sans-serif;
    --text: 'Rubik', sans-serif;
    --secondary: 'Barlow', sans-serif;
}

html, body {
    font-family: var(--text);
}

h1, h2, h3, h4, h5 {
    font-family: var(--heading);  
}

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

.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.sidebar .nav-link {
    font-size: .875rem;
    font-weight: 500;
}
  
.sidebar-heading {
    font-size: .75rem;
}

.welcome-user > h1 {
    font-size: 16px;
}

.welcome-user > p {
    font-size: 12px;
}

.header div > p {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
}

.header div > h1 {
    font-size: 25px;
}

.header div > a {
    font-size: 12px;
    text-decoration: none;
}

.dropdown-item {
    font-size: 11px;
}

.widget-box h1 {
    font-size: 15px;
    font-weight: 600;
}

.widget-box .widget-body h2 {
    font-size: 20px;
}

.widget-box .widget-body small {
    font-size: 11px !important;
}

.messages .message-item p {
    font-size: 12px;
}

.messages .message-item h2 {
    font-size: 14px;
}

body.mp-auth-login form h1 {
    font-size: 20px;
}

body.mp-auth-login form p {
    font-size: 13px;
}

.form-floating>label {
    font-size: 13px;
}

.form-floating > input, .form-floating > textarea, .form-floating > select {
    font-size: 12px;
    font-weight: 100;
}

body.mp-auth-login form > button[type="submit"] {
    font-size: 15px;
    font-weight: 500;
}

.badge-square {
    text-align: center !important;
    font-size: 14px;
    line-height: 26px !important;
}

hr[label]::after {
    font-size: 13px;
}

.block-layout > h1 {
    font-size: 13px !important;
}

.block-layout > p a {
    text-decoration: none;
}

sign-with {
    font-size: 13px;
    font-weight: 500;
}

sign-with::before {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 400;
}

form > button[type="submit"], form > * > button[type="submit"], form > * > button  {
    font-weight: 600;
    font-size: 13px;
}

form .message-form {
    font-size: 12px;
}

.table {
    font-size: 13px;
}

.table td > a {
    font-weight: 600;
    text-decoration: none;
    font-size: 11px;
}

.widget-message > p {
    font-size: 13px;
    line-height: 21px;
}

.widget-message > h1 {
    font-size: 18px;
}

.widget-message > a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.widget-action > a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.widget-notice > p {
    font-size: 13px;
}
.widget-notice > h1 {
    font-size: 15px;
}

datalist > li {
    font-size: 13px;
}

.row.ajax-search > div > h3 {
    font-size: 20px;
}

.row.ajax-search > div > p {
    font-size: 11px;
    font-weight: 300;
    line-height: 12px;
}

.sitemanager .nav-link {
    font-weight: 600;
    font-size: 13px;
}

.sidebar li.nav-item > h3 {
    font-size: 14px;
}

.sidebar li.nav-item > p {
    font-size: 11px;
    font-weight: 300;
}

.header div > a {
    font-weight: 500;
}

.widget-box .widget-body p.count {
    font-size: 25px;
    font-weight: 600;
    font-family: var(--text);
}

.widget-box .widget-body small.block {
    text-transform: uppercase;
    font-size: 9px !important;
    font-weight: 500;
}

.widget-notice > div > p {
    font-size: 13px;
    font-weight: 300;
}
.widget-notice > div > h1 {
    font-size: 18px;
}

.auth-screen form > h1 {
    font-size: 23px;
    font-weight: 600;
}

.auth-screen form > p > a {
    text-decoration: none;
    font-weight: 700;
}
.auth-screen form > p {
    font-size: 12px;
}

.sign-with > button:before {
    font-size: 13px;
    font-weight: 600;
}

.auth-screen .auth-screen__right > p {
    font-weight: 300;
    font-size: 14px;
}
.auth-screen .auth-screen__right > h1 {
    font-size: 24px;
}

.table th {
    text-transform: uppercase;
    font-size: 10px;
}

.table td {
    font-size: 12px;
    font-weight: 100;
}

.rapid-action > a {
    font-size: 12px;
    text-decoration: none;
    font-weight: 500;
}

form h1 {
    font-size: 19px;
}

form p {
    font-size: 12px;
}

.widget-notice .buttons > a {
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
}

.widget__category-item {
    text-align: center;
    text-decoration: none;
}

.widget__category-item[brand]:before {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.widget__category-item > h1 {
    font-size: 20px;
}

tags > tag {
    font-size: 10px;
}

tags > tag:before {
    font-weight: 400;
}

.meta-item > h1 {
    font-size: 14px;
}

fieldset > .colors-items > .color-item {
    font-size: 10px;
    font-weight: 600;
}

table.widget-table-products tr > td > h3 {
    font-size: 11px;
}


.product-list > p {
    font-size: 13px;
}

.product-list > h1 {
    font-size: 14px;
}

label.radio__btn > div input[type="date"], label.radio__btn > div input[type="time"] {
    font-size: 12px;
    font-weight: 300;
}

label.radio__btn > div > span.status:after {
    font-size: 12px;
    font-weight: 300;
}

form > section > button {
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .step-item {
        font-size: 12px;
    }
}
  
.step-item .step-counter {
    font-size: 12px;
    font-weight: 600;
}
  
.step-item .step-name > p {
    font-size: 11px;
}

.step-item .step-name > h1 {
    font-size: 12px;
}

.step-item .step-name {
    text-align: center;
}
  
checkbox > label > input:checked + div:before {
    font-size: 8px;
}

a.forgotten {
    font-size: 12px;
    text-decoration: none;
}

.twilio-account > ul > li {
    font-size: 12px;
}

.productManager > .productManager__filters > .productManager__filters-content > h1 {
    font-size: 14px;
}

.productManager > .productManager__filters > .productManager__filters-content > p {
    font-weight: 100;
    font-size: 12px;
}

.productManager__products-table .table-row {
    font-size: 12px;
    font-weight: 100;
    text-decoration: none;
}

.productManager__products-table .table-cell > .productTitle {
    font-size: 13px;
}

.productManager__products-table .table-cell > h3 {
    font-size: 15px;
}

.productManager__products-table .table-cell > tags  > tag {
    font-weight: 500;
}

.productManager__products-table .table-cell > tags  > tag:before {
    font-weight: 100;
    font-size: 13px;
}

.productManager__products-table .table-cell > p {
    font-size: 12px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > button {
    font-size: 11px !important;
    font-weight: 500;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul {
    font-size: 12px;
    min-width: 300px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > h1 {
    font-size: 13px;
}

.productManager__products-table .table-cell > h3.productQty {
    font-size: 12px;
}

.productManager__products-table .table-cell span > b {
    font-weight: 600;
}

.productManager__products-table .table-cell > p.qty > span {
    font-weight: 500;
    font-size: 11px;
}

.productManager__products-table .table-cell .editMode button {
    font-weight: 600;
    font-size: 11px;
}

.productManager__products-table .table-cell .centerDisplay > span {
    font-weight: 600;
}

.pill {
    font-weight: 500;
}

.form-floating.floating-flat-cyan > input.form-control.dynamic-range__display-value {
    font-size: 13px;
}

.productManager .productManager__content .productManager__content-main h1 {
    font-size: 20px;
}

.productManager .productManager__content .productManager__content-main p {
    font-size: 13px;
    font-weight: 300;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item h1 {
    font-size: 14px;
    font-weight: 600;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item p {
    font-size: 13px;
    font-weight: 300;
}

.authorBy span {
    font-weight: 600;
    font-size: 13px;
}

.authorBy p {
    font-size: 13px;
    font-weight: 300;
}

.productManager__content-widget > h1 {
    font-size: 12px;
}

.productManager__content-widget > p {
    font-weight: 300;
    font-size: 13px;
}

.productManager__content-widget .colors-items > .color-item {
    font-weight: 300;
    font-size: 13px;
}


.productManager__content-widget .colors-items > .color-item[color="Titanio naturale"]:after,
.productManager__content-widget .colors-items > .color-item[color="Titanio blu"]:after,
.productManager__content-widget .colors-items > .color-item[color="Titanio bianco"]:after,
.productManager__content-widget .colors-items > .color-item[color="Titanio nero"]:after {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.productManager__content-widget count {
    font-size: 11px;
    font-weight: 600;
}

.productManager__content-price > p {
    font-size: 14px;
    font-weight: 300;
}

.productManager__content-price > p > span {
    font-weight: 500;
}

sub-count {
    font-size: 12px;
    font-weight: 300;
}

.table td > .products {
    font-size: 11px;
}

form > div > div > p {
    font-weight: 300;
}

form[stripejs] button[type="submit"] {
    font-size: 15px;
    font-weight: 500;
}

.stripejs-element__input {
    font-size: 12px; 
}

[stripejs-billings] input {
    font-size: 12px;
}

.header-checkout > h1 > code {
    font-size: 12px;
}

.header-checkout > p {
    font-size: 12px;
    font-weight: 300;
}

.checkout-lists {
    font-size: 12px;
}

.checkout-products .checkout-product-item > .product-item-info h1 {
    font-size: 15px;
}

.checkout-products .checkout-product-item > .product-item-info p {
    font-size: 8pt;
}

.checkout-products .checkout-product-item > .product-item-price > p {
    font-size: 23px;
    font-weight: 300;
}

.checkout-products .checkout-product-item > .product-item-price > span {
    font-size: 11px;
    font-weight: 100;
}

.checkout-products .checkout-product-item > .product-item-price > span > x:before {
    font-size: 9px;
}

.checkout-info {
    font-size: 12px;
}

[stripejs-display] > [stripejs-alert] {
    font-size: 12px;
    font-weight: 300;
}

[stripejs-display] > [stripejs-alert="block"] {
    text-align: center;
}

[stripejs-display] > [stripejs-alert="block"] h1 {
    font-size: 12px;
}

[stripejs-display] > [stripejs-alert="block"] p {
    font-size: 11px;
}

[stripejs-display] > [stripejs-alert="block"] p b {
    font-weight: 500;
}

.widget-alert > h1 {
    font-size: 13px;
}

.widget-alert > a {
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
}

.table tbody b {
    font-weight: 500 !important;
}

.widget-block > h4 {
    font-size: 12px;
    font-weight: 500;
}

.widget-block > p {
    font-size: 12px;
    font-weight: 300;
}

.list-box > .list-item > p {
    font-size: 11px;
    font-weight: 300;
}

button.btn {
    font-size: 12px;
    font-weight: 500;
}

.listItem > .listItem__item {
    font-size: 12px;
}

.listItem > .listItem__item > h1 {
    font-weight: 300;
    font-size: 11px;
}

.listItem > .listItem__item > span {
    font-size: 12px;
    font-weight: 500;
}

table.dataTable thead th, table.dataTable thead td {
    font-weight: 600;
}

.dataTables_wrapper .dataTables_info {
    font-size: 12px;
    font-weight: 100;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    font-weight: 100;
}

.datatable-filters > div > label {
    font-size: 12px;
    font-weight: 500;
}

.datatable-filters > div > select {
    font-size: 12px;
    font-weight: 100;
}

.choices__inner {
    font-size:12px !important;
}

.choices__inner:after {
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
}


.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    font-size: 12px !important;
    font-weight: 100 !important;
}

.dataTables_wrapper .dataTables_filter > label:has(> input[type="search"]), 
.dataTables_wrapper .dataTables_filter > label:has(> input[type="search"]) > input,
.dataTables_wrapper .dataTables_length select  {
    font-size: 12px !important;
    font-weight:100 !important;
}

.dataTables_wrapper .dataTables_length {
    font-size: 12px !important;
    font-weight: 100 !important;
}

.form-floating:has(.choices) > .choices {
    font-size: 13px;
}