﻿body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px !important;
}

label {
    margin: 0px;
    font-weight: normal;
}

.editor-field {
    margin-bottom: 5px;
}

.form-control {
    height: 20px;
    padding: 0px 2px;
    font-size: 12px;
    border-radius: 0px;
}

::-ms-clear {
    display: none;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

th {
    font-size: 14px;
    padding-right: 10px;
}


.input-group-addon {
    padding: 0px 12px;
    font-size: 12px;
    border-radius: 3px;
}

.form-group {
    margin-bottom: 5px;
}

.chosen-container-single .chosen-single {
    border-radius: 0px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border-radius: 0px;
}

.ui-spinner-input {
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .2em;
    margin-right: 22px;
}



.searchpanel {
    background-color: #c1dfff;
    color: #333333;
}

    .searchpanel th {
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff));
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cae3ff', GradientType=0);
        border: 0px;
        border-bottom: 1px solid #002439;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        color: #000000;
    }


    .searchpanel td {
        border-bottom: 1px solid #c6d6e9;
    }

    .searchpanel header .icons {
        padding: 3px 12px;
        border-right: 1px solid rgba(221, 221, 221, 0.09);
        -webkit-box-shadow: 1px 0px 0px #ffffff;
        box-shadow: 1px 0px 0px #ffffff;
    }

    .searchpanel header h5 {
        padding: 3px 12px;
        font-weight: bold;
    }

    .searchpanel header .toolbar .nav > li > a {
        padding: 3px 12px;
    }


.listpanel {
    background-color: #c1dfff;
    color: #333333;
}

    .listpanel th {
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff));
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cae3ff', GradientType=0);
        border: 0px;
        border-bottom: 1px solid #002439;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        color: #000000;
        font-weight: normal;
        font-size: small;
    }

    .listpanel tr:hover {
        background-color: #89c2ff;
    }

    .listpanel td {
        border-bottom: 1px solid #c6d6e9;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
        empty-cells: hide;
    }

    .listpanel header .icons {
        padding: 3px 12px;
        border-right: 1px solid rgba(221, 221, 221, 0.09);
        -webkit-box-shadow: 1px 0px 0px #ffffff;
        box-shadow: 1px 0px 0px #ffffff;
    }

    .listpanel header h5 {
        padding: 3px 12px;
        font-weight: bold;
    }

    .listpanel header .toolbar .nav > li > a {
        padding: 3px 12px;
    }

    .listpanel a {
        color: #000000;
        text-decoration: underline;
    }

.listpaneltablerowseperator {
    background-color: #89c2ff;
}




.editorpanel {
    background-color: #c1dfff;
    color: #333333;
}

    .editorpanel header {
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff));
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cae3ff', GradientType=0);
        border: 0px;
        border-bottom: 1px solid #002439;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        color: #000000;
    }

    .editorpanel th {
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff));
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%);
        background-image: linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cae3ff', GradientType=0);
        border: 0px;
        border-bottom: 1px solid #002439;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        color: #000000;
    }

    .editorpanel td {
        padding: 3px 12px 3px;
    }

.editor-label {
    margin-bottom: 0px;
}




.editorpanel header h5 {
    padding: 3px 12px;
    font-weight: bold;
}

.editorpanel header .toolbar .nav > li > a {
    padding: 3px 12px;
}

.inline-div {
    display: inline-block;
}

.text-right {
    text-align: right;
}

table.reservation-table td input[type="text"], table.reservation-table td select, table.reservation-table td input[type="number"] {
    width: 100%;
}

.field-validation-error {
    color: #b94a48;
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    /*
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    */
    color: #b94a48;
    border-color: #b94a48;
}

    .input-validation-error:focus {
        border-color: #953b39;
        -webkit-box-shadow: 0 0 6px #d59392;
        -moz-box-shadow: 0 0 6px #d59392;
        box-shadow: 0 0 6px #d59392;
    }

.validation-summary-valid {
    display: none;
}

.btn {
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 0;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-decoration: none !important;
}

/* For some reason our bootstrap.css was missing this class. */
.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/* Sort of like the default bs button size. */
.btn-medium {
    font-size: 14px;
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1.428571429;
}

