/* DEPRECATED COLORS
:root {
    --primary: #273f61;
    --primary-hover: #154b97;
    --secondary: #12233B;
    --primary-text: #ffffff;
    --secondary-text: #8E9AAC;
    --secondary-text-light: #c6d0e0;
    --color-heading: #154b97;
    --color-error: #c83a58;
    --color-success: #285432;
    --color-reset: transparent;
    --color-light: #273f610f;
    --color-border: #eaeaea;
}
*/

:root {
    --primary: #082a5b;
    --primary-hover: #154b97;
    --secondary: #051731;
    --primary-text: #ffffff;
    --secondary-text: #8E9AAC;
    --secondary-text-light: #c6d0e0;
    --color-heading: #00419e;
    --color-error: #c83a58;
    --color-success: #285432;
    --color-reset: transparent;
    --color-light: #273f610f;
    --color-border: #eaeaea;
}

.form-control:focus {
    border-color: #233e642b !important;
    box-shadow: 0 0 0 0.25rem rgb(35 58 90 / 5%) !important;
}

.text-success {
    color:var(--color-success);
}

.text-error {
    color:var(--color-error);
}

.badge-square {
    background: #e1eaf794;
    backdrop-filter: blur(1px);
}

.sidebar, div#sidebarMenu {
    background: var(--secondary) !important;
    color: var(--primary-text);
}

.sidebar .nav-link {
    color: var(--primary-text);
}
  
.navbar-brand {
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.header {
    background: linear-gradient(-45deg, var(--secondary), var(--secondary), var(--primary), var(--secondary));
    color: var(--primary-text);
    background-size: 400% 400% !important;
}

.header div > a {
    background: #00419e;
    color: #ffffff;
}

.dropdown-menu {
    background: var(--color-reset) !important;
}


.dropdown-item {
    color: var(--primary-text);
    opacity: 0.6;
}

.dropdown-item:hover {
    opacity: 1;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--primary-text);
    background-color: var(--primary-hover);
}

.widget-box {
    background: #ffffff;
    border: 1px solid #253d5e21;
}

.widget-box h1 {
    color: var(--color-heading);
}

body.mp-auth-login form h1 {
    color: var(--color-heading);
}

body.mp-auth-login form p {
    color: var(--secondary-text);
}

.form-floating>label {
    color: var(--secondary-text) !important;
}

.form-floating > input, .form-floating > textarea {
    color: #4a5b72;
}

.form-floating > input, .form-floating > textarea, .form-floating > select, .form-floating > .dynamic-filter {
    border: 1px solid #d9dde2;
    box-shadow: 1px 2px 8px 0px #6868681c;
}

body.mp-auth-login form > button[type="submit"] {
    background: var(--secondary);
    color: var(--secondary-text-light);
}

.password-strength-bar {
    background: #ffffff;
    border: 1px solid #eaeaea;
}

.password-strength-bar-before.weak {
    background: #ff4848;
}

.password-strength-bar-before.medium {
    background: #f1b32c;
}

.password-strength-bar-before.strong {
    background: #8BC34A;
}

.input-group button {
    background: #fff !important;
    border-top: 1px solid !important;
    border-right: 1px solid !important;
    border-bottom: 1px solid !important;
    border-color: #eaeaea !important;
    color: #ababab !important;
}

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    background-color: #fff0;
}

hr[label]::after {
    color: #b1b1b1;
    background: #fff;
}

hr[label]::before {
    background: #ebebeb;
}

.block-layout > p a {
    color: #276ed9;
    text-decoration: none;
}
.block-layout > p {
    color: var(--secondary-text);
}

sign-with {
    border-color: #e0e0e0 !important;
    color: #3a3a3a;
}

sign-with::before {
    background: #edf3f9;
    color: #2c5b87;
}

