/*
https://medium.com/appscope/designing-native-like-progressive-web-apps-for-ios-1b3cdda1d0e8
*/
html {
	height: 100%;
}
body {
	min-height: 100%;
	background-color: #F5F5F7;
}
/* hide scrollbar */
.sidebar::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}
.sidebar {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}
/* /hide scrollbar */
.bg-body {}
.btn-light {
    border-color:#e0e3e5;
}
.table-nonfluid {
    width: auto !important;
}
.bg-agilehair {
    background-color: #F0F2F5;    
}
.rowlink {
    cursor: pointer;
}
.bg-giallino {
    background-color: #fff3cd;
}
.page-title {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 200;
    font-size: 2rem;
}
.spinner-border {
	width:1rem;
	height:1rem;
}
.mousehover:hover {
    cursor: pointer;
}
/* safari autofill icon*/
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
}
.privacyvideo, .privacyvideo:hover {
	text-shadow: 0 0 10px #007bff;
   color: transparent;
}
.privacyvideo .fc-title {
	text-shadow: 0 0 6px #ffffff;
   color: transparent;
}
.privacyvideob {
	text-shadow: 0 0 6px #ffffff;
   color: transparent;
}
.privacyvideon a, .privacyvideon a:hover, .privacyvideon a span {
	text-shadow: 0 0 10px #000000;
   color: transparent !important;
}
.searchbar {
    background-color: #E4E4E4 !important;
    border: 0;
}
.searchbar:focus {	
    box-shadow: none !important;
}

a:hover {text-decoration: none}

.serviziCollection a {padding: 8px 12px; word-break: break-all; }

.no-pad-items .list-group-item {padding-left:0; padding-right:0;}


.card {
    border-radius: 0.5rem;
	 border: 0px;
}
.card>.list-group, .card>.list-group:last-child, .list-group, .list-group:last-child {
    border-radius: 0.5rem;
}
.list-group-item:first-child, .card-header:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}


.border-menu {
    font-weight: bold;
    border-bottom: 2px solid #007BFF!important;
}
.border-menu-danger {
    font-weight: bold;
    border-bottom: 2px solid #DC3545!important;
}
.border-menu-success {
    font-weight: bold;
    border-bottom: 2px solid #28A745!important;
}
.border-menu-info {
    font-weight: bold;
    border-bottom: 2px solid #18A2B8!important;
}
.border-menu-warning {
    font-weight: bold;
    border-bottom: 2px solid #FFC108!important;
}
.nav-ah > li > a.active { border-bottom: 2px solid #007BFF; border-radius: none}



.filtro-colore .fa {
   line-height: 30px;
   margin: 0 2px;
}
.filtro-colore>li>i {
   font-size:24px;
   border-radius: 24px;
   background-color: #666;
}
.filtro-colore li>a {
   padding: 0;
}
.icon-flex, .icon-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
}
.icon-wrapper {
   margin-left: .25rem;
   border-radius: 50%;
   overflow: hidden;
   border: 2px solid #666;
   font-size: 2rem;
   width: 1.5rem;
   height: 1.5rem;
}

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

/*
.list-group-inline {padding: .5rem .75rem;}
.list-group-item {padding: .5rem .75rem;}
*/

.btn-group-xs > .btn, .btn-xs {
  padding: .2rem .3rem;
  font-size: .75rem;
  line-height: 1.2;
  border-radius: .2rem;
}

.modal-footer {
	border-top: 0;
}
.modal-full {
   min-width: 100%;
   max-width: 90%;
   margin: 0;
}
.modal-full .modal-content {
   min-height: 100vh;
}
modal-fullscreen {
   width: 100vw;
   max-width: none;
   height: 100%;
   margin: 0;
}
.modal-fullscreen {
   width: 100vw;
   max-width: none;
   height: 100%;
   margin: 0;
}
.modal-fullscreen .modal-content {
   height: 100%;
   border: 0;
   border-radius: 0;
}
.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
   border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}



@media (max-width: 991px){
    body{
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }
    .modal-lg {
            min-width: 90% !important;
    }
    .modal-xl {
            min-width: 90%;
    }
}

/* outline focus */
a:focus,a:active,.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}
/* original */
.my-outline:hover {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.collapsing {
	transition: height 0.2s linear;
}
.dnone {
    display: none;
}
.avatar_cliente_small {
   width: 100px;
}

.active-light .nav-item.show .nav-link, .active-light .nav-link.active {
    background-color: #f8f9fa;
}


.text-height-0 {
  line-height: 1!important;
}
.text-height-05 {
  line-height: 1.25!important;
}
.text-height-1 {
  line-height: 1.5!important;
}
.text-height-2 {
  line-height: 2!important;
}
.text-height-3 {
  line-height: 2.5!important;
}
.text-height-4 {
  line-height: 3!important;
}
.text-height-5 {
  line-height: 3.5!important;
}

@font-face {
	font-family: 'password';
	font-style: normal;
	font-weight: 400;
	src: url(/assets/password.ttf);
}
input.oscura {
	font-family: 'password';
}

#wrapper {
   padding-top:61px;/* per agenda */
	padding-top:58px;/* per agenda */
}

