.ui-grid-a .ui-block-a {width:100%;}
.ui-grid-a .ui-block-b {width:100%;}

.use_jquery_mobile .left  {float: left;}
.use_jquery_mobile .right {float: right;}

.ui-bar {padding: 0px !important;z-index: 0;}

.nooverflow     ,
.nooverflowdett { padding:0px;padding-right:5px;overflow:hidden;text-overflow:ellipsis !important;white-space: nowrap; }
.nooverflow     { width:100%; }
.nooverflowdett { float:left !important; display:block !important; }

.aswitch {float: right !important;display: block !important;overflow: visible;}

.pdett, 
.vdett {display: block;padding: 1em 5px 2em 5px !important;}
.not_use_jquery_mobile .pdett,
.not_use_jquery_mobile .vdett{padding: 10px 5px !important;}

div.ui-slider-switch {position: absolute;right: 3px;top: .5em;}

#curr-corsa a {font-size: 15px !important;}

.use_jquery_mobile input {-webkit-user-select: auto !important;-moz-user-select: auto !important;}
.use_jquery_mobile .selectpicker{
    -webkit-appearance: button;-moz-appearance: button;-webkit-user-select: none;-moz-user-select: none;
    -webkit-padding-end: 20px; -moz-padding-end: 20px;
    -webkit-padding-start: 2px; -moz-padding-start: 2px;
    background-color: ghostwhite; background-position: center right; background-repeat: no-repeat;  
    border: 1px solid ghostwhite; border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: black; font-size: inherit; font-weight: bold;
    margin: 0; overflow: hidden;  padding-top: 2px;  padding-bottom: 2px;
    text-overflow: ellipsis; white-space: nowrap;
}

/* --- navbar ---------------------------------------------- */
.use_jquery_mobile     #navbar { background-color:#004573; overflow:hidden; position:fixed; width:100%; z-index:1000; min-height:90px;}
.not_use_jquery_mobile #navbar { background-color:#004573 !important;}

                   #navbar a{  color:#f2f2f2; text-decoration:none;  float:left; display:block;text-align:center;padding:14px; }
.use_jquery_mobile #navbar a{ padding-bottom: 2px;}   

/* Page content */
.use_jquery_mobile .content {padding: 16px;}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.use_jquery_mobile .sticky {position: fixed;top: 0;width: 100%;}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.use_jquery_mobile .sticky + .content {padding-top: 60px;}

.use_jquery_mobile ul#menu li {display:inline;}

.use_jquery_mobile #sidecont{margin-top: 70px;}
.ui-link-inherit{font-size: 30px !important;}

/* --- footer ---------------------------------------------- */
.use_jquery_mobile #footer {position: fixed;left: 0px;bottom: 5px;height: 65px;width: 100%;z-index: 10000;}
/* IE 6 */
* .use_jquery_mobile html #footer { position:absolute;top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');}

/* page */
.display-none{display: none !important;}
    .use_jquery_mobile .display-block{display: block !important;}
.not_use_jquery_mobile .display-block{ }


