.dashboard-stat .visual {
    display: block;
    float: left;
    font-size: 35px;
    height: 80px;
    line-height: 35px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-top: 3px;
    width: 80px;
}

.dashboard-stat.dashboard-stat-v2 .visual {
    margin-bottom: 40px;
    padding-top: 0px;
}

    .dashboard-stat.dashboard-stat-v2 .visual img {
        width: 100px;
        margin-top: 15px;
    }

.mt-element-ribbon {
    margin-bottom: 10px !important;
}

    .mt-element-ribbon .ribbon-content {
        padding: 15px !important;
    }

.bg-grey-steel {
    background: #e5e5e5 none repeat scroll 0 0 !important;
}

.dashboard-stat .details .desc {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    text-align: right;
}

.green2, .green2:hover {
    background-color: #36c33c;
    color: #fff;
}

.yellow2, .yellow2:hover {
    background-color: #e59f33;
    color: #fff;
}

.page-content {
    padding-top: 10px;
}

.table-cus-br tr td {
    border: 1px solid #999 !important;
    padding: 15px 0 !important;
    vertical-align: middle !important;
}

.car-imges img {
    display: inline-block !important;
}

.mt-checkbox > span, .mt-radio > span {
    background: #999 none repeat scroll 0 0 !important;
    border: 1px solid transparent;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 19px;
}


.clu_ico {
    padding: 10px 12px;
    background-color: #32c5d2 !important;
    color: #fff !important;
}

.clu_ico_span {
    float: right;
    position: relative;
    top: -35px;
    width: auto;
}

.input-group-btn.clu_ico_span {
    padding: 0px;
}

.journey_scti {
    width: 94%;
}

span.required {
    color: red;
}

.control-label-check {
    margin: 12px;
}

.bg-grey-steel {
    background: #f4f8fa none repeat scroll 0 0 !important;
}

.none-borderdiv {
    border: 0px !important;
}

.right {
    float: right;
}

.timepicker[readonly] {
    background: #fff;
}

.readonly-back[readonly] {
    background: #fff;
}

.step-line a {
    text-decoration: none !important;
    color: #000 !important;
}

.mt-element-step .step-line .next .mt-step-title::after, .mt-element-step .step-line .next .mt-step-title::before {
    background-color: #e5e5e5;
}

.fix-button {
    position: fixed;
    bottom: 15px;
    right: 65px;
        z-index: 999;
}


.fix-cancel-button {
    position: fixed;
    bottom: 15px;
    right: 180px;
        z-index: 999;
}

.calender-button {
    left: -37px;
    position: absolute !important;
}

.input-group-btn {
    padding: 0 !important;
}

.label-margin {
    margin-left: 5px;
}

.address-bold {
    font-weight: 600;
}


/** 1-8-2018 **/
.newFormOuter .mt-element-step {
    background: #313a44;
}

    .newFormOuter .mt-element-step .step-line .mt-step-number {
        font-size: 13px;
        padding: 0;
        height: 25px;
        width: 25px;
        text-align: center;
        line-height: 19px;
        color: #d8dcde;
        font-weight: bold;
        background: #313a44 !important;
    }

    .newFormOuter .mt-element-step .step-line .mt-step-title {
        font-size: 14px;
        font-weight: 400;
        position: relative;
        text-transform: none;
    }

        .newFormOuter .mt-element-step .step-line .mt-step-title::after, .newFormOuter .mt-element-step .step-line .mt-step-title::before {
            top: -16px;
        }

.newFormOuter .tab-content {
    background: #e3e9ec;
}

.newForminnerWhiteBox {
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(49, 58, 68, 0.06);
    margin-top: 30px;
}

    .newForminnerWhiteBox .ribbon.ribbon-color-info {
        background: none;
        color: #717476;
        font-weight: bold;
        font-size: 17px;
        width: 100%;
        border-bottom: 1px solid #f5f5f5;
        padding: 0px 0 10px 0;
        margin: 0 0 15px 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.newFormOuter .mt-element-step .step-line .done .mt-step-title::after, .newFormOuter .mt-element-step .step-line .done .mt-step-title::before {
    background-color: #ff5a93;
}

.newFormOuter .mt-element-step .step-line .done .mt-step-content, .newFormOuter .mt-element-step .step-line .done .mt-step-title {
    color: #ff5a93 !important;
}

.newFormOuter .mt-element-step .step-line .done .mt-step-number {
    color: #fff !important;
    border-color: #ff5a93 !important;
    background: #ff5a93 !important;
}

.newFormOuter label.control-label {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
        line-height: 10px;
}

.switchToggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switchToggle label {
    cursor: pointer;
    margin: 0px;
    float: right;
    text-indent: -9999px;
    width: 55px;
    max-width: 70px;
    height: 24px;
    background: #d1d1d1;
    display: block;
    border-radius: 100px !important;
    position: relative;
}

    .switchToggle label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 90px !important;
    }

