body, input, select, textarea, button, .ui-btn  {font-family: 'Roboto', sans-serif!important}

.ui-content{padding:0!Important;max-width:460px!important; margin:0 auto;}
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit{border:0!Important;}



.ui-icon-barcode:after {
	background-image: url("../assets/img/barcode.png"); background-size: 22px 22px;
}


.page_data a, 
.page_data a:hover,
.page_data a:visited {
    color: #FFF!IMPORTANT;
}

#page_account, #page_ordini, .page_data,  .page_data form {color:#fff;background-color:#3cb5b5!important}

.page_data {text-align:center}
h2{color:#fff!important; margin:5px; color:#3cb5b5!important; text-transform:uppercase; text-align:center; }
iframe {margin:0 auto;}

.ui-btn-a{     
	 text-shadow: 0 2px 2px 0 #f3f3f3!important; ; background-color:#fff!important; 
}
.ui-btn-custom{
	background-color: #3cb5b5!important;
    color: #fff!important;
}
.ui-btn-custom:hover{
	color: #eee!important;
}
section {text-align:center; margin:20px 0 10px 0; padding:10px 5px 20px 5px; border-bottom:1px solid #ccc}

  input{ padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border: 1px solid transparent;}
	.page_data   label{ 
    width: 100%;
    text-align: center;
    border: 1px solid transparent;}
	
.page_data a, form a {color:#fff;text-shadow: 0 2px 2px 0 #f3f3f3;}
form  div {position:relative;}
.ui-input-text input, .ui-input-search input {
    padding: 0 10px 0 10px!important;
}
.field-contain {    margin: 20px 0 10px 0;}
.field-contain-button {    margin: 40px 0 30px 0;}

hr {border:0; border-top:1px solid #f3f3f3}
textarea {height:200px!important;}
.field-icon {
 
    color: #000;
    
    position: absolute;
    z-index: 1000;
        bottom: 15px;
    cursor: pointer;
    right: 10px;

}


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

.ui-footer a{   color:#fff!important; margin: 0 10px 0 10px!important; text-transform: uppercase;}
.ui-navbar a i{   color:var(--coloreprincipale)!important;  text-transform: uppercase;}
.ui-footer a i{font-size:16px!important} 
.ui-header {margin:0 auto!Important; text-align:center}
.ui-header .ui-title {margin:0 auto!important; padding:0!Important ; text-align:CENTER;height: 36px; min-height:36px!Important;}



.swiper-slide {text-align:center; padding: 30px 0 20px 0; font-size:6px; font-weight:bold; text-transform:uppercase;  }
.swiper-slide img {padding:2px; margin:0 0 5px 0; border-radius:50%; border:2px solid #E3E5E5;}

.imghomecategory {
	margin: 10px 0 0 0;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
	text-align: center;
    cursor:pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.imghomecategory:hover h1{ text-decoration: underline;}

.imghomecategory h1{ font-size:1.4rem; text-shadow: 2px 2px 3px #000000; font-family: 'Roboto', sans-serif!important; color:#fff;  font-weight:bold; text-transform: uppercase;}



.order_box {padding: 0;
    margin: 22px;
    text-align: left;
    border-top: 1px solid rgba(0,0,0,.15);
    color: #fff; line-height:10px;}
	.order_box table {width: 100%; color:#fff}
	.order_box h5{margin:10px 0 5px 0; font-weight:bold;}
	.order_box .status {text-transform: uppercase;
    font-weight: normal; padding: 3px;background-color: #fff;
    border-radius: 10px;color: #000;
    text-align: center;
    font-size: 10px;}
.order_box a {color:#fff!important; text-decoration:underline!important}	
#preview{
  width:90%; border:1px dotted #000;
   height: 300px; margin:5% 20px; 

}


.social ul li {margin:10px 0!important;color:#3cb5b5!important;}
.social ul li a {font-size:2rem!important; color:#3cb5b5!important}