@charset "utf-8";


/* costanti che definiscono i colori usati */
:root {
	--main-color: #0092CA;
}

/* regole aggiuntive per elementi di BS4-AdminLTE */
.small,
small {
	line-height: 17px;
	display: inline-block;
}
.dropdown-menu.dropdown-menu-sm {
	font-size:0.9em;
	margin:0;
}
.dropdown-menu.dropdown-menu-sm .dropdown-item {
	padding: .15rem .75rem;
}
.user-panel .info {
	padding-top:.1rem;
	padding-left:.1rem;
}
.user-panel h1 {
	font-size:1.25rem;
	margin-bottom:0;
}
.user-panel .icon {
	padding-left:1.2rem;
}
.user-panel .icon .nav-icon {
    padding-top: 6px;
}
.main-sidebar .status-type-menu {
	font-weight:400;
}
.sidebar-mini .main-sidebar .user-panel .user-short-name {
	margin-left: 2px;
}
@media (min-width: 992px) {
	.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .user-panel .user-short-name {
		display:none;
	}
}
.main-header h1 {
	font-size:1.25rem;
	line-height:1;
	margin-bottom:0;
}
@media (max-width: 991px) {
	.main-header h1 {
		font-size:1rem;
	}
}
.main-header.navbar-dark h1 {
	color:rgba(255,255,255,.75);
}
.main-header.navbar-white h1 {
	color: rgba(0, 0, 0, 0.65);
}

.card-background {
    background-position: center;
    background-size: cover;
    border-radius: .25em;
}
.card-background-overlay-primary {
	background: rgba(0, 123, 255, 0.6);
    box-shadow: inset 0 0 50px rgba(0, 123, 255, 0.9);
    border-radius: .25em;
}
.card-background-overlay-success {
	background: rgba(40, 167, 69, 0.6);
    box-shadow: inset 0 0 50px rgba(40, 167, 69, 0.9);
    border-radius: .25em;
}
.card-background-overlay-info {
	background: rgba(23, 162, 184, 0.6);
    box-shadow: inset 0 0 50px rgba(23, 162, 184, 0.9);
    border-radius: .25em;
}
.card-background-overlay-danger {
    background: rgba(220, 53, 69, 0.6);
    box-shadow: inset 0 0 50px rgba(220, 53, 69, 0.9);
    border-radius: .25em;
}
.card-background-overlay-secondary {
	background: rgba(108, 117, 125, 0.6);
    box-shadow: inset 0 0 50px rgba(108, 117, 125, 0.9);
    border-radius: .25em;
}
.card-background-overlay-dark {
    background: rgba(0,0,0,0.4);
    box-shadow: inset 0 0 50px rgba(0,0,0,0.7);
    border-radius: .25em;
}
.card-background-overlay-clear { /* bianco */
    background: rgba(255,255,255,0.8);
    box-shadow: inset 0 0 50px rgba(255,255,255,0.9);
    border-radius: .25em;
}

.btn.disable-pointer {
	cursor:initial;
}
.btn-light.bg-white {
	background-color:#FFF;
}

.btn-jmenu {
	color:#FFF;
	background-color:var(--main-color);
	border-color:var(--main-color);
}
.btn-jmenu:hover {
	color:#FFF;
	background-color:#0074a1;
	border-color:#0074a1;	
}
.btn-jmenu:not(:disabled):not(.disabled).active, 
.btn-jmenu:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #0074a1;
    border-color: #0074a1;
}
.btn-jmenu:focus {
    color: #fff;
    background-color: #0074a1;
    border-color: #0074a1;
    box-shadow: 0 0 0 0.2rem rgba(58,176,195,.5);
}

.profile-user-img.profile-user-jmenu {
	border: 3px solid var(--main-color);
}

.spinner-border-lg {
	width:1.15em;
	height:1.15em;
	border-width:.2em;
}

.login-logo h1 {
	font-size: 1.6rem;
    font-weight: 300;
    margin-bottom: .9rem;
    text-align: center;
	color: #FFF;
}
.login-card-body {
	border-radius: calc(0.25rem);
}

.navbar-light .navbar-nav .show > .nav-link {
	margin-left:auto;
}
.nav-sidebar a.text-warning:hover {
	color:#ffc107!important;
}
.nav-sidebar .nav-item-info {
	border-bottom: 1px solid #4f5962; 
	max-width:100%;
}
.nav-sidebar .nav-item-exit {
	border-top: 1px solid #4f5962; 
	padding-top:20px;
}
.nav-sidebar .nav-link-info-more {
	white-space:initial !important;
	width: 168px !important;
    margin-left: 33px !important;
	display:block !important;
	font-size: 0.9em;
    line-height: 1.3em;
}	
.sidebar-collapse .nav-sidebar .nav-link-info-more,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span.nav-link-info-more {
	display:none !important;
}
.sidebar-collapse .main-sidebar:not(:hover) .nav-sidebar > .nav-item > .nav-link > a {
	display:none !important;	
}
@media (min-width: 992px) {
	.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-link.nav-link-info p,
	.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-link.nav-link-info-more {
		display:none !important;
		white-space:nowrap !important;
	}
}
[class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link.nav-link-info,
[class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link.nav-link-info-more {
	background-color:transparent;
}
[class*=sidebar-dark-] .sidebar a.btn.btn-warning {
	color:#1f2d3d;
}
.toast-top-right {
	top:62px;
}
#toast-container > div {
    opacity:1;
}

.card-title {
	line-height: 1.4;
}

@media screen and (max-width: 575px) {
	.hidden-sm {
		display: none;
	}
}

a.btn.disabled {
	pointer-events: inherit;
}

.alert a.btn {
	text-decoration:none;
}

.password-toggle {
	cursor:pointer;
}

option:disabled {
	color:#dddddd;
}
option:disabled.disabled-dark {
	color:#999999;
}
table.table.table-noborder td, 
table.table.table-noborder th {
	border-top:0;
}
.table-xs td, 
.table-xs th {
    padding: 0.15rem;
}
.badge-round {
	border-radius:100%;
	min-width: 20px;
}
.badge-lite {
	font-weight:400;
}
label.btn.btn-default.active {
    background-color: #dddddd;
}
.input-group + p {
	margin-top:4px;
}
.custom-select {
	box-shadow:none;
}
p + ul {
	margin-top: -0.75rem;
}
.badge.badge-lg {
	font-size:100%;
	padding-top:0.20em;
	display: inline-block;
	margin-bottom: 3px;
}
.badge .badge-remove {
	font-size: 85%;
	margin-left:5px;
	margin-right:3px;
	cursor: pointer;
}
.text-delete {
	text-decoration: line-through;
}
@media (max-width:768px) {
	.layout-navbar-fixed .wrapper .main-header {
		padding: 0.5rem 0;
	}
	.main-header.text-sm .nav-link {
		padding: .35rem 0.5rem 0.35rem 1rem;
	}
}
/*
@media (min-width:576px) {
	.modal-dialog {
		width:500px;
	}
}
*/
.modal-dialog.modal-dialog-left {
	float: left;
	margin-left: 30px;
}
.modal-dialog.modal-dialog-right {
	float: right;
	margin-right: 30px;
}
td.float-right {
	border-top: 0 !important;	
}

@media (min-width: 1400px) {
	.d-xxl-inline {
		display: inline !important;
	}
	.d-xxl-block {
		display: block !important;
	}
	.d-xxl-none {
		display: none !important;
	}
}
@media (min-width: 1700px) {
	.d-3xl-inline {
		display: inline !important;
	}
	.d-3xl-block {
		display: block !important;
	}
	.d-3xl-none {
		display: none !important;
	}
}
/* --- */




/* regole per notifica ordine
/* -------------------------------------------------------------- */
#order-notification .badge.navbar-badge {
    font-size: .65rem;
    font-weight: 400;
    padding: 5px 3px;
    position: absolute;
    right: 3px;
    top: 5px;
    border-radius: 99px;
    width: 20px;
    height: 20px;
	animation: radar-animation 1.4s ease-out infinite;
}
#order-notification.dropdown .spinner-border.text-center {
	left: calc(50% - 25px);
    position: relative;
}
#order-notification.dropdown .dropdown-menu .badge {
	font-weight: 400;
}
#order-notification.dropdown .dropdown-menu.dropdown-menu-scrollable .dropdown-body {
	overflow-y: auto;
	max-height: calc(75vh - 3.5rem);
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
}
#order-notification .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #e9ecef;	
}
#order-notification .dropdown-menu .dropdown-item:last-of-type {
	border-bottom: 0px solid #e9ecef;	
}
#order-notification .dropdown-menu .dropdown-item.active, 
#order-notification .dropdown-menu .dropdown-item:active {
    color: initial;
    text-decoration: initial;
    background-color: initial;
}
#order-notification .dropdown-menu .dropdown-item-title {
	margin-top: 0.2rem;
}
#order-notification .dropdown-menu .dropdown-item-price {
	float:right
}
#order-notification .dropdown-menu .dropdown-item a {
	display:block;
}
#order-notification .dropdown-menu .dropdown-item:focus, 
#order-notification .dropdown-menu .dropdown-item:hover {
	background-color: #f4f6f9;
}
#order-notification .dropdown-menu .dropdown-header .dropdown-item:focus, 
#order-notification .dropdown-menu .dropdown-header .dropdown-item:hover {
    color: initial;
    text-decoration: initial;
    background-color: initial;
}
#order-notification .dropdown-menu .dropdown-body .dropdown-item:not(.text-muted) {
	cursor:pointer;
}
#order-notification i.far.fa-lg.fa-bell {
    font-size: 1.4rem;
    line-height: 1.4rem;
}
#order-notification p.text-sm .badge.badge-takeaway-fast {	/* si tratta del testo PRIMA POSSIBILE */
	line-height:5px;
	padding-top:4px;
	padding-bottom:4px;
}
/* --- */