.switchToggle input:checked + input + label {
    background: #984fff;
}

.switchToggle input + input + label:before {
    font-size: 13px;
    content: 'No';
    position: absolute;
    top: 2px;
    left: 27px;
    width: 26px;
    height: 26px;
    border-radius: 90px !important;
    text-indent: 0;
    color: #fff;
}

.switchToggle input:checked + input + label:before {
    font-size: 13px;
    content: 'Yes';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 26px;
    height: 26px;
    border-radius: 90px !important;
    text-indent: 0;
    color: #fff;
}

.switchToggle input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggle label:active:after {
    width: 26px;
}

.toggle-switchArea {
    margin: 10px 0 10px 0;
}

.switchToggle span {
    font-size: 14px;
    margin: 4px 10px 0 0px;
    display: inline-block;
    font-weight: normal;
}

.newFormOuter .mt-element-ribbon .ribbon-content {
    padding: 15px !important;
    display: inline-block;
    width: 100%;
}

.input-group.bootstrap-touchspin .btn.red {
    background: #ebebeb;
    border-color: #ebebeb;
    color: #fc6c6d;
    border-radius: 4px 0px 0 4px !important;
}

.input-group.bootstrap-touchspin .btn.green {
    background: #ebebeb;
    border-color: #ebebeb;
    color: #1fa263;
    border-radius: 0px 4px 4px 0px !important;
}

.input-group.bootstrap-touchspin input {
    border-radius: 0px !important;
    border-color: #ebebeb;
    text-align: center;
}

.NumOfPass {
    margin-top: 10px;
}

    .NumOfPass label {
        margin-top: 8px;
    }

.newFormOuter .btn.default.calender-button {
    padding: 8px 11px;
    margin: 2px 0 0 0;
    background: none;
    border: none;
    color: #afafaf;
}

.newFormOuter label {
    color: #777;
}

.newFormOuter .mt-radio, .newFormOuter .colorBlack {
    color: #000;
}

.btnGreen {
    border: 1px solid #1fa263;
    color: #1fa263;
    background: #f4fffa;
    text-transform: uppercase;
}

    .btnGreen:hover, .btnGreen:focus {
        color: #1fa263;
        background: #fff;
    }

.btnRed {
    border: 1px solid #a21f1f;
    color: #a21f1f;
    background: #fff4f4;
}

.newFormOuter .form-group.extrastoprow label {
    width: 100%;
}

.newFormOuter input, .newFormOuter select, .newFormOuter textarea {
    background: #fbfbfb !important;
    border-color: #e9e9e9;
}

    .newFormOuter input:focus, .newFormOuter select:focus, .newFormOuter textarea:focus {
        background: #fff !important;
    }

.newFormOuter .mt-element-ribbon .ribbon-content.padd-TB0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.cancelBookingBtn {
    color: #fff;
    font-size: 18px;
    background: #32373d;
    border: 2px solid #32373d;
    padding: 10px 30px;
    border-radius: 10px !important;
    display: inline-block;
}

    .cancelBookingBtn:hover {
        color: #32373d;
        background: #e3e9ec;
        text-decoration: none;
            outline: none;
    } 
    .cancelBookingBtn:focus, .nextNewBtn:focus { outline: none; }

.nextNewBtn {
    color: #fff;
    font-size: 18px;
    background: #ff4687;
    border: 2px solid #ff4687;
    padding: 10px 30px;
    border-radius: 10px !important;
    display: inline-block;
}

    .nextNewBtn:hover {
        color: #ff4687;
        background: #e3e9ec;
        text-decoration: none;
    }

