table.account td,
table.account th{
    vertical-align:middle;
    text-align:left;
    font-weight:500;
}

.trips--org-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 340px;
    flex-flow: column nowrap;
}

.trips--form-format{
    display:flex;
    flex-flow:row wrap;
    justify-content: flex-start;
    align-items: baseline;
}
.card.no-border {
    border: none;
}

.dismiss--area {
    color: #333 !important;
    font-size: 14px;
    margin-top: 20px;
    text-align: right;
    text-decoration: none;
}

.trips--service-animal-alert {
    background-color: rgb(255, 238, 186);
    border-radius: 5px;
    color: #000;
    font-size: 1.4em;
    margin: 20px;
    padding: 30px;
}

.trips--message a {
    color: blue;
    font-weight: bold;
    text-decoration: underline !important;
}

.trips--locator-table {
    color: #495979;
    margin-bottom: 30px;
}

.trips--locator-mainbox {
    font-size: 18pt;
    /*padding: 0 30px;*/
    text-align: left;
}

.trips--add-extras-box {
    border: dashed;
    font-size: 20pt;
    margin: 10px auto 10px 20px;
}

.trips--sabresync-button {
    border: dashed;
    font-size: 20pt;
    margin: 10px 20px 10px auto;
}

.trips--alaska-rewards-message {
    text-align: left;
    font-size: 0.85em;
    padding: 0 2em;
    margin-bottom: 2em;
}

.trips--view-boarding-passes {
    margin: 10px auto;
    display: block;
}

.trips--change-itinerary {
    margin: 10px auto;
    display: block;
    text-align: center;
}

.trips--page-content-area {
    margin-top: 15px;
}

.trips--change-itinerary-input {
    font-size: 12pt;
    padding: 5px;
    width: 300px;
}

.trips--big-button {
    font-size: 24px;
    margin: 10px 0px;
    min-width: 176px;
    display: block;
    padding: 15px;
}

.trips--big-button-area {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
}

.trips--big-button-area-item {
    display: flex;
    flex: 1 1 198px;
    flex-flow: column wrap;
    align-items: center;
}

.trips--confirmation-code-label {
    font-weight: normal;
}

.trips--confirmation-code-text {
    /*color: #222;*/
    font-weight: bold;
}

.trips--rate-flight {
    margin: 10px auto;
    display: block;
    text-align: center;
}

.trips--payment-summary {
    margin: 10px 30px;
}

.trips--voucher-area {
    border: solid 2px;
    color: green;
    padding: 5px 10px;
}

.trips--cancel-voucher-line {
    color: #222;
    margin: 3px 0;
}

.trips--content-area {
    margin-bottom: 10px;
}

.trips--orgs-area {
    background-color: white;
    border: dashed;
    color: black;
    padding: 2px;
}

.trips--orgs-list-item {
    align-items: flex-start;
    background-color: #ccc;
    border-radius: 3px;
    display: flex;
    font-size: 0.8em;
    padding: 5px;
    margin: 5px;

}

.trips--orgs-list-item-cell {
    flex: 1 1 auto;
}

.trips--orgs-list-item-cell-right {
    text-align: right;
}

.trips--extras-list {
    text-align: center;
}

.trips--ticket-status-line {
    background-color: red;
    border-radius: 4px;
    color: #fff;
    font-size: 0.7em;
    padding: 5px 8px;
}

.trips--fi-tophtml {
    padding: 10px 0px;
    width: 33%;
    text-align: center;
    border:1px solid #a9a7ac;
}

.trip--passenger-table-name {
    text-align: left;
}

.trip--passenger-table-infant {
    font-size: 0.8em;
}

.pax-card {
    text-align: left;
    border-bottom: 1px solid #452D34;
    vertical-align: bottom;
}