/* colori per distinguere gli abbonamenti			*/
/* ....completare con colori custom più carini ....	*/
.text-status-free {
	color:#03a9f4;	
}
.text-status-yakeaway {
	color:#fbae39;
}
.text-status-lite,
.text-status-basic {
	color:#8bc34a;
}
.text-status-premium {
	color:#13812d;
}
.text-status-plus {
	color:#0d78cd;
}
.badge-status-free {
	color:#FFF;
	background-color:#03a9f4;
}
.badge-status-takeaway {
	color:#FFF;
	background-color:#fbae39;
}
.badge-status-lite,
.badge-status-basic {
	color:#FFF;
	background-color:#8bc34a;
}
.badge-status-premium {
	color:#FFF;
	background-color:#13812d;
}
.badge-status-plus {
	color:#FFF;
	background-color:#0d78cd;
}
/* --- */





/* rules for custom checkbox to right position */
/* source: https://stackoverflow.com/questions/52366400/place-custom-checkbox-icon-to-right-of-label-bootstrap-4/52375015 */
div.custom-control-right {
    padding-right: 24px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
div.custom-control-right .custom-control-label::after{
    right: -1.5rem;
    left: auto;
}
div.custom-control-right .custom-control-label::before {
    right: -2.35rem;
    left: auto;
}
div.custom-control-right label.custom-control-pr {
	padding-right: 30px;
}
div.custom-control span.custom-control-before {
	width: 30px;
	margin-left: -24px;   
	text-align: right;
	font-size: 0.9em;
	position: absolute;
	top: 3px;
}
div.custom-control span.custom-control-after {
	width: 30px;
	font-size: 0.9em;
	position: absolute;
	margin-left: 42px;
	top: 3px;
}
/* --- */





/* fix rules for datatable elements */
@media screen and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center;
		margin-top: 15px;
	}
}
table.dataTable thead .sorting:before,
table.dataTable.table-sm thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable.table-sm thead .sorting_asc:before,
table.dataTable .sorting_desc:before,	
table.dataTable.table-sm .sorting_desc:before {	
	right:1.2rem;
}
table.dataTable.dtr-column>tbody>tr>td.control:before, 
table.dataTable.dtr-column>tbody>tr>th.control:before {
	top: 20px;
	line-height: 16px;
}
/* --- */



table.dataTable span.date-text {
    white-space: nowrap;
}


.alert p:last-of-type {
	margin-bottom:0;
}
.nav-tabs-badge .badge {
	margin-left:8px;
}
.badge-user {
	font-weight:400;
	min-width:100px;
}
.badge-disabled {
	opacity:50%;
}
.badge-status {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50px;
	min-width: 24px;
	min-height: 14px;
	font-weight: 400;
}
.badge-bonus-status {		/* status per user coupon */
	display: inline-block;
	vertical-align: middle;
	border-radius: 50px;
	min-width: 70px;
	font-weight: 400;
}
.empty-field, 
a span.empty-field {
	color:#BBB;
	font-style: italic;
}


/* regole per datepicker generico */
.datepicker-field {
	position:relative;
	display:inline-block;
}
.datepicker-field input {
	width:100px;
	cursor:pointer;
	margin-right:4px;
	position:relative;
	z-index:2;
}
.datepicker-field input.hasDatepicker {
	border-top-right-radius:.25rem !important;
	border-bottom-right-radius:.25rem !important;
}
.datepicker-field .input-group-sm input {
	width:86px;
}
.datepicker-field input[readonly] {
	background-color:#FFF;
	color:#495057;
	border-color:#ced4da;
}
.datepicker-field .date-clear {
	position:absolute;
	display:inline-block;
	top:8px;
	right:-20px;
	cursor: pointer;
}
.datepicker-field > .input-group-sm + .date-clear {
	top:3px;
}
.datepicker-field.disabled .date-clear {
	display:none;
}
.ui-datepicker td span, 
.ui-datepicker td a {
	text-align:center;
}

/* regole per datetimepicker generico */
.datetimepicker-field {
	position:relative;
	display:inline-block;
}
.datetimepicker-field input {
	width:145px;
	cursor:pointer;
	margin-right:4px;
	position:relative;
	z-index:2;
}
.datetimepicker-field input[readonly] {
	background-color:#FFF;
	color:#495057;
	border-color:#ced4da;
}
#ui-datepicker-div {
	z-index:10000 !important;	
}
#ui-datepicker-div .ui_tpicker_hour_label, 
#ui-datepicker-div .ui_tpicker_minute_label {
	font-size:13px;
	line-height:14px;
}

/* miglioro alcuni aspetti delle tabelle */
.table-list,
.card-body .table-list {
	margin: 50px 0;
}
.table-list tbody tr:last-child {
	border-bottom:1px solid #ddd;
}
.card-body.p-0 .table tbody>tr>td:first-of-type, 
.card-body.p-0 .table tbody>tr>th:first-of-type, 
.card-body.p-0 .table thead>tr>td:first-of-type, 
.card-body.p-0 .table thead>tr>th:first-of-type,
.card-body.p-0 .table tfoot>tr>td:first-of-type,
.card-body.p-0 .table tfoot>tr>th:first-of-type {
	padding-left:1.2rem;
}
.card-body.p-0 .table tbody>tr>td:last-of-type, 
.card-body.p-0 .table tbody>tr>th:last-of-type, 
.card-body.p-0 .table thead>tr>td:last-of-type, 
.card-body.p-0 .table thead>tr>th:last-of-type,
.card-body.p-0 .table tfoot>tr>td:last-of-type,
.card-body.p-0 .table tfoot>tr>th:last-of-type {
	padding-right:1.2rem;
}
.card:not(.card-no-footer) .card-body.p-0 .table tbody:last-child {
	border-bottom: 2px solid #dee2e6;
}	
.card-body.p-0 .table tfoot {
	border-top: 2px solid #dee2e6;
}
.table-hover tbody tr:hover {
	background-color: rgb(0 0 0 / 4%);
}
.table-danger,
.table-danger td {
	border-color:rgb(222, 226, 230) !important;
	background-color: rgb(245 198 203 / 20%); /* come colore originale ma con opacity */
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover td {
	background-color: rgb(241 176 183 / 25%); /* come colore originale ma con opacity */	
}
.table-success,
.table-success td {
	border-color:rgb(222, 226, 230) !important;
	background-color: rgb(195 230 203 / 20%); /* come colore originale ma con opacity */
}
.table-hover .table-success:hover,
.table-hover .table-success:hover td {
	background-color: rgb(177 223 187 / 30%); /* come colore originale ma con opacity */
}
table.dataTable.table-sm > thead > tr > th {
	padding-right:35px;
}
/* --- */


/* regole FIX per tabelle responsive */
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting_asc:before, 
table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_asc_disabled:before, 
table.dataTable thead .sorting_desc_disabled:before {
	right:1.2em;
}
/* --- */


/* regola per valori numerici in una tabella allineati al centro della cella */
/* es. prezzi o numeri */
.table span.text-center-right {
	display:inline-block;
	width:35px;
	text-align:right;
}
/* --- */




/* regole per form principale di insert/update */
.form-control.form-control-uppercase {
	text-transform:uppercase;
}
.form-edit {
	width:100%;
}
#form_edit {
}
#form_edit .required-field {
	float:right;
}
#form_edit .col-form-label {
	padding-top:0;
}
@media (min-width: 768px) {
	tr .mouse-hover-link {
		display:inline-block;
	}
	tr:not(:hover) .mouse-hover-link {
		display:none;
	}
}
#form_edit .icheck-primary label:not(.form-check-label) {
	font-weight:400 !important;
}
#form_edit .nav-lang {
	font-size:13px;
	position:relative;
}
#form_edit .nav-lang .nav-link,
.form-edit .nav-lang .nav-link {
	padding: .5rem;
}	
@media (max-width: 500px) {
	#form_edit .nav-lang .nav-link,
	.form-edit .nav-lang .nav-link {
		padding: .25rem;
	}
}
#form_edit .nav-lang .nav-link.img-grayscale,
.form-edit .nav-lang .nav-link.img-grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
#form_edit .nav-lang .nav-item.mr-1:last-of-type,
.form_edit .nav-lang .nav-item.mr-1:last-of-type {
	margin-right: 0 !important;
}
#form_edit .row-hidden,
.form-edit .row-hidden {
	display:none;
}