.btnGreenFill {
    background: #1fa263;
    color: #fff;
    text-transform: uppercase;
}

    .btnGreenFill:hover, .btnGreenFill:focus {
        background: #ff4687;
        color: #fff;
        border-color: #ff4687;
    }

.newFormOuter .mt-radio > span::after {
    background: #00b4ff;
    border-radius: 50%;
    height: 15px;
    left: 1px;
    top: 1px;
    width: 15px;
    border: 4px solid #fff;
}

.newFormOuter .mt-radio > span {
    background: #fff none repeat scroll 0 0 !important;
    border: 2px solid #e7e7e7;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 19px;
}
 .editIconHeader {
        font-size: 18px;
        color: #ff4687;
        padding: 0 5px;
    }
.newFormOuter .mt-radio:hover > input:checked:not([disabled]) ~ span, .newFormOuter .mt-radio > input:checked ~ span {
    background: #32c5d2 none repeat scroll 0 0 !important;
    transition: all 0.3s ease 0s;
    border: 1px solid transparent;
}

.newFormOuter select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 25px;
    background: url('Images/select-arrow.png') no-repeat top right !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}


.car-imges .item img {
    display: inline-block !important;
    max-width: 120px !important;
    max-height: 120px !important;
}

.bookingVehicleNew .md-checkbox-inline {
    padding: 0;
    position: absolute;
    right: 6px;
    width: 20px;
}

.bookingVehicleNew .carousel-control {
    margin-top: 45px;
}

.redPrice {
    color: #ff1111 !important;
    font-size: 22px;
    font-weight: 500;
    margin: 5px 0 15px 0;
}

.bookingVehicleNew .table-cus-br tr td {
    border: 1px solid #dbdbdb !important;
    background: #fff;
}

.portlet.bookingVehicleNew {
    background: #f8f8f8;
    border-radius: 5px !important;
}

.luggageBox {
    padding: 0px;
    margin: 0px;
        text-align: center;
    display: inline-block;
}

    .luggageBox li {
            display: inline-block;
        list-style: none;
        margin-right: 2px;
        margin-bottom: 6px;
    }
.col-sm-12.padd-0 {
    padding:0px !important;
}

        .luggageBox li:last-child {
            margin-right: 0px;
        }

        .luggageBox li span {
            float: left;
            border: 1px solid #dbdbdc;
            padding: 5px 2px;
            background: #fff;
            height: 32px;
            min-width: 30px;
            text-align: center;
        }

            .luggageBox li span i {
                line-height: 21px !important;
            }

.portlet.bookingVehicleNew {
    margin-bottom: 30px;
}

.bookingVehicleNew .md-checkbox label > .box {
    top: 0;
    border: 1px solid #b4b4b4;
    height: 23px;
    width: 23px;
    z-index: 5;
    background: #fff;
    border-radius: 3px !important;
}

.border {
    border: 1px dashed gray;
    margin: 20px 0px 20px 0px;
    background: white;
    color: white;
    height: 70px;
}

li [class*=" icon-"], li [class^=icon-] {
    top: 10px;
    position: relative;
}

.icon-move {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 14px;
    vertical-align: text-top;
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-position: -168px -72px;
}

.new-dragn-drops {
    list-style: none;
    background: #659be0;
    border: 1px solid #2f8aff;
    border: 1px solid #2f8aff;
    margin: 0 0 15px 0;
    border-radius: 4px !important;
    padding: 12px 0 8px 0;
    display: inline-block;
    width: 100%;
}

/*.new-dragn-drop li input {
        background: none !important;
        border: none;
        color: #fff;
        font-size: 16px;
        width: 86%;
        padding-right: 10px;
        display: inline-block;
    }*/

.br-rightw {
    border-right: 1px solid #ffffff;
}

.new-dragn-drop li input.time-input {
    width: 70px;
}

.new-dragn-drop li span.color-white {
    color: #fff;
    font-size: 26px;
    display: inline-block;
    vertical-align: sub;
    margin-top: 10px;
}

.right-icon-dragn a span.fa {
    background: #fff;
    border-radius: 50% !important;
    display: inline-block;
    font-size: 17px;
    height: 37px;
    line-height: 27px;
    padding: 5px;
    text-align: center;
    width: 37px;
    margin-right: 0px;
}