.btn-black{background-color: #333 !important;color: white !important;font-weight: bold;text-shadow: 0 -1px 0 #000 !important;}

.menu-operator{top: 45px;padding-left: 0;margin-bottom: 20px;position: fixed;z-index: 1000;width: 100%;}
.list-group-item-menu{padding: 1px 1px !important;}

.not_use_jquery_mobile #top-menu{}
.not_use_jquery_mobile .list-group-item-menu{background: transparent;}
.not_use_jquery_mobile .list-group-item-menu > * {width:100%}


.t-or-b{font-size: 18px !important;}
.keyboard-style{font-size: 45px !important;margin-top: -11px !important;}
.max-height{height: 100% !important;}

#curr-operatore{border: solid 1px #004573 !important;background: #004573 !important;}

.cd-nav-trigger{    font-size: 50px !important;}

.badge-warning      {border: 1px solid #17a2b8!important;background-color: #17a2b8 !important;background: #17a2b8 !important;font-size: 18px !important;}
.badge-danger       {border: 1px solid #a33 !important;background-color: #a33 !important;background: #a33 !important;font-size: 18px !important;color: whitesmoke;padding: 10px 7px !important;}
.badge-success      {border: 1px solid #06700F !important;background-color: #06700F !important;background: #06700F !important;font-size: 18px !important;color: whitesmoke;}
/**/
.ticket-header      {border: 1px solid #004573 !important;background-color: #004573 !important;background: #004573 !important;font-size: 18px !important;}
.ticket-header-esito{border: 1px solid #06700F !important;background-color: #06700F !important;background: #06700F !important;font-size: 18px !important;}
/**/
.ticket-item-esito              {font-size: 19px !important;}
.ticket-item-esito-value        {font-size: 16px !important;color: green;padding: 5px !important;}
.ticket-item-esito-value-error  {font-size: 16px !important;color: white;padding: 5px !important;background-color: #dc3545;}
.not_use_jquery_mobile .ticket-item-esito, 
.not_use_jquery_mobile .ticket-item-esito-value {text-align: left;}
/**/
.success-result   {background-color: green !important;}
.error-result     {background-color: #dc3545 !important;background: #dc3545 !important;}



.ui-content{padding-left: 0px !important;padding-right: 0px !important;}
.span-legend{font-size: 14px !important;padding-top: 0px !important;margin-top: -5px !important;}


.jconfirm-box{width: 100% !important;}
.not_use_jquery_mobile .jc-bs3-container.container{background:transparent; padding:1%;}
.not_use_jquery_mobile .jconfirm .jconfirm-box .jconfirm-buttons {padding-right: 1rem;}
.jconfirm.jconfirm-supervan-green .jconfirm-bg {background-color: rgba(95,184,92,0.89);}
.jconfirm.jconfirm-supervan-green .jconfirm-box {background-color: transparent;}
.jconfirm.jconfirm-supervan-green .jconfirm-box.jconfirm-type-blue {border: none;}
.jconfirm.jconfirm-supervan-green .jconfirm-box.jconfirm-type-green {border: none;}
.jconfirm.jconfirm-supervan-green .jconfirm-box.jconfirm-type-red {border: none;}
.jconfirm.jconfirm-supervan-green .jconfirm-box.jconfirm-type-orange {border: none;}
.jconfirm.jconfirm-supervan-green .jconfirm-box.jconfirm-type-purple {border: none;}
.jconfirm.jconfirm-supervan-green .jconfirm-box.jconfirm-type-dark {border: none;}
.jconfirm.jconfirm-supervan-green .jconfirm-box div.jconfirm-closeIcon {color: white;}
.jconfirm.jconfirm-supervan-green .jconfirm-box div.jconfirm-title-c {  text-align: center;  color: white;  font-size: 28px;  font-weight: normal;}
.jconfirm.jconfirm-supervan-green .jconfirm-box div.jconfirm-title-c > * {  padding-bottom: 5px;}
.jconfirm.jconfirm-supervan-green .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {  margin-right: 8px;  margin-left: 0px;}
.jconfirm.jconfirm-supervan-green .jconfirm-box div.jconfirm-content-pane {  margin-bottom: 5px;}
.jconfirm.jconfirm-supervan-green .jconfirm-box div.jconfirm-content {  text-align: center;  color: white;}
.jconfirm.jconfirm-supervan-green .jconfirm-box .jconfirm-buttons {  text-align: center;}
.jconfirm.jconfirm-supervan-green .jconfirm-box .jconfirm-buttons button {font-size: 30px;border-radius: 2px;background: #303f53;text-shadow: none;border: none;color: white;padding: 20px;min-width: 110px;min-width: 220px;}
.jconfirm.jconfirm-supervan-green.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {margin-left: 8px;margin-right: 0px;}
.jconfirm.jconfirm-supervan-red .jconfirm-bg {background-color: rgba(196,14,7,0.89);}
.jconfirm.jconfirm-supervan-red .jconfirm-box {background-color: transparent;}
.jconfirm.jconfirm-supervan-red .jconfirm-box.jconfirm-type-blue {border: none;}
.jconfirm.jconfirm-supervan-red .jconfirm-box.jconfirm-type-green {border: none;}
.jconfirm.jconfirm-supervan-red .jconfirm-box.jconfirm-type-red {border: none;}
.jconfirm.jconfirm-supervan-red .jconfirm-box.jconfirm-type-orange {border: none;}
.jconfirm.jconfirm-supervan-red .jconfirm-box.jconfirm-type-purple {border: none;}
.jconfirm.jconfirm-supervan-red .jconfirm-box.jconfirm-type-dark {border: none;}
.jconfirm.jconfirm-supervan-red .jconfirm-box div.jconfirm-closeIcon {color: white;}
.jconfirm.jconfirm-supervan-red .jconfirm-box div.jconfirm-title-c {text-align: center;color: white;font-size: 28px;font-weight: normal;}
.jconfirm.jconfirm-supervan-red .jconfirm-box div.jconfirm-title-c > * {padding-bottom: 25px;}
.jconfirm.jconfirm-supervan-red .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {margin-right: 8px;margin-left: 0px;}
.jconfirm.jconfirm-supervan-red .jconfirm-box div.jconfirm-content-pane {margin-bottom: 25px;}
.jconfirm.jconfirm-supervan-red .jconfirm-box div.jconfirm-content {text-align: center;color: white;}
.jconfirm.jconfirm-supervan-red .jconfirm-box .jconfirm-buttons {text-align: center;}
.jconfirm.jconfirm-supervan-red .jconfirm-box .jconfirm-buttons button {font-size: 30px;border-radius: 2px;text-shadow: none;border: none;color: white;padding: 13px;min-width: 110px;margin: 5px !important;}
.jconfirm.jconfirm-supervan-red.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {margin-left: 8px;margin-right: 0px;}
.jconfirm-holder{padding-top: 0px !important;padding-bottom: 1px !important;max-height: 100% !important;padding: 10px 0 !important;}
.jconfirm .jconfirm-box {padding: 1px 0px 0 !important;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-bg {background-color: rgba(44,62,81,0.90);}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box {background-color: transparent;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box.jconfirm-type-blue {border: none;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box.jconfirm-type-green {border: none;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box.jconfirm-type-red {border: none;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box.jconfirm-type-orange {border: none;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box.jconfirm-type-purple {border: none;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box.jconfirm-type-dark {border: none;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box div.jconfirm-closeIcon {color: white;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box div.jconfirm-title-c {text-align: center;color: white;font-size: 28px;font-weight: normal;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box div.jconfirm-title-c > * {padding-bottom: 5px;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {margin-right: 8px;margin-left: 0px;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box div.jconfirm-content-pane {margin-bottom: 5px;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box div.jconfirm-content {text-align: center;color: white;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box .jconfirm-buttons {text-align: center;}
.jconfirm.jconfirm-supervan-riepilogo .jconfirm-box .jconfirm-buttons button {font-size: 30px;border-radius: 2px;background: green;text-shadow: none;border: none;color: white;padding: 13px;min-width: 220px;}
.jconfirm.jconfirm-supervan-riepilogo.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {margin-left: 8px;margin-right: 0px;}

#footer-span{padding-bottom: 5px !important;}
.pull-right-operatore{margin-right: 30px !important;margin-top: 5px !important;}

.use_jquery_mobile .ui-block-b{margin-bottom: 35px !important;z-index: 10000;margin-top: -10px;}

/* --- input --- */

input[type="text"]      {color: transparent !important; text-shadow : 0 0 0 #000;}
input[type="text"]:focus{outline : none !important;}

#hide-input{width:100%; height:100px;position: absolute; /* to align it to right and positon it over the input */top: 0;right: 0;background: transparent;z-index: 1000;}

.input-tkt      { font-size: 42px !important;}
.input-tkt:focus{border-color: rgba(0, 69, 115, 1);box-shadow: 0 20px 20px rgba(12, 53, 239, 0.07) inset, 0 0 25px rgba(0, 69, 115, 1) !important;outline: 0 none !important;background: rgba(131, 177, 240, 0.20) !important;background-color: rgba(131, 177, 240, 0.20) !important;}

#codbigl_input{border-color: lightgray;box-shadow: 0 20px 20px grey inset, 0 0 25px grey;outline: 0 none;background: grey;background-color: grey;}

.input-big  { font-size: 28px !important;}
.input-user { width: 70px !important;}

.ui-li-heading{    font-size: 18px !important;}
#operatore{    font-size: 14px !important;}

.use_jquery_mobile .container {    padding-right: 1px !important;    padding-left: 1px !important;    margin-right: auto !important;    margin-left: auto !important;}

.btn-bottom-text{    font-size: 35px !important;    font-weight: bold !important;}
.header-caption{font-size: 20px;font-weight: bold;color: aliceblue;}
.use_jquery_mobile .header-caption{margin-bottom: 23px !important;}

.alert .fas,
.alert .glyphicon{float:left;margin-right:9px;font-size: 20px;}
.alert div{overflow:hidden;font-size: 18px;}

.error-undefined{font-size: 15px !important;font-weight: bold;}

.tkt-undefined{font-size: 13px !important;}
.tkt{font-size: 17px !important;}
.tkt-esito{font-size: 20px !important;font-weight: bold;}

.alert-danger{color: white !important;background-color: #a33 !important;border-color: #a33 !important;min-height: 130px !important;}

.button-margin{ margin-top: 10px !important;}

.shadow-danger {-webkit-box-shadow: 3px 3px 5px 6px #a33;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */-moz-box-shadow:    4px 6px 1px 5px #a33;  /* Firefox 3.5 - 3.6 */box-shadow: 4px 6px 1px 5px #a33;;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
.remains-passengers{ /**/
    color: #fff;
    font-size: 1.5em;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
    letter-spacing: -1px;
    font-weight: 700;
    padding: 5px;
    display: block;
    overflow: hidden;
}


.card-header .success-result:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
    margin-left: 0px !important;
    font-size:  23px !important;
}

.card-header .success-result.collapsed:before { /* symbol for "collapsed" panels */  content: "\e080";    /* adjust as needed, taken from bootstrap.css */}

#statoTicket{
    color: white;
    padding-left: 7px;
    font-weight: bold;
    padding-top: 7px;
}

.footer-btn-corsa{ background-color: #004573 !important;}

.ui-field-contain div.ui-slider, 
.ui-field-contain div.ui-slider.ui-mini{left: 1px !important;}

.riepilogo-element{width: 110px! important;padding-left: 10px;}

.right-text-number{position: fixed !important;right: 0px !important;}
.left-text-number {position: fixed !important;left: 4px !important;}

.ui-btn-up-c .ui-icon-shadow{background: red !important;}
.ui-btn-up-b .ui-icon-shadow{background: green !important;}

.col-xs-6-bottom{
    padding-right: 1px !important;
    padding-left: 1px !important;
}

 .roundbutton{
     display: block !important;
     height: 70px !important;
     width: 70px !important;
     border-radius: 50% !important;
     margin-left: 5px !important;
     font-size: 45px !important;
     margin-bottom: 2px !important;
 }

 .pdett-button-imbarca{ padding: 4px !important; }

.riepilogo-element-jft{font-size: 32px !important;text-align: center;width: 100% !important;padding: 20px;font-weight: bold;}
.riepilogo-element-pax{font-size: 55px !important;text-align: right;width: 60% !important;}
.riepilogo-element-acc{text-align: center;font-size: 20px;}
.riepilogo-element-vei{text-align: center;font-size: 20px;}
.table-riepilogo{width:  100% !important;}

.ui-li-divider {padding: .1em 10px !important;}

.badge-riepilogo-pax{font-size: 55px !important;}
.badge-riepilogo-altri{font-size: 25px !important;}

.ui-bar-a{min-height: 49px !important;padding-top: 7px !important;}

#confbtn{padding-top: 44px !important;padding-bottom: 44px !important;}

.btn-bottom-text{font-size: 53px !important;font-weight: bold !important;}

.form-input-biglietto{padding: 2px !important;}

.span-esito{font-size: 25px !important;}

.infant-style{font-size:13px;color: darkgreen;font-style: italic}

.beefup__body{padding: 0px !important;}

.badge-danger::after {display:none !important;}
.ui-slider-switch-hiden{visibility: hidden !important;;}


.mobile-center{
    float: none!important;
    margin: 0 auto;
    text-align: center;
    font-size: 33px;
    font-weight: bold;
}

.ui-slider-input {
    display : none !important;
}
.fast-tkt{
    padding: 3px;
    font-size: 14px;
    margin-top: 3px;
    color: #fff;
    font-weight: 700;
    margin-left: -15px;
    margin-right: -15px;
    color: black;
    text-transform: lowercase;
}

.riepolog-test{padding: .0em 1px !important;display: block !important;}

.span_esito-jft{
    margin-bottom: 20px;
    padding: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 40px !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{
    background-color: #e74c3c !important;
    color: #FFF !important;
    text-shadow: none !important;
    -webkit-transition: background .2s !important;
    transition: background .2s !important;
}
.btn-confirm{
    margin-bottom: 50px !important;
}
.fa-icon-esito{font-size: 22px !important;}
.title-riepilogo{font-size: 21px !important;}
.fast-tkt-port{
    background: #008080;
    padding: 3px;
    font-size: 14px !important;
    margin-top: 3px;
    color: #fff;
    font-weight: bold !important;
    text-shadow: 0 1px 0 #008080;
    border: 1px solid #008080;
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}
.detail{
    font-size: 14px !important;
    padding-left: 3px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.ui-li-desc {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin: -.1em 0 .2em;
    white-space: normal !important;
}

.porto-div{
    border: 2px solid lightgray;
    box-shadow: 0px 1px 3px 1px #008080;
    margin-bottom: 5px !important;
}

.beefup__head {    padding: 10px 6px !important;}
.ui-content-msg{    padding: 10px !important;}

.btn-danger{    background: #a33 !important;}
.btn-success {    background-color: green !important;    border-color: green !important;}
.jconfirm-title, .jconfirm-content{    padding: 10px !important;}


.res-code{font-size:9px; font-weight: normal;}