.visa {
    background: url("/assets/img/Visa.png") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.mastercard {
    background: url("/assets/img/Mastercard.png") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.amex {
    background: url("/assets/img/Amex.png") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.italic.brown {
    font-style: italic;
    color: #452D34;
}

li::marker {
    font-weight: bolder;
}

.trips--locator-table {
    color: #495979;
    margin-bottom: 30px;
}

.trips--locator-mainbox {
    font-size: 18pt;
    padding: 0 30px;
    text-align: left;
}

.trips--add-extras-box {
    border: dashed;
    font-size: 20pt;
    margin: 10px auto 10px 20px;
}

.trips--sabresync-button {
    border: dashed;
    font-size: 20pt;
    margin: 10px 20px 10px auto;
}

.trips--alaska-rewards-message {
    text-align: left;
    font-size: 0.85em;
    padding: 0 2em;
    margin-bottom: 2em;
}

.trips--view-boarding-passes {
    margin: 10px auto;
    display: block;
}

.trips--change-itinerary {
    margin: 10px auto;
    display: block;
    text-align: center;
}

.trips--page-content-area {
    margin-top: 15px;
}

.trips--change-itinerary-input {
    font-size: 12pt;
    padding: 5px;
    width: 300px;
}

.trips--big-button {
    font-size: 24px;
    margin: 10px 0px;
    min-width: 176px;
    display: block;
    padding: 15px;
}

.trips--big-button-area {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
}

.trips--big-button-area-item {
    display: flex;
    flex: 1 1 198px;
    flex-flow: column wrap;
    align-items: center;
}

.trips--confirmation-code-label {
    font-weight: normal;
}

.trips--confirmation-code-text {
    /*color: #222;*/
    font-weight: bold;
}

.trips--rate-flight {
    margin: 10px auto;
    display: block;
    text-align: center;
}

.trips--payment-summary {
    margin: 10px 30px;
}

.trips--voucher-area {
    border: solid 2px;
    color: green;
    padding: 5px 10px;
}

.trips--cancel-voucher-line {
    color: #222;
    margin: 3px 0;
}

.trips--content-area {
    margin-bottom: 10px;
}

.trips--orgs-area {
    background-color: white;
    border: dashed;
    color: black;
    padding: 2px;
}

.trips--orgs-list-item {
    align-items: flex-start;
    background-color: #ccc;
    border-radius: 3px;
    display: flex;
    font-size: 0.8em;
    padding: 5px;
    margin: 5px;

}

.trips--orgs-list-item-cell {
    flex: 1 1 auto;
}

.trips--orgs-list-item-cell-right {
    text-align: right;
}

.trips--extras-list {
    text-align: center;
}


.check-in--hazardous-images {
    width: 100%;
}

.sabre-queue--info-box {
    color: #222;
    font-size: 1.25em;
}

.trips-main {
    display: flex;
    align-items: flex-start;
    background-color: #F2C9704E;
}

.trips-flex .row {
    margin-left: 0px;
}

.trips-tab {
    position: relative;
    display: inline-flex;
    color: #495979;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
}

.trips-tab a {
    border: none;
    background-color: transparent;
    width: fit-content;
    font-weight: 600;
    color: #495979;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.trips-tab a.tablink.active {
    color: #88181a;
    font-size: 26px;
    font-weight: 400;
    line-height: 24px;
}

.divider {
    background-color: #495979;
    height: 27px;
    width: 1px;
    margin: 0px 10px;
}

.tabcontent {
    display: none;
    margin-top: 20px;
    width: 100%;
}

.trips--passenger-line,
.trips--passenger-top-line{
    margin: 5px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0;
}

.trips--passenger-top-line {
    justify-content: flex-start;
    flex-flow: row nowrap;
}

.trips--passenger-line {
    justify-content: space-between;
    flex-flow: row nowrap;
}

.trips--passenger-line small {
    color: #000;
}

.trips--itinerary {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: stretch;
    margin-top: 20px !important;
    border-top: 1px solid #ccc;
    width: 100%;
    color: #452D34;
}

.trips--itinerary input {
    background-color: #fff;
    font-size: 16px;
    appearance: revert;
    -webkit-appearance: revert;
    border: 1px solid #D1D3D4;
    top: 0;
    min-width: fit-content;
    padding: 1px 1rem;
    color: #452D34;
}

.trips--itinerary form {
    display: inline-flex;
    padding: 10px 0px;
    align-items: center;
}

.trips--confirmation-code-label {
    font-weight: 400;
    color: #452D34;
    font-size: 16px;
}

.trips--confirmation-code-text {
    font-weight: 800;
    color: #452D34;
    font-size: 16px;
}

.trips--profile-nav {
    margin-bottom: 20px;
}

.extras-line {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: 20px;
    width: 100%;
}

form.trips--form-format input, 
form.trips--form-format select,
.trips--form-format select,
.trips--change-itinerary-input{
    background-color: #fff;
    border: 1px solid #D1D3D4;
    border-radius: 4px;
    color: #452D34;
    margin: 4px;
    font-size: 16px;
}

.trips-section {
    border: 1px solid #D1D3D4;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 10px 20px 10px;
    margin-bottom: 20px;
}

.trip--admin-functions {
    width: 100%;
    /* border: 1px solid #6a768f; */
}

.trips-section h2 {
    font-size: 24px;
}

.trips-section p {
    font-weight: 500;
}

.trips-section .col-12 {
    padding: 0px
}

.trip-legs {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    margin-top: 10px;
}

.trip-receipts {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
}

.trip-seg {
    margin-top: 5px;
}

.trip-seg p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 2px;
}

.trip--extras-area {
    padding: 10px;
    width: 100%;
}

.pricetag {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column;
    width: 40%;
    margin-top: 10px;
}

.rewards-buttons {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 10px 0px;
}

.rewards-buttons a {
    margin: 4px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 2em;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 1.5em;
}

.card.account--link {
    background-color: unset;
    border: none;
}

.card.account--link .card-body {
    background-color: #495979;
    color: #fff;
    font-size:1.1rem;
    border: 1px solid #495979;
    border-radius: 4px;
    margin: 10px;
    padding: .5rem 1rem;
    text-align: center;
    cursor: pointer;
}

.card.account--link .card-body.green{
    background-color: #008000;
    border: 1px solid #008000;
}

.card.account--link .card-body.green:hover{
    background-color: #015001;
    border: 1px solid #015001;
}

.account--link-area {
    color: #fff;
}

.trips--book-area {
    margin: 20px 0px;
    z-index:2;
}

.card.trips--book-area .card-img-top {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 1em;
}

.card.account--link .card-body:hover {
    background-color: #2d3d5c;
}

.org-dropdown {
    flex: 0 0 100%;
    flex-flow: row wrap;
}

.dropdown.trips {
    width: fit-content;
    height: auto;
    margin: 4px;
    border: 1px solid #D1D3D4;
    border-radius: 4px;
}

.dropdown-menu.trips {
    padding: 5px;
    overflow: hidden scroll;
    background: #fff;
    box-shadow: 0px 3px 6px #00000066;
    z-index: 5;
    font-size: 12pt;
    margin: 0px;
    color: #452D34;
    border: none;
    border-radius: 0;
    height: auto;
}

button.dropbtn.dropdown-toggle {
    width: 10rem;
    min-width: fit-content;
    padding: 2px 8px;
    text-align: left;
    background-color: #fff;
    font-size: 16px;
    appearance: revert;
    -webkit-appearance: revert;
    border: unset;
    top: 0;
    width: 100%;
    color: #452D34;
}

.dropdown-toggle:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #e4e4e4;
    position: relative;
    z-index: 3;
    transition: 0.2s ease-in-out;
}

.dropdown-toggle:hover:after {
    border-top: 8px solid #AE7097;
}

select#org {
    width: 100%;
}