.right-icon-dragn a .fa-trash-o {
    color: #eb4c4c;
}


.new-dragn-drop .col-sm-12.br-left {
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-left: 5px;
}

.new-dragn-drop .padd-0 {
    padding: 0px;
}

a.drag-icon {
    background: rgb(90, 141, 199);
    border-radius: 5px 0 0 5px !important;
    display: inline-block;
    margin: -23px -1px -7px;
    box-shadow: 1px 0px 0px #3a70cd;
    width: 60px;
    height: 59px;
}

    a.drag-icon:hover {
        cursor: move;
    }

    a.drag-icon span {
        color: #fff;
        font-size: 25px;
        line-height: 62px !important;
    }

.newFormOuter .new-dragn-drop {
    padding: 0px;
}

    .newFormOuter .new-dragn-drop .new-dragn-drops {
        background: none;
        border: none;
        padding: 0;
        margin: 0 0 10px 0;
    }

        .newFormOuter .new-dragn-drop .new-dragn-drops a.AddExtraStop {
            color: #333;
            padding: 0;
            background: none;
            border: none;
            box-shadow: none;
            width: 40px;
            height: 30px;
            margin: 0px;
            /*position:absolute;
        left:-20px;*/
            margin: 0px 0 -30px -35px;
        }

            .newFormOuter .new-dragn-drop .new-dragn-drops a.AddExtraStop span {
                color: #333;
                line-height: 16px !important;
                font-size: 16px;
            }

        .newFormOuter .new-dragn-drop .new-dragn-drops .extrastoprow {
            margin: 0px !important;
        }
        .newFormOuter .mt-radio {
    float: left;
    width: auto;
    margin-right: 15px;
}
.newFormOuter .mt-element-ribbon .ribbon-content.padd-b0 {
    padding-bottom:0px !important;
}
.mar-b0 {
    margin-bottom:0px !important;
}
.NumOfPass input.form-control {
padding:0px !important;
}
.btnGreen img{
    padding-bottom:3px;
}
.padd-r0 {
    padding-right:0px !important;
}
.col-md-10 .mt-element-step .step-line .mt-step-col { width: 20%; }

.commentsText{margin-top: 8px; line-height: 14px;}
.noPasssenger{ line-height: 15px !important;}



@media screen and (max-width: 991px) {
.col-md-10 .mt-element-step .step-line .mt-step-col { width: 100%; }

}





.switchToggleLarge input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switchToggleLarge label {
    cursor: pointer;
    margin: 0px;
    float: right;
    text-indent: -9999px;
    width: 80px;
    max-width: 80px;
    height: 24px;
    background: #36c6d3;    
    display: block;
    border-radius: 100px !important;
    position: relative;
}

    .switchToggleLarge label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 90px !important;
    }

.switchToggleLarge input:checked + input + label, .switchToggleLarge input:checked  + label {
    background: #ed6b75;
}

.switchToggleLarge input + input + label:before, .switchToggleLarge input + label:before {
    font-size: 13px;
    content: 'Straight';
    position: absolute;
    top: 2px;
    left: 27px;
    width: 26px;
    height: 26px;
    border-radius: 90px !important;
    text-indent: 0;
    color: #fff;
}

.switchToggleLarge input:checked + input + label:before, .switchToggleLarge input:checked + label:before {
    font-size: 13px;
    content: 'Hourly';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 26px;
    height: 26px;
    border-radius: 90px !important;
    text-indent: 0;
    color: #fff;
}

.switchToggleLarge input:checked + input + label:after, .switchToggleLarge input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggleLarge label:active:after {
    width: 26px;
}

.toggle-switchArea {
    margin: 10px 0 10px 0;
}

.switchToggleLarge span {
    font-size: 14px;
    margin: 4px 10px 0 0px;
    display: inline-block;
    font-weight: normal;
}
.startTimeRow {
    margin-top:5px;
}
.startTimeRow span {
    margin-top:5px;
}
.startTimeRow .col-md-7 {
    padding-left:0px;
}

.startTimeRow.mainstarttime.start-div-inner .col-md-7 {
	padding-left: 15px;
}