.flashAlert {margin: 15px 15px 0;}

.icFadeOut {
	 opacity: 0;
	 transition: all 1s;
}

/* liste card */
.list-group-ah a {
	overflow-x: hidden; white-space: nowrap;
}

.modal-footer {
	border-top: 0;
}

#navbar-main-content, #main_nav {
    /*font-size: 1.1rem;*/
}
@media (min-width: 576px){
    .card-columns {
	column-count: 1;
    }
}
@media (min-width: 768px){
   body {
       height: 100%;
   }
   .card-columns {
       column-count: 2;
   }
   h1.font-weight-lighter {padding-top:0px;}
   #wrapper2.wrapper_inizio {
      padding-left: 175px;/* sotto + 15 */
   }

}
@media (min-width: 992px){
    .card-columns {
	column-count: 3;
    }
}
@media (min-width: 1200px){
    .card-columns {
        /*column-count: 4;*/
    }
}
@media (min-width: 1400px){
    .card-columns {
        column-count: 4;
    }
}


.pulsantiera-staff button {
	float: left!important;
	border-radius: 0;
	border-bottom: 0;
}
.pulsantiera-staff button:nth-child(even){
	border-left:0;
}
.pulsantiera-staff button:nth-last-child(2):nth-child(odd), .pulsantiera-staff button:nth-last-child(1):nth-child(even) {
	border-bottom: 1px solid #6C757D;
}

/* PLACEHOLDER */
.form-control::-webkit-input-placeholder {
  color: #c0c0c0;
}
.form-control::-moz-placeholder {
  color: #c0c0c0;
}
.form-control:-ms-input-placeholder {
  color: #c0c0c0;
}
.form-control::-ms-input-placeholder {
  color: #c0c0c0;
}
.form-control::placeholder {
	color: #a0a0a0;
}

/* input-group-text */
.input-group-text {
	background-color: white;
}
.btn-outline-grey {
	border-color: #ced4da;
}

.dropdown-toggle.no-caret::after { 
	content: none; 
}

.list-group-btn.list-group-item {
	/*padding: .75rem 1.25rem;*/
	padding: .5rem .75rem;
}

.ah-sticky {
	top: 74px;
	position: sticky;
}

/* AH-NAV */
.ah-nav .active {
	border-bottom: 2px solid #007BFF !important; 
}

@media (min-width: 576px){
    .bd-scontrino {
        position: sticky;
        top: 61px;
        z-index: 1000;
        height: calc(100vh - 61px);
        overflow-y: scroll;
    }
}
/* alert black */
.alert-black {
	color: #ffffff;
	background-color: #000000;
	border-color: #666666;
	font-weight: bold;
}
.alert-success {
	color: #ffffff;
	background-color: #28A745;
}
.alert-warning {
	color: #000000;
	background-color: #FFC108;
}
.alert-danger {
	color: #ffffff;
	background-color: #DC3545;
}

