:root {
  --as-primary: #F89000; /* #e77900; */
  --as-primary-dark: #A15400;
  --as-secondary: #000000;
  --as-light: #6D6D6D;
  --as-grey: #EDEDED;
  --as-red: #F01149;
  --as-yellow: #FEBE00;
  --as-green: #0C790A;
  --as-blue: #0E7FC3;
  --as-danger: #C30E0E;
  --as-bg-body: #FFFFFF;
  --as-border-color: #F2F2F2;
  --as-bg-box: #F4F4F4;
  --as-bg-box-dark: #E8E8E8;
  --as-table-bg: #F8F9FA;
  --as-separator: #E5E5E5;
  --as-separator-dark: #DBDBDB;
  --as-icon-red: #FEE6EC;
  --as-icon-yellow: #FFF9E5;
  --as-icon-green: #F1F8E8;
  --as-icon-blue: #E6F2F9; /* rgba(14, 127, 195, 0.1); */
  --as-btn-primary: #F89000;
  --as-btn-primary-hover: #e77900;
  --as-btn-secondary: #000000;
  --as-btn-secondary-hover: #323232;
  --as-btn-action: #E6E6E6;
  --as-btn-action-hover: #EDEDED;
  --as-tab-selected: #E6F2F9;
}

html, body {height: 100%;}
body {font-family: 'Roboto', sans-serif; background-color: var(--as-bg-body) !important; color: var(--as-secondary) !important;}