.account-user-email label {
    display: block;
}

.account-user-email .btn-success {
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

@media (max-width: 991px) {
    .customer-container {
        height: auto;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }

    .sidebar-block form input {
        margin: 5px;
    }

    .sidebar-block input.i-update {
        margin: 0px;
    }

    .trips-tab a.tablink.active {
        font-size: 30px;
    }

    .subpage_container.trips {
        width: 100%;
    }

    .trips-main {
        flex-flow: column wrap;
    }

    .sidebar.trips {
        align-items: center;
    } 
}

@media (max-width: 768px) {
    .dropdown.trips {
        right: 0px;
    }

    .trips-section {
        justify-content: flex-start;
        padding: 10px;
    }

    .trips--passenger-line {
        margin-left: 0px;
        padding: unset;
    }

    .trips--passenger-line .col, .trips--passenger-line .col-md-auto {
        padding: 5px;
        width: unset;
    }

    .tablink {
        padding-bottom: 20px;
    }

    .pricetag {
        width: 100%;
    }

    .divider {
        margin: 0px 5px;
    }

    a.btn-checkin {
        flex: 0 0 160px;
    }

    /* Hide Account side menu on Mobile */
    #accountheader {
        display: none;
    }
}

@media (max-width: 648px) {
    .trips-flex .row .col.flex-column {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .trips-tab {
        justify-content: center;
        flex-flow: column wrap;
    }

    .trips-tab a {
        white-space: nowrap;
        padding: 0px 5px;
        font-size: 18px;
        width: 100%;
        line-height: 40px;
    }

    .tablink {
        padding-bottom: 0px;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    .trips--change-itinerary {
        flex-direction: column;
    }

    .divider {
        display: none;
    }

    .trips-section {
        flex-flow: row wrap;
        border-width:0 0 1px 0;
        padding:0;
    }

    .trips--book-area .card-img-overlay {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    .trips--book-area img.card-img {
        height: unset;
    }

    .trips--book-button {
        width: 100%;
    }

    .trips--big-button, .trips--add-extras-box {
        font-size: 16px;
    }

    /* MOBILE EXTRAS TABLE FORMAT */

    .trip--admin-extras tbody, 
    .trip--admin-extras tbody tr td,
    .trip--admin-extras tbody tr {
        display: block;
    }

    .trip--admin-extras thead tr th{
        display:none;
    }

    .trip--admin-extras tbody td, 
    .trip--admin-extras th { /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .trip--admin-extras tbody td:before,
    .trip--admin-extras td:nth-of-type(n+1):before { /* Now like a table header */
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .trip--admin-extras tbody tr td:nth-of-type(1):before {
        content: "Item";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .trip--admin-extras tbody tr td:nth-of-type(2):before {
        content: "Price";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .trip--admin-extras tbody tr td:nth-of-type(3):before {
        content: "Status";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .trip--admin-extras tbody tr td:nth-of-type(4):before {
        content: "Note";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding:10px;
    }

    .trip--admin-extras tbody tr td:nth-of-type(5):before {
        content: "Receipt";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .trip--admin-extras tbody tr td:nth-of-type(6):before {
        content: "Refund";
        font-size: 18px;
        text-align: left;
        font-weight: 500;
        padding: 10px;
    }

    /* END TABLE FORMAT */

    /* MOBILE EXTRAS TABLE FORMAT */

    .pax tbody, 
    .pax tbody tr td,
    .pax tbody tr {
        display: block;
        text-align: left;
    }

    .pax thead tr th{
        display:none;
    }

    .pax tbody td, 
    .pax th { /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .pax tbody td:before,
    .pax td:nth-of-type(n+1):before { /* Now like a table header */
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .pax tbody tr td:nth-of-type(1):before {
        content: "Name";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .pax tbody tr td:nth-of-type(2):before {
        content: "Age";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .pax tbody tr td:nth-of-type(3):before {
        content: "Rewards Program";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .pax tbody tr td:nth-of-type(4):before {
        content: "Change";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding:10px;
    }

    .pax tbody tr td:nth-of-type(5):before {
        content: "Remove?";
        text-align: left;
        font-size: 18px;
        font-weight: 500;
        padding: 10px;
    }

    .pax tbody tr td:nth-of-type(6):before {
        content: "Refund";
        font-size: 18px;
        text-align: left;
        font-weight: 500;
        padding: 10px;
    }

    /* END TABLE FORMAT */
    
}

@media (max-width: 555px) {
    .trip-legs {
        height: auto;
    }

    .card-deck .card.account--link {
        margin-right: 25px;
        margin-left: 25px;
    }

    .trips--itinerary input {
        width: 100%;
    }

    .trips--itinerary form {
        flex-direction: column;
    }

    .sidebar.trips {
        align-items: stretch;
    } 

}

@media (max-width: 425px) {
    .trips--big-button-area {
        align-content: center;
    }

    .pricetag {
        align-items: flex-start;
    }

    .trips--passenger-line {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .trips-flex .row {
        margin-right: 0px;
    }

    .trips-admin-section .card-body form input#voucher-reason {
        width: 100%;
    }

    .card.trips--book-area .card-img-top{
        align-items: flex-start;
    }
}

@media (max-width: 387px) {

    .trips--passenger-line {
        justify-content: center;
    }

    .trips--passenger-line-pax-section {
        flex: 0 0 100%;
    }
}    

@media (max-width: 320px) {
    .trips--change-itinerary form {
        flex-direction: column;
    }

    .customer-info {
        padding: 10px;
    }
}