.btn-unique {
    color: #fff;
    background-color: #eb5202;
    border-color: #e94700;
}

    .btn-unique:focus,
    .btn-unique.focus {
        color: #fff;
        background-color: #e73c00;
        border-color: #930400;
    }

    .btn-unique:hover {
        color: #fff;
        background-color: #e73c00;
        border-color: #d02a00;
    }

    .btn-unique:active,
    .btn-unique.active,
    .open > .dropdown-toggle.btn-unique {
        color: #fff;
        background-color: #e73c00;
        border-color: #d02a00;
    }

        .btn-unique:active:hover,
        .btn-unique.active:hover,
        .open > .dropdown-toggle.btn-unique:hover,
        .btn-unique:active:focus,
        .btn-unique.active:focus,
        .open > .dropdown-toggle.btn-unique:focus,
        .btn-unique:active.focus,
        .btn-unique.active.focus,
        .open > .dropdown-toggle.btn-unique.focus {
            color: #fff;
            background-color: #d02a00;
            border-color: #930400;
        }

    .btn-unique:active,
    .btn-unique.active,
    .open > .dropdown-toggle.btn-unique {
        background-image: none;
    }

    .btn-unique.disabled,
    .btn-unique[disabled],
    fieldset[disabled] .btn-unique,
    .btn-unique.disabled:hover,
    .btn-unique[disabled]:hover,
    fieldset[disabled] .btn-unique:hover,
    .btn-unique.disabled:focus,
    .btn-unique[disabled]:focus,
    fieldset[disabled] .btn-unique:focus,
    .btn-unique.disabled.focus,
    .btn-unique[disabled].focus,
    fieldset[disabled] .btn-unique.focus,
    .btn-unique.disabled:active,
    .btn-unique[disabled]:active,
    fieldset[disabled] .btn-unique:active,
    .btn-unique.disabled.active,
    .btn-unique[disabled].active,
    fieldset[disabled] .btn-unique.active {
        background-color: #eb5202;
        border-color: #e94700;
    }

    .btn-unique .badge {
        color: #eb5202;
        background-color: #fff;
    }

/* For .btn elements which only store a font-awesome icon, to give them a more compact, square look. */
.btn-icon {
    padding: 0 6px;
}

.pagetitlelabel {
    font-size: 22px;
    padding: 5px 0px 5px;
}

input.file-input {
    display: none;
}

label.file-input-selected-file {
    border-style: solid;
    border-width: 1px;
    border-color: darkgray;
    font-style: normal;
    font-weight: normal;
    padding: 0px 3px;
}

.textbox-text-long input[type="text"] {
    width: 300px;
}

.textbox-text-short input[type="text"] {
    width: 75px;
}

.textbox-text-medium input[type="text"] {
    width: 150px;
}

.textbox-text-date-min-length input[type="text"] {
    width: 75px;
}

.textbox-number-long input[type="number"] {
    width: 300px;
}

.textbox-number-short input[type="number"] {
    width: 59px;
}

.textbox-number-very-short input[type="number"] {
    width: 43px;
}

.input-read-only {
    background-color: #eeeeee;
}

.input-mark-deleted input {
    text-decoration: line-through;
    background-color: #eeeeee;
}

.table-cell-alight-top {
}

    .table-cell-alight-top td {
        vertical-align: top;
    }

.red-background {
    background-color: #ff0000 !important;
}

.lightgray-background {
    background-color: lightgray !important;
}

.table-scrollable-x {
    display: block;
    overflow-x: scroll;
    /*padding-bottom: 70px;*/
}
.table-scrollable-x:has(.input-group-btn.open) { /* This is to support drop downs inside overflowin tables not being cut off by the overflow. */
    padding-bottom: 15px;
    margin-bottom: -3px;
    overflow: visible;
}
.table-scrollable-x .dropdown-menu { /* This is to support drop downs inside overflowin tables not being cut off by the overflow. */
    left: 28px;
    top: 0;
}
.modern-box:has(.table-scrollable-x) { /* This is to support drop downs inside overflowin tables not being cut off by the overflow. */
     overflow:hidden;
}

.table-scrollable-long {
    display: block;
    height: 700px;
    overflow: auto;
}

.table-scrollable-medium {
    display: block;
    height: 500px;
    overflow: auto;
}

.table-scrollable-short {
    display: block;
    height: 300px;
    overflow: auto;
}

.table-scrollable-xshort {
    display: block;
    height: 200px;
    overflow: auto;
}

