/*
* demo.css
* File include item demo only specific css only
******************************************************************************/


.card.mb-4 {
    min-height: 220px;
}

.card.mb-4.intestazione {
    min-height: 120px;
}

.item_category_description {
	font-size:0.65rem;
}

.detail-item_category_description {
	font-size:0.65rem;
}


.product_group_description {
	font-size:0.65rem;
}

.detail-product_group_description {
	font-size:0.65rem;
}

.product_subgroup_description {
	font-size:0.65rem;
}

.detail-product_subgroup_description {
	font-size:0.65rem;
}

.p-description {
	font-size:0.75rem;
}

.detail-p-description {
	font-size:0.75rem;
}



.modal.show.modal-right .modal-dialog {
    transform: none;
  /*  max-width: 50%; */
}

button.btn.btn-decrement.btn-outline-secondary.btn-minus {
    padding: 0;
	min-width: 2rem !important;
}

button.btn.btn-increment.btn-outline-secondary.btn-plus {
    padding: 0;
	min-width: 2rem !important;
}

div#heroAnimationImg {
    display: none !important;
}

i.fa.badge-cart:after {
	padding: 0.2rem 0.4rem;
}

.card-body.p-0 {
    padding: 30px !important;
}

.swiper-image:after {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 1);
}

.btn-secondary {
       background-color: #003772;
    border: none;
    color: #fff;
    text-decoration: none;
	border-radius: 25px;
}

.btn-light {
    background: #fbc900;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    color: #003772 !important;
    padding: 5px 10px;
    font-size: 14px;
	margin-bottom: 10px;
}

input.form-control.form-control-sm {
    margin-right: 1rem;
}

html.light-style.layout-navbar-fixed body nav.layout-navbar.shadow-none.py-0 div.container div.navbar.navbar-expand-lg.landing-navbar.px-3.px-md-4 ul.navbar-nav.flex-row.align-items-center.ms-auto li.me-3 a{
    color: white;
}

html.light-style.layout-navbar-fixed body nav.layout-navbar.shadow-none.py-0 div.container div.navbar.navbar-expand-lg.landing-navbar.px-3.px-md-4 ul.navbar-nav.flex-row.align-items-center.ms-auto li a.dropdown-item{
    color: white;
}

i.fa.fa-info-circle {
    margin-right: 5px;
}

i.fa.badge-cart {
	margin-top:5px;
}

.layout-content-navbar .layout-page {
    background: #58585a;
}

body {
    background: #58585a;
}

a.fw-medium {
    color: white;
}

.content-footer .footer-container {
    color: white;
}

.btn-primary{
    background-color: #ee7660;
    border: none;
    color: #fff;
    text-decoration: none;
	border-radius: 25px;
}

.dropdown-item:not(.disabled).active, .dropdown-item:not(.disabled):active {
    background-color: #ee7660;
    color: #fff !important;
}

.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
    background-color: #ee7660 !important;
}

.authentication-wrapper.authentication-basic .authentication-inner:before {
display:none;
}

.authentication-wrapper.authentication-basic .authentication-inner:after {
display:none;
}

button.btn.btn-danger.outer.waves-effect.waves-light {
    margin-bottom: 10px;
}

button.btn.btn-light.waves-effect.waves-light {
    margin-top: 30px;
}

label {
    padding-left: 5px;
	padding-top:4px;
}

.menu-vertical .app-brand {
    padding-left: 0rem;
}



button.fileuploader-input-button {
    background: #ee7660 !important;
}

.fileuploader-input-caption {
    color: black !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #f88874 !important;
    border-color: #f88874 !important;
}

.footer-top {
    background: #57585a;
}



.landing-hero {
    padding-top: 5.2rem !important;
}

.bg-label-secondary {
    background-color: white !important;
}

.navbar-brand.app-brand.demo.d-flex.py-0.py-lg-2.me-4 a.app-brand-link span.app-brand-logo.demo {
    width: 100% !important;
    height: 100% !important;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: #ee7660 !important;
    box-shadow: none;
    color: #fff !important;
}

.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
    border-color: none;
    background-color: #003772;
    color: #fff;
}

.light-style .landing-hero {
	padding-bottom: 100%;
    background: #57585a !important;
}

.hero-text-box.text-center {
    margin-top: 100px !important;
}


footer.landing-footer.bg-body.footer-text {
    position: fixed;
    bottom: 0;
    width: 100%;
	background: white !important;
}



.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 40px;
}

.layout-content-navbar .content-wrapper {
    background: #58585a;
}

.layout-navbar-fixed .layout-page:before {
    mask: none;
    background: #58585a;
}

.app-brand-logo.demo svg {
  width: 60px;
  height: 40px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;

  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
  
  button.btn.btn-primary.btn-save.waves-effect.waves-light {
    margin-bottom: 10px;
}

.navbar-brand.app-brand.demo.d-flex.py-0.py-lg-2.me-4 a.app-brand-link span.app-brand-logo.demo {
    display: none;
}
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

/*   CODICE PER BRICOFER */
.thumbnail {
	width:150px;
}

.item-with-badge {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
.notify-badge{
    position: absolute;
    left:0px;
    top:0px;
    background:#fbc900;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    color:#003772;
    padding:5px 10px;
    font-size:14px;
}
 
    .badge-cart:after{
        content:attr(cartitems);
        font-size:12px;
        line-height:12px;
        color: #fff;
        background: #fbc900;
        border-radius: 5px; /* 50%; */
        padding: 0 5px;
        position:relative;
        left:-8px;
        top:-10px;
        opacity:0.9;
    }

 .text-f7 {
    font-size: 0.7rem !important;
}
 .text-f65 {
    font-size: 0.65rem !important;
}

/* min w */
.btn-cart {
	min-width:100px;
}

#bundleDetailsModal .modal-dialog  {
		--bs-modal-width:90%; /* 50rem; */
}
#offcanvasCart .modal-dialog   {
	--bs-modal-width: 90%; 
	padding:0;
}
@media (min-width: 576px) {
	#bundleDetailsModal .modal-dialog  {
		--bs-modal-width:90%; /* 50rem; */
			
	}
	#offcanvasCart .modal-dialog   {
		--bs-modal-width: 90%; 
		padding:0;
	}
}

@media (min-width: 992px) {
   
  
	#bundleDetailsModal .modal-dialog  {
		--bs-modal-width:85%; /* 50rem; */
	}
	 
	#offcanvasCart .modal-dialog  {
		--bs-modal-width: 85%; 
	}
}

@media (min-width: 1200px) {
  
	  
	#bundleDetailsModal .modal-dialog  {
		--bs-modal-width:70%; /* 50rem; */
	}
	 
	#offcanvasCart .modal-dialog   {
		--bs-modal-width: 70%; 
	}
}

@media (min-width: 1400px) {
  
	#bundleDetailsModal .modal-dialog  {
		--bs-modal-width:60%; /* 50rem; */
	}
	 
	#offcanvasCart .modal-dialog   {
		--bs-modal-width: 60%; 
	}
}