/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* jQuery mobile styles
-----------------------------------------------------------*/
body, .ui-body-c, .ui-overlay-c {
    background: #424242;
}

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active  {
    text-shadow: none;
}

/*ELIMINARE PULSANTE DX*/
.ui-icon-arrow-r
{
    display:none !important;
}

.hidden
{
	display:none;
}

.show
{
	display:inline;
}

.green
{
    color: white; 
    background-color: green;
}

.red
{
    color: red; 
}

.bigbutton {
    padding:16px;
}
    .bigbutton[disabled=disabled] {
        opacity: 0.5;
        cursor: default;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .bigbutton.ui-btn-hover-b[disabled=disabled] {
        border: 1px solid #044062;
        background: #396b9e;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 1px 0 #194b7e;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#5f9cc5),to(#396b9e));
        background-image: -webkit-linear-gradient(#5f9cc5,#396b9e);
        background-image: -moz-linear-gradient(#5f9cc5,#396b9e);
        background-image: -ms-linear-gradient(#5f9cc5,#396b9e);
        background-image: -o-linear-gradient(#5f9cc5,#396b9e);
        background-image: linear-gradient(#5f9cc5,#396b9e);
    }

.ui-input-text, .no-field-separator {
    border-bottom-width: 0px !important;
    border-bottom:none !important;
    border-top-width: 0px !important;
    border-top:none !important;
}

.big { height: 40px;}
.big .ui-btn-inner { padding-top:10px; }

#inviaTobt .ui-content{
    background-color: #424242;
    color: #bebebe;
    font-size: 17px;
}

#inviaTobt .callsign {
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
}
#inviaTobt .mtttrttt {
    clear: both;
    width: 100%;
    float: left;
    margin: 10px 0 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #bebebe;
}
#inviaTobt .mtttrttt div {
    width: 50%;
    float: left;
}

#inviaTobt .updateTobt {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-weight: bold;
}
#inviaTobt .typeTobt {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}


#inviaTobt .dayTobt {
    clear: both;
    width: 150px;
    margin: 15px auto 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#inviaTobt .dayTobt > .ui-radio {
    width: 75px;
    float: left;
    clear: none;
}
#inviaTobt .dayTobt .ui-radio, #inviaTobt .dayTobt .ui-radio label, #inviaTobt .dayTobt .ui-radio .ui-btn-text{
    background: #424242;
    color:#bebebe;
    border: none;
}
    

#inviaTobt .dayTobt .ui-radio > .ui-btn-inner {
    padding-left: 17px;
    border-top: none;
}
#inviaTobt .dayTobt .ui-radio .ui-btn-inner > .ui-btn-text > .ui-btn-inner {
    padding-left: 0px;
    border-top: none;
}

#inviaTobt .dayTobt .ui-radio .ui-btn-text .ui-icon.ui-icon-shadow {
    display: none;
}

#inviaTobt .dayTobt .ui-radio label > span{
    border: none;
    padding-right: 0px;
}
#inviaTobt .timeTobt div.ui-input-text {
    padding: 0;
    margin: 0;
}
#inviaTobt .timeTobt #timepicker {
    display: none;
}

/* *EBT MODE* */
#inviaEbt .ui-content{
    background-color: #424242;
    color: #bebebe;
    font-size: 17px;
}
#inviaEbt .callsign {
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
}
#inviaEbt .updateEbt {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-weight: bold;
}
#inviaEbt .typeEbt {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}


#inviaEbt .dayEbt {
    clear: both;
    width: 150px;
    margin: 15px auto 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#inviaEbt .dayEbt > .ui-radio {
    width: 75px;
    float: left;
    clear: none;
}
#inviaEbt .dayEbt .ui-radio, #inviaEbt .dayEbt .ui-radio label, #inviaEbt .dayEbt .ui-radio .ui-btn-text{
    background: #424242;
    color:#bebebe;
    border: none;
}

#inviaEbt .dayEbt .ui-radio > .ui-btn-inner {
    padding-left: 17px;
    border-top: none;
}
#inviaEbt .dayEbt .ui-radio .ui-btn-inner > .ui-btn-text > .ui-btn-inner {
    padding-left: 0px;
    border-top: none;
}

#inviaEbt .dayEbt .ui-radio .ui-btn-text .ui-icon.ui-icon-shadow {
    display: none;
}

#inviaEbt .dayEbt .ui-radio label > span{
    border: none;
    padding-right: 0px;
}
#inviaEbt .timeEbt div.ui-input-text {
    padding: 0;
    margin: 0;
}
#inviaEbt .timeEbt #timepicker {
    display: none;
}

/* PRENDI IN CARICO IL VOLO */
#prendiVoloInCarico .ui-content{
    background-color: #424242;
    color: #bebebe;
    font-size: 17px;
}
#prendiVoloInCarico .callsign {
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
}


.buttons {
    clear: both;
    width: 300px;
    margin: auto;
}

.buttons > div {
    width: 130px;
    float: left;
    border-radius: 0;
    margin-left: 17px;
    border: 0px;
}
.buttons.onebutton > div {
    width: 130px;
    border-radius: 0;
    border: 0px;
    margin: auto;
    float: none;
}
.buttons > div > .ui-btn-inner, .buttons > button, .buttons > input[type=button] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 5px;
    min-width: 10px;
    background: #676666;
    color: #bebebe;
    border: 0px;
}
    .buttons > button, .buttons > input[type=button] {
        min-width: 130px;
        margin-left: 17px;
    }
    .buttons.onebutton > button, .buttons.onebutton > input[type=button] {
        width: 130px;
        display: block;
        margin: auto;
        float: none;
    }

/*Refueling*/
#refueling .ui-content{
    background-color: #424242;
    color: #bebebe;
    font-size: 17px;
}
#refueling .callsign {
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
}

#refueling .buttons.onebutton > div {
    width: 250px;
}