#form_edit .eicon-list li {
	font-size:11px !important;
	width:50px !important;
	margin-right:0 !important;
	float:left;
}
#form_edit .eicon-list li [class*=icheck-] > label {
	margin-left:8px !important;
}

#form_edit .features-list {
	list-style:none;
	padding-left:0;
}
#form_edit .features-list li {
	margin-right:0 !important;
	float:left;
	display:inline-block;
	width: 220px;
}
#form_edit .features-list li [class*=icheck-] > label {
	margin:auto;
}
#form_edit .features-list li .badge {
	margin-top:4px;
	margin-left:4px;
}

#form_edit .color-list {
    list-style: none;
	margin: 0;
    padding: 0;
}
#form_edit .color-list.color-list-inline li {
	text-align: center;
	color: #000 !important;
	display: inline-block;
	font-size:11px !important;
	width:50px !important;
	margin-right:0 !important;
}
#form_edit .color-list.color-list-inline li .color-box {
	width:32px;
	height:32px;
	display:block;
	margin:auto;
	margin-bottom:5px;
	background-color:#000;
}
#form_edit .color-list.color-list-inline li [class*=icheck-] > label {
	margin-left:8px !important;
}
#form_edit .variation-list,
#form_edit .variation-list ul {
	padding-left: 0;
}
#form_edit .variation-list li {
	list-style: none;
}
#form_edit .variation-list > li {
	margin-bottom: 0.85rem;
	background-color: #f4f6f9;
    padding: 10px;
    border-radius: 4px;
	position:relative;
	z-index:5;
}
#form_edit .variation-list > li > .variation-section-title {
	font-weight:400 !important;
	margin-bottom:10px;
	display:block;
	position:relative;
	z-index:5;
}
#form_edit .variation-list > li > .variation-section-title strong {
	font-weight:700 !important;
	margin-right:10px;
}
#form_edit .variation-list > li > .form-group {
	position:relative;
	z-index:5;
}
#form_edit .variation-list > li ul li {
	position:relative;
	z-index:5;
}
#form_edit .variation-list > li ul li .icheck-primary {
	position:relative;
	z-index:5;
}
#form_edit .variation-list > li ul li [class*=icheck-] > label {
    width: calc(100% - 60px);
}
#form_edit .variation-list > li .info-badge {
	position:absolute;
	top:16px;
	right:10px;
	font-size:10px;
	z-index:5;
	font-weight:400;
}
#form_edit .variation-list > li ul li .info-badge {
	top:5px;
	right:0;
}
#form_edit .variation-list .variation-price {
	margin-left:10px;
}
#form_edit .service-list {
	padding-left: 0;
}
#form_edit .service-list li {
	list-style: none;
}
#form_edit .variation-attribute-list,
#form_edit .variation-attribute-list ul {
	padding-left: 0;
}
#form_edit .variation-attribute-list li {
	list-style: none;
	margin-bottom: 0.85rem;
	background-color: #fafafa;
    padding: 10px;
}
#form_edit .variation-attribute-list .form-group {
	margin-bottom:0;
}

form .form-header {
	font-size: .9rem;
	padding: 0rem 0 0.5rem 0;
	margin-bottom:1.5rem;
	text-transform:uppercase;
	font-weight:400 !important;
	display:block;
	border-bottom: 1px solid rgba(0,0,0,.125);
}


.callout a {
	color: #007bff;
}
.callout a:hover {
	color: #0056b3;
}

/* regole per form nel modale */
.panel-section-wrapper #form_edit {
	margin-top:0px;
	margin-bottom:0px;
}

#modal-item-allergen .panel-section-wrapper #form_edit .eicon-list li {
	margin-bottom:25px !important;
}
/* --- */



/* più spazio tra il valore e i bottoni up/down per la modifica del valore */
.input-group.text-right input::-webkit-outer-spin-button,
.input-group.text-right input::-webkit-inner-spin-button {
	margin-left:10px;
}



/* remove arrow/spinner in input type="number" fields */
/* source: https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp */

/* Chrome, Safari, Edge, Opera */
.input-group.input-group-textfield input::-webkit-outer-spin-button,
.input-group.input-group-textfield input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.input-group.input-group-textfield input[type="number"] {
	-moz-appearance: textfield;
}

/* --- */



.spacer-1 {
	display:inline-block;
	margin:10px 0;
}
.spacer-2 {
	display:inline-block;
	margin:20px 0;
}
.spacer-3 {
	display:inline-block;
	margin:30px 0;
}


.bg-takeaway {
	background-color:honeydew;
}
.nav-tabs .nav-link.bg-takeaway {
	border-bottom-color:#dee2e6;
}
.nav-tabs .nav-link.active.bg-takeaway {
	background-color:honeydew;
	border-bottom-color:honeydew;
}

.bg-delivery {
	background-color:aliceblue;
}
.nav-tabs .nav-link.bg-delivery {
	border-bottom-color:#dee2e6;
}
.nav-tabs .nav-link.active.bg-delivery {
	background-color:aliceblue;
	border-bottom-color:aliceblue;
}




/* regole per personalizzare i placeholder dei campi form */
/* http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css */
.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #BBB;
	font-weight: 400;
	font-family:inherit;
	font-style: italic;
	text-transform:none;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #BBB;
    opacity: 1;
	font-weight: 400;
	font-family:inherit;
	font-style: italic;
	text-transform:none;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #BBB;
    opacity: 1;
	font-weight: 400;
	font-family:inherit;
	font-style: italic;
	text-transform:none;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #BBB;
	font-weight: 400;
	font-family:inherit;
	font-style: italic;
	text-transform:none;
}
/* --- */




.form-control:disabled, 
.form-control[readonly] {
	background-color: #f8f9fa;
    opacity: 1;
	color: #BBB;
}
.custom-select:disabled, 
.custom-select[readonly] {
	background-color: #f8f9fa;
    opacity: 1;
	color: #BBB;	
}




/** FLAG **/

.fixlabel {
    margin: -2px 0 0 5px;
    position: absolute;
}

.flag {
    width: 24px !important;
    height: 18px !important;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
    display: inline-block;
    margin-top: 1px;
}

/* flag backgrounds (24px) */
.it, .italian    {background: url('/images/flags.png')  -58px -177px no-repeat;}
.en, .english    {background: url('/images/flags.png')  -87px -351px no-repeat;}
.fr, .french     {background: url('/images/flags.png') -116px  -90px no-repeat;}
.es, .spanish    {background: url('/images/flags.png')    0px -322px no-repeat;}
.pt, .portuguese {background: url('/images/flags.png') -116px -264px no-repeat;}
.ja, .japanese   {background: url('/images/flags.png')  -87px -177px no-repeat;}
.de, .german     {background: url('/images/flags.png')  -29px -119px no-repeat;}
.ru, .russian    {background: url('/images/flags.png')  -29px -293px no-repeat;}
.zh, .chinese    {background: url('/images/flags.png')    0px  -61px no-repeat;}

/* --- */




/* PRODUCT LABELS */

.item-price + .features-list {
	margin-top: 0;
}
.features-list {
	list-style:none;
	padding-left:0;
}

