* {
   /* -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; */
   /*-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;*/
   /* outline: none !important; */
}
.capital {
   text-transform: capitalize;
}
.icone{
   display: flex;
   display: -ms-flexbox;
   display: -webkit-box;
   justify-content: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   flex-direction:row;
}
.op_name{
	-webkit-box-flex:0;
    -ms-flex:0 0 80%;
	width: 80%;
    flex: 0 0 80%;
}
.op_img{
	-webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex: 0 0 20%;
}

:disabled, :readonly {
   color: grey;
}
.GeneralPanel {
   padding: 2px;
}
.result {
   overflow-y: auto;
   height: auto;
   color: white;
   background-color: #333333;
   opacity: 0.7;
   border: 1px solid #bbb;
   display: flex;
   align-content: center;
   justify-content: center;
}
.contenuto {
   flex: 1;
}
.c1 {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   -webkit-flex-direction: row;
   justify-content: center;
   padding: 7px 0px 8px 0px;
   margin: 2px;
}
/*.c1>div {
   line-height: 25px;
}*/
.xsearch {
   width: 140px;
   display: -webkit-flex;
   display: flex;
}
.search {
   padding: 2px;
   display: table;
   width: 100%;
   border: 1px solid #2aabd2;
   background-color: white;
}
.search p {
   font-weight: bold;
}
.ButtonS {
   color: white;
   background-color: #0A3854;
   text-align: center;
   padding-bottom: 2px;
   border: 1px solid #000;
   border-radius: 4px;
   cursor: pointer;
   font-family: "Lato","Belgrano",sans-serif;
}
.ButtonS:hover {
   color: white;
   background-color: #000;
   text-align: center;
   padding-bottom: 2px;
   border: 1px solid #ddd;
}
button[disabled] {
   cursor: default;
   color: #0A3854;
   background-color: #e3e3e3;
}
.notfound, .found, .vgm, .available, .gateIn {
   font-family: "Lato","Belgrano",sans-serif;
   font-size: 16px;
   text-align: center;
   color: #333333;
   display: none;
}
tbody tr td {
   /*border: 1px solid white;*/
   text-align: center;
   padding: 5px;
}
thead tr th {
   text-align: center;
   border: 1px solid white;
   background-color: #00AFDA;
   color: white;
}
.title {
   background-color: #0A3854;
   border: 1px solid black;
   color: white;
   /* font-weight: bold; */
   padding: 0px;
}
.dettaglio {
   display: flex;
   justify-content: center;
}
.loader {
   z-index: 999999;
   position: absolute;
   top: 50%;
   left: 50%;
   /* width: 120px; */
   /* height: 80px; */
   background-color: rgba(255, 255, 255, 0.75);
   display: none;
   border: 1px solid grey;
   padding: 10px;
   margin: -60px 0 0 -40px;
   text-align: center;
   border-radius: 5px;
}
body {
   -webkit-touch-callout: none;
   -webkit-text-size-adjust: none;
   -webkit-user-select: none;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 100%;
   height: 100%;
   margin: 0px;
   font-size: 12px !important;
   padding: 0px;
   line-height: 100%;
   font-family: Verdana, Arial, sans-serif !important;
   background-color: transparent !important;
   overflow: hidden;
}
@media screen and (min-width: 1820px) {
    body {
        font-size: 18px !important;
    }
}
.header img {
   height: 2.2em;
}
h1, h2, h3, h4, h5, h6, p, span, li, ul, a {
   margin: 0 !important;
   padding: 0px;
   text-shadow: none;
   position: relative;
   /* width: 100%; */
   text-decoration: none;
}

#msg{
   font-family: "Lato","Belgrano",sans-serif;
   color: #333333;
   font-size: 16px;
}
.clear {
   margin: auto 3px !important;
   color: #333333;
   cursor: pointer;
}
.clear:hover {
   color: red;
}
div[data-role="page"] {
   /* height: 100%; */
   /*background-color: #eeeeee;*/
   display: flex;
   flex-direction: row;
   justify-content: center;
}
#error-popup {
   margin-left: auto;
   margin-right: auto;
}
.header {
   background-color: #333333;
   position: fixed;
   width: 100%;
   height: 4em;
   border-bottom: 2px solid rgb(255, 255, 255);
   text-align: center;
   top: 0;
   left: 0;
   z-index: 100;
}
.header span {
   font-size: 1.2em;
   color: white;
   top: 1em;
}
#opzioni {
   z-index: 200;
   background: rgb(242, 242, 242);
   -webkit-transform: translate3d(0, 0, 0);
}
.content {
   width: 100%
}
.banner {
   width: 100%;
   text-align: center;
}
input {
   /* text-align: center; */
   /* text-transform: uppercase; */
   /* border-radius: 5px; */
   border: 1px solid #bbb!important;
   font-size: 14px !important;
   /* font-weight: normal; */
   /* font-style: inherit; */
   /* background-color: white; */
   border-radius: 5px;
   padding-left: 6px;
   padding-top: 0;
   padding-bottom: 0;
   height: 22px !important;
}
input#qry {
   width: 120px;
   height: 22px;
}
input[type=checkbox], input[type=radio] {
   margin: 0px 10px 0 0 !important;
}
input {
   font-family: Verdana, Arial, sans-serif !important;
   font-size: 12px !important;
   text-transform: uppercase;
}
input#prop {
   width: 50px;
   height: 25px;
   text-align: center;
}
input#fmDate {
   /* width: 135px; */
}
input#number-searchvoy {
   width: 60px;
   height: 25px;
}
.selezione select {
   text-transform: uppercase;
   border-radius: 5px;
   border: 1px solid black;
   width: 100%;
   font-size: 1.2em;
   background-color: white;
   height: 1.5em;
   text-align: center;
   -webkit-appearance: listbox;
}
.selezione p {
   text-align: left;
}
select {
   background-color: white;
   font-size: 12px !important;
   border-radius: 5px !important;
   border: 1px solid #bbb;
   padding: 1px 0px 1px 0px;
}
select#tipo {
   width: 130px;
   height: 25px;
}
select#year-searchvoy {
   width: 65px;
   height: 25px;
}
.ui-input-text {
   border: 2px solid !important;
   border-color: rgb(230, 17, 23) !important;
   margin: 5px 5px 5px 5px;
}