@media screen and (min-width:992px) and (min-width:1366px) {   
    .NumOfPass .col-md-8 { padding: 0 4px; } 
}
@media screen and (min-width:768px) {
    .dnone-Desktop { display: none; }
}

@media screen and (max-width:1280px) {
    .tab-content>.form-body>.col-md-offset-1.col-md-10 {
        margin-left: 0;
        width: 100%;
    }
    .page-content {
        padding: 0;
    }
}


@media screen and (max-width:991px) {
    
    .container-fluid>.page-content { padding-left: 0px !important; padding-right: 0px !important; }
    .newFormOuter .mt-element-step { padding: 0 5px; }
    .mt-element-step .step-line .mt-step-col { padding: 10px 0; width: 18.6% !important; vertical-align: top; display: inline-block; }
    .newFormOuter .mt-element-step .step-line .mt-step-title { font-size: 12px; }
    .tab-content.none-borderdiv { padding: 0px; }
    .mt-element-step .step-line .mt-step-number { border: 2px solid #e5e5e5; }
    .wrapper>.container-fluid { padding: 0px; }
    .fix-cancel-button { right: 125px; }
    .fix-button { right: 15px; }
    #partialPassengerList { width: 100%; overflow: auto; }
    
    .table td, .table th {
        min-width: 120px;
    }
    .table-checkable tr > td:first-child, .table-checkable tr > th:first-child {
        min-width: 100px;
    }
    #partialPassengerList table tr td:last-child, #partialPassengerList table tr th:last-child { min-width: 50px; max-width: 50px; }
    .mask_phoneA {
        width: 110px !important;
    }
    .phoneNumberTd { min-width: 200px !important; }

    .newForminnerWhiteBox .col-md-3 { width: 50%; float: left; }

    .tab-content .form-body > .col-md-offset-1.col-md-10>.row>.col-sm-6 {
        width: 100% !important;
    }

}

@media screen and (max-width:767px) {
    .datepicker.dropdown-menu{ left: 30px !important; }
    .portlet.bookingVehicleNew {
        margin-bottom: 10px !important;
    }
    .newForminnerWhiteBox {
        margin-top: 10px !important;
    }
    .dnoneMobile { display: none; }
    .newFormOuter .form-group.extrastoprow label { width: 100%; font-size: 12px; }
    .mb-2 {margin-bottom: 10px;}

    .dashboard-stat.dashboard-stat-v2 .visual img {
        width: 70px;
        margin-top: 5px;
    }
    .dashboard-stat.dashboard-stat-v2 .visual {
        margin-bottom: 20px;
    }
    .dashboard-stat .visual {
        height: 60px;
        line-height: 35px;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-top: 3px;
        width: 80px;
    }
    .dashboard-stat .details .desc {
        margin-top: 10px;
    }
    .dashboard-stat {
        margin-bottom: 10px;
    }

    .form-control, output {
        font-size: 16px;
    }
    #SmallLuggage, #MediamLuggage { margin-bottom: 10px; }
    .newFormOuter label.control-label {
        font-size: 14px;
    }

    .newForminnerWhiteBox .ribbon-content .form-group { display: inline-block; width: 100%; }
    .bootstrap-timepicker-widget table td input {
        width: 55px !important;
    }
    .table-responsive > .table-bordered {
        min-width: 590px !important;
    }
    .form-control {
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        background-color: #fff;
        border: 1px solid #c2cad8 !important;
        border-radius: 4px;
    }
    .dNoneMobile { display: none !important; }

    .ExtraStop .text-right { margin-top: 15px; }
    .ExtraStop .text-right .btn.btnGreen { margin-bottom: 10px; width: 100%; }


    .addPassengerTableMobile table, .addPassengerTableMobile thead, .addPassengerTableMobile tbody, .addPassengerTableMobile th, .addPassengerTableMobile td, .addPassengerTableMobile tr,
    .passengerBillingContact table, .passengerBillingContact thead, .passengerBillingContact tbody, .passengerBillingContact th, .passengerBillingContact td, .passengerBillingContact tr {
        display: block;
    }

    .addPassengerTableMobile thead {
        display: none;
    }
    
    .addPassengerTableMobile tbody tr td:first-child, .addPassengerTableMobile tbody tr td { padding-top: 20px; position: relative; min-width: 100% !important; padding: 22px 10px 0 10px; border: none; }
    .addPassengerTableMobile tbody tr td:last-child { text-align: center; padding-top: 0px; border-bottom: 1px solid #e7ecf1; }
    .addPassengerTableMobile tbody tr td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }
    .addPassengerTableMobile tbody tr td .form-group { margin-bottom: 5px; }

    .addPassengerTableMobile tbody tr td .mask_phoneA {
        width: calc(100% - 70px) !important;
      }
      .addPassengerTableMobile tbody tr td .form-control.email {
        width: 100%;
    }

    .addPassengerTableMobile td:nth-of-type(1):before { content: "Prefix*"; }
    .addPassengerTableMobile td:nth-of-type(2):before { content: "First Name*"; }
    .addPassengerTableMobile td:nth-of-type(3):before { content: "Last Name"; }
    .addPassengerTableMobile td:nth-of-type(4):before { content: "Email*"; }
    .addPassengerTableMobile td:nth-of-type(5):before { content: "Confirm Email*"; }
    .addPassengerTableMobile td:nth-of-type(6):before { content: "Phone Number*"; }
    
    .select2-container.select2-container--bootstrap .select2-selection--single {
        height: 34px !important;
        border: 1px solid #ddd;
        padding: 5px 0;
        background: url('Images/select-arrow.png') no-repeat top right !important;
    }

    .passengerBillingContact th, .passengerBillingContact td { min-width: 100% !important; width: 100%; }
    .table-responsive > .passengerBillingContact {
        min-width: 100% !important;
    }
    .passengerBillingContact tbody tr td { padding: 0 10px !important; }
    .passengerBillingContact tbody tr td .form-group { margin-bottom: 5px; }
    .passengerBillingContact tbody tr td .mask_phoneA {
        width: calc(100% - 70px) !important;
      }

}

@media screen and (max-width:575px) {
    .newFormOuter .mt-element-step .step-line .mt-step-title { font-size: 9px; }

    .nextNewBtn, .cancelBookingBtn {
        font-size: 15px;
        padding: 5px 10px;
        border-radius: 6px !important;
    }
    
    .fix-cancel-button {
        right: 90px !important;
    }
   .form-actions.right[style="padding:0px !important;"] .cancelBookingBtn.fix-cancel-button {
        right: 255px !important;
    }
    .portlet-title + div[style="padding:0px !important;"] .fix-cancel-button {
        right: 90px !important;
    }
    div[style="padding:0px !important;"] + div .cancelBookingBtn.fix-cancel-button.summeryCancelBtn {
        right: 170px !important;
    }
    .form-actions.right + .form-actions.right .emialBtn {
        right: 140px !important;
    }
    .luggageBox li span {
        min-width: 28px !important;
    }
    .newForminnerWhiteBox .col-md-3 { width: 100%; }

    .newFormOuter .mt-element-ribbon .ribbon-content .mt-element-ribbon .ribbon-content.padd-TB0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding: 0 !important;
    }
    
    
   
}

