/* CSS Document */
body{
	background-size: cover;
 	background-attachment: fixed;
  	/*background-color: #e7e9ed;*/
	background-color: #F5F5F9;
/*	background: url(/assets/images/background-light.svg);
	background-position: -100px -100px;*/
	
/*	background: url(/assets/images/background.png);
	background-position: right top;
	background-repeat: no-repeat;*/
	
	/*	bello anche così
	background-image: linear-gradient(rgb(234, 230, 247) 0%, rgb(238, 227, 242) 47%, rgb(221, 229, 253) 100%);
	*/
}

.table-hover tbody tr:hover,
.table-hover tbody th {
	background-color: cornsilk;
}

table.tool-hover .tool{
  visibility: hidden;
}
table.tool-hover td:hover .tool{
  visibility: visible;
}
.tool:hover{cursor: pointer}



/* Tools */
.tools-hover{
	position:relative;
}
.tools-hover ul.tools{
	position:absolute;
	top:0;
	right:0;
	visibility: hidden;
}
.tools-hover:hover ul.tools{
	visibility: visible;
}
.tools-hover ul.tools {
	
}
.tools-hover ul.tools li {
	display:inline-block;	
	user-select: none;
	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
	
	padding: 0.251rem 0.51rem;
	font-size: 0.875rem;
	border-radius: 3px;
	line-height: 1.5;
	
	color: #282f53;
  	background: #e9e9f1;
  	border-color: #e9e9f1;
}
.tools-hover ul.tools li i{
	font-size: 0.65rem;
}
.tools-hover ul.tools li.copied {
	background-color: green !important;
	color:white !important;
}
.tools-hover ul.tools li.copied i::before {
	content: "✓";
}
.tools-hover ul.tools li:hover {
	color: #282f53;
  	background-color: #e3e3ef;
  	border-color: #e3e3ef;
  	opacity: 0.7;
}

.tools-hover ul.tools li:hover {
	cursor: pointer;
}
/* Tools */



.page-header{
	margin: 1rem 0rem 1rem;
}

.nav.panel-tabs a.active {
  background-color: white;
}

/* animated fading background */
.login-img {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}

.avatar{
	background: none !important;
}
.avatar img {
  width: 100%;
  height: 100%;
}
.avatar.avatar-rounded img {
  border-radius: 50%;
}