.table-scrollable-xxshort {
    display: block;
    height: 95px;
    overflow: auto;
}

#PassengerSearchPartialTerm {
    margin-left: 15px;
    width: 100%;
    max-width: 170px;
}

.wide-modal {
    width: 780px;
}

.table-cell-no-wrap td {
    white-space: nowrap;
}

.table-header-no-wrap th {
    white-space: nowrap;
}

table.hide-columns .hideable-col1 {
    display: none;
}

table.hide-columns .hideable-col2 {
    display: table-cell;
}

table.hide-columns-2 .hideable-col3 {
    display: none;
}

table.hide-columns-2 .hideable-col4 {
    display: table-cell;
}

table.show-columns .hideable-col1 {
    display: table-cell;
}

table.show-columns .hideable-col2 {
    display: none;
}

table.show-columns-2 .hideable-col3 {
    display: table-cell;
}

table.show-columns-2 .hideable-col4 {
    display: none;
}

#SelectFlightsContainer .col-lg-7 {
    width: 100%;
}

.row-selected {
    background-color: darkblue;
    color: #FFF;
}

.general-width-40 {
    width: 40px;
}

.general-width-80 {
    width: 1400px;
}

.general-width-auto {
    width: auto;
}

.new-receiving-table {
}

    .new-receiving-table fieldset {
        display: table-cell;
        border: 1px solid gray;
        vertical-align: top;
        padding: 5px;
        width: 180px;
    }

    .new-receiving-table legend {
        font-size: small;
        font-weight: bold;
        align-content: flex-start;
    }

    .new-receiving-table td {
        vertical-align: top;
        padding: 3px;
        border-radius: 10px;
    }


/*
    tablesorter section
    
    Styles adapted from "blue" theme, and adjusted for integration with listpanel.

*/
.tablesorter .tablesorter-header {        
	/*background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) center right no-repeat;*/ /*black icon*/
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) center right no-repeat; /*white icon*/
	padding-right: 18px;
}

.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
	/*background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) center right no-repeat;*/ /*black icon*/
    background: url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") center right no-repeat; /*white icon*/
}

.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
	/*background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) center right no-repeat;*/ /*black icon*/
    background: url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") center right no-repeat; /*white icon*/
}


.listpanel .tablesorter-header {
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) center right no-repeat, -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff)) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) center right no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) center right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) center right no-repeat, linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%) repeat-x;
}

.listpanel .headerSortUp,
.listpanel .tablesorter-headerSortUp,
.listpanel .tablesorter-headerAsc {
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) center right no-repeat, -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff)) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) center right no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) center right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) center right no-repeat, linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%) repeat-x;
}

.listpanel .headerSortDown,
.listpanel .tablesorter-headerSortDown,
.listpanel .tablesorter-headerDesc {
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) center right no-repeat, -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff)) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) center right no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) center right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) center right no-repeat, linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%) repeat-x;
}

.tablesorter .tablesorter-header[data-sorter="false"] {
    background: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#cae3ff)) repeat-x;
    background: -webkit-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: -moz-linear-gradient(top, #ffffff 0%, #cae3ff 100%) repeat-x;
    background: linear-gradient(to bottom, #ffffff 0%, #cae3ff 100%) repeat-x;
    padding-right: 0;
}

.hid {
    display: none !important;
}

.no-resize {
    resize: none;
}
/**
 * Five-column layout support.   
 * See: https://stackoverflow.com/a/22799354
 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.col-xs-6ths,
.col-sm-6ths,
.col-md-6ths,
.col-lg-6ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-8ths,
.col-sm-8ths,
.col-md-8ths,
.col-lg-8ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
     .col-sm-6ths {
        width: 17.5%;
        float: left;
    }
      .col-sm-7ths {
        width: 15%;
        float: left;
    }
    .col-sm-8ths {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
      .col-md-6ths {
        width: 17.5%;
        float: left;
    }
      .col-md-7ths {
        width: 15%;
        float: left;
    }
     .col-md-8ths {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
      .col-lg-6ths {
        width: 17.5%;
        float: left;
    }
      .col-lg-7ths {
        width: 15%;
        float: left;
    }
    .col-lg-8ths {
        width: 12.5%;
        float: left;
    }
}

.col-sm-8ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 550px) {
    .col-sm-8ths {
        width: 12.5%;
        float: left;
    }
}
