/* Rules specific to  medium devices (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {

    #MobileIndicator{
        display: none;
    }

    .control-label {
        float:left;
        width: 33%;
        padding-left: 0px;
    }

    .navigation-buttons {
        margin-left: 20px;
        margin-right: 20px;
    }

    #WebDiscount {
        margin-right: 35px;
    }

    /*#ActiveMilitary {
        margin-left: -10px;
    }*/

    #EstimatedPrice {
        margin-right: 5%;
    }

    .form-control.col-md-6 {
        max-width: none;
        width: 50%;
    }

    .form-control.col-md-9 {
        max-width: none;
        width: 75%;
    }

    .ServiceSelection #loader {
        margin-left:33.33333%;
        max-width:280px;
    }

    .ServiceSelection #ValidationContainer {
        padding-right: 35px;
    }

    .ContactInformation #ValidationContainer {
        padding-left: 15px;
        padding-right: 15px;
    }

    div.modal-dialog {
        width: 500px;
    }

    /*Hide input placehoders*/
        ::-webkit-input-placeholder {
	        opacity: 0;
        }

        ::-moz-placeholder {
	        opacity: 0;
        }

        :-moz-placeholder {   /* Older versions of Firefox */
	        opacity: 0;
        }

        :-ms-input-placeholder { 
	        color: rgba(255,255,255,0) !important;
        }

        /*Overrides for "Hide input placeholders"*/

        #BookingNumber::-webkit-input-placeholder {
            opacity: inherit;
        }

        #BookingNumber::-moz-placeholder {
	        opacity: inherit;
        }

        #BookingNumber:-moz-placeholder {   /* Older versions of Firefox */
	        opacity: inherit;
        }

        #BookingNumber:-ms-input-placeholder { 
	        color: #999 !important;
        }

    /*Rules for fitting credit card iframe onto payment page*/
        .MakePayment {
            overflow-x: hidden;
        }

        .iframe-margin-override {
            margin-left: -11px;
            width: 992px;
        }

        #CreditCardFrame {
            height: 650px;
        }

    #KeyDates .table-header {
        width: 50%;
    }

    #RequiredDocuments .table-header {
        width: 50%;
    }

    .DealerTracking .panel-group .panel {
        margin-top: 0px !important;
    }

    .DealerTracking .panel-group .panel:first-of-type {
        padding-right: 10px;
    }

    .DealerTracking .panel-group .panel:last-of-type {
        padding-left: 10px;
    }

    .DealerTrackingResults {
        overflow-y: auto;
        max-height: 500px;
        display: block;
    }

    .DealerTrackingResults #VehicleDetailsBody tr:hover {
    background-color: rgb(200,200,200);
    }

    .DealerTracking #DealerTrackingResults td {
        white-space: nowrap;
    }

    .VesselSchedule .btn {
        margin-top: 0px;
        width: 100%;
    }

    .VesselSchedule .button-holder:first-child {
        padding-right: 10px;
    }

    .VesselSchedule .button-holder:last-child {
        padding-left: 10px;
    }
}