@media screen and (min-width:768px) and (max-width:1440px) {
    .datepicker-dropdown {
        margin-left: -210px;
    }
}


.car-imges .item img {
    display: inline-block !important;
    max-width: 120px !important;
    height: 90px !important;
}
.modal-content #Img {
   width:100%;
   text-align:center;
   padding:15px;
}
.modal-content #Img img {
    max-width:100% !important;
}


.vehiInfoSideSlider .carousel-inner > .item img {
    display: inline-block;
    max-width: 100%;
    height: 140px !important;
    line-height: 1;
    width: auto;
    text-align: center;
    float: none;
}

.vehiInfoSideSlider .carousel-inner > .item {
    text-align: center;
    width: 100%;
}





.cancelBookingBtn.fix-cancel-button { right: 195px; }
.cancelBookingBtn.fix-cancel-button.summeryCancelBtn { right: 330px; }

.cancelBookingBtn.fix-cancel-button {
    right: 195x;
}
#frmAirportTransfer .cancelBookingBtn.fix-cancel-button.summeryCancelBtn {
	right: 190px;
}
#frmPassenger .cancelBookingBtn.fix-cancel-button {
	right: 190px;
}

#frmBookingVehicle .cancelBookingBtn.fix-cancel-button {
	right: 445px;
}