body {
    margin: 5px 28px 5px 12px;
}

/* restore hidden class removed from bootstrap 5 */
.hidden {
    display: none;
}

/* Required */
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc; 
    border-radius: 4px;
}

.input-group-sm {
    margin-bottom: 0.2rem;
}

/* drop-down lists */
.form-select {
    /* margin-bottom: 0.2rem; */
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem;
}

/* add horizontal space between language and journey from drop-downs */
div#divRequirementsPanel > div > div > div.row {
    margin-bottom: 0.2rem;
}

/* Add rounded corners to Journey type option buttons and make font consistent */
.journey-type {
    border-radius: .25rem !important;
    font-family: inherit;
}

/* modify the Book multi-city font-awesome icon size */
label.journey-type-multi-city > a > i {
    font-size: 0.875rem;
}

/* modify the Book multi-city hyperlink */
label.journey-type-multi-city > a > span {
    font-family: inherit;
    font-size: 0.91rem;
    margin-left: 0.2rem;
    color: #3b7db5;
}


/* pad pax icons with space to make icon boxes the same width for consistency */
span.input-group-addon.pax-icon {
    padding-left: .85rem;
    padding-right: .92rem;
}

div#RedeemAirMilesdiv > input {
    padding-top: .15rem;
    padding-bottom: .15rem;
}

/* modify the background colour of the continue button when it is hovered upon */
#submitButton:hover {
    background-color: #e8e8e8; /* light gray */
    color: black;
    border-color: #cbd1d7;
}

/* modify screen positioning of terms and conditions checkbox */
input#adschecked {
    margin-left: 0.4rem;
    margin-top: 0.2rem;
}

/* over-ride the bs-callout bs-callout-info classes for the ADS Login panel */
#callout-alerts-no-default {
    padding: 9px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin: 1px 0;
    border-left-color: #1b809e;
}


/* MOBILE VIEW */
@media screen and (max-width: 767px) {
	body {
		margin: 5px 45px 5px 5px;
	}	
	
    /* adjust width of spinner dialog for mobile view */
    #spinnerModal .modal-dialog {
        width: 85%;
    }	
	
}