html, body {
    padding: 0;
	margin: 0;
}

#wrapper, .wrapper {
	position: absolute;
	z-index: 1;
	top: 72px; /*58 65*/
    width: 100%;
    /*height: 250px;*/
	bottom: 0;
	left: 0;
	background: #ccc;
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
    height: 1080px; /*650px*/
    background: #f4df94;
    cursor: move;
    /*border-top: 30px solid #2fbdf8;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#mappa {
    position: relative;
}

#imgmappa {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*.ombrellone {
    position: absolute;
    z-index: 100;
    background: #48ad2d;
    border: 1px solid #48ad2d;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/

.ombrellone {
    position: absolute;
    z-index: 100;
    background: #48ad2d;
    border: 1px solid #48ad2d;
    cursor: pointer;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    /*background: url('../Images/v_ombr.svg') no-repeat;
    background-size: 100% 100%;*/
}

/* DEFAULT */
.occupato {
    background: #da2020;
    border: 1px solid #da2020;
}
.bloccato {
    background: #fff04b;
    border: 1px solid black;
}
.speciale {
    background: blue!important;
	border: 1px solid blue!important;
}
/* DEFAULT */



/*TRIESTE*/
/*.occupato {
    background: #da2020;
    border: 1px solid #da2020;
}
.diretti {
    background: gray !important;
    border: 1px solid gray !important;
}
.bloccato {
    background: #fff04b !important;
    border: 1px solid black !important;
}
.speciale {
    background: blue !important;
    border: 1px solid blue !important;
}*/


.ui-loader-background {
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    position: fixed;
    z-index: 999999;
}

.ui-loading .ui-loader-background {
    display:block;
}

label.error {
    color: red;
    font-size: 10pt;
    font-weight: normal;
    line-height: 12pt;
    margin: 0.5em;
    width: 100%;
    float: none;
}

/*@media screen and (orientation: portrait){
    label.error { margin-left: 0; display: block; }
}

@media screen and (orientation: landscape){
    label.error { display: inline-block; margin-left: 22%; }
}*/

.prenKO, .prenKO-FASCIAORARIA, .prenANNULLO, .prenERRORE {
    background: #da6767;
    text-shadow: none;
    color: #fff;
}

.prenOK {
    background: #12a039; /*73d18d*/
    text-shadow: none;
    color: #fff;
}

.errore {
    background: #da6767;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    /*margin: 5px;*/
    text-align: center;
}

.campodati {
    margin-bottom: 15px;
}
.campodati label {
    font-weight: bold;
}

.contatore {
    font-size: 16pt;
}
.dispo {
    color: #da2020;
    font-weight: bold;
    text-shadow: none;
}

.has-odd-thumb li {
    padding-left: 100px!important;
    height: 100px;
}
.thumbContainer {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 100px;
}
.thumbContainer img {
    position: absolute;
    margin: auto;
    bottom: 0; left: 0; top: 0; right: 0;
    max-width: 100px;
    max-height: 100px;
}
.has-odd-thumb form {
    display: inline!important;
}

#PArticoli button.voceListino {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 5px;
}
#PArticoli .ui-li-count {
    font-size: 22px!important;
    top: 73px;
}
#PArticoli .ui-li-has-count {
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    -khtml-user-select: none;
}
.prezzoArt {
    font-size: 18px;
}

.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.h4m5 {
    margin: 5px!important;
}

.fidelity {
    text-align: center!important;
    font-size: 20pt;
}

.codicetessera {
    font-size: 16pt !important;
    text-align: center!important;
}


.ui-panel {
    width: 35%;
    z-index: 1004;
}

.ui-panel-position-right {
    right: -35%;
}

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    right: 0;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.ui-panel-page-content-position-right {
    left: -35%;
    right: 35%;
}

.ui-panel-animate.ui-panel-page-content-position-right {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(-35%,0,0);
    -moz-transform: translate3d(-35%,0,0);
    transform: translate3d(-35%,0,0);
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right: 35%;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .ui-panel {
        width: 100%;
        z-index: 1004;
    }

    .ui-panel-position-right {
        right: -100%;
    }

    .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
    .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
        right: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    .ui-panel-page-content-position-right {
        left: -100%;
        right: 100%;
    }

    .ui-panel-animate.ui-panel-page-content-position-right {
        left: 0;
        right: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    .ui-panel-dismiss-open.ui-panel-dismiss-position-right {
        right: 100%;
    }
}


.ui-listview > li p {
    margin: .4em 0 !important;
}

.alertbox {
    color: #e5332d;
    border: 2px solid #e5332d;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.giorniprenotazione {
    background: #12a039; /*73d18d*/
    text-shadow: none;
    color: #fff;
    text-align: center;
}

.logo-header {
    margin: 20px auto;
    text-align: center;
}


.descposto {
    position: absolute;
    z-index: 100;
    padding-left: 3px;
    font-size: 12px;
    text-align: center;
    color: #b29960;
    font-weight: bold;
    text-shadow: none;
}

.m0 {
    margin: 0
}

#myAlertButtons {
    display: none;
    height: 50px;
}
#myAlertButtons a {
    margin: 0;
    padding: 10px;
    width: 150px;
}
#myAlertButtons abbra:first-child {
    float: left;
}
#myAlertButtons button:last-child {
    float: right;
}

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

#fasciaoraria {
    position: relative;
    z-index: 999999;
    margin: 0 auto;
    text-align: center;
    text-shadow: none;
    background: white;
    padding: 10px;
    max-width: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.percentuale {
    width: 100%;
    height: 20px;
    border: 1px solid #595959;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.percavanzamento {
    height: 100%;
    background-color: lawngreen;
}

.lista {
    font-size: 14px;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 70%;
    margin: 20px auto;
    border: 3px solid #ccc;
}

.white-popup h4 {
    margin: 5px;
}