.features-list li {
	margin-top:2px;
	margin-right:5px;
	margin-bottom:3px;
	float:left;
	display:inline-block;
	text-align:center;
}
.features-list.section-item-feature li .badge {
	cursor:pointer;
}
.badge-feature {
	border-radius:50px;
	padding:4px 12px;
	color:#FFF;
}
.badge-feature span.feature-icon {
	width:16px;
	height:16px;
	display:inline-block;
	margin-right: 4px;
	margin-left: -2px;
	background-size: cover !important;
}
.badge-feature span.feature-text {
	font-weight:400;
	text-transform:uppercase;
	display: inline-block;
	vertical-align: top;
	top: 3px;
	position: relative;
}
.item-menu .badge-feature {
	padding:2px 8px 1px 8px;
}
.item-menu .badge-feature span.feature-icon {
	width:13px;
	height:13px;
}
.item-menu .badge-feature span.feature-text {
	font-size:0.70em;
	top: 3px;
}
.badge-feature.badge-halal			{ background-color: #046e48; }
.badge-feature.badge-kosher			{ background-color: #fd5c49; }
.badge-feature.badge-vegan			{ background-color: #1fd879; }
.badge-feature.badge-vegetarian		{ background-color: #1fb580; }
.badge-feature.badge-biological		{ background-color: #8fba1b; }
.badge-feature.badge-spicy			{ background-color: #db3421; }
.badge-feature.badge-very_spicy		{ background-color: #b82122; }
.badge-feature.badge-frozen			{ background-color: #007fce; }
.badge-feature.badge-blasted_food	{ background-color: #5dbeeb; }
.badge-feature.badge-gluten_free	{ background-color: #f0a719; }
.badge-feature.badge-lactose_free	{ background-color: #d85385; }

.badge-feature.badge-halal			span.feature-icon	  { background: url('/images/product-features/halal.png')			0 0 no-repeat; }
.badge-feature.badge-kosher			span.feature-icon     { background: url('/images/product-features/kosher.png')			0 0 no-repeat; }
.badge-feature.badge-vegan			span.feature-icon     { background: url('/images/product-features/vegan.png')			0 0 no-repeat; }
.badge-feature.badge-vegetarian		span.feature-icon     { background: url('/images/product-features/vegetarian.png')		0 0 no-repeat; }
.badge-feature.badge-biological		span.feature-icon     { background: url('/images/product-features/biological.png')		0 0 no-repeat; }
.badge-feature.badge-spicy			span.feature-icon     { background: url('/images/product-features/spicy.png')			0 0 no-repeat; }
.badge-feature.badge-very_spicy		span.feature-icon     { background: url('/images/product-features/very-spicy-2.png')	0 0 no-repeat; }
.badge-feature.badge-frozen			span.feature-icon     { background: url('/images/product-features/frozen.png')			0 0 no-repeat; }
.badge-feature.badge-blasted_food	span.feature-icon     { background: url('/images/product-features/blasted-food.png')	0 0 no-repeat; }
.badge-feature.badge-gluten_free	span.feature-icon     { background: url('/images/product-features/gluten-free.png')		0 0 no-repeat; }
.badge-feature.badge-lactose_free	span.feature-icon     { background: url('/images/product-features/lactose-free.png')	0 0 no-repeat; }

/* --- */




/* regole per backend contenuti allineati al centro */
.row.justify-content-custom {
	justify-content:center!important;
	max-width:640px;
	margin:auto;
}






















/* ###################################################################### */
/* ###################################################################### */

/* regole per pagina dashboard */
.description-block > div {
	height: 45px;
}
.description-block > div > .description-header {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.box-counter {
	width:45px;
	display:inline-block;
	margin-right:10px;
}
.box-counter.float-right {
	margin-right:0px;
	margin-left:10px;	
}
.box-counter .badge {
	width:100%;
}

.matomo-widgets iframe {
	width: 1px;
	min-width: 100%;
}
.matomo-widgets iframe .widget {
	box-shadow:none !important;
}

.user-status-progress {
	margin-top:-3px;
}

/* regole per la pagina di gestione delle section */
.main-header .btn.section-drag {
	min-width:26px;
}

.page-wrapper-main-container {
	margin-bottom:70px;
}
.page-wrapper {
	margin-top:10px;
	margin-bottom:10px;
	margin-right: -7.5px;
    margin-left: -7.5px;
}
.section-content {
	margin-top:40px;
}
.section-wrapper {
	width:100%;
	margin:auto;
	position:relative;	
}
.section-wrapper .nav-tabs {
	margin-bottom:10px;
}
.section-row {
	position:relative;
	padding:0;
	margin:0 -7.5px;
	margin-bottom: 20px;
}
.item-body .item-max-width,
.section-row .section-box .item-body {
	margin:auto 30px auto 30px;
}
.section-row.ghost-placeholder .section-box:after {
	content:"";
	display:block;
	margin: auto 7.5px;
	width:calc(100% - 15px);
	height:100%;
	background-color: #fffce2 !important;
	position: absolute;
    top: 0;
	left:0;
    z-index: 100;
}
.section-row-wrapper .item-box.ghost-placeholder:after {
	content:"";
	display:block;
	margin: auto 7.5px;
	width:calc(100% - 15px);
	height:100%;
	background-color: #fffce2 !important;
	position: absolute;
    top: 0;
	left:0;
    z-index: 100;
}
.section-row-wrapper .item-box.item-menu,
.section-row-wrapper .item-box.item-menu-variation {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
	z-index:50;
}
.section-row-wrapper .item-box.item-banner {
	max-width:1140px;
}
.section-row-wrapper .item-box.item-active,
.section-row.item-active .section-row-action {
	z-index:75;
}
.section-row-wrapper .item-box.layout-1 .item-main .edit-wrapper {
    margin-right: 100px;
}
.section-row-wrapper .item-box.item-menu .item-title {
	text-transform: uppercase;
	color:#4d4d4d;
}
.section-row-wrapper .item-box.item-menu.layout-2 .item-main {
    text-align: center;
}
.section-row-wrapper .item-box.item-info .item-main,
.section-row-wrapper .item-box.item-menu .item-main,
.section-row-wrapper .item-box.item-menu-variation .item-main {
	z-index: 5;
    position: relative;
}
.section-row-wrapper .item-box.item-menu .item-footer {
    background-color: #fafafa;
    font-size: 12px;
    font-size: 12px;
    z-index: 5;
    position: relative;
}
.section-row-wrapper .item-box.item-menu .item-footer .add-btn-wrapper {
	margin-bottom: 0.5rem;
}
.section-row.status-0 .item-box .item-footer,
.section-row-wrapper .item-box.item-menu.status-0 .item-footer {
    background-color: rgba(250, 250, 250, 0.5);
}
.section-row-wrapper .item-box.item-menu .item-footer .div-allergeni {
	margin-bottom:10px;
}
.section-row-wrapper .item-box.item-menu .item-footer .div-allergeni .section-item-allergen {
	cursor: pointer;
}
.section-row-wrapper .item-box.item-menu .item-footer .badge {
	font-size:90%;
}
.section-row-wrapper .item-box.item-menu .item-body .btn-sm {
    font-size: .7rem;
    margin: 0 3px 3px 0;
    border-color: #f0f0f0;
}
.section-row-wrapper .item-box.item-menu .image-box-pano {
	width:100%;
}

.badge-promo { 
	text-transform: uppercase;
}
.item-box .badge-promo {
	line-height: 10px;
	padding: 5px 6px 5px 6px;
}
.item-box p.item-price {
	font-size:14px;
}
.badge + .item-price-wrapper {
	margin-left:8px;
}
.item-price-wrapper .item-price-description + .item-price-amount-wrapper{
	margin-left:8px;
}	
.item-price-wrapper .item-price-todays-wrapper {
	margin-left:6px;
}

.section-row .section-box .item-body h3,
.section-row .section-box .item-body p {
	z-index:7;
}
.section-row.status-0 .section-box .item-body:after,
.section-row.status-0 .item-box.item-menu .item-body:after,
.section-row-wrapper .item-box.item-menu.status-0 .item-body:after,
.section-row.status-0 .item-box.item-menu-variation .item-body:after,
.section-row-wrapper .item-box.item-menu-variation.status-0 .item-body:after,
.section-row.status-0 .item-box.item-info .item-body:after,
.section-row-wrapper .item-box.item-info.status-0 .item-body:after {
	content: "";
    display: inline-block;
    position: absolute;
	z-index:2;
    top: 0;
    left: 0;
    margin-left: 7.5px;
    margin-right: 7.5px;
    width: calc(100% - 15px); 
    height: 100%;
    background: repeating-linear-gradient( -45deg, #ddd, #ddd 10px, #eee 10px, #eee 20px );
    opacity: 0.40;
}
.section-row.status-0 .item-box.item-banner .item-body:after,
.section-row-wrapper .item-box.item-banner.status-0 .item-body:after {
	content: "";
    display: inline-block;
    position: absolute;
	z-index:2;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background: repeating-linear-gradient( -45deg, #ddd, #ddd 10px, #eee 10px, #eee 20px );
    opacity: 0.40;
}
.section-row.status-0 .section-box .item-body:after,
.section-row.status-0 .item-box.item-menu .item-body:after,
.section-row.status-0 .item-box.item-menu-variation .item-body:after,
.section-row.status-0 .item-box.item-info .item-body:after,
.section-row.status-0 .item-box.item-banner .item-body:after {
    background: repeating-linear-gradient( -45deg, #f4cccc, #f4cccc 10px, #eee 10px, #eee 20px );
}

.section-row.variation-section-row {
    padding: 20px 10px 0px;
    border: 2px solid #d5d5d5;
    background: #ececec;
    border-radius: 10px;
	position:relative;
}
.section-row.variation-section-row h4 {
	font-size:1.35rem;
}
.section-row.variation-section-row .btn-variation-attribute {
	font-size:0.7rem;
	margin:0 3px;
	border-color: #f0f0f0;
	position:absolute;
	bottom:6px;
	right:8px;
	z-index:16;
}

.variation-list > li.status-0:after {
	content: "";
    display: inline-block;
    position: absolute;
	z-index:2;
    top: 0;
    left: 0;
    margin:0;
    width: 100%; 
    height: 100%;
    background: repeating-linear-gradient( -45deg, #f4cccc, #f4cccc 10px, #eee 10px, #eee 20px );
    opacity: 0.40;
}
.variation-list > li ul li.status-0:after {
	content: "";
    display: inline-block;
    position: absolute;
	z-index:2;
    top: 0;
    left: 0;
    margin:0;
	margin-left:-10px;
	margin-right:-10px;
    width: calc(100% + 20px); 
    height: 100%;
    background: repeating-linear-gradient( -45deg, #ddd, #ddd 10px, #eee 10px, #eee 20px );
    opacity: 0.40;
}
.variation-list > li.status-0 ul li.status-0:after {
	background:none;
}

.item-banner.layout-1 .card-body.item-body,
.item-banner.layout-2 .card-body.item-body {
	padding-right:40px;
}
.item-banner.layout-3 .card-body.item-body,
.item-banner.layout-4 .card-body.item-body {
	padding-left:40px;
	padding-right:40px;
}
.item-banner .card-title {
	float:none;
	z-index:5;
	text-transform: uppercase;
}
.item-banner h3.card-title {
	font-size: 1.75rem;
	margin-bottom: .5rem;
}
.item-banner h5.card-title {
	font-size: 1.25rem;
	margin-bottom: .3rem;
}
.item-banner .card-text {
	z-index:5;
}

.section-row.collapse-1 .section-box > div {
	border-bottom: 6px double #dd0000 !important;
	border-bottom: 6px double #6c757d  !important;
}
.section-row.collapse-1 .section-row-wrapper, 
.section-row.collapse-1 .section-row-wrapper + .section-item-add-wrapper {
	display:none;
}





.section-row-add-first {
	height:150px;
}
.section-row-header {
	position:relative;
	margin-bottom:5px;
	z-index:120;
}
.section-row-header > .tab-pane {
	display:inline-block;
}
.section-item-add-wrapper {
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:25px;
}

.header-action-image {
	position:absolute;
	top:4px;
	right:-1px;
    text-align: right;
	z-index:10;
	border:0;
	padding:0;
    background-color:transparent;
}
.header-action-language {
	position:absolute;
	top:40px;
	right:-1px;
    text-align: right;
	z-index:5;
	border:0;
	padding:0;
    background-color:transparent;
}
.section-row-action,
.section-item-action {
	position:absolute;
	top:4px;
	right:7px;
    text-align: right;
	z-index:20;
	border:0;
	padding:0;
    background-color:transparent;
}
.section-row.variation-section-row .section-row-action {
	top:24px;
	right:17px;
}
.section-item-action-image {
	position:absolute;
	top:40px;
	right:7px;
    text-align: right;
	z-index:10;
	border:0;
	padding:0;
    background-color:transparent;
}
.header-action-image .nav-link,
.header-action-language  .nav-link,
.section-row-action .nav-link,
.section-item-action .nav-link,
.section-item-action-image .nav-link {
	padding: 0;
    width: 2.5em;
    height: 2.2em;
}
.header-action-image .fa-stack,
.header-action-language  .fa-stack,
.section-row-action .fa-stack,
.section-item-action .fa-stack,
.section-item-action-image .fa-stack {
	position: absolute;
    right: 0;
}

.header-action-image .nav-item-spinner,
.section-item-action-image .nav-item-spinner {
	width: 40px;
    height: 32px;
}
.header-action-image .nav-item-spinner .spinner-border,
.section-item-action-image .nav-item-spinner .spinner-border {
	position: absolute;
    top: 8px;
    left: 12px;
	color:rgba(0,0,0,.5);
}

.header-preview-link {
    position: absolute;
    bottom: 10px;
    z-index: 100;
}
@media (max-width:480px) {
	.header-preview-link a.btn-sm {
		padding: 0.15rem 0.35rem;
	}
}

.header-export-link {
    position: absolute;
    bottom: 10px;
	right: 0;
    z-index: 100;
}
@media (max-width:600px) {
	.header-export-link {
		bottom: 50px;
	}
}

.section-wrapper.section-row-drag .item-box,
.section-wrapper.section-row-drag .section-row-action,
.section-wrapper.section-row-drag .section-item-action,
.section-wrapper.section-row-drag .section-item-add-wrapper,
.section-wrapper.section-row-drag .section-description,
.section-wrapper.section-row-drag .jquery-editable:after {
	display:none !important;	
}
.section-wrapper.section-item-drag .section-row-action,
.section-wrapper.section-item-drag .section-item-action,
.section-wrapper.section-item-drag .section-item-action-image,
.section-wrapper.section-item-drag .section-item-add-wrapper,
.section-wrapper.section-item-drag .section-description,
.section-wrapper.section-item-drag .item-description,
.section-wrapper.section-item-drag .item-price-variation-wrapper,
.section-wrapper.section-item-drag .jquery-editable:after {
	display:none !important;	
}
.section-wrapper.section-item-drag .item-box.layout-1 .image-box img {
	width:45px;
}



.panel-section-item-wrapper {
	display: flex;
	margin-bottom:10px;	
}
.panel-section-item-wrapper.disabled {
	opacity:0.3;
}
.panel-section-item-wrapper.disabled button.btn.btn-xs.btn-primary {
	visibility:hidden;
}
.panel-section-wrapper.hide-used-items .panel-section-item-wrapper.disabled {
	display:none;
}



.section-item {
	position:relative;
	z-index:100;
	margin: 0;
	margin-right: 0.3em;
	margin-right: 0;
	padding: 0.3em;
	border: 2px solid #EEE;
	overflow:hidden;
}

.section-item.drag {
	box-shadow: 0px 0px 8px #666;
	border:0;
	width:222px;
}

.section-item .box-layout {
	display:inline-block;
	text-align:center;
	width:100%;
	height:66px;
}
.section-item .box-info {
	width:100%;
	height:40px;
	text-align:center;
}
.section-item .box-info a {
	position:relative;
	display:block;
	max-width:230px;
	height:39px;
	margin:auto;
	padding:2px;
	text-align:left;
}
.section-item .box-info a:hover {
	background-color:#F0F0F0;
}
.section-item .box-info .item-image {
	position:relative;
	width:50px;
	height:35px;
	overflow:hidden;
	float:left;
	margin-right: 4px;
}
.section-item .box-info h3 {
	font-size:1.1em;
	margin-top:0;
	margin-bottom:0;
	overflow:hidden;
}
.section-item .box-info p {
	font-size:0.9em;
	margin-top:0;
	height:18px;
	overflow:hidden;
}
.section-item .box-info .item-image + h3,
.section-item .box-info .item-image ~ p {
	margin-left:0px;
}
.section-item .box-info.box-info-modal {
	display:none;
}
.modal-dialog .section-item .box-info {
	display:none;
}
.modal-dialog .section-item .box-info.box-info-modal {
	display:block;
}



.section-item.section-item-edit {
	height:120px;
}
.section-item-drag .item-box {
	height:70px;
	overflow:hidden;
	margin-bottom:10px;
}
.section-item-drag .item-box.layout-2 .item-main {
	position:absolute;
	top:0;
    width: calc(100% - 15px);
    height: 70px;
}
.section-item-drag .item-box.layout-2.status-1 .item-main {
    background-color: rgba(255, 255, 255, 0.75);
}	
.section-item-small .item-body {
	height:150px;
	overflow:hidden;
}



.section-row-handle, 
.section-item-handle {
    display: none;
    background-color: transparent;
    position: absolute;
	top:4px;
	right:7px;
    text-align: right;
    z-index: 10;
	cursor:n-resize;
	color: rgba(0,0,0,.5);
}
.section-row.variation-section-row .section-row-handle {
	top:24px;
	right:17px;
}

.section-row-handle {
	cursor:n-resize;
}
.section-wrapper.section-row-drag .section-row-handle {
	display:block;
}
.section-wrapper.section-item-drag .section-item-handle {
	display:block;
}



.panel-action-wrapper button {
	min-width:200px;
}



/* --- elenco moduli disponibili da visualizzare in una finestra modal --- */
.panel-section-wrapper .section-item-handle {
	display:none;
}
.panel-section-wrapper .box-info .item-image {
	width:80px;
	height:61px;
}
.panel-section-wrapper .section-item .box-info div {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:330px;
	height:60px;
	margin:auto;
	padding:0 2px;
	text-align:left;
}
.panel-section-wrapper .panel-body .section-item {
	float:left;
	width:100%;
	height:68px;
	border: 0;
	padding-top:0.3em;
	padding-left:0;
	cursor:default;
}
.panel-section-wrapper .panel-body .section-item:last-child {
	margin-bottom:0px;
}
.panel-section-wrapper .section-item .box-layout {
	float:left;
	display:inline-block;
	width:80px;
	height:61px;
}
.panel-section-wrapper .section-item .box-info {
	float:left;
	margin-top:0px;
	text-align:left;
}
.panel-section-wrapper .section-item .box-info div {
	position:relative;
	display:inline-block;
	background-color:transparent;
}
.panel-section-wrapper .section-item:hover .section-item-action {
	display:none;
}
.panel-section-wrapper .panel-section-item-add {
	width:65px;
	height:68px;
    float: right;
    padding: 0px;
    padding-top: 3px;
    padding-right: 10px;
    text-align: right;
}
.panel-section-wrapper .panel-section-item-add button {
	width:100%;
	margin-bottom:8px;
}

/* fine regole per la gestione delle section */
/* ###################################################################### */




/* regole per la gestione delle lingue drag-n-drop */
.language-list-wrapper .language-item-wrapper {
	position:relative;
	height:42px;
	width:100%;
	max-width:330px;
	margin-bottom: 0.5rem;
	padding: 10px;
	background:#f7f7f7;
}
.language-list-wrapper .language-item-wrapper span.flag {
	margin-top: 2px;
}
.language-list-wrapper .language-item-wrapper span.fixlabel {
	margin-top: -1px;
}
.language-list-wrapper .language-item-wrapper .language-handle {
    background-color: transparent;
    position: absolute;
    top: 5px;
    right: 0;
    text-align: right;
    z-index: 10;
    cursor: move;
    color: rgba(0,0,0,.5);
}
.language-list-wrapper .language-item-wrapper.ghost-placeholder:after {
	content:"";
	display:block;
	margin: auto 0;
	width:100%;
	height:100%;
	background-color: #fffce2 !important;
	position: absolute;
    top: 0;
	left:0;
    z-index: 100;
}



/* regole per campi editabili con jquery-editable */
.jquery-editable,
.jquery-editable-html {
	position:relative;
	cursor:pointer;
}
.jquery-editable:hover,
.jquery-editable-html:hover {
	background-color:rgba(129, 129, 129, 0.1);
}
.jquery-editable.length-warning {
	background-color:#ffffcc !important;
}
.section-description.jquery-editable {
	margin:auto;
}	
.jquery-editable[data-is-editing] {
	width:100%;
	position:relative;
}
.jquery-editable[data-is-editing]:hover,
.jquery-editable-html[data-is-editing]:hover {
	background-color:transparent;
}
.site-header-main .jquery-editable.length-warning {
	background-color: rgba(255, 255, 204, 0.5) !important; 
}
.jquery-editable[data-is-editing] textarea {
	background-color:rgba(129, 129, 129, 0.1);
	border:1px dashed #c7c8ca !important;
	width:100% !important;
	outline:0;
	color:inherit;
	text-transform:inherit;
	margin:0 !important;
	padding:0 !important;
}
.site-header-main .jquery-editable[data-is-editing] textarea {
	background-color: rgba(255, 255, 255, 0.25); 
}
p.jquery-editable[data-is-editing] textarea,
div.jquery-editable[data-is-editing] textarea {
	margin:0 -2px -6px -1px !important;
}
.text-center .jquery-editable[data-is-editing] textarea,
.item-box.item-menu.layout-2 .item-main .jquery-editable[data-is-editing] textarea {
	margin:0 !important;
	text-align:center;
}
h1.jquery-editable[data-is-editing] textarea {
	margin:-1px 0 -3px -1px !important;		
}
.text-center h3.jquery-editable[data-is-editing] textarea {
	margin:-1px 0px -7px 0px !important;	
}
h3.jquery-editable[data-is-editing] textarea:empty {
	min-height:37px !important;
}	
h4.jquery-editable[data-is-editing] textarea {
	margin:-1px 0 -3px -1px !important;
}	
h4.jquery-editable[data-is-editing] textarea:empty {
	min-height:32px !important;
}
h5.jquery-editable[data-is-editing] textarea {
	margin:-1px 0 -2px -1px !important;
}
.item-menu.layout-2 h4.jquery-editable[data-is-editing] textarea {
	margin:-1px 0 -3px 0 !important;
}
.item-menu.layout-2 p.jquery-editable[data-is-editing] textarea {
	margin:0 !important;
}
.item-banner.layout-3 p.jquery-editable[data-is-editing] textarea,
.item-banner.layout-4 p.jquery-editable[data-is-editing] textarea {
	margin:-1px 0 1px 0 !important;	
}
.zone-title.jquery-editable[data-is-editing] input {
	margin-left:20px !important; 
	margin-right:20px !important;
	display:block !important; 
	width:200px !important;
}



/* regole per pagina edit menu */
.page-menu-edit h1, 
.page-menu-edit h2, 
.page-menu-edit h3, 
.page-menu-edit h4, 
.page-menu-edit h5, 
.page-menu-edit h6 {
    font-family: 'Oswald', sans-serif;
	font-weight:400;
}
.page-menu-edit p {
	font-weight:400;
}
.page-menu-edit .section-wrapper {
	max-width:465px;
}
.page-menu-edit .site-header {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
}
.page-menu-edit .site-header-menu {
    height: 50vh; 
    min-height: 300px;
}
.page-menu-edit .site-header-menu:after {
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    content: "";
    opacity: .35;
}
.page-menu-edit .site-header-main {
	z-index:2;
}
.page-menu-edit .section-title {
	text-transform:uppercase;
	color: #4d4d4d;
}
.page-menu-booking .page-menu-edit .section-title,
.page-menu-info .page-menu-edit .section-title {
	text-transform:inherit;
}
.page-menu-edit .site-header-menu h1,
.page-menu-edit .site-header-menu p {
	color:#FFF;
}
.page-menu-edit .sidebar-contact {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
	color: #fff;
}
.page-menu-edit .sidebar-contact a {
	color:white;
}
.page-menu-edit .sidebar-contact:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    opacity: 0.88;
    background-color: #06181f!important;
}
.page-menu-edit .sidebar-contact .sidebar-contact-main {
    z-index: 2;
}
.page-menu-edit .sidebar-contact .sidebar-contact-main .sidebar-contact-text i {
	font-size:28px;
}
.page-menu-edit .sidebar-contact .textwidget p {
	color: #fff;
}
.page-menu-edit .item-box.item-menu .item-body,
.page-menu-edit .item-box.item-info .item-body,
.page-menu-edit .item-box.item-booking .item-body {
	background-color:#FFF;
}



/* regole per pagina edit variation */
.item-menu-variation-edit h1, 
.item-menu-variation-edit h2, 
.item-menu-variation-edit h3, 
.item-menu-variation-edit h4, 
.item-menu-variation-edit h5, 
.item-menu-variation-edit h6 {
    font-family: 'Oswald', sans-serif;
	font-weight:400;
}
.item-menu-variation-edit p {
	font-weight:400;
}
.item-menu-variation-edit .section-wrapper {
	max-width:465px;
}
.item-menu-variation-edit .item-box.item-menu-variation .item-body {
	background-color:#FFF;
	min-height:80px;
}
.item-menu-variation-edit .item-box.item-menu-variation .item-body .item-main {
	margin-right:40px;
}
.item-menu-variation-edit .item-box.item-menu-variation .item-body .item-main .item-price-variation-wrapper {
	margin-bottom:0.1rem;
	margin-right:100px;
}
.item-menu-variation-edit .item-box.item-menu-variation .item-body .item-main .item-price-variation-wrapper .item-price {
	font-weight:700;
}






/* regole per righe gestione staff service */
.row-data-staff .col-width-device-name {
	width:auto;
	max-width:100%;
}
.row-data-staff .col-width-action {
	width:120px;
	max-width:120px;
}
.row-data-staff .col-width-delete {
	width:45px;
	max-width:45px;
}
@media (min-width: 1700px) {
	.row-data-staff .col-width-action {
		width:440px;
		max-width:440px;
	}
}
.row-data-staff.custom-gutters {
	margin-right:-5px;
	margin-left:-5px;
} 
.row-data-staff.custom-gutters > .col, 
.row-data-staff.custom-gutters > [class*=col-] {
	padding-right: 5px;
	padding-left: 5px;
}
@media (max-width:767px) {
	.row-data-staff.custom-gutters {
		margin-right:-3px;
		margin-left:-3px;
	} 
	.row-data-staff.custom-gutters > .col, 
	.row-data-staff.custom-gutters > [class*=col-] {
		padding-right: 3px;
		padding-left: 3px;
	}
}




/* regole per elementi form di inserimento dei valori dei prezzi dei prodotti */
@media (max-width:767px) {
	.row-data-price .form-group {
		margin-bottom: 0.5rem;
	}
}
.row-data-price .col-width-description {
    width:auto;	
    max-width:100%;    
}
.row-data-price .col-width-price {
    width:130px;
    max-width:130px;	
}
@media (max-width:767px) {
	.row-data-price .col-width-price {
		width:65px;
		max-width:65px;	
	}
}
.row-data-price .col-width-delete {
    width:30px;
    max-width:30px;	
}
.row-data-price .col-width-delete .btn {
	width:100%;
	min-width:22px;
	padding-right:0;
	padding-left:0;
}
.row-data-price.custom-gutters {
	margin-right:-5px;
	margin-left:-5px;
} 
.modal-body .row-data-price.custom-gutters {
	margin-right:-3px;
	margin-left:-3px;
} 
.row-data-price.custom-gutters > .col, 
.row-data-price.custom-gutters > [class*=col-] {
	padding-right: 5px;
	padding-left: 5px;
}
@media (max-width:767px) {
	.row-data-price.custom-gutters {
		margin-right:-3px;
		margin-left:-3px;
	} 
	.row-data-price.custom-gutters > .col, 
	.row-data-price.custom-gutters > [class*=col-] {
		padding-right: 3px;
		padding-left: 3px;
	}
}

.modal .row-data-price .form-group {
	margin-bottom: 0.5rem;
}
.modal .row-data-price .col-width-price {
	width:65px;
	max-width:65px;	
}
.modal .row-data-price.custom-gutters > .col, 
.modal .row-data-price.custom-gutters > [class*=col-] {
	padding-right: 3px;
	padding-left: 3px;
}
/* --- */






/* regole per pagine dettaglio ordini
--------------------------------------------- */
.order-data-table-wrapper .base-price,
.card-single-details-wrapper .base-price {
	white-space:nowrap;
}
.order-data-table-wrapper td.td-description,
.card-single-details-wrapper td.td-description {
	border: 0px;
	position: relative;
	top: -8px;
	left: -14px;
}





/* regole per pagina menu list */
.menu-item-wrapper .card.status-0:after {
	content: "";
    display: inline-block;
    position: absolute;
	z-index:2;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background: repeating-linear-gradient( -45deg, #ddd, #ddd 10px, #eee 10px, #eee 20px );
    opacity: 0.40;
}
.menu-item-wrapper .card div:not(.card-header):not(.card-body) {
	z-index:5;	
}
.menu-item-wrapper .card div.menu-item-handle {
    background-color: transparent;
    position: absolute;
    top: 3px;
    right: -1px;
    text-align: right;
    z-index: 10;
    cursor: move;
    color: rgba(0,0,0,.5);
}
.menu-item-wrapper.ghost-placeholder .card:after,
.menu-item-wrapper.ghost-placeholder .card.status-0:after {
	content:"";
	width:100%;
	height:100%;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	z-index:25;
	background:none;
	background-color: #fffce2 !important;
	opacity: 1;
}



/* regole per modale impostazioni singolo menu */
#modal-item-setting #form_edit {
	margin-bottom:0;
}
#modal-item-setting form .form-group {
	margin-bottom:1.7rem;
}	
#modal-item-setting form .menu-type-list,
#modal-item-setting form .order-type-list,
#modal-item-setting form .sidebar-option-list {
	padding-left: 1.7rem;
}
#modal-item-setting form .menu-type-list li,
#modal-item-setting form .order-type-list li,
#modal-item-setting form .sidebar-option-list li {
    list-style: none;
}
#modal-item-setting #tab-info-text input {
	width:90%;
	float:left;
}
#modal-item-setting #tab-info-text .card-tools {
	margin-top: 0.25rem;
}
#modal-item-setting .form-group-page-menu,
#modal-item-setting .sidebar-option-list {
	position:relative;
}
#modal-item-setting .form-group-page-menu.mask-overlay:after,
#modal-item-setting .sidebar-option-list.mask-overlay:after{
	content:"";
	display:block;
	margin: auto;
	width:calc(100%);
	height:100%;
	background-color: #fff !important;
	position: absolute;
    top: 0;
	left:0;
    z-index: 100;
	filter: alpha(opacity=40);
	opacity: .40;
}



/* regole per modale conferma ordine */
#modal-order-notification .card .card-header .btn-header-link:after {
	content: "\f106";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
}
#modal-order-notification .card .card-header .btn-header-link.collapsed:after {
	content: "\f107";
}


/* regole per pagina elenco variazioni */
.variation-list-wrapper .variation-item {
	position:relative;
}
.variation-list-wrapper .icon-order {
	display:inline-block;
	width:20px;
	cursor:n-resize;
	position:absolute;
	top:10px;
	left:10px;
}
.variation-list-wrapper .icon-delete {
	display:inline-block;
	width:20px;
	position:absolute;
	top:10px;
	right:5px;	
}
.variation-list-wrapper .description {
	display: block;
	margin-left:20px;
	margin-right:30px;
	padding:10px;
}
.variation-list-wrapper .price {
	margin-left:10px;
}
.variation-list-wrapper .variation-item.ghost-placeholder:after {
	content:"";
	display:block;
	margin: auto 0px;
	width:calc(100%);
	height:100%;
	background-color: #fffce2 !important;
	position: absolute;
    top: 0;
	left:0;
    z-index: 100;
}



/* regole per pagina dettaglio ordine */
.customer-note,
.variation-note {
	font-weight:bold;
	font-style:italic;
	color:#c5221e;
}
.status-wrapper {
	padding-left:20px;
	position:relative;
	margin-bottom:0.5rem;
}
.status-wrapper i.fa-clock {
	position:absolute;
	top:4px;
	left:0;
}






/* regole per distinguere lo sviluppo dalla produzione */
.developer-mode {
	position:fixed;
	z-index:10000;
	top:0;
	width:100%;
	height:4px;
	background-color:red;
}
/* regole per distinguere la demo dalla produzione */
.demo-mode {
	position:fixed;
	z-index:10000;
	top:0;
	width:100%;
	height:4px;
	background-color:orange;
}
/* --- */



/* 2021-xx-xx Lorenzo M.					*/
/* fix libreria icheck-bootstrap			*/
/* ---------------------------------------- */
[class*=icheck-] > input:first-child + input[type=hidden] + label::before, 
[class*=icheck-] > input:first-child + label::before {
	background-color: #FFF;
}
[class*=icheck-] > input:first-child:checked:disabled + label {
	opacity:1;
}

/* 2021-11-27 Lorenzo M.					*/
/* add libreria icheck-bootstrap			*/
/* supporto per attributo readonly			*/
/* ---------------------------------------- */
[class*=icheck-] > input:first-child {
	display:none;
}
[class*="icheck-"] > input:first-child[readonly] {
	cursor: default; 
}
[class*="icheck-"] > input:first-child[readonly] + label,
[class*="icheck-"] > input:first-child[readonly] + input[type="hidden"] + label,
[class*="icheck-"] > input:first-child[readonly] + label::before,
[class*="icheck-"] > input:first-child[readonly] + input[type="hidden"] + label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
[class*=icheck-] > input:first-child[readonly] + label {
	opacity:1;
}
/* --- */

/* 2022-01-21 Lorenzo M.					*/
/* regole per icheck in tabella				*/
/* ---------------------------------------- */
table.dataTable .icheck-td-wrapper {
	position:relative;
	width:21px; 
	margin: 0 !important;
	padding: 0 !important;
}
table.dataTable .icheck-td-wrapper .icheck-primary {
	position:absolute; 
	top:-6px; 
	left:0;
}
table.dataTable.table-sm > thead > tr > th {
	padding-right:0;
}
/* --- */




/* personalizzazione degli elementi ion range slider */
.js-range-slider-wrapper {
	margin-bottom:25px;
    background-color: #f7f7f7;
    padding: 8px;
    border-radius: 4px;	
}
.js-range-slider-wrapper span.irs-single {
	top: 28px;
    position: absolute;
    z-index: 10;
}
.js-range-slider-wrapper .irs--round .irs-single:before {
	content:none;
}
.js-range-slider-wrapper .irs--round .irs-handle {
	display:none;
}
.js-range-slider-wrapper .irs--round .irs-min, 
.js-range-slider-wrapper .irs--round .irs-max {
	visibility: visible !important;
}
.js-range-slider-wrapper.slider-success .irs--round .irs-from, 
.js-range-slider-wrapper.slider-success .irs--round .irs-to, 
.js-range-slider-wrapper.slider-success .irs--round .irs-single,
.js-range-slider-wrapper.slider-success .irs--round .irs-bar {
	background-color:#28a745;
}
.js-range-slider-wrapper.slider-warning .irs--round .irs-from, 
.js-range-slider-wrapper.slider-warning .irs--round .irs-to, 
.js-range-slider-wrapper.slider-warning .irs--round .irs-single,
.js-range-slider-wrapper.slider-warning .irs--round .irs-bar {
	background-color:#ffc107;
}
.js-range-slider-wrapper.slider-danger .irs--round .irs-from, 
.js-range-slider-wrapper.slider-danger .irs--round .irs-to, 
.js-range-slider-wrapper.slider-danger .irs--round .irs-single,
.js-range-slider-wrapper.slider-danger .irs--round .irs-bar {
	background-color:#dc3545;
}
.js-range-slider-wrapper.slider-hide-min-max .irs--round {
	height:20px;
}
.js-range-slider-wrapper.slider-hide-min-max .irs-bar,
.js-range-slider-wrapper.slider-hide-min-max .irs-line { 
	top:8px;	
}
.js-range-slider-wrapper.slider-hide-min-max .irs-single { 
	top:0px;	
}
/* --- */


/* regole per campi con text counter */
.text-counter-wrapper {
    position:relative;
}
.text-counter-wrapper .text-counter-badge {
	position:absolute;
	top:3px;
	right:0;
	z-index:10;
}
.text-counter-wrapper .length-warning {
	background-color:#ffffcc !important;
}
/* --- */


/* regole per colori badge dei servizi */

/* TAKEAWAY */
.badge-warning-jmenu {  
	color:#FFF;
	background-color:#e69138;
	font-weight:400;	
}
/* DELIVERY */
.badge-success-jmenu {  
	color:#FFF;
	background-color:#6aa84f;
	font-weight:400;
}
/* TAVOLO */
.badge-primary-jmenu {  
	color:#FFF;
	background-color:#3c78d8;
	font-weight:400;
}
/* ESTERNO */
.badge-info-jmenu {  
	color:#FFF;
	background-color:#8e7cc3;
	font-weight:400;
}
/* usato per scritta PRIMA POSSIBILE */
.badge-takeaway-fast {  
	color: #fff;
    background-color: #6c757d;
	font-weight:400;
	position:relative; 
	top:-1px;
}

/* --- */


/* badge animato con counter -- parte admin -- */
.badge-radar {
	display: inline-block;
    width: 24px;
    height: 24px;
    background: #e06666;
    border-radius: 100%;
    animation: radar-animation 1s ease-out infinite;
    color: #FFF;
    text-align: center;
    line-height: 22px;
    font-size: 0.8em;
}
.badge-radar:empty {
	display:none;
}
.badge-radar:hover {
	color:#FFF;
}
@keyframes radar-animation {
    0%	{    box-shadow: 0 0 0 0	rgba(249,193,202,1)	}
  100%	{    box-shadow: 0 0 0 12px rgba(249,193,202,0) }
}
/* --- */







/* regole per pagina gestione ordine rapido */
#takeaway-fast-options {
	margin-left:30px;
}


/* regole per campo pincode input */
.pincode-input-container {
	max-width:120px;
	margin-bottom:4px;
}
.pincode-input-text, 
.pincode-input-text.form-control {	
	font-size: 1.25rem;
    font-weight: 700;
}
/* --- */



/* regole per pagina gestione modulo orari di apertura */
table.opening-time {
	margin:0;
	padding:0;
}
table.opening-time td {
	vertical-align:top;
	padding-bottom:8px;
}
table.opening-time .day {
	margin-top:7px;
	display:inline-block;
}
table.opening-time .t1,
table.opening-time .t2 {
	width:158px;
}
table.opening-time .t1 select,
table.opening-time .t2 select {
	display:inline-block;
	margin:0 1px 5px 1px;
}
table.opening-time .t1 select,
table.opening-time .t2 select {
	width:85px;
}
table.opening-time .t1 select.large,
table.opening-time .t2 select.large {
	width:176px;
}
@media (max-width: 767px) {
	table.opening-time .t1 select,
	table.opening-time .t2 select {
		width:78px;
	}
	table.opening-time .t1 select.large,
	table.opening-time .t2 select.large {
		width:162px;
	}
}
table.opening-time .t1 select[disabled],
table.opening-time .t2 select[disabled] {
	display:none !important;
}
table.opening-time .add a,
table.opening-time .del a,
table.opening-time .copy a {
	white-space:nowrap;
	margin-top:7px;
	display:inline-block;
	padding:0 0 0 15px;
}
@media (max-width: 767px) { 
	table.opening-time .add a,
	table.opening-time .del a,
	table.opening-time .copy a {
		padding:0 0 0 5px;
	}
}
table.opening-time .add .time-add.disabled {
	display:none;
}
table.opening-time .del .time-del.disabled {
	display:none;
}



/* elementi per gestione zone di consegna (mappa) */
#zone-accordion .card .card-header .btn-header-link:after {
	content: "\f106";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
}
#zone-accordion .card .card-header .btn-header-link.collapsed:after {
	content: "\f107";
}
#zone-accordion span.zone-color {
	border-radius:20px;
	width: 14px;
    height: 14px;
    display: inline-block;
    background-color: white;
    margin-right: 10px;
}
#zone-accordion small {
	font-size:85%;
    line-height: 16px !important;
    display: inline-block;
}
#zone-accordion .form-group label {
	font-weight:400;
}


/* regole per tipo pagina "semplice"	*/
/* es. print-waiting.php				*/
.lockscreen-wrapper {
	max-width:480px;	
}
.lockscreen-item {
	width:100%;
}


/* elementi custom */
.quote-warning.quote-warning-2 {
	background-color: rgb(255 193 7 / 20%);
}


/* altre regole */
.print-order {
	display: block;
    font-style: italic;
    text-transform: capitalize;
}
.print-order:not(.btn) {
    color: #505050;
}


/* regole per debug */
table.debug tr td {
	border:1px solid #ccc;
}
/* --- */






/* regole per subscribe page */
.subscribe-page {
    background: linear-gradient(to bottom right,#005ca9 0%,#7ac3ff 100%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.subscribe-page .circle-icon {
    background: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    margin-right:20px ;
}
.subscribe-page .icona {
    width: 120px;
    float: left;
    font-size: 3rem;
    color:#005ca9;
}
.subscribe-page .testo {
    vertical-align: middle;
    display: table-cell;
    height: 100px;
    color:#ffffff;
}
.subscribe-page .input-group-text {
    width: 60px;
}
.subscribe-page .card-registration-form {
	max-width:500px;
}
.subscribe-page .card-verify-form {
	max-width:500px;
}
.subscribe-page .card-setup-form {
	max-width:900px;	
}
.subscribe-page .card-complete-form {
	max-width:400px;	
}
.subscribe-page  .input-check-message {
	font-weight:800;
	text-transform:uppercase;
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 100;
}
.subscribe-page .input-group-text-check-result {
	width:140px;
}
.subscribe-page .alert-warning { 
	color: #1f2d3d;
	background: #fff3cd;
	border-color: #fff3cd;
}
.subscribe-page .grecaptcha-badge {
	visibility: hidden;
}

@media screen and (max-width: 600px) {
    .subscribe-page .circle-icon {
		width: 60px;
		height: 60px;
		line-height: 60px;
    }
	.subscribe-page .icona {
		width: 80px;
		font-size: 2rem;
    }
	.subscribe-page .testo {
		font-size: 1.5rem;
		height: 80px;
	}
}

/* --- */


/* regole per indicatore di step			*/
/* usato in subscribe page e reset password */
.step-indicator-wrapper {
	display:block;
	margin-top:50px;
	margin-bottom:80px;
}
.step-indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px;
	max-width:280px;
	margin:auto;
}
.step {
	width: 40px;
	height: 40px;
	background-color: #fff;	
	color: #007BFF;
	border-radius: 50%;
	border: 3px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.line {
	width: 30px;
	height: 4px;
	flex: 1;
	background-color: #FFF;
	z-index: 10;
}
.step.active {
	background-color: var(--main-color);
	color: #fff;
}

/* --- */



/* regole per elementi grafici di controllo forza password */
.password-strength-wrapper {
	width: 300px;
	margin-bottom:15px;
}
.password-strength-wrapper .strength-meter {
	width: 100%;
	height: 4px;
	background: #ddd;
	margin: 10px auto;
	border-radius: 4px;
	position: relative;
}
.password-strength-wrapper .strength-bar {
	height: 100%;
	width: 0%;
	border-radius: 5px;
	transition: width 0.3s ease-in-out;
}
.password-strength-wrapper .strength-text,
.password-strength-wrapper .strength-feedback {
	font-size: 13px;
	color: #999;
	text-transform:uppercase;
	margin-bottom:0;
}
.password-strength-wrapper .strength-feedback {
	display:none;
}
.password-strength-wrapper .strength-0 { width:   0%; background: #dddddd; }	/* Nessuna		*/
.password-strength-wrapper .strength-1 { width:  20%; background: #e74c3c; }	/* Molto debole */
.password-strength-wrapper .strength-2 { width:  40%; background: #e67e22; }	/* Debole		*/
.password-strength-wrapper .strength-3 { width:  60%; background: #f1c40f; }	/* Media		*/
.password-strength-wrapper .strength-4 { width:  80%; background: #2ecc71; }	/* Buona		*/
.password-strength-wrapper .strength-5 { width: 100%; background: #27ae60; }	/* Molto forte	*/
/* --- */


/* regole per form create qrcode */
#create-qrcode-form .btn-check:active + .btn, 
#create-qrcode-form .btn-check:checked + .btn {
    background-color: #dae0e5;
    border-color: #dae0e5;
}
#create-qrcode-form label.btn.btn-light svg {
	width:24px;
	height:30px;
}
@media (max-width:480px) {	
	#create-qrcode-form label.btn.btn-light svg {
		width:17px;
		height:26px;
	}
}
#create-qrcode-form .placeresult {
    width: 100%;
    padding: 10px;
	margin-bottom:0px;
    position: relative;
}
@media (max-width:480px) {	
	#create-qrcode-form .placeresult { 
		padding:10px;
	}
}
#create-qrcode-form .placeresult .form-group {
	margin-bottom:0;
}
#create-qrcode-form #preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 36px;
    display: none;
}
#create-qrcode-form #preloader .fa-cog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
}
#create-qrcode-form #resultholder img {
	max-height:250px;
}
@media (max-width:480px) {	
	#create-qrcode-form #resultholder img {
		max-height:220px;
	}
}