html {
    height:100%;
}

a[endpoint] {
    cursor:pointer;
}

.__h-100 {
    height:100%;
}

body.mp-auth-login {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rm-padding {
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -24px;
}

.bi {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

main {
    padding: 1.5rem;
}

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
  
.navbar .form-control {
    padding: .75rem 1rem;
}
    
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}
    
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 40px 0px !important;
    overflow-y: auto;
}

.sidebar::-webkit-scrollbar{
    display: none;
}

.sidebar .nav-link > .bi {
    margin-top: -2px;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar .nav-link {
    padding: 7px 20px;
}

.sidebar .nav-link > i[mp-icon] {
    width: 16px;
    height: 16px;
}

.sidebar li.nav-item > div > .collapse {
    visibility: visible !important;
}

.bd-mode-toggle {
    z-index: 1500;
}

.welcome-user {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.welcome-user > img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-bottom:10px;
}

.welcome-user > h1 {
    margin-bottom: 0px;
}

.header {
    padding: 30px;
    position: fixed;
    right: 0;
    top:60px;
    left: 16.6%;
    z-index: 9999999;
}

.header div > p {
    margin: 0px;
}

.header div > h1 {
    margin-bottom: 5px;
}

.header div > a {
    padding: 15px 20px;
    border-radius: 8px;
    position: relative;
    left: 10px;
}

.dropdown-menu {
    position: relative !important;
    transform: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding:0px !important;
}

.dropdown-item {
    padding: 7px;
    padding-left: 40px;
}

.widget-box {
    display: flex;
    padding: 25px;
    border-radius: 8px;
    width: 100% !important;
    flex-direction: column;
    margin-bottom:30px;
}

.widget-box .widget-body {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.widget-box h1 {
    margin:0px;
}

.widget-box .widget-body h2 {
    margin:0px;
}

.widget-box .widget-body p {
    margin:0px;
}

.sidebar .branding > a > img {
    width: 150px;
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
}

.messages .message-item {
    padding: 10px;
    align-items: center;
}

.messages .message-item img {
    width: 80%;
    border-radius: 100%;
}

body.mp-auth-login form {
    width: 450px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 8px;
}

body.mp-auth-login form h1 {
    margin-bottom: 5px;
}

.form-floating>label {
    top: 2px;
    z-index:99999;
}

/*
.form-floating:has(.choices) > label {
    display: none !important;
}
*/

.form-floating:has(.choices) > label {
    top: -18px;
    left: 0px;
    font-size: 11px;
    font-weight: 500;
    background: #d9dde2;
    height: auto;
    padding: 0px 5px;
    color: #545b64 !important;
}

body.mp-auth-login form > button[type="submit"] {
    border: 0px;
    padding: 12px 25px;
    min-width: 150px;
    border-radius: 8px;
}

.password-strength-bar {
    width: 100%;
    height: 10px;
    position: relative;
    left: 1px;
    margin-top: 5px;
    border-radius: 8px !important;
}

.password-strength-bar-before {
    content: " ";
    display: block;
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    bottom: 2.5px;
    width: 0%;
    border-radius: 8px;
    max-width: calc(100% - 5px);
}

.input-group button {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.input-group button {
    border: 0px;
}

.badge-square {
    width: 25px !important;
    height: 25px !important;
    border-radius: 8px !important;
}

hr[label] {
    width: 100%;
    height: auto;
    border: 0;
    margin: 15px 0px;
    position: relative;
    opacity: 1;
}

hr[label]::before {
    content: " ";
    display: block;
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
}

hr[label]::after {
    content: attr(label);
    position: relative;
    display: inline-block;
    left: 30px;
    padding: 0px 10px;
}

sign-with {
    display: block;
    border: 1px solid;
    margin-bottom: 15px;
    padding: 10px 20px;
    padding-left: 50px;
    border-radius: 8px;
    background-size: 16px;
    background-position: 18px;
    background-repeat: no-repeat;
    cursor: pointer;
    position:relative;
}

sign-with[provider="apple"] {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/625px-Apple_logo_black.svg.png);
}
sign-with[provider="google"] {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Google_%22G%22_Logo.svg/2008px-Google_%22G%22_Logo.svg.png);
}


sign-with::before {
    content: "test";
    position: absolute;
    right: 10px;
    padding: 1px 10px;
    border-radius: 4px;
    top: 12px;
}

form > button[type="submit"]:not(.btn-table), form > * > button[type="submit"], form > * > button:not(.btn-table)  {
    display: inline-flex;
    border: 0px;
    border-radius: 8px;
    padding: 13px 30px;
    min-width: 200px;
    align-items: center;
    justify-content: center;
}

form > button[type="submit"]:not(.btn-table), form > * > button[type="submit"]:not(.btn-table), form > * > button:not(.btn-table)  > i {
    margin-right: 10px;
}

form .message-form {
    margin-bottom: 18px;
}

.table td > a, 
.table td > form > button,
.table td:last-child > button {
    border-radius: 8px;
    margin-left: 5px;
    display: inline-flex;
    width: 26px;
    height: 26px;
    justify-content: center;
    align-items: center;
}

.table td > a > i, .table td > form > button > i {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.table td {
    position:relative;
    padding: 20px;
    cursor: default;
    vertical-align: middle;
}

.table tr[href] > td {
    cursor: pointer !important;
}

.table th {
    padding: 20px 19px;
}

.widget-message {
    max-width: 600px;
    margin: auto;
    padding: 40px;
    border-radius: 8px;
}

.widget-message > a {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 8px;
}

.widget-action > a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 8px;
}

.widget-notice > p {
    margin: 0px;
}

.widget-notice {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
}

.row.widget-notice {
    margin: 0px 0px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    align-content: center;
}

datalist {
    position: absolute;
    list-style: none;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
}

datalist > li {
    padding: 9px 10px;
    cursor: pointer;
}

.row.ajax-search {
    padding-bottom: 30px;
    margin: 0;
    align-content: center;
    align-items: center;
}
.row.ajax-search > div > .form-floating {
    margin: 0px !important;
}

.row.ajax-search > div > h3 {
    margin: 0px;
}

.row.ajax-search > div > p {
    margin: 0px;
    margin-top: 5px;
}

.sitemanager {
    /* padding: 0px 10px; */
    position: fixed;
    right: 0;
    top: 0;
    left: 16.6%;
    z-index: 99999999;
    display: flex;
    align-content: center;
    align-items: center;
    height: 60px;
}

.sitemanager > .nav {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sitemanager .dropdown-menu {
    position: absolute !important;
    top: 47px !important;
}

.sitemanager .dropdown-menu li > a {
    padding: 10px 20px;
}

.sitemanager li > hr.dropdown-divider {
    margin: 0px;
}

.sitemanager > .nav .nav-item.dropdown > a {
    font-weight: 100;
    font-size: 12px;
    color: #8e98a6;
    background: #c1daff1a;
    border-radius: 0px;
    height: 100%;
    display: flex !important;
    justify-content: space-between;
    outline:0 !important;
    box-shadow: none !important;
    padding: 10px 25px;
}

.sitemanager > .nav .nav-item.dropdown > a > img {
    width: 20px;
    margin-left: -3px;
}

.sitemanager > .nav .nav-item.dropdown > ul {
    background: #203350 !important;
    padding: 12px !important;
    border-radius: 8px !important;
}

.sitemanager > .nav .nav-item.dropdown > ul > li {
    background: #00000000 !important;
    border: 0px solid transparent !important;
    box-shadow: 0px 0px 0px 0px !important;
}

.sitemanager > .nav .nav-item.dropdown > ul > li > a {
    border-radius: 8px;
    font-weight: 100;
}

.sitemanager > .nav .nav-item.dropdown > ul > li > a:hover {
    background: #979fac1f;
}

.sitemanager > .nav .nav-item.dropdown > ul > li > form > button {
    background: transparent !important;
    padding: 10px 21px;
    font-size: 11px;
    font-weight: 100;
    display: flex;
    justify-content: flex-start;
}

.sitemanager > .nav .nav-item.dropdown > ul > li > form > button:hover {
    background: #979fac1f !important;
}

.sidebar li.nav-item > h3 {
    padding: 0px 17px;
}

.sidebar li.nav-item > p {
    padding: 0px 17px;
    line-height: 12px;
    margin-bottom: 31px;
}

.sidebar li.nav-item {
    margin-bottom: 30px;
}

.sidebar .nav-item .dropdown-toggle::after {
    right: 23px !important;
    position: absolute;
    border: 0px !important;
    width: 16px;
    height: 16px;
}

.sidebar .nav-link.show:before {
    content: " ";
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: -0.8px;
    left: 2px;
}

.header > .row {
    align-items: center;
}

.mp-bg-chart > canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.widget-box.mp-bg-chart::before, .widget-box.mp-bg-chart::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    border-radius: 8px;
}

.mp-bg-chart h1, .mp-bg-chart .widget-body {
    position: relative;
    z-index: 99999;
}

.widget-box .widget-body small.block {
    padding: 5px 10px;
    padding-bottom: 4px;
    margin-top: 7px;
    display: inline-block;
    border-radius: 8px;
}


.widget-notice > div:first-child {
    display: flex;
    justify-content: center;
    padding: 0px !important;
    margin-left: -15px;
}

.widget-notice > div:first-child:before {
    content: " ";
    background-size: cover;
    background-position: center center;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.widget-notice > div > p {
    margin-bottom: 0px;
}

.auth-screen form {
    width: 400px;
}

.auth-screen .auth-screen__left {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.auth-screen__right::before {
    content: " ";
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.auth-screen__right {
    position: relative;
}

.auth-screen .auth-screen__left, .auth-screen .auth-screen__right {
    padding: 80px;
}

.auth-screen form > img {
    width: 150px;
    padding-bottom: 40px;
}

.auth-screen form > h1 {
    margin: 0px;
}

.sign-with {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.sign-with > button:before {
    content: "Accedi con";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 0.5px;
}

.sign-with > button > img {
    width: 20px;
    height: 20px;
}

.sign-with > button {
    display: flex;
    width: 100%;
    margin: 0px 5px;
    border: 0px;
    border-radius: 8px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
}


.auth-screen .auth-screen__right {
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.auth-screen .auth-screen__right > * {
    position: relative;
}

.rapid-action > a > i {
    margin-right: 5px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.rapid-action > a {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
}

.rapid-action {
    display: flex;
    margin-left: -24px;
    margin-right: -24px;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-top: -24px;
    margin-bottom: 24px;
    padding: 20px 0px;
}

form h1 {
    margin-bottom: 0px;
}

.widget-notice .buttons {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.widget-notice .buttons > a {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
}

.table td[color]:before {
    content: " ";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    transform: translateY(17%);
}

.widget__category-box {
    display: flex;
    flex-wrap: wrap;
}

.widget__category-item {
    flex: 283px 0 0;
    width: 283px !important;
    margin: 5px;
    padding: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius:8px;
    
}

.widget__category-item[brand]:before {
    content: attr(brand);
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 20px;
    border-radius: 8px;
}

.widget__category-item > img {
    width: 50%;
}
  

table.widget-table-products tr > td > img {
    width: 100px;
}

table.widget-table-products tr > td > h1 {
    font-size: 14px;
    color: #254f8b;
    font-weight: 700;
    margin-bottom: 3px;
}

table.widget-table-products tr > td > p {
    font-size: 12px;
    color: #919eb2;
}

table.widget-table-products tr > td > .badge {
    width: 150px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

tags {
    display: flex;
    width: 100%;
}

tags > tag:before {
    content: "#";
}

tags > tag {
    margin-right: 5px;
    padding: 3px 13px;
    border-radius: 8px;
}

.meta-item > h1 {
    margin-bottom: 0px;
}

.meta-item {
    margin-top: 20px;
    padding-top: 18px;
}

fieldset > .colors-items {
    display: inline-block;
    width: 100%;
}

fieldset > .colors-items > .color-item {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0px 20px;
    display: inline-flex;
    border-radius: 31px;
    align-content: center;
    align-items: center;
    justify-content: center;
    position:relative;
}

fieldset > .colors-items > .color-item:before {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    left: -17px;
    border-radius: 100%;
}

fieldset > .colors-items > .color-item[color="Titanio naturale"]:after,
fieldset > .colors-items > .color-item[color="Titanio blu"]:after,
fieldset > .colors-items > .color-item[color="Titanio bianco"]:after,
fieldset > .colors-items > .color-item[color="Titanio nero"]:after {
    content: '';
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    opacity: 0.23;
    width: 10px;
    height: 10px;
}


.product-image-col > .product-image > img {
    width: 100%;
}

.product-list > h1 {
    margin: 0px;
}

.product-list {
    margin-top: 15px;
    padding-top: 17px;
}

.col-sm-3.product-image-col > .product-image > img {
    padding: 30px;
}

label.radio__btn > input[type="radio"] {
    display: none;
}

label.radio__btn > div {
    padding: 30px;
    border-radius: 8px;
    cursor: pointer;
}

label.radio__btn > div > span.status:after {
    content: "Seleziona";
}

label.radio__btn > input:checked + div > span.status:after {
    content: "Selezionato";

}

label.radio__btn > div > span.status:before {
    --size: 14px;
    content: " ";
    width: var(--size);
    height: var(--size);
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

label.radio__btn > input:checked + div > span.status:before {
    opacity: 1;
}

label.radio__btn {
    margin-bottom: 30px;
    width: 100%;
}

label.radio__btn span.status {
    display: block;
}

label.radio__btn > div input[type="date"], label.radio__btn > div input[type="time"] {
    border: 0px;
    padding: 0px 0px;
    outline:0;
}

form > section > button {
    border: 0px;
    padding: 13px 40px;
    border-radius: 8px;
    margin-right: 10px;
}

.step-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.step-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
  
.step-item::before {
    position: absolute;
    content: "";
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}
  
.step-item::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}
  
.step-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 6px;
}
  
.step-item .step-name > p {
    max-width: 250px;
    margin: 0 auto;
}

.step-item.completed::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.step-item:first-child::before {
    content: none;
}

.step-item:last-child::after {
    content: none;
}

label.checkbox-input > input:checked + div:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    margin: 6px;
}

label.checkbox-input > input + div {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    margin-right: 5px;
    position: relative;
}

label.checkbox-input > input {
    display: none;
}

label.checkbox-input p {
    margin: 0px;
}

label.checkbox-input {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

checkbox {
    border-radius: 6px;
    padding: 20px !important;
    display: flex;
    flex-direction: column;
    min-height: 173px;
    max-height: 173px;
    overflow-y: scroll;
}

checkbox > label {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 5px 0px;
}

checkbox > label > input {
    display: none;
}

checkbox > label > input + div {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 6px;
    position:relative;
    cursor:pointer;
}
checkbox > label > p {
    margin: 0px !important;
}

checkbox > label > input:checked + div:before {
    content: "S";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.gjs-off-prv.fa.fa-eye-slash {
    border-radius: 6px;
    border-top-left-radius: 0px;
}

a.forgotten {
    margin-top: 12px;
    display: block;
}


.twilio-account > ul {
    padding: 0;
    list-style: none;
}

.productManager {
    position: relative;
    display: flex;
}
.productManager > .productManager__filters {
    width: 300px;
    max-width: 300px;
    margin-right: 15px;
}
.productManager > .productManager__filters > .productManager__filters-content {
    position: fixed;
    width: 300px;
    padding: 15px;
    border-radius: 8px;
}

.productManager .productManager__products {
    margin-left: 300px;
}

.productManager > .productManager__filters > .productManager__filters-content > h1 {
    margin-bottom: 5px;
}
.productManager > .productManager__filters > .productManager__filters-content > p {
    line-height: 14px;
}
.productManager > .productManager__filters > .productManager__filters-content button[type="submit"] {
    display: block;
    width: 100%;
}

.productManager__products-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.productManager__products-table .table-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
}

.productManager__products-table .table-cell {
    flex: 1;
    padding: 8px;
    position: relative;
}

.productManager .productManager__products {
    margin-left: 85px;
    width: 100%;
}

.productManager__products-table .table-cell > img.productImage {
    width: 100px;
}

.productManager__products-table .table-cell > tags {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.productManager__products-table .table-cell > tags  > tag {
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
}

.productManager__products-table .table-cell > tags  > tag:before {
    position: absolute;
    top: 1px;
    left: 8px;
}

.productManager__products-table .table-cell > p {
    line-height: 13px;
    margin-bottom: 10px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > button {
    padding: 5px 15px;
    border-radius:6px;
    outline:0 !important;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown {
    display: inline-flex;
    margin-bottom: 3px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul {
    position: absolute !important;
    top: 28px !important;
    padding: 15px !important;
    border-radius: 6px !important;
    min-width: 300px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > h1 {
    margin-bottom: 0px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > p {
    margin: 0px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > fieldset {
    margin: 0px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > fieldset > .colors-items > .color-item {
    padding: 0px 5px;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > fieldset > .colors-items > .color-item:before {
    left: -3px;
}

.productManager__products-table .table-cell > h3.productQty {
    margin-bottom: 3px;
}

.productManager__products-table .table-cell span {
    display: block;
}

.productManager__products-table .table-cell > p.qty > span {
    display: inline-flex;
    padding: 3px;
    border-radius: 3px;
    min-width: 19px;
    min-height: 19px;
    align-items: center;
    justify-content: center;
}

.productManager__products-table .table-cell span.productCode {
    margin-bottom: 20px;
}

.productManager__products-table .table-row > .productId {
    position: absolute;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 999;
}

.productManager__products-table .table-cell .editMode button > i {
    width: 13px;
    height: 13px;
}

.productManager__products-table .table-cell .editMode button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    height: 30px;
    border-radius: 5px;
    margin-left: 5px;
    padding: 0px;
}

.productManager__products-table .table-cell .editMode {
    position: absolute;
    right: -5px;
    bottom: -5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.productManager__products-table .table-cell .editMode button.delete:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
}

.productManager__products-table .table-cell .editMode button.edit:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
}

.productManager__products-table .table-cell .editMode button.interchange {
    padding-right: 15px;
    padding-left: 15px;
}

.productManager__products-table .table-cell .editMode button.interchange:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.productManager__products-table .table-cell .centerDisplay > p {
    margin: 0px;
}

.productManager__products-table .table-cell .centerDisplay {
    padding-bottom: 7px;
    margin-bottom: 9px;
}

.pill {
    display: flex;
    align-items: center;
}

.pill:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 100%;
}

.form-floating.floating-flat-cyan > button {
    margin: 10px;
    border-radius: 100%;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-floating.floating-flat-cyan > button.dynamic-range__decrement-btn {
    left: -60px;
}
.form-floating.floating-flat-cyan > button.dynamic-range__increment-btn {
    right: -60px;
}
.form-floating.floating-flat-cyan > input.form-control.dynamic-range__display-value {
    padding: 0px 30px;
    padding-top: 15px;
    border-radius: 31px;
}

.productManager .productManager__image > img {
    width: 100%;
    padding: 0px 70px;
}

.productManager .productManager__content .productManager__content-main h1 {
    margin-bottom: 0;
}

.productManager .productManager__content .productManager__content-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item {
    border-radius: 8px;
    width: 100%;
    margin-right: 10px;
    padding: 20px;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item h1 {
    margin-bottom: 0px;
    cursor:default;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item p {
    margin: 0;
    cursor:default;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item:after {
    content: "";
    border-radius: 8px;
    width: 90%;
    margin-right: 10px;
    padding: 20px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item {
    border-radius: 8px;
    width: 100%;
    margin-right: 10px;
    padding: 20px;
    position: relative;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item > * {
    position: relative;
    z-index: 9999;
    cursor:default;
}

.authorBy:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 7px;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
}

.authorBy {
    margin-bottom: 15px;
    position: relative;
    padding-left: 14px;
    cursor:default;
}

.authorBy span {
    display: block;
    cursor:default;
}
.authorBy p {
    margin: 0;
    cursor:default;
}

.productManager .productManager__content .divider {
    width: 300px;
    height: 1px;
    margin-bottom: 18px;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.productManager__content-widget {
    margin-bottom: 20px;
}

.productManager__content-widget > h1 {
    border-radius: 8px;
    margin-right: 10px;
    padding: 5px 0px;
    position: relative;
    margin-left: 36px;
    display: inline-block;
    cursor: default;
    margin-bottom: 10px;
}

.productManager__content-widget > h1:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    position: absolute;
    left: -36px;
    top: 0;
    border-radius: 8px;
}

.productManager__content-widget > p {
    cursor: default;
}

.productManager__content-widget .colors-items {
    display: flex;
    margin-bottom: 15px;
}

.productManager__content-widget .colors-items > .color-item {
    margin-right: 20px;
    display: flex;
    align-items: center;
    cursor: default;
}

.productManager__content-widget .colors-items > .color-item:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 100%;
    
}

.productManager__content-widget count {
    display: inline-flex;
    min-width: 20px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

sub-count {
    display: block;
    margin-left: 22px;
    position: relative;
}

sub-count count {
    margin-right: 5px;
}

sub-count > p:before {
    --size: 17px;
    content: "";
    position: absolute;
    display: inline-block;
    width: var(--size);
    height: var(--size);
    left: -22px;
}

v-divider {
    display: inline-flex;
    align-items: center;
    align-content: center;
    margin: 0px 10px;
}

v-divider:before {
    content: "";
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 11px;
}

v-divider:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    border-radius: 6px;
}

.table td > .products {
    display: flex;
    flex-direction: column;
}

form[stripejs] button[type="submit"] {
    width: 100%;
    border: 0px;
    padding: 10px;
    border-radius: 8px;
}

.stripejs-element__input {
    width: 100%; 
    border-radius: 5px; 
    padding: 10px; 
    margin-bottom: 10px; 
}

[stripejs-billings] {
    display: flex;
    flex-direction: column;
}

[stripejs-billings] input {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
}

.header-checkout > h1 {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.header-checkout > h1 > code {
    padding: 3px 9px;
    border-radius: 4px;
    margin: 0px 5px;
}

.checkout-lists {
    margin-bottom: 10px;
    padding: 25px;
    border-radius: 5px;
}

.checkout-products .checkout-product-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 9px;
}

.checkout-products .checkout-product-item:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.checkout-products .checkout-product-item > .product-item-image > div {
    width: 100px;
    height: 100px;
}

.checkout-products .checkout-product-item > .product-item-info {
    padding-right: 30px;
    width: 100%;
}

.checkout-products .checkout-product-item > .product-item-info h1 {
    margin-bottom: 3px;
}

.checkout-products .checkout-product-item > .product-item-info p {
    margin: 0px;
    margin-bottom: -2px;
}

.checkout-products .checkout-product-item > .product-item-price > p {
    margin: 0px;
}

.checkout-products .checkout-product-item > .product-item-price > span {
    padding: 3px 9px;
    border-radius: 4px;
}

.checkout-products .checkout-product-item > .product-item-price > span > x:before {
    content: "x";
    margin: 0px 4px;
    position: relative;
    top: -1px;
}

.checkout-info {
    margin-bottom: 10px;
    padding: 25px;
    border-radius: 5px;
}

[stripejs-display] > [stripejs-alert] {
    padding: 12px 14px;
    margin-bottom: 10px;
    border-radius: 8px;
}

[stripejs-display] > [stripejs-alert="block"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    text-align: center;
}

[stripejs-display] > [stripejs-alert="block"] h1 {
    margin-bottom: 5px;
}

[stripejs-display] > [stripejs-alert="block"] p {
    margin: 0;
}

.widget-alert {
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.widget-alert > h1 {
    margin-bottom: 5px;
}

.widget-alert > a {
    padding: 5px 20px;
    display: inline-block;
    border-radius: 6px;
}

.table tbody p, .table tbody h1 {
    margin: 0;
}

.table tbody p {
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
}

.widget-block {
    padding: 30px;
    border-radius: 8px;
}

.widget-block > h4 {
    border-radius: 6px;
}

.list-box > .list-item {
    margin-bottom: 15px;
    list-style: none !important;
}

.list-box > .list-item:last-child {
    margin: 0;
}

.list-box > .list-item > h2 {
    font-size: 12px;
    font-weight: 500;
}

button#submit-payment {
    padding: 15px;
    display: block;
    width: 100%;
    border-radius: 7px;
}

button.btn { 
    padding: 15px;
    display: block;
    width: 100%;
    border-radius: 7px;
}

button.btn.btn-sm {
    padding: 3px;
    min-width: 23px;
    min-height: 23px;
    display: flex;
    font-size: 10px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.listItem > .listItem__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.listItem > .listItem__item, .listItem > .listItem__item > h1, .listItem > .listItem__item > span, .listItem > .listItem__item > p {
    cursor:default;
}


.listItem > .listItem__item:last-child {
    margin-bottom:0px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 15px;
}

table.dataTable thead th:first-child, table.dataTable thead td:first-child, table.dataTable thead th:last-child, table.dataTable thead td:last-child {
    --border-radius:8px;
}

table.dataTable thead th:first-child, table.dataTable thead td:first-child {
    border-top-left-radius:var(--border-radius);
    border-bottom-left-radius:var(--border-radius);
}

table.dataTable thead th:last-child, table.dataTable thead td:last-child {
    border-top-right-radius:var(--border-radius);
    border-bottom-right-radius:var(--border-radius);
}

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

.dataTables_wrapper:has(> .dataTables_length) > table, .dataTables_wrapper:has(> .dataTables_filter) > table{
    padding-top: 25px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: not-allowed;
}

.datatable-filters {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: nowrap !important;
}

.datatable-filters > div {
    width: 100%;
}

.datatable-filters > div > label {
    margin: 0;
}

.datatable-filters > div > select {
    padding: 10px 0px;
    border-radius: 0px;
}

.choices__inner {
    border-radius:0px !important;
    padding: 10px 0px !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.choices__inner:after {
    content: "\f282";
    position:relative;
    left:-10px;
    transform: rotate(0deg);
}

.choices.is-open .choices__inner:after {
    transform: rotate(180deg);
}

.dataTables_wrapper .dataTables_filter > label:has(> input[type="search"]) {
    padding: 5px 10px !important;
    padding-right: 5px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 8px !important;
    gap: 5px !important;
}

.dataTables_wrapper .dataTables_length > label > select {
    width: auto !important;
    height: auto !important;
    line-height: unset !important;
    padding-right: 15px;
}

.form-floating:has(.choices) > .choices {
    margin-bottom:0 !important;
}

.form-floating:has(.choices) .choices__inner {
    padding: 0.87rem .75rem !important;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 999999;
}

.btn-form-inline {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
}

.btn-form-inline > form {
    width: 100%;
}