/* fissa la prima colonna */
.ah-sticky-table td:first-child, .ah-sticky-table th:first-child {
	position:sticky;
	left:0px;
}
.ah-sticky-table tr:nth-child(odd) td:first-child {background: #F2F2F2}
.ah-sticky-table tr:nth-child(even) td:first-child {background: #FFF}


/* SIDEBAR CANVAS*/
.bs-canvas-overlay {
    opacity: 0.5;
    z-index: 1100;
}
.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 330px;
    transition: margin .4s ease-out;
    -webkit-transition: margin .4s ease-out;
    -moz-transition: margin .4s ease-out;
    -ms-transition: margin .4s ease-out;
}
.bs-canvas-left {
    left: 0;
    margin-left: -4000px;
}
.bs-canvas-right {
    right: 0;
    margin-right: -400px;
}

.no-first-border-top a:first-child, .no-first-border-top li:first-child { border-top:0}

table._1644601524 th:nth-child(1), table._1644601524 td:nth-child(1) {
    text-align: left;
}

/* form-label-group */

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > select,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
}
.form-label-group > textarea {
	padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #999999;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder,
.form-label-group select::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder {
	color: transparent;
}

.form-label-group input:-ms-input-placeholder, 
.form-label-group select:-ms-input-placeholder, 
.form-label-group textarea:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder, 
.form-label-group select::-ms-input-placeholder, 
.form-label-group textarea::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder, 
.form-label-group select::-moz-placeholder, 
.form-label-group textarea::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder, 
.form-label-group select::placeholder, 
.form-label-group textarea::placeholder {
  color: transparent;
}
.form-label-group input:not(:placeholder-shown), 
.form-label-group select:not(:placeholder-shown), 
.form-label-group textarea:not(:placeholder-shown) {
	padding-top: 1.25rem;
	padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label, 
.form-label-group select:not(:placeholder-shown) ~ label, 
.form-label-group textarea:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777;
}

/* DROPDOWN COLOR*/
.dropdown.ahdropdown {}
.dropdown.ahdropdown .nav-link {color:#fff; text-decoration: none;}
.dropdown.ahdropdown .dropdown-menu a{color: #000;}
.dropdown.ahdropdown .btn { text-decoration: none; border:0;}
.dropdown.ahdropdown .btn:hover {}
.dropdown.ahdropdown .btn:active {background-color: #333;}
.dropdown.ahdropdown .btn:focus {background-color: #333; color:white;}
.dropdown.ahdropdown .dropdown-menu {background-color: #333; border:0; margin-top:-5px;}
.dropdown.ahdropdown .dropdown-menu .dropdown-item {color:white; padding: 0.5rem 1.5rem;}
.dropdown.ahdropdown .dropdown-menu .dropdown-item:hover {background-color: #000;}

/*
.dropdown.ahdropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #b91773;
  border-color: #fff;
}
*/
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder, .form-label-group textarea::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder, .form-label-group textarea:-ms-input-placeholder {
    color: #777;
  }
}
/* /form-label-group */

/* apre il dropdown con mouseover
.dropdown:hover>.dropdown-menu {
  display: block;
}
*/

.nav-sub {
    /*display: block;*/
    font-size: .875em;
    margin-top: .125rem;
    color: rgba(0,0,0,0.65);
    text-decoration: none;
}
.nav-sub:hover, .nav-sub:focus {
    color: rgba(0,0,0,0.65);
    background-color: rgba(0,0,0, 0.1);
}
.nav-sub.active {
    background-color: rgba(0,0,0, 0.1);
}

/* sidebar */
.bd-sidebar a.nav-link {
    color: rgba(0,0,0,0.75);
    padding: 1rem 1rem .1rem 24px;
}
.bd-sidebar a.active {
    color:#555;
    font-weight: 700;
}
.bd-sidebar ul {
    padding-left:2.5rem;
    padding-left:3rem;
    margin-bottom:0;
}
.bd-sidebar ul li {
    line-height: 2;
}
.bd-sidebar ul li a {
    color: var(--bs-body-color);
}
.bd-sidebar i {
	margin-right:6px;
}
#menu-account ul {
	padding-left: 1.5rem;
}
#menu-account ul li {
	line-height: 1rem;
	margin-top: 12px;
}
/* bootstrap-menu.com */
.offcanvas-header{ display:none; }
@media (max-width: 767px) {
    .offcanvas-header{ display:block; }
    .navbar-collapse {        
        position: fixed;
        top:0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
    }
    .navbar-collapse li {
        padding-top: .4rem;
        padding-bottom: .4rem;
        border-bottom: 1px solid rgba(255, 0, 0, .1);
    }   
}
/* autodropdown */
@media all and (min-width: 768px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .n-av-link{ color: #fff;  }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.dropdown-menu-long{
    max-height: 300px;
    overflow-y: auto;
}

.btn-articoli-cassa li, .btn-articoli-cassa a {
    border-radius: 0 !important;
}
.btn-articoli-cassa li:first-child, .btn-articoli-cassa a:first-child {
    border-top: 0;
}
/* formato valuta report vendita */
.rfv1 {
    color: #6c757d!important;
    display: inline-block; 
    min-width: 50px;
    font-size: 80%;
    font-weight: 400;
}

/* nav-pills ah */
/* not active */
.nav-pills-ah .pill-1 .nav-link:not(.active) {
    background-color: rgba(245, 246, 247, 0.5);
}
.nav-pills-ah .pill-2 .nav-link:not(.active) {
    background-color: rgba(0, 250, 0, 0.5);
}
.nav-pills-ah .pill-3 .nav-link:not(.active) {
    background-color: rgba(0, 0, 250, 0.5);
    color: white;
}
/* active (faded) */
.nav-pills-ah .pill-1 .nav-link {
    background-color: rgba(0, 123, 255, 1);
    color: white;
}
.nav-pills-ah .pill-2 .nav-link {
    background-color: rgba(0, 250, 0, 0.2);
}
.nav-pills-ah .pill-3 .nav-link {
    background-color: rgba(0, 0, 250, 0.2);
    color: white;
}
/* icone notifiche */
.navbar-dark .opacity1 {
	color: white;
}
.navbar-light .opacity1 {
	color: black;
}
.navbar-dark .navbar-nav .nav-link.opacity1 {
	color: white;
}
.navbar-light .navbar-nav .nav-link.opacity1 {
	color: black;
}
.spin {
	animation: bell 0.4s linear infinite;
	transform-origin: 50% 10px;
}
@keyframes bell {
  0% { transform: rotate(0); }
  25% { transform: rotate(-15deg); }
  50% {transform: rotate(0deg);}
  75% {transform: rotate(15deg);}
  100% {transform: rotate(0);}
}