.form-inline {
    margin-bottom: 5px;
}

.OrderInfo .form-inline .form-group .input-group .input-group-addon {
    width: auto;
}

#boat_structure .stair {
    margin: 0px;
}

    #boat_structure .stair tr td {
        text-align: center;
        padding: 2px;
        height: 35px;
    }

        #boat_structure .stair tr td.seat {
            vertical-align: middle;
            border: none;
        }

            #boat_structure .stair tr td.seat button {
                width: 100%;
                height: 100%;
                padding: 1px 3px;
            }

        #boat_structure .stair tr td.resource {
			font-weight:bold;
			color: red;
        }

        #boat_structure .stair tr td.lobby {
            border: none;
        }

        #boat_structure .stair tr td.seat.rotate:first-child button {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            height: 50%;
        }

        #boat_structure .stair tr td.seat.rotate:last-child button {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            height: 50%;
        }

.typeahead .list-group-item {
    border-width: 0px;
    border-top-width: 1px;
}

    .typeahead .list-group-item:first-child {
        border-width: 0px;
    }

.affix {
    top: 10px;
    z-index: 1;
}

.Passengers-container {
    min-height: 350px;
}

.seat .changing {
    background: #8F645A !important;
    border: #8F645A !important;
    color: #fff !important;
}

.seat .isOldSeat {
    background: #8F645A !important;
    border: #8F645A !important;
    color: #8c8c8c !important;
}

.passenger-duplicate {
    border: 1px solid red;
}

.duplicate-icon {
    display: none;
    color: red;
}

.passenger-duplicate .duplicate-icon {
    display: inline-block;
}

.navbar-nav > li.activeLink > a {
    color: red;
    background-color: #ffffff;
}

.errorSeatDuplicate {
    color: red;
}

#boat_structure .IsBookedOnSeat {
    color: #fff;
    background: #66FF66;
}

#boat_structure .IsExportOnSeat {
    color: #fff;
    background: #EE4E4E;
}

#boat_structure .IsOutboard {
    color: red;
}

#boat_structure .CheckHeldSeat {
    color: lightyellow;
    background: blueviolet;
}

#ViewRouteTemplate .NoticeOrderNo {
    color: #080808;
    background: #ffff00;
}

#ViewRouteTemplate .hasHeld {
    color: white;
    background: #985f0d;
}

tr.spaceUnderTable > td {
    padding-bottom: 1em;
}

.middleTableRow td {
    vertical-align: middle;
}

.logoBackground {
    background-image: url("../images/bmslogo.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 120px;
}

.glyphicon.spinning {
    -webkit-animation: spin2 1s infinite linear;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

#hideAll {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: white;
    z-index: 99; /* Higher than anything else in the document */
}
/*.bootstrap-datetimepicker-widget {z-index: 99999999999 !important;}*/

.bootstrap-datetimepicker-widget table td .lunar-date {
    font-size: 10px;
    text-align: center;
    color: #009688;
    font-weight: normal;
}

    .bootstrap-datetimepicker-widget table td .lunar-date.special-date {
        color: #f44336;
    }

.bootstrap-datetimepicker-widget table td.active .lunar-date {
    color: #ffeb3b;
}

#overlay {
    /*position: absolute;*/
    /*top: 55%;
    left: 50%;
    width: 100%;
    height: 50%;*/
    /*background: rgba(0,0,0,0.8) none 50%;*/
    cursor: pointer;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    overflow-x: hidden;
    /*transform: translateX(-50%) translateY(-50%);*/
    z-index: 9999; /*----Display on box shadow ----*/
    min-height: 500px;
}

    #overlay.open {
        visibility: visible;
        opacity: 1;
        overflow: hidden;
    }

.closeimg { /* X button icon */
    float: right;
    display: inline-block;
    /*color: #fff;*/
    margin-top: 10px;
    margin-right: 20px;
    font-size: 2em;
}

#overlay img {
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-height: 50%;
    min-width: 70%;
    max-height: 650px;
    max-width: 1100px;
}

.mg-top{
     margin-top: 15px;
}
.input-hidden{
    display:none !important;
}