form > button[type="submit"], form > * > button[type="submit"], form > * > button  {
    color: var(--secondary-text-light);
    background: linear-gradient(-45deg, #000, var(--secondary), #002964, var(--secondary));
    background-size: 400% 400% !important;
}

form > button[type="button"], form > * > button[type="button"] {
    color: #022354;
    background-size: 400% 400% !important;
    background: transparent;
    box-shadow: inset 0px 0px 0px 1px #022354;
}

form > button[type="button"]:hover, form > * > button[type="button"]:hover {
    box-shadow: inset 0px 0px 0px 2px #022354;
}

form > button[type="submit"][disabled], form > * > button[type="submit"][disabled], form > * > button[disabled] {
    opacity: 0.5;
}

form .message-form {
    color: #8b8b8b;
}

.table td > a,
.table td:last-child > button {
    color: var(--secondary-text-light);
    background: linear-gradient(-45deg, var(--secondary), var(--secondary), var(--primary), var(--secondary));
    background-size: 400% 400% !important;
}

.table td > a.text-danger, .table td > form > button.text-danger, button.btn.btn-sm.text-danger {
    background: linear-gradient(-45deg, #940000, #640000, #640000, #940000);
    background-size: 400% 400% !important;
    color: #d73333 !important;
}

.table td > a.text-danger, .table td > form > button.text-success, button.btn.btn-sm.text-success {
    background: linear-gradient(-45deg, #009439, #006448, #006462, #009484);
    background-size: 400% 400% !important;
    color: #7be8ca !important;
}

.table td {
    color: #8693a0;
}

.table th {
    color: #273f61;
}

.table tr:hover > td {
    background: #f8fcff;
}

.table td[color]:before {
    background: var(--table-item-color);
}

form > div > div > p {
    color: #828282;
}

form > div > div > h1 {
    color: #12233b;
}

form > div > div > h1 {
    font-size: 17px;
}

.widget-message {
    background: #edf3f9;
    color: #2c5b87;
}

.widget-message > a {
    background:var(--secondary);
    color: var(--secondary-text-light);
}

.widget-action > a {
    background:var(--secondary);
    color: var(--secondary-text-light);
}

.widget-notice {
    background: #dfeeff;
    /*border: 1px solid #cde2ff;*/
}

.widget-notice > h1 {
    color: var(--color-heading);
}

datalist {
    background: #fff;
    border: 1px solid #eaeaea;
}

datalist > li {
    border-bottom: 1px solid #eaeaea;
    color: #919191;
}

datalist > li:hover {
    color: #273f61 !important;
    background: #273f610d;
}

.row.ajax-search {
    border-bottom: 1px solid #e9eef3;
}

.row.ajax-search > div > h3 {
    color: #12233b;
}

.row.ajax-search > div > p {
    color: #737373;
}

.sitemanager {
    background: #031226;
}

.sitemanager .nav-link {
    color: #fff;
}

.sitemanager .dropdown-menu {
    background: #031226 !important;
}

.sitemanager li > hr.dropdown-divider {
    background: #12243c !important;
}

.sidebar li.nav-item > h3 {
    color: #a5caff;
}

.sidebar li.nav-item > p {
    color: #b1bbc9;
}

.sidebar .nav-item .dropdown-toggle::after {
    background-image: url(https://img.icons8.com/ios-glyphs/90/ffffff/chevron-down.png);
    background-size: cover;
}

.sidebar .nav-item .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.sidebar .nav-link.show:before {
    background: #a5caff;
}

.header div > p {
    color: #8995a7;
}

.widget-box.mp-bg-chart::before {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.widget-box.mp-bg-chart::after {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.widget-box .widget-body p.count {
    color: #2e4567;
}

.widget-box .widget-body small.block {
    background: #edf3fa;
    color: #606e82;
}

.widget-notice.info > div:first-child:before {
    background-image: url(https://img.icons8.com/pastel-glyph/64/004bb5/notice--v2.png);
}

.widget-notice.error > div:first-child:before {
    background-image: url(https://img.icons8.com/pastel-glyph/64/004bb5/error--v3.png);
}

.widget-notice.success > div:first-child:before {
    background-image: url(https://img.icons8.com/laces/64/004bb5/checked.png);
}

.widget-notice.update > div:first-child:before {
    background-image: url(https://img.icons8.com/sf-ultralight/100/004bb5/installing-updates.png);
}

.widget-notice > div > p {
    color: #7289a9;
}

.widget-notice > div > h1 {
    color: #00419e;
}

.auth-screen__right {
    background-size: cover;
    background-position: center center;
}

.auth-screen__right::before {
    background: linear-gradient(-45deg, #000, var(--secondary), #002964, var(--secondary));
    color: var(--primary-text);
    background-size: 400% 400% !important;
    opacity: 0.9;
}

.auth-screen form > p > a {
    color: #0e4ba6;
}

.auth-screen form > p {
    color: #8e99aa;
}

.sign-with > button {
    background: #f3f9ff;
    color: #34404c;
}

.auth-screen form > h1 {
    color: #0f4294;
}

.auth-screen .auth-screen__right > p {
    color: #abc4db;
}

.auth-screen .auth-screen__right > h1 {
    color: #e7f0ff;
}

.table td, .table th {
    border-color: #e9eef3 !important;
}

.rapid-action > a {
    background: #7c8d9e;
    background: linear-gradient(-45deg, #58697a, #7c8d9e, #b8c9da, #7c8d9e);
    border-right: 1px solid #eee;
    color: #7c8d9e;
    background-size: 400% 400% !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.rapid-action > a:last-child {
    border: 0px;
}

.rapid-action {
    border-bottom: 1px solid #e9eef3;
}

.rapid-action > a:hover {
    background: #002964;
    background: linear-gradient(-45deg, #000, var(--secondary), #002964, var(--secondary));
    background-size: 400% 400% !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

form h1 {
    color: var(--color-heading);
}

form p {
    color: #9aa8c0;
}

.widget-notice .buttons > a {
    background: #12233b;
    color: #fff;
}

.widget__category-item {
    filter: grayscale(0.3);
    background: #dfeeff;
    border: 0px;
    color: #00419e;
}

.widget__category-item:hover {
    filter: grayscale(0);
    box-shadow: inset 0px 0px 0px 3px;
}

.widget__category-item[brand]:before {
    background: #dfeeff;
    background: linear-gradient(-45deg, #d3e8ff, #cae1fb, #bcdcff, #bddcff);
    background-size: 400% 400% !important;
    color: #004cb9;
}

.widget__category-item > h1 {
    color: #00419e;
}

tags > tag {
    background: #fff;
    border: 1px solid #eee;
}

tags > tag:before {
    color: #c5c5c5;
}

table.widget-table-products tr > td > h3 {
    color: #0b264b;
}

.meta-item {
    border-top: 1px solid #eeee;
}

fieldset > .colors-items > .color-item {
    background: #ffffff;
    border: 1px solid #f0f0f0;
}

fieldset > .colors-items > .color-item:before {
    background: #e2e2e2;
}

fieldset > .colors-items > .color-item[color="Nero"]:before {
    background:#000000;
}

fieldset > .colors-items > .color-item[color="Grigio"]:before {
    background: #cbcbcb;
}

fieldset > .colors-items > .color-item[color="Bianco"]:before {
    background: #ffffff;
    box-shadow: inset 0px 0px 0px 1px #f0f0f0;
}

fieldset > .colors-items > .color-item[color="Viola"]:before {
    background: #744f8e;
}

fieldset > .colors-items > .color-item[color="Blu"]:before {
    background: #043fce;
}

fieldset > .colors-items > .color-item[color="Blu mezzanotte"]:before {
    background: #192c5a;
}

fieldset > .colors-items > .color-item[color="Azzurro"]:before {
    background: #90eef5;
}

fieldset > .colors-items > .color-item[color="Verde"]:before {
    background: #4cab75;
}

fieldset > .colors-items > .color-item[color="Rosso"]:before {
    background: #b20404;
}

fieldset > .colors-items > .color-item[color="Rosa"]:before {
    background: #ffdbfe;
}

fieldset > .colors-items > .color-item[color="Giallo"]:before {
    background: #f8d771;
}

fieldset > .colors-items > .color-item[color="Arancione"]:before {
    background: #f87c32;
}

fieldset > .colors-items > .color-item[color="Titanio naturale"]:before {
    background: #bbb5a9;
}

fieldset > .colors-items > .color-item[color="Titanio blu"]:before {
    background: #505966;
}

fieldset > .colors-items > .color-item[color="Titanio bianco"]:before {
    background: #f3f2ee;
}

fieldset > .colors-items > .color-item[color="Titanio nero"]:before {
    background: #424345;
}

fieldset > .colors-items > .color-item[color="Cromato"]:before {
    background-image: url(https://img.freepik.com/free-vector/round-metal-background_1053-158.jpg?size=338&ext=jpg&ga=GA1.1.1880011253.1699401600&semt=ais);
    background-size: cover;
    background-position: center;
}

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 {
    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);
}

.product-list > p {
    color: #787878;
}

.product-list {
    border-top: 0px solid #efefef;
}


label.radio__btn > div input[type="date"], label.radio__btn > div input[type="time"] {
    color: #708195;
}

label.radio__btn > div {
    border: 1px solid #e9eef3;
}

label.radio__btn > input:checked + div {
    border-color: #fff;
    box-shadow: 0px 0px 0px 3px #12438a;
}

label.radio__btn > div > span.status:after {
    color: #9aa8c0;
    opacity:0.3;
}

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

label.radio__btn > div > span.status:before {
    background-image: url(https://img.icons8.com/material-rounded/24/12438a/checkmark--v1.png);
    background-size: cover;
    opacity: 0.2;
}

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

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

label.radio__btn > div input[type="date"], label.radio__btn > div input[type="time"] {
    box-shadow: 0px 0px 0px 0px transparent;
}

form > section > button {
    color: var(--secondary-text-light);
    background: linear-gradient(-45deg, #000, var(--secondary), #002964, var(--secondary));
    background-size: 400% 400% !important;
}

.step-item::before {
    border-bottom: 2px solid #f0f0f0;
}
  
.step-item::after {
    border-bottom: 2px solid #f0f0f0;
}
  
.step-item .step-counter {
    background: #f0f0f0;
    color: #acacac;
    box-shadow: 0px 0px 0px 4px #fff;
}

.step-item.completed .step-counter {
    background-color: #24487d;
    color: #fff;
}
  
.step-item.completed::after {
    border-bottom: 2px solid #24487d;
}
  
.step-item.active .step-counter {
    background: #709de0;
    color: #24487d;
}


label.checkbox-input > input:checked + div:before {
    background: #24487d;
}

label.checkbox-input > input:checked + div {
    background: #709de02b;
}

label.checkbox-input > input + div {
    background: #709de02b;
}

checkbox {
    border: 1px solid var(--color-border);
    box-shadow: 1px 2px 3px 0px #eef3f9;
}

checkbox > label > input + div {
    background: #fff;
    border: 1px solid var(--color-border);
    box-shadow: 1px 2px 3px 0px #eef3f9;
}

checkbox > label > input:checked + div:before {
    background: #005bd5;
    color: #fff;
}

span.gjs-off-prv.fa.fa-eye-slash {
    background: #fff;
    border: 1px solid #d9e2ec;
    box-shadow: 2px 2px 5px 0px #0000001a;
}

.gjs-traits-label {
    border-color: #ebf0f3;
}

a.forgotten {
    color: #6c757e;
    opacity: 0.4;
}


a.forgotten:hover {
    opacity: 1;
}

.twilio-account > ul > li > b {
    color: #12326e;
}

.twilio-account > ul > li {
    color: #9aa8c3;
}

.productManager > .productManager__filters > .productManager__filters-content {
    background: #fff;
    border: 1px solid var(--color-border);
    box-shadow: 4px 3px 3px 0px #00000005;
}

.productManager > .productManager__filters > .productManager__filters-content .dynamic-filter, .productManager > .productManager__filters > .productManager__filters-content .form-control {
    border: 0px !important;
    box-shadow: 0px 0px 0px 0px transparent;
}

.productManager__products-table .table-row {
    background: #fff;
    border: 1px solid var(--color-border);
    box-shadow: 4px 3px 3px 0px #00000005;
}

.productManager__products-table .table-cell > .productTitle {
    color: var(--color-heading);
}

.productManager__products-table .table-cell > h3 {
    color: #0056ce;
}

.productManager__products-table .table-cell > tags  > tag {
    border: 0px !important;
    background: #f1f7ff;
    color: #00419e;
}

.productManager__products-table .table-cell > tags  > tag:before {
    color: #00419e;
}

.productManager__products-table .table-cell > p {
    color: #95a4ba;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > button {
    background: #dfeeff;
    border: 0px;
    color: #00419e;
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul {
    background: #f9fcff !important;
    border: 1px solid #d1dff3 !important;
    box-shadow: 4px 3px 6px 0px #00419e0a;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > h1 {
    color: #00419e;
}

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > p {
    color: #0560e3;
}

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

.productManager__products-table .table-cell > .dropdown__list > .dropdown > ul > fieldset > .colors-items > .color-item {
    border: 0px;
    background: transparent;
    color: #0056d1;
}

.productManager__products-table .table-cell span {
    color: #00398a;
}

.productManager__products-table .table-cell > p.qty > span {
    background: #00419e;
    color: #fff;
}

.productManager__products-table .table-row > .productId {
    background: #00419e8a;
    backdrop-filter: blur(1px);
    color: #fff;
    opacity: 0;
}

.productManager__products-table .table-row:hover > .productId {
    opacity: 0.8;
}

.productManager__products-table .table-cell .editMode button > i {
    opacity: 0.6;
}

.productManager__products-table .table-cell .editMode button {
    border: 0px;
    background: #dfeeff;
    color: #00419e;
}

.productManager__products-table .table-row > .table-cell .editMode {
    opacity: 0;
}
.productManager__products-table .table-row:hover > .table-cell .editMode {
    opacity: 1;
}

.productManager__products-table .table-cell .editMode button.delete {
    background: #d3111129;
}

.productManager__products-table .table-cell .editMode button.delete:before {
    background-image: url(https://img.icons8.com/fluency-systems-regular/48/bc2626/filled-trash.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #bc2626;
}

.productManager__products-table .table-cell .editMode button.edit:before {
    background-image: url(https://img.icons8.com/metro/26/00419e/edit.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #00419e;
}

.productManager__products-table .table-cell .editMode button.interchange:before {
    background-image: url(https://img.icons8.com/dotty/80/00419e/data-in-both-directions.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #00419e;
}

.productManager__products-table .table-cell .centerDisplay > span {
    color: #00419e;
}

.productManager__products-table .table-cell .centerDisplay > p {
    color: #9caabe;
}

.productManager__products-table .table-cell .centerDisplay {
    border-bottom: 1px solid var(--color-border);
}

.productManager__content-price > p {
    color: #00419e;
}

.pill {
    color: #8e99ab;
}

.pill.green {
    color: #3d9f4a;
}

.pill.red {
    color: #e00c0c;
}

.pill.orange {
    color: #ff9803;
}

.pill:before {
    background: #00419e;
}

.pill.green:before {
    background: linear-gradient(-45deg, #36aa3b, #4fa44f, #b6eaac, #2aaa22);
    color: var(--primary-text);
    background-size: 400% 400% !important;
}

.pill.orange:before {
    background: linear-gradient(-45deg, #f7bd20, #ffba00, #ede58b, #ffae00);
    color: var(--primary-text);
    background-size: 400% 400% !important;
}

.pill.red:before {
    background: linear-gradient(-45deg, #cd1a1a, #cc1616, #ff7474, #df0000);
    color: var(--primary-text);
    background-size: 400% 400% !important;
}

.form-floating.floating-flat-cyan > button {
    background: #dfeeff;
    border: 0px;
    color: #00419e;
}

.form-floating.floating-flat-cyan > input.form-control.dynamic-range__display-value {
    background: #dfeeff;
    border: 0px;
    color: #00419e;
    box-shadow: 0px 0px 0px 0px transparent;
}

.productManager .productManager__content .productManager__content-main h1 {
    color: #004bb6;
}

.productManager .productManager__content .productManager__content-main p {
    color: #98a3b3;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item {
    background: #dfeeff;
    color: #00419e;
}


.productManager .productManager__content .productManager__content-info .productManager__content-info-item p {
    color: #6f8fbc;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item:after {
    opacity: 0.4;
    background: #dfeeff;
    color: #00419e;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item {
    background: #dfeeff;
    color: #00419e;
    border: 1px solid #c1d7f036;
}

.authorBy:before {
    background: #dfeeff;
}

.authorBy span {
    color: #00419e;
}

.authorBy p {
    color: #98a3b3;
}

.productManager .productManager__content .divider {
    background: #e9eef3a8;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item:before {
    background-image: url(https://img.icons8.com/ios/100/00419e/info--v1.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 124% -20px;
    opacity: 0.1;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item:before {
    background-image: url(https://img.icons8.com/ios/100/00419e/info--v1.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 124% -20px;
    opacity: 0.1;
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item.brand:before {
    background-image: url(https://img.icons8.com/pulsar-line/96/00419e/job.png);
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item.category:before {
    background-image: url(https://img.icons8.com/external-gradak-royyan-wijaya/96/00419e/external-category-gradak-interface-gradak-royyan-wijaya.png);
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item.components:before {
    background-image: url(https://img.icons8.com/ios/100/00419e/processor.png);
}

.productManager .productManager__content .productManager__content-info .productManager__content-info-item.tipology:before {
    background-image: url(https://img.icons8.com/windows/96/00419e/verified-badge.png);
}

.productManager__content-widget {
    border-bottom: 1px solid #eaedf2;
}

.productManager__content-widget > h1 {
    color: #00419e;
}

.productManager__content-widget > h1:before {
    background: #dfeeff;
    border: 1px solid #c1d7f036;
    background-image: url(https://img.icons8.com/fluency-systems-filled/96/00419e/information.png);
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
}

.productManager__content-widget.compatibility > h1:before {
    background-image: url(https://img.icons8.com/ios-glyphs/90/00419e/system-information--v1.png);
}

.productManager__content-widget.colors > h1:before {
    background-image: url(https://img.icons8.com/external-vitaliy-gorbachev-lineal-vitaly-gorbachev/60/00419e/external-colors-photography-vitaliy-gorbachev-lineal-vitaly-gorbachev.png);
}

.productManager__content-widget.qty > h1:before {
    background-image: url(https://img.icons8.com/external-outline-geotatah/64/00419e/external-goods-procurement-process-outline-geotatah.png);
}

.productManager__content-widget > p {
    color: #819bbe;
}

.productManager__content-widget .colors-items > .color-item {
    color: #819bbe;
}

.productManager__content-widget .colors-items > .color-item:before {
    border:2px solid #ffffff;
    box-shadow: 0px 0px 0px 1px var(--color-item);
    
}

.productManager__content-widget .colors-items > .color-item[color="Nero"]:before {
    --color-item: #000000;
    background:#000000;
}

.productManager__content-widget .colors-items > .color-item[color="Grigio"]:before {
    --color-item: #cbcbcb;
    background: #cbcbcb;
}

.productManager__content-widget .colors-items > .color-item[color="Bianco"]:before {
    --color-item: #ffffff;
    background: #ffffff;
    box-shadow: inset 0px 0px 0px 1px #f0f0f0;
}

.productManager__content-widget .colors-items > .color-item[color="Viola"]:before {
    --color-item: #744f8e;
    background: #744f8e;
}

.productManager__content-widget .colors-items > .color-item[color="Blu"]:before {
    --color-item: #043fce;
    background: #043fce;
}

.productManager__content-widget .colors-items > .color-item[color="Blu mezzanotte"]:before {
    --color-item: #192c5a;
    background: #192c5a;
}

.productManager__content-widget .colors-items > .color-item[color="Azzurro"]:before {
    --color-item: #90eef5;
    background: #90eef5;
}

.productManager__content-widget .colors-items > .color-item[color="Verde"]:before {
    --color-item: #4cab75;
    background: #4cab75;
}

.productManager__content-widget .colors-items > .color-item[color="Rosso"]:before {
    --color-item: #b20404;
    background: #b20404;
}

.productManager__content-widget .colors-items > .color-item[color="Rosa"]:before {
    --color-item: #ffdbfe;
    background: #ffdbfe;
}

.productManager__content-widget .colors-items > .color-item[color="Giallo"]:before {
    --color-item: #f8d771;
    background: #f8d771;
}

.productManager__content-widget .colors-items > .color-item[color="Arancione"]:before {
    --color-item: #f87c32;
    background: #f87c32;
}

.productManager__content-widget .colors-items > .color-item[color="Titanio naturale"]:before {
    --color-item: #bbb5a9;
    background: #bbb5a9;
}

.productManager__content-widget .colors-items > .color-item[color="Titanio blu"]:before {
    --color-item: #505966;
    background: #505966;
}

.productManager__content-widget .colors-items > .color-item[color="Titanio bianco"]:before {
    --color-item: #f3f2ee;
    background: #f3f2ee;
}

.productManager__content-widget .colors-items > .color-item[color="Titanio nero"]:before {
    --color-item: #424345;
    background: #424345;
}

.productManager__content-widget .colors-items > .color-item[color="Cromato"]:before {
    background-image: url(https://img.freepik.com/free-vector/round-metal-background_1053-158.jpg?size=338&ext=jpg&ga=GA1.1.1880011253.1699401600&semt=ais);
    background-size: cover;
    background-position: center;
}

.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 {
    background: #00419e;
    color: #fff;
}

sub-count {
    color: #819bbe;
}

sub-count > p:before {
    background-image: url(https://img.icons8.com/ios/100/00419e/down-right--v1.png);
    background-size: cover;
    opacity: 0.3;
}

v-divider:before {
    background: #e9eef3;
}

v-divider:after {
    background-color: #fff;
    border: 1px solid #e9eef3;
    background-image: url(https://img.icons8.com/ios/100/00419e/data-in-both-directions.png);
    background-size: 46%;
    background-repeat: no-repeat;
    background-position: center;
}

form[stripejs] button[type="submit"] {
    background: linear-gradient(-45deg, var(--secondary), var(--secondary), var(--primary), var(--secondary));
    color: var(--primary-text);
    background-size: 400% 400% !important;
}

.stripejs-element__input {
    border: 1px solid rgb(224, 224, 224); 
    box-shadow: rgba(0, 0, 0, 0.09) 2px 1px 5px 0px;
}

[stripejs-billings] input {
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
    outline-color: #00419e;
}

.header-checkout > h1 > code {
    color: #00419e;
    background: #ecf4ff;
}

.checkout-lists {
    background: #fff;
    border: 1px solid #f3f1f1;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}

.checkout-products .checkout-product-item {
    border-bottom: 0.5px solid #dbdbdb;
}

.checkout-products .checkout-product-item > .product-item-image > div {
    background-size: cover;
}

.checkout-products .checkout-product-item > .product-item-info h1 {
    color: #12233b;
}

.checkout-products .checkout-product-item > .product-item-info p {
    color: #07275573;
}

.checkout-products .checkout-product-item > .product-item-price > p {
    color: #18478b;
}

.checkout-products .checkout-product-item > .product-item-price > span {
    background: #ecf4ff;
    color: #00419e;
}

.checkout-info {
    background: #fff;
    border: 1px solid #f3f1f1;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}

[stripejs-display] > [stripejs-alert] {
    background: #f2f2f2;
    color: #878787;
}

[stripejs-display] > [stripejs-alert="error"] {
    background: #fee;
    color: #ea7a7a;
}

[stripejs-display] > [stripejs-alert="success"] {
    background: #ddf8e1;
    color: #26c556;
}

[stripejs-display] > [stripejs-alert="warn"] {
    background: #f8eedd;
    color: #bf955f;
}

[stripejs-display] > [stripejs-alert="info"] {
    background: #ebf6fc;
    color: #273f61;
}

[stripejs-display] > [stripejs-alert="block"] h1 {
    color: #2c8e55;
}

[stripejs-display] > [stripejs-alert="block"] p {
    color: #acacac;
}

[stripejs-display] > [stripejs-alert="block"].success {
    background: #e7fff1;
    color: #59a667;
}

[stripejs-display] > [stripejs-alert="block"].success p {
    color: #8db79e;
}

.widget-alert {
    background: #fff8ed;
}

.widget-alert > h1 {
    color: #aa8f68;
}

.widget-alert > p {
    color: #c9baa5;
}

.widget-alert > a {
    background: #ffedd1;
    color: #a88a5c;
}

.table tbody b {
    color: #00419e;
}

.table tbody p {
    border-right: 1px solid #ebebeb;
}

.widget-block {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 0px 10px 0px #0000000d;
}

.widget-block > h4 {
    color: #223859;
}

.widget-block > p {
    color: #898989;
}

.list-box > .list-item > p {
    color: #979797;
}

button#submit-payment {
    background: linear-gradient(-45deg, #000, var(--secondary), #002964, var(--secondary));
    background-size: 400% 400% !important;
    color: #fff;
}

button.btn {
    background: linear-gradient(-45deg, #000, var(--secondary), #002964, var(--secondary));
    background-size: 400% 400% !important;
    color: #fff;
}

button.btn:hover, button.btn:focus {
    color: #cdf3ff;
}

.listItem > .listItem__item > h1 {
    color: #777777;
}

.listItem > .listItem__item > span {
    color: #062045;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px !important;
    background: #ebf6fc;
}

.dataTables_wrapper .dataTables_info {
    color: #858585;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #888888 !important;
    border: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #ebf6fc;
    color: #6d8ab2 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #ebf6fc !important;
    border: 0px !important;
    color: #6d8ab2 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent !important;
    color: #888888 !important;
}

.datatable-filters > div > label {
    color: var(--primary);
}

.datatable-filters > div > select {
    border: 0px;
    border-bottom: 2px solid #c8d1dc;
    color: #677791;
    outline: 0 !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.choices__inner {
    background: #ffffff !important;
    border: 0px !important;
    border-bottom: 2px solid #c8d1dc !important;
    color: #677791 !important;
}

.choices_list.choices__list--dropdown {
    border: 1px solid #efefef !important;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #efefef !important;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    color: #bababa !important;
    opacity: 1 !important;
}


.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #ebf6fc !important;
    color: #273f61 !important;
}

.dataTables_wrapper .dataTables_filter > label:has(> input[type="search"]) {
    background: #ffffff !important;
    border: 1px solid #d5dde7 !important;
    color: #939da8 !important;
}

.dataTables_wrapper .dataTables_filter > label:has(> input[type="search"]) > input {
    border: 0 !important;
    box-shadow:0px 0px 0px 0px transparent !important;
    outline:0 !important;
}

.choices[data-type*=select-one]:after {
    border:0px !important;
}

.dataTables_wrapper .dataTables_length {
    color: #939da8 !important;
}

.dataTables_wrapper .dataTables_length > label > select {
    outline: 0 !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    border: 1px solid #d5dde7 !important;
    color: #939da8 !important;
    background-position-x: 19px;
}

.form-floating:has(.choices) > .choices {
    border: 1px solid #d9dde2;
    box-shadow: 1px 2px 8px 0px #6868681c;
    color: #4a5b72;
}

.form-floating:has(.choices) .choices__inner {
    border:0px !important;
}