footer {background-color: #000000;}

.bg-login {background-image: url('../img/bg-login.jpg'); background-position: center;background-repeat: no-repeat;background-size: cover;}
.logo {max-height: 62px;}
.logo-secondary {max-height: 50px;}

.logo-text {max-width: 274px;}
.form-signin { width: 100%; margin: auto; }
.bi {display:inline-block;vertical-align:-.125em}

.input-group-text.is-invalid {border-color: #dc3545;}
.input-group-text.is-valid {border-color: #198754;}

.form-label {font-size: 0.875rem;}
.form-control, .input-group-text, .form-select {border-color: var(--as-border-color);border-radius:.5rem;}
.form-check-input:checked {background-color: var(--as-primary);border-color: var(--as-primary);}
.form-control, .form-select, .btn {padding: .5rem .75rem}
.form-control:focus, .form-select:focus {color: #212529;border-color: var(--as-btn-primary-hover);box-shadow: 0 0 0 .25rem rgba(231,121,0,.25);}
.form-check-input:focus {border-color: var(--as-btn-primary-hover);box-shadow: 0 0 0 .25rem rgba(231,121,0,.25);}

.form-select {padding: .5rem 2.25rem .5rem .75rem;border-color: var(--as-border-color);border-radius: .5rem;}

.btn-check + .btn-simple {color: var(--as-secondary);background-color: #fff;border-color: #fff}

.btn-check:active + .btn-simple,
.btn-check:checked + .btn-simple,
.btn-simple.active,
.btn-simple:active,
.show > .btn-simple.dropdown-toggle {color: #fff; background-color: var(--as-btn-primary); border-color: var(--as-btn-primary); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.btn-check + .btn-custom img {max-width: 80px;}
.btn-check + .btn-custom .ico-check {display: none;}
.btn-check + .btn-custom {color: #fff; opacity: .3;}
.btn-check + .btn-custom.no-opacity {color: #fff; opacity: 1;}
.btn-check + .btn-car {background-color: var(--as-green);border-color: var(--as-green)}
.btn-check + .btn-minicar {background-color: var(--as-blue);border-color: var(--as-blue)}
.btn-check + .btn-motorcycle {background-color: var(--as-yellow);border-color: var(--as-yellow)}

.btn-check + .btn-device-one {background-color: var(--as-green);border-color: var(--as-green)}
.btn-check + .btn-device-two {background-color: var(--as-yellow);border-color: var(--as-yellow)}
.btn-check + .btn-device-three {background-color: var(--as-red);border-color: var(--as-red)}

.btn-check + .btn-monthly {background-color: var(--as-primary);border-color: var(--as-primary)}
.btn-check + .btn-annual {background-color: var(--as-primary-dark);border-color: var(--as-primary-dark)}

.btn-check:active + .btn-custom,
.btn-check:checked + .btn-custom,
.btn-custom.active,
.btn-custom:active,
.show > .btn-custom.dropdown-toggle {opacity: 1; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.btn-check:active + .btn-custom .ico-check,
.btn-check:checked + .btn-custom .ico-check,
.btn-custom.active .ico-check,
.btn-custom:active .ico-check,
.show > .btn-custom.dropdown-toggle .ico-check {display: block;}

.cursor-pointer {cursor: pointer;}

.heading-sep {position:relative;text-align: center}
.heading-sep:before {content: "";display: block;border-top: solid 1px #E3E3E3;width: 100%;height: 1px;position: absolute;top: 50%;z-index: 0;}
.heading-sep span {background: #fff; color: var(--as-secondary); padding: 0 10px;position: relative;z-index: 1;}

/* Table */
.simple-datatable .table {border: 1px solid var(--as-separator);}
.simple-datatable .table > :not(caption) > * > * {color: var(--as-secondary); border-color: var(--as-separator) !important; /* background-color: transparent; box-shadow: inset 0 0 0 9999px var(----as-table-bg);*/}
.simple-datatable .table-striped > tbody > tr:nth-of-type(2n+1) > *,
.simple-datatable .table-striped > tbody > tr > * {color: var(--as-secondary);}
.simple-datatable .table-striped > tbody > tr:nth-of-type(2n+1) {--bs-table-accent-bg: var(--as-table-bg);}
table .w-auto {width: 1% !important;white-space: nowrap;}

.simple-datatable table.table-striped > thead .sorting,
.simple-datatable table.table-striped > thead .sorting_asc,
.simple-datatable table.table-striped > thead .sorting_desc,
.simple-datatable table.table-striped > thead .sorting_asc_disabled,
.simple-datatable table.table-striped > thead .sorting_desc_disabled,
.simple-datatable table.table-striped > thead th {border-bottom-width: 1px;font-size: 0.75rem;text-transform: uppercase;font-weight: normal;}
table.table-striped > thead .sorting::before,
table.table-striped > thead .sorting::after,
table.table-striped > thead .sorting_asc::before,
table.table-striped > thead .sorting_asc::after,
table.table-striped > thead .sorting_desc::before,
table.table-striped > thead .sorting_desc::after,
table.table-striped > thead .sorting_asc_disabled::before,
table.table-striped > thead .sorting_asc_disabled::after,
table.table-striped > thead .sorting_desc_disabled::before,
table.table-striped > thead .sorting_desc_disabled::after { bottom: 0.75em; color: var(--as-primary);}
.simple-datatable .dataTables_wrapper,
.simple-datatable div:first-child {width: 100%;}
.simple-datatable .dataTables_info {display: none;}

.theme-title { position: relative; }
.theme-title span { background: #fff; padding-right: 35px; }
.theme-title:after { content: ""; display: block; width: 100%; height: 2px;background: var(--as-primary);right: 0;top: 50%;position: absolute; z-index: -1;}

/* Layout */
.max-width-100 {max-width: 100px;}

/* Font */
.fs-10 {font-size: 0.625rem;}
.fs-12 {font-size: 0.75rem;}
.fs-14 {font-size: 0.875rem;}
.fs-18 {font-size: 1.125rem;}
.fs-20 {font-size: 1.25rem;}
.fs-22 {font-size: 1.375rem;}
.fs-24 {font-size: 1.5rem;}
.fs-26 {font-size: 1.625rem;}
.fs-28 {font-size: 1.75rem;}
.fs-30 {font-size: 1.875rem;}
.fs-32 {font-size: 2rem;}

.text-truncate-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; }

/* Background, text color and border */
a {color: var(--as-primary);}
a:hover {color: var(--as-primary-dark);}

.box-rounded {border-radius: 0.625rem;}
.box-rounded-2 {border-radius: 1.25rem;}

.text-theme-primary {color: var(--as-primary) !important;}
.text-theme-base {color: var(--as-secondary) !important;}
.text-theme-light {color: var(--as-light) !important;}
.text-theme-red {color: var(--as-red) !important;}

.link-theme-primary {color: var(--as-primary) !important;}
.link-theme-secondary {color: var(--as-secondary) !important;}
.link-theme-light {color: var(--as-light) !important;}

.link-theme-primary:focus, .link-theme-primary:hover,
.link-theme-secondary:focus, .link-theme-secondary:hover,
.link-theme-light:focus, .link-theme-light:hover {opacity: .7;}

.bg-theme-gradient {background: var(--as-primary);background: linear-gradient(30deg, var(--as-primary) 5%, #EEA14C 100%);}
.bg-theme-gradient-dark {background: var(--as-secondary);background: linear-gradient(30deg, var(--as-secondary) 5%, #323232 100%);}

.bg-theme-primary {background: var(--as-primary);}

.bg-box {background-color: var(--as-bg-box) !important;}
.bg-box-dark {background-color: var(--as-bg-box-dark) !important;}

.bg-primary {background-color: var(--as-primary) !important;}
.bg-green {background-color: var(--as-green) !important;}
.bg-yellow {background-color: var(--as-yellow) !important;}
.text-green {color: var(--as-green) !important;}
.text-danger {color: var(--as-danger) !important;}

.bg-icon-red {background-color: var(--as-icon-red) !important;}
.bg-icon-yellow {background-color: var(--as-icon-yellow) !important;}
.bg-icon-green {background-color: var(--as-icon-green) !important;}
.bg-icon-blue {background-color: var(--as-icon-blue) !important;}

.border-theme {border-color: var(--as-separator-dark);}

.ico-social {width: 16px;height: 16px;object-fit: contain;}

/* Button style */
.btn:not(.rounded) {border-radius: 0;}
.btn-theme-primary {color: #fff;background-color: var(--as-btn-primary);border-color: var(--as-btn-primary);}
.btn-theme-primary:hover {color: #fff;background-color: var(--as-btn-primary-hover);border-color: var(--as-btn-primary-hover);}

.btn-theme-secondary {color: #fff;background-color: var(--as-btn-secondary);border-color: var(--as-btn-secondary);}
.btn-theme-secondary:hover {color: #fff;background-color: var(--as-btn-secondary-hover);border-color: var(--as-btn-secondary-hover);}

.btn-theme-action {color: #000000;background-color: var(--as-btn-action);border-color: var(--as-btn-action);}
.btn-theme-action:hover {color: #000000;background-color: var(--as-btn-action-hover);border-color: var(--as-btn-action-hover);}

.btn-theme-3d {color: #ffffff; background: linear-gradient(180deg, #F0951B 67.71%, #FF6200 99.48%); border: 1px solid var(--as-btn-primary-hover); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);}
.btn-theme-3d:hover {color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); opacity: .9; }

/* Breadcrumb theme */
.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before {text-decoration: none; color: #FFFFFF;}
.breadcrumb-item a:hover, .breadcrumb-item.active {color: var(--as-secondary);}

/* Tab Pills */
.nav-theme {margin-bottom: calc(var(--bs-gutter-x) * .5)}
.nav-theme .nav-item {margin-bottom: calc(var(--bs-gutter-x) * .5);}
.nav-theme .nav-item:not(:first-child) {margin-left: calc(var(--bs-gutter-x) * .5);}

.nav-theme .nav-item .nav-link {background-color: var(--as-primary); color: #ffffff; border-radius: .5rem; text-transform: uppercase;}
.nav-theme .nav-item .nav-link.active,
.nav-theme .nav-item .nav-link:hover {background-color: var(--as-tab-selected); color: var(--as-primary);}

/* Pagination */
.pagination-theme .page-item:not(:first-child) .page-link { margin-left: .5rem; }
.pagination-theme .page-item .page-link { border-radius: var(--bs-pagination-border-radius); border-color: #D2D2D2; }
.pagination-theme .active > .page-link, .pagination-theme .page-link.active { color: var(--as-secondary); background-color: var(--as-primary); border-color: var(--as-primary); }
.page-link { color: var(--as-primary); }
.page-link:hover, .page-link:focus { color: var(--as-primary-dark); background: var(--as-btn-action); }
.page-link:focus { box-shadow: 0 0 0 .25rem rgba(231,121,0,.25); }

/* Modal */
.modal-content {border-radius: 1.25rem;}

/* Accordion */
.accordion-item {border: 1px solid var(--as-bg-box) !important; border-radius: var(--bs-border-radius); margin-bottom: calc(var(--bs-gutter-x) * .5);overflow: hidden;}
.accordion-item:last-of-type { margin: 0; }
.accordion-button {font-weight: 500;background-color: var(--as-bg-box);}
.accordion-button:focus { border-color: transparent;box-shadow: none; }
.accordion-button:not(.collapsed) { color: var(--as-primary); background-color: var(--as-bg-box); box-shadow: none; }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F89000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/* List */
.list-theme {padding: 0;margin: 0;}
.list-theme li {display: block;}
.list-theme li:not(:last-child) {margin-bottom: 1rem;}

/* Carousel */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--as-secondary);}
.owl-nav {position: static;margin: 0;}
.owl-theme .owl-nav [class*="owl-"] {background: none; color: var(--as-primary) !important; opacity: 1;}
.owl-theme .owl-nav [class*="owl-"]:hover {background: none; color: var(--as-primary); opacity: .7;}
.owl-theme .owl-nav .disabled {color: var(--as-secondary) !important; opacity: .7 !important;}
.owl-prev, .owl-next {position: absolute;top: 0;bottom: 0;margin: auto; color: var(--as-primary);}
.owl-prev {left: -45px;}
.owl-next {right: -45px;}

/* img Classes */
.img-box-ico {border-left: 3px solid #FFFFFF;}
.bg-theme-gradient-dark .img-box-ico {border-color: var(--as-primary);}
.img-list {max-width: 5px;}

/* Card product */
.card-product {background: var(--as-bg-box); border: none; border-radius: var(--bs-border-radius); padding: 9px;}
.card-product .card-img-top {border-radius: var(--bs-border-radius); background: #FFFFFF; aspect-ratio: 1 / 1; object-fit: cover;}
.card-product .card-body {border-radius: var(--bs-border-radius); background: #FFFFFF; padding: 0; margin-top: 9px; overflow: hidden;}
.product-available {color: var(--as-green)}
.product-available .available-indicator {background: var(--as-green)}
.product-not-available {color: var(--as-danger)}
.product-not-available .available-indicator {background: var(--as-danger)}
.available-indicator {display: inline-block;width: 16px;height: 16px;border-radius: 50%;margin-right: 5px;}

.product-gallery-preview { position: relative; width: 100%; overflow: hidden; border-radius: var(--bs-border-radius);}
.product-gallery-preview-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .3s ease-in-out; opacity: 0; z-index: 1; }
.product-gallery-preview-item:hover { cursor: crosshair; }
.product-gallery-preview-item.active { position: relative; opacity: 1; z-index: 10; }

.product-gallery-thumblist-item {transition: border-color .2s ease-in-out;text-decoration: none !important;overflow: hidden;}
.product-gallery-thumblist-item > img {display: block;width: 100%;transition: opacity .2s ease-in-out;opacity: .6;}
.product-gallery-thumblist-item.active > img,
.product-gallery-thumblist-item:hover > img { opacity: 1; }

.zoom-image { position: relative; }
.zoom-image::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; }
.drift-zoom-pane { z-index: 1030; }

/* Carrello */
.cart-qty {min-width: 100px;}
.cart-img {width: 70px; aspect-ratio: 1 / 1; object-fit: cover; border: 1px solid var(--as-separator-dark); border-radius: var(--bs-border-radius);}

@media only screen and (min-width: 1024px) {
  .zoom-image::before { display: none; }
}

/* Ribbon */
.ribbon {position: absolute;right: 9px;top: 9px;z-index: 1;overflow: hidden;width: 93px;height: 93px;text-align: right;}
.ribbon span { font-size: 0.8rem;color: #fff;text-transform: uppercase;text-align: center;font-weight: bold;line-height: 32px;transform: rotate(45deg);width: 125px;display: block;background: var(--as-primary);background: linear-gradient(to right, var(--as-primary) 60%, var(--as-primary-dark) 100%); box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 1); position: absolute; top: 17px; right: -29px; }
.ribbon span::before {content: '';position: absolute;left: 0; top: 100%;z-index: -1;}
.ribbon span::after {content: '';position: absolute;right: 0; top: 100%;z-index: -1;}