.card{
	margin-bottom: 1rem;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* animated fading background */


:root{
	--danger-rgb: 232, 38, 70;
	--warning-rgb: 247, 183, 49;
	--success-rgb: 9, 173, 149;
	--info-rgb: 17, 112, 228;
}

.bg-outline-danger {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(var(--danger-rgb));
  color: rgb(var(--danger-rgb));
}
.bg-outline-warning {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(var(--warning-rgb));
  color: rgb(var(--warning-rgb));
}
.bg-outline-success {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(var(--success-rgb));
  color: rgb(var(--success-rgb));
}

.btn-danger-transparent {
  background-color: rgba(var(--danger-rgb),.1);
  border-color: rgba(var(--danger-rgb),.1);
  color: rgb(var(--danger-rgb));
}
.btn-info-transparent {
  background-color: rgba(var(--info-rgb),.1);
  border-color: rgba(var(--info-rgb),.1);
  color: rgb(var(--info-rgb));
}
.btn-warning-transparent {
  background-color: rgba(var(--warning-rgb),.1);
  border-color: rgba(var(--warning-rgb),.1);
  color: rgb(var(--warning-rgb));
}
.btn-success-transparent {
  background-color: rgba(var(--success-rgb),.1);
  border-color: rgba(var(--success-rgb),.1);
  color: rgb(var(--success-rgb));
}

.badge {
	font-size: 12px;
	padding:5px 8px;
}

.category {
	white-space: nowrap;
	font-size: 12px;
	padding:3px 8px;
	background-color: lightgoldenrodyellow;
	color: black;
	border-radius: 5px;
}
.category-1 {
	background-color: orange;
	color: white;
}
.category-2 {
	background-color: hotpink;
	color: white;
}
.category-3 {
	background-color: aqua;
	color: black;
}
.category-4 {
	background-color:coral;
	color: white;
}
.category-5 {
	background-color:red;
	color: white;
}
.category-6 {
	background-color:forestgreen;
	color: white;
}

strong, b {
	font-weight: bold;
}


/* importante per btn-del bubble event delegation */
.btn-del>i, .btn-del>span, .btn-copy>i, .btn-copy>span, .fe{
	pointer-events: none;
}

/* collapse */
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.myCollapse.collapsed {
	display:inline-block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	/*transition:all .5s;*/
	vertical-align: text-bottom;
}
.myCollapse:not(.collapsed) {
	display:inline-block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}


.price-down::before{
	font-family: 'remixicon' !important;
	content: "\ea4d";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
}
.price-up::before{
	font-family: 'remixicon' !important;
	content: "\ea77";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
}

.list-group-item{
	padding: 0.75rem 0;
}

/*
.myfrm .form-control:invalid,
.myfrm .form-select:invalid {
	border: 1px solid red;
	border-color: red;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.myfrm .form-control:invalid:focus {
  border-color:red;
  box-shadow:0 0 0 .25rem rgba(232, 38, 70, .25)
}
.myfrm .row{
	margin-bottom:8px;
}
*/
form .row{
	margin-bottom:8px;
}
.form-floating > .form-control,
.form-floating > .form-select {
	color:#444;
	font-weight: 500;
}
.form-floating > .form-control ~ label {
	opacity: .45;
}
.form-floating > .form-control:focus ~ label, 
.form-floating > .form-control:not(:placeholder-shown) ~ label, 
.form-floating > .form-select ~ label {
  opacity: .35;
/*  transform: scale(.85) translateY(-.5rem) translateX(.15rem);*/
}
.form-floating > .form-control:focus ~ label {
	opacity:1;
}

.form-floating > .form-control:focus,
.form-floating > .form-select:focus{
	border-color: var(--primary-bg-color) !important;
}

form .form-control:user-valid,
form .form-select:user-valid{
	background-image: none !important;
	border-color: #e9edf4 !important;
}
form .form-check-input:user-valid{
/*	border-color: rgb(40, 47, 83) !important;*/
}
form .form-check-input:user-valid:checked {
	background-color: var(--primary-bg-color) !important;
}
form .form-check-input:user-valid ~ .form-check-label{
	color: rgb(40, 47, 83) !important;
}
label{
	margin-bottom: 0;
}
.form-label{
	margin:0;
}

input:not(.form-check-input), select, textarea {
	background-color: #f6f6fb !important;
}

textarea{
	/*min-height: 100px !important;*/
	min-height: 100% !important;
}


.frm-custom {
	border: 1px solid #f6f6f6;
	padding: 20px 20px 0px;
	background-color: #fcfcfc
}


/* order status */
.os{
	padding:2px 8px;
	border-radius:5px;
	display: block;
	text-align: center;	
	font-size: 12px;
}
.os-draft{
	color: black !important;
	background-color: #FAD248 !important;
}
.os-pending-approval{
	color: black !important;
	background-color: #F5ADEA !important;
}
.os-approved{
	color: black !important;
	background-color: lightcyan !important;
}
.os-in-progress{
	color: white !important;
	/*background-color:#5AAFE1 !important;*/
	background-color:#04C12C !important;
}
.os-suspended{
	color: white !important;
	background-color:#F51D21 !important;
}
.os-completed{
	color: white !important;
	background-color:#04C12C !important;
}
.os-closed{
	color: white !important;
	background-color: black !important;
}
.os-cancelled{
	color: black !important;
	background-color: lightgray !important;
}
.os-refunded{
	color: white !important;
	background-color: black !important;
}
.os-legal{
	color: white !important;
	background-color: red !important;
}

/* clipboard */
.btn-copy{
	
}
.btn-copy.copied {
	background-color: green !important;
	color:white !important;
}
.btn-copy.copied i::before {
	content: "✓";
}

/* customers rating */
.customer-rating-outer{
  position: relative;
  font-size:1.2rem;
  display:inline-block;
}
.customer-rating-outer::before{
  content:"\2605 \2605 \2605 \2605 \2605";
  color:grey;
}
.customer-rating-inner{
  position: absolute;
  top:0;
  left:0;
  width:0%;
  overflow: hidden;
	word-wrap: normal;
}
.customer-rating-inner::before{
  content:"\2605 \2605 \2605 \2605 \2605";
  color:orange;
}


/* shortcuts */
ul.shortcuts {
	margin-top:10px;
}
ul.shortcuts li {
	display:inline;
	margin-right:5px;
	cursor: pointer;
	padding:3px 5px;
	background-color: beige;
	color: black;
	border-radius: 5px;
	font-size: 11px;
	user-select: none;
}
ul.shortcuts li:hover {
	background-color: azure;
	color:blueviolet;
	text-decoration: underline;
}


.error:empty{
	display:none;
}

.select2-container--open {
    z-index: 9999999
}


/* floating div over textarea */
.textarea-container {
  position: relative;
}
.floating-box {
  position: absolute;
  top: 10px;
  right: 25px;
}
/* floating div over textarea */



.alert {
    border-radius: .375rem;
    padding: 1rem;
}

.alert h4 {
    font-size: .9rem
}

.alert .alert-link,.alert h4 {
    font-weight: 600
}
/*
.alert-success {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(240 253 244/var(--tw-bg-opacity));
    border-color: rgba(187,247,208,.6);
    color: rgb(21 128 61/var(--tw-text-opacity))
}

.alert-success h4 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52/var(--tw-text-opacity))
}

.alert-success hr {
    border-color: rgba(187,247,208,.8);
    border-top-width: 1px
}

.alert-success .alert-link {
    --tw-text-opacity: 1;
    color: rgb(22 101 52/var(--tw-text-opacity))
}

.alert-info {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity));
    border-color: rgba(191,219,254,.6);
    color: rgb(29 78 216/var(--tw-text-opacity))
}

.alert-info,.alert-info h4 {
    --tw-text-opacity: 1
}

.alert-info h4 {
    color: rgb(30 64 175/var(--tw-text-opacity))
}

.alert-info hr {
    border-color: rgba(191,219,254,.8);
    border-top-width: 1px
}

.alert-info .alert-link {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity))
}
*/
.alert-warning {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(254 252 232/var(--tw-bg-opacity));
    border-color: hsla(53,98%,77%,.6);
    color: rgb(161 98 7/var(--tw-text-opacity))
}

.alert-warning h4 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14/var(--tw-text-opacity))
}

.alert-warning hr {
    border-color: hsla(53,98%,77%,.8);
    border-top-width: 1px
}

.alert-warning .alert-link {
    --tw-text-opacity: 1;
    color: rgb(133 77 14/var(--tw-text-opacity))
}
/*
.alert-danger {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity));
    border-color: hsla(0,96%,89%,.6);
    color: rgb(185 28 28/var(--tw-text-opacity))
}

.alert-danger h4 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity))
}

.alert-danger hr {
    border-color: hsla(0,96%,89%,.8);
    border-top-width: 1px
}

.alert-danger .alert-link {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity))
}*/


input.frm-search {
    font-size: 14px;
    margin-left: 0!important;
    transition: width .3s ease;
    width: 80px!important
}

input.frm-search:focus {
    width: 250px!important;
}