@media only screen and (max-width: 1700px) {
    
    .quote-pricing-col {display: block;} 
    .rateSecond {margin-top: 15px;}
    .serviceTabs table>tbody>tr>td {vertical-align: top !important;}
}
@media only screen and (max-width: 1650px) {
    .header ul.menuGeneral li a {padding: 10px 12px 11px;}
    .selectQuotes table.sortable thead tr .header {white-space: normal;}
    .selectQuotes.pageContent form fieldset{padding: 0px 5px 10px;}
    .ui-tabs .regionDiv .new{display: block;margin-left: 0;}
    .pageContent p.alert, .pageContent .alert{display: block;}
    .pageContent p.alert svg, .pageContent .alert svg{height: 13px;margin-right: 0px !important;}
    .trip-detail-section .toolbar{padding: 16px 7px 7px 7px !important;}
    .edit-policy-maintenance-sec .pageContent select{max-width: 185px;}
    .edit-policy-maintenance-sec .pageContent #governsSelector{max-width: 300px ;}
    .update-profile-blk .ui-tabs-nav {overflow-x: auto; padding-bottom: 5px;}
    .header ul.menuGeneral li.logout ul li a{padding-left: 7px;}
    .header ul.menuGeneral li.logout .dropdown-menu{left: initial;right: 0;}
    .border-left-division.middle-date {border-left: 0px;}
    .doc-date {border-left: 1px solid #ccc;}
    .doc-date  .middle-date {margin-left: 0px;}
}


    @media only screen and (max-width: 1400px) {
    div.header ul.menuGeneral li.logout{margin-left: 0px;}
    div.pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"] {max-width: 300px !important;}
    .pagesection-top .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 300px;}
    span.status_submitted{font-size: 9px;}
    .pageContent .supplierAvailabilityIndicator .supplierInfo{width: 23.7%;}
    .my-trip-section .btn{margin-top: 0;}
    .request-travel .tip{display: block;max-width: 510px;}
    .edit-policy-maintenance-sec div.pageContent select{max-width: 150px;}
    .service-categorisation-section .field input[type="number"], input[type="text"] {max-width: 100% !important;}
    .service-categorisation-section .nested-div input[type="number"]{max-width: 75px !important;}
    .update-profile-blk div.pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 240px !important;}
    .update-profile-blk  div.pageContent select{max-width: 240px !important;}
    div.header ul.menuGeneral li a {padding: 10px 10px 11px;}
    .add-accomm-provider-section .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 300px !important;}
    .input-update-wrapper .radio-flex-blk { flex-direction: column;align-items: flex-start;}
    .input-update-wrapper .radio-custom-label {margin-left: 0px;}
    .user-tag-wrapper {flex-wrap: wrap;}
    .user-tag-wrapper .userNotes {margin-left: 0px;margin-top: 5px;}
    .bookService-ex2 div.pageContent div.serviceSummary div.locationsDates {width: 360px;}
    .commence, .complete {width: 100px;}
    div.pageContent .serviceSummary .details .amenities {padding-left: 0px;}
    .home-dashboard-wrapper .mypage-card-wrapper {min-height: 215px !important;}
    .navigation-wrapper li a {font-size: 14px;padding: 5px 19px;  }
    .userNameHere {font-size: 14px;}
    .car-capture-section .radio-flex {flex-wrap: wrap;}
    div.pageContent div.serviceSummary {height: auto;}
    .indi-policy .title-sub-heading {font-size: 11px !important;}
    #updateProfileForm .ui-tabs .ui-tabs-nav li a {padding: 30px;}
    }

    @media only screen and (max-width: 1300px) { 
    .header ul.menuGeneral li a {font-size: 12px;padding: 11px 14px 11px;}
    .mandate{flex-wrap: wrap;}
    .mandate .choose-of{width: 50%;}
    .mandate #newApproverDetails0{width: 100%;}
    form #mandate div.required{margin-left: 0;margin-right: 0;}
    .mandateLevelApprover{margin: 20px 0 10px 0;}
    #addMandateLevel{margin: 20px 0;}
    .approver-maintenace-second-sec .pageContent select{max-width: 200px;}
    .approver-maintenace-second-sec .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"] {max-width: 200px !important;}
    .car-capture-section .chosen-container{max-width: 247px;}
    .currency-capture-section .hours-long{max-width: 100px !important;}
    .capture-line-items br{display: none;}
    .override-approval-request-section .pagesection-top .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 300px  !important;}
    .request-travel .actions{margin: 0 !important;}
    .track-approval-section .editApprovalProcess{margin-left: 0;background-size: 14px;width: 34%;}
    .track-approval-section .deleteApprovalProcess{width: 34%;margin-left: 10px;background-size: 12px;}
    .service-categorisation-section .field input[type="number"]{max-width: 100% !important;}
    .vehicle-availability-section div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan{max-width: 99px;}
    .trip-detail-section .tripItinHeader td.keyInfo{width: 54%;}
    .trip-detail-section .tripItinHeader td.keyInfo .col-md-6{padding-right: 5px;padding-left: 5px;}
    .trip-detail-section .tripItinHeader .keyInfo .tripReason{margin-left: 0;}
    .trip-detail-section .tripItinHeader .keyInfo .travellerSummary, .tripItinHeader .keyInfo .requesterSummary{margin-left: 0;padding-left: 0;padding: 0px 8px;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .compositeAssertion .compositionType select{font-size: 10px;padding: 5px 13px 5px 10px;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .compositeAssertion{padding: 0;margin: 0 0 15px 0;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .compositeAssertion .children{margin-left: 95px;}
    .edit-policy-maintenance-sec div.pageContent select{max-width: 101px;}
    .constraintViolations{position: absolute;min-width: 240px;left: -106px;}
    .request-quotes-blk .contextInfo .documents h1{font-size: 12px;}
    .request-quotes-blk .contextInfo .notesView h1{font-size: 12px;}
    .request-quotes-blk .actions .requestAssistance{padding: 10px 0 !important;}
    .request-quotes-blk .bg-change-wrap{font-size: 11px !important;}
    .request-quotes-blk a.requestAssistance{background-image: initial;}

    .flight-availability-section div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan {max-width: 137px}
    .service-categorisation-section .nested-div input[type="number"]{max-width: 75px !important;}
    .update-profile-blk div.pageContent form div#idNumberDiv #displayIDNumber{margin-bottom: 10px;}
    .update-profile-blk div.pageContent form div#idNumberDiv{display: block !important;}
    .mypage-title-head {display: block;}
    .mypage-title-head .ms-4 {margin-left: 0px !important;}
    .mypage-title-head .mypage-counter {margin-left: 0;}
    .col-wrapper.col-wrapper-both .pageContent {margin: 0 15px 0 0;}
    .filter-sticky {display: inline-flex;}
    .filter-box-wrapper {position: fixed;z-index: 9;right: 0;background-color: white;border: 2px solid #abe1ff;bottom: 15px;right: 75px;max-height: 550px;display: none;max-width: 300px;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 24%) !important;}
    .filter-main-wrapper {position: relative;}
    .request-quotes-blk .filter-box-wrapper #filterPanel {border: 0px;box-shadow: none;overflow-x: hidden;}
    .filter-main-wrapper:after {content: "";width: 0;height: 0;border-top: 16px solid transparent;border-left: 11px solid #2ab0e7;border-bottom: 16px solid transparent;position: absolute;right: -11px;bottom: 58px;}
    }
    @media only screen and (max-width: 1040px) {
    .pagesection-top .container-fluid .row .col-md-10{max-width: 73.333333%;flex: 0 0 73.333333%;padding-right: 8px;}
    .pagesection-top .container-fluid .row .col-md-2{flex: 0 0 26.333333%;max-width: 26.333333%;padding-left: 8px;}
    .stepInstructions{display: flex !important;align-items: center;}
    .pagesection-top .container{max-width: initial;width: 100%;}

    .approver-maintenace-second-sec .pageContent textarea{max-width: 200px !important;}
    .approver-maintenace-second-sec .pageContent select {max-width: 200px !important; margin-bottom: 10px;}
    .approver-maintenace-second-sec .pageContent input[type="text"], div.pageContent input[type="password"], .dialog input[type="text"], div.pageContent input[type="number"] {max-width: 200px !important;}
    .book-services-blk .tip{display: block !important;}
    .book-services-blk .pageContent div.serviceSummary div.identification{width: 13%;}
    .book-services-blk .pageContent div.serviceSummary div.details{width: 24%;margin-left: 10px;}
    .book-services-blk .pageContent div.serviceSummary{min-width: 500px;height: auto;}
    .currency-capture-section .hours-wrap{justify-content: flex-end;max-width: 456px;margin-top: 11px;}
    .currency-capture-section .hours-wrap .hour {min-width: 147px;}
    .capture-line-items .pageContent{min-height: initial;}
    .capture-line-items .actions{text-align: right !important;}
    .capture-line-items input[type="submit"], input[type="button"]{margin: 10px 0 0 0;}
    div.pageContent div.vehicleSummary{min-width: 100%;}
    div.pageContent div.serviceSummary div.locationsDates{float: none;}
    div.pageContent div.vehicleSummary{background-size: 35px;padding-left: 47px;}
    div.pageContent div.serviceSummary div.identification{width: 17%;}
    div.pageContent div.serviceSummary h3{font-size: 14px;}
    div.serviceSummary div.locationsDates div.commence, div.serviceSummary div.locationsDates div.complete div.pageContent div.serviceSummary div.locationsDates div.commence, div.pageContent div.serviceSummary div.locationsDates div.complete{height: auto;}
    div.pageContent div.serviceSummary{height: auto;}
    .bg-img-content .actions .btn{margin-top: 0;}
    .requester-tag-dev, .traveller-tag-dev, .requester-tag-dev-white {font-size: 11px;width: 100%;margin-bottom: 10px;}
    .pageContent .supplierAvailabilityIndicator .supplierInfo{width: 23.2%;}
    .modify-supplier-details-section .bookingEnginesEditor div.bookingEngine label{width: 7em;}
    .modify-supplier-details-section .pictures{display: flex;flex-wrap: wrap;}
    .modify-supplier-details-section .pictures .pic{width: 24.2%;margin-bottom: 15px !important;}
    .modify-supplier-details-section .pictures .pic img{width: 100%;}
    .modify-supplier-details-section .pictures .pic:nth-child(even){margin-right: 0;}
    .update-trip-section div.pageContent label{width: 100% !important;font-size: 14px;}
    .request-travel #requestedPaymentType{max-width: 273px;}
    .track-approval-section .editApprovalProcess{width: 42%;}
    .track-approval-section .deleteApprovalProcess{width: 42%;margin-left: 5px;}
    .request-travel .primary-link{display: block;}
    .request-travel div.pageContent form div.radio-flex{display: flex !important;}
    .currency-capture-section .pageContent form div.field, div.pageContent form div.required{display: block;}
    .request-travel div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan{max-width: 137px;}
    .request-travel div.pageContent label{width: 11.7em;}
    .request-travel .otherItem .hour{margin-top: 5px;}
    div.pageContent div.serviceSummary{min-width: 100%;}
    div.pageContent div.serviceSummary h3{word-break: break-all;}
    div.pageContent div.flightSummary{background-size: 35px;padding-left: 55px;}
    .view-accommodation div.pageContent div.serviceSummary h4{font-size: 10px;}
    .view-accommodation div.serviceSummary div.hotelDetails{margin-right: 0;}
    .view-accommodation .pageContent{min-height: 0;}
    .view-audti-section .col{width: 33%;margin-bottom: 10px;flex-basis: initial;overflow: auto;}
    .vehicle-availability-section div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan{max-width: 159px;margin-top: 10px;}
    .trip-detail-section .col-md-10 div.pageContent div div.toolbar{display: flex;justify-content: flex-end;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .assertion .comparator select{width: 97%;margin: 10px 0;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .assertion .category select{width: 97%;}
    .edit-policy-maintenance-sec div.pageContent select{max-width: 97%;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .compositeAssertion .children{margin-top: 15px;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor a.addAssertion{width: 14px;top: 57px;background-size: 100%;right: 0;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor a.removeAssertion{right: -8px;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .constraint a.moveUp{right: 35px;}
    /* .request-quotes-blk .row .col-md-2{flex: 0 0 26.333333%;max-width: 26.333333%;padding-left: 8px;}
    .request-quotes-blk .row .col-md-8{max-width: 73.333333%;flex: 0 0 73.333333%;padding-right: 8px;} */
    .col-md-2.filter-box-wrapper {position: fixed;top:70px;max-width: 300px !important;padding: 15px;height: 88%;background: #fff;box-shadow: 0 0 25px 0 rgb(0 0 0 / 30%);border-radius: 0 15px 15px 0px;overflow: auto;scrollbar-color: #1c7195 #f4f5f6;scrollbar-width: thin;z-index: 998;}
    .filter-icon svg {fill: #fff;}
    .filter-icon {position: fixed;right: 20px;bottom:70px;display: flex;align-items: center;justify-content: center;    background-color: #ec8912 !important;width: 40px;height: 40px;border-radius: 50%;z-index: 4;cursor: pointer;}
    .filter-box-show {left: 0;transition: 0.5s ease;}
    .filter-box-hide {left: -310px;transition: 0.5s ease;}
    .request-quotes-blk #filterPanel {padding: 0px;box-shadow: none;}
    .request-quotes-blk .row .col-md-2:last-child .actions .btn{max-width: 200px;margin-left: auto;}
    div.toolBox {max-height: 100%;padding-right: 10px !important;}

    .flight-availability-section div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan {max-width: 137px}
    .submit-for-approval  .container-fluid .row .col-md-10{max-width: 100.333333%;flex: 0 0 100.333333%;}
    .submit-for-approval input[type="submit"], input[type="button"]{margin-top: 0;}
    .service-categorisation-section div.pageContent .incude-sector-input select{max-width: 60% !important;}
    .service-categorisation-section .nested-div input[type="number"]{max-width: 66px !important;padding: 4px 5px 4px 5px;}
    .service-categorisation-section .col-md-3{flex: 0 0 29%;max-width: 29%;}
    .service-categorisation-section .col-md-9{flex: 0 0 71%;max-width: 71%;}
    .service-categorisation-section .nested-div label{width: 58px !important;font-size: 12px;}
    .update-profile-blk div.pageContent form div.tabs{margin-bottom: 0px;}
    .update-profile-blk .actions{margin: 0 !important;}
    .update-profile-blk .mt-2, .my-2, .ms-1, .mx-1, .me-1, .mx-1{margin: 15px 0 0 0 !important;}
    .header ul#myTab {position: fixed;left: 0;top: 0;display: block;height: 100%;padding-top: 95px;padding-bottom: 95px;overflow-y: scroll;overflow-x: hidden;scrollbar-color: #1c7195 #f4f5f6;scrollbar-width: thin;box-shadow: 0 0 30px 0 rgb(0 0 0 / 30%);z-index: 99999;}
    .openSidebar {width: 300px !important;min-width: 300px !important;transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
    .closeSidebar {width: 0px !important;min-width: 0px !important;transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
    .header ul#myTab li {display: block;width: 100%;float: none;}
    .header ul#myTab li a{text-align: left;padding: 15px;}
    div.header ul.menuGeneral li ul li ul.submenuUl1.mobMenu-subNav-block {display: block !important;}
    div.header ul.menuGeneral li ul li ul.submenuUl1.mobMenu-subNav-none{display: none !important;}
    ul.submenuUl1.mobMenu-subNav-block {display: block !important;}
    ul.submenuUl1.mobMenu-subNav-none {display: none !important;}
    .mobMenu-subNav-arrow-down {transform: scale(-1) !important;}
    .mobMenu-subNav-arrow-up {transform: scale(1) !important;}
    .selectedMobMenu {background-color: #2AB1E9 !important;}
    div.header ul.menuGeneral li ul {max-height : 100%}
    div.header ul.menuGeneral.unstickyHeader, div.header ul.menuGeneral.stickyHeader {animation: unset;}
    div.header ul.menuGeneral li.searchAdvance .advanceSearchAppened {padding-left: 10px;}
    div.header ul.menuGeneral li ul {position: static;width: 100%;}
    div.header ul.menuGeneral li ul a {display: inline-block;}
    div.header ul.menuGeneral li ul li a {background-color: #213640;}
    div.header ul.menuGeneral li ul li ul li a:hover {background-color: #4b6775;}
    div.header ul.menuGeneral li ul li ul li a {background-color: #607d8b;}
    div.header ul.menuGeneral li ul li ul {position: static;}
    .nested-menu-arrow {top: 25px;}
    div.header ul.menuGeneral li.menu-parent a  {display: flex;justify-content: space-between;}
    li.logout{display: block !important;position: absolute !important;top: 45px !important;}
    div.header ul.menuGeneral li.logout .dropdown-menu {width: 100%;left: -25px;position: static !important;top: 0px !important;transform: translate3d(-5px, 0px, 0px) !important;box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);}
    div.header ul.menuGeneral li.logout .dropdown-menu li a {background-color: #272d2f;display: block;}
    li.logout ul li a {padding: 20px !important;}
    .header.stickyHeader {top: 0px;}
    .pagesection-top {margin-top: 90px;}
    .menutoggle-wrapper {display: block;}
    .menutoggle {cursor: pointer;}
    .header ul#myTab li.searchAdvance {margin-top: 25px;}
    .overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;width: 0;background-color: rgb(255 255 255 / 70%);z-index: 998;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
    .fadeOut-overlay {width: 0%;display: none;transition: 0.5s ease;}
    .fadeIn-overlay {width: 100%;display: block;transition: 0.5s ease;}
    form #mandate div.required {padding-right: 2em !important;}
    .add-accomm-provider-section div.pageContent form div.field, div.pageContent form div.required { margin: .3em !important;padding: .3em !important; margin-bottom: 10px !important;}
    div.pageContent {min-height: calc(100vh - 206px);}
    .mandate .compositionType0{margin-top: 7px;}
    .car-capture-section .chosen-container { max-width: 149px;}
    .currency-capture-section div.pageContent form div.required{display: block !important;}
    .my-trip-section .mt-2, .my-2, .ms-1, .mx-1, .me-1, .mx-1{margin: 0 !important;}
    .track-approval-section #saveBtn{margin-left: 10px !important;}
    .nested-selector .col-md-6{padding-right: 5px;padding-left: 5px;}
    .service-categorisation-section .incude-sector-input-blk .col-md-9{padding-right: 10px;padding-left: 10px;}
    .service-categorisation-section div.pageContent form div.field{margin: 0 0 10px 0 !important;padding: 0 !important;}
    .vehicle-availability-section div.pageContent .float-align  select.hour, .vehicle-availability-section div.pageContent .float-align  select.minute{max-width: 91px !important;}
    .vehicle-availability-section div.pageContent .float-align  input{max-width: 140px !important;}
    .selectionCost td {display: block;}
    }
    @media only screen and (max-width: 767px) {
    .pagesection-top .container-fluid .row .col-md-10{max-width: 100.333333%;flex: 0 0 100.333333%;}
    .pagesection-top .container-fluid .row .col-md-2{flex: 0 0 100.333333%;max-width: 100.333333%;padding-left: 15px !important;margin-top: 20px;}
    .new{background-position: left 50%;}
    .pagesection-top .container-fluid .row{display: block;}
    .pagesection-top .container-fluid .row .col-md-2 .actions{display: flex;}
    .pagesection-top .container-fluid .row .col-md-2 .actions a{margin: 10px 5px;}
    div.pageContent label{width: 10em;}
    div.pageContent select{max-width: 270px;}
    .pagesection-top .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 270px !important;}
    div.pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 270px !important;}
    div.pageContent textarea{max-width: 270px;}
    form div .tip{max-width: 100%;display: block;margin: 0;margin-top: 7px !important;}
    .justify-content-end{justify-content: flex-start !important;}
    .mandate .compositionType0{width: 40%;margin-left: 20px;margin-top: 8px;}
    .mandateLevelApprover{margin: 10px 0 10px 0;}
    #addMandateLevel{margin: 0;}
    .button-align{margin: 0 !important;}
    div.pageContent fieldset, .dialog fieldset{margin-bottom: 10px;}
    #madateheader{display: block !important;}
    #madateheader div{width: 100% !important;}
    #addMandateLevel {margin: 15px 0;}
    div.pageContent form>div.actions{text-align: center;}
    #newContent{max-width: 100%;}
    #backBtn{margin-bottom: 10px;}
    #publishBtn{margin-bottom: 10px;}
    .hours-long{max-width: 133px !important;}
    input[type="submit"], input[type="button"]{margin-top: 10px;}
    .approver-maintenace-second-sec .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"] {margin: 5px 0;max-width: 300px !important;}
    .approver-maintenace-second-sec .pageContent textarea {max-width: 300px !important;}
    .approver-maintenace-second-sec .pageContent select {max-width: 300px !important;margin: 5px 0;}
    .approver-maintenace-second-sec .pageContent form .policyEditor a.removeAssertion{right: 0; top: 0;}
    .approver-maintenace-second-sec .pageContent form .policyEditor .assertion .comparator select{width: 100%;}
    .approver-maintenace-second-sec .pageContent .children select{width: 100% !important;}
    .book-services-blk .pageContent label{width: 20em;}
    .book-services-blk #backBtn{margin-bottom: 0;}
    .book-services-blk .pageContent div.flightSummary{background-size: 30px;padding-left: 44px;}
    .book-services-blk .pageContent div.serviceSummary h3{font-size: 14px;}
    .book-services-blk .pageContent div.serviceSummary h4.flightNumber{font-size: 9px;}
    .book-services-blk .pageContent div.serviceSummary div.details {width: 100%;margin-left: 0px;padding: 0;}
    div.pageContent div.serviceSummary div.details, 
    div.pageContent div.serviceSummary div.locationsDates,
    div.pageContent div.serviceSummary .referenceDetails,
    div.pageContent div.serviceSummary .hotelDetails{border-left: 2px solid #e1e1e1;}
    div.pageContent div.accommodationSummary div.locationsDates {margin-top: 0px;}
    .book-services-blk .pageContent div.serviceSummary{min-width: 440px;}
    div.pageContent div.serviceSummary div.identification, div.pageContent div.serviceSummary div.details,
    div.pageContent div.serviceSummary .referenceDetails{width: 100%;display: inline-block;}
    .bus-capture-section .pageContent{min-height: initial;}
    .currency-capture-section .hours-wrap{max-width: 400px;}
    .currency-capture-section .hours-wrap .hour{min-width: 132px;}
    .capture-flight-section .flightClass, .providerSpecificClass{max-width: 270px !important;}
    .divided-title{display: none;}
    .capture-hotel-section .pageContent{min-height: initial;}
    div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan{max-width: 122px;}
    .flightClass, .providerSpecificClass{max-width: 270px !important;}
    .flight-availability-section .actions .btn{margin-bottom: 15px;}
    .my-trip-section #applyFilterBtn{margin-left: 10px !important;}
    .my-trip-section .modal-dialog .modal-content .modal-body .d-flex{display: block !important;text-align: center;}
    .my-trip-section .modal-dialog .modal-content .modal-body .d-flex .submitButton{margin-left: 0 !important;min-width: initial;}
    .my-trip-section .modal{padding-right: 0 !important;}
    .pageContent .supplierAvailabilityIndicator .supplierInfo{width: 47.6%;}
    .my-trip-section .col-md-2{padding-left: 15px !important; margin-top: 15px;}
    .override-approval-request-section .pagesection-top .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 270px !important;}
    .reconciliatio-tool .w-25{width: 100%!important;max-width: 218px;}
    div.pageContent div.fareDetails{text-align: left;}
    .track-approval-section .btn{width: initial;margin: 0 5px;}
    .track-approval-section div.pageContent{min-height: 0;}
    .service-categorisation-section .field input[type="number"]{max-width: 100% !important;}
    .incude-sector-input{display: block;}
    .service-categorisation-section .incude-sector-input .toolbar{padding: 0;display: block !important;}
    .pagesection-top .container-fluid .row{display: flex;}
    .vehicle-availability-section .actions .btn{margin: 0 5px 10px 0 !important;}
    .vehicle-availability-section .actions{margin-top: 10px !important;}
    .trip-detail-section .col-md-10 div.pageContent div div.toolbar{flex-wrap: wrap;}
    .trip-detail-section .pageContent .noNotes h2{font-size: 13px;}
    .request-quotes-blk .row{display: block;}
    .request-quotes-blk .row .col-md-2{max-width: 100%;}
    .request-quotes-blk .row .col-md-8{max-width: 100%;margin-top: 15px;}
    .tab-slide-scroll{display: block;}
    .request-quotes-blk div.pageContent label{float: initial;margin-left: 0 !important;margin-bottom: 20px !important;    max-width: 150px;}
    .constraintViolations{display: none;}
    .request-quotes-blk .pageContent .actions .btn{display: initial;}
    .request-quotes-blk div.pageContent form>div.actions{margin-top: 20px !important;}
    .request-quotes-blk input[type="submit"], input[type="button"]{min-width: 80px;}
    .bg-img-content .header .container-fluid{margin-top: 0 !important;}
    .header .logo img{max-width: 100%;}
    .header .container-fluid{padding-left: 10px; padding-right: 10px;}
    .header .row{margin-right: 0px;}
    body{overflow-x: hidden;}
    .allowance-maintenance-choose-company .pageContent{min-height: 0;}
    .car-capture-section .chosen-container{max-width: 134px;margin-bottom: 5px;}
    .car-view-reservation-section .pageContent{min-height: 0;}
    .car-view-reservation-section .container-fluid .row .col-md-2 .actions a{margin-top: 0 !important;}
    .car-view-reservation-section .container-fluid .row .col-md-2 .actions{margin-top: 10px;}
    .flight-availability-section div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan {max-width: 122px}
    .maintain-company-choose-event-type-section div.pageContent  {min-height: calc(100vh - 206px);}
    .maintain-company-missed-savings-reason div.pageContent  {min-height: calc(100vh - 206px);}
    .maintain-company-policy-violation-reason-section div.pageContent  {min-height: calc(100vh - 206px);}
    .maintain-missed-savings-Reasons-blk div.pageContent  {min-height: calc(100vh - 206px);}
    .maintain-policy-violation-reason-sec div.pageContent  {min-height: calc(100vh - 206px);}
    .maintain-voucher-company-details-sec div.pageContent  {min-height: calc(100vh - 206px);}
    .modify-supplier-details-section .pictures .pic {width: 23.8%;}
    .override-approval-request-section div.pageContent{min-height: 0;}
    .edit-policy-maintenance-sec div.pageContent #governsSelector{max-width: 270px;}
    .reconciliatio-tool div.pageContent  {min-height: calc(100vh - 206px);}
    .reports-sections div.pageContent  {min-height: calc(100vh - 206px);}
    .search-fore-hotel div.pageContent  {min-height: calc(100vh - 206px);}
    .pagesection-top .container-fluid .row .col-md-10{padding-right: 15px;}
    .request-quotes-blk .col-md-8 .actions{display: flex;flex-wrap: wrap;justify-content: center;}
    .request-quotes-blk .actions .btn{margin: 0px 3px 10px;}
    .request-quotes-blk .container-fluid .row .col-md-2 .actions{display: block;}
    .request-quotes-blk .col-md-10 .actions{display: flex;flex-wrap: wrap;justify-content: center;}
    .request-quotes-blk .col-md-10 .actions .back{max-width: 100px;}
    .synchronise-flight-section div.pageContent  {min-height: calc(100vh - 206px);}
    .update-voucher-details-sec div.pageContent  {min-height: calc(100vh - 206px);}
    .view-transfer-reservation-section div.pageContent{min-height: 0;}
    .vitual-card-maintain-sec div.pageContent  {min-height: calc(100vh - 206px);}
    .vitual-card-sec div.pageContent  {min-height: calc(100vh - 206px);}
    .add-stored-card-result-sec div.pageContent{min-height: 0;}
    .add-approval-group-choose-company div.pageContent  {min-height: calc(100vh - 206px);}
    .add-approval-group-maintenance div.pageContent  {min-height: calc(100vh - 206px);}
    .add-cost-centre div.pageContent {min-height: calc(100vh - 206px);}
    .add-notes-section div.pageContent  {min-height: calc(100vh - 206px);}
    .approver-maintenance-first-sec div.pageContent  {min-height: calc(100vh - 206px);}
    .approver-maintenance-confirm-policy-update-section .actions{justify-content: flex-end !important;}
    .addCostCentre .d-flex{justify-content: flex-end !important;}
    .policy-maintenace-section .actions{justify-content: flex-end !important;}
    .service-categorisation-section .row .col-md-6{width: 100%;}
    .service-categorisation-section div.pageContent textarea{max-width: 100%;}
    .service-categorisation-section .col-md-3{flex: 0 0 100%;max-width: 100%;}
    .service-categorisation-section div.pageContent .incude-sector-input select{max-width: 124px !important;}
    .service-categorisation-section .col-md-9{flex: 0 0 100%;max-width: 100%;}
    .service-categorisation-section .nested-div label{width: 55px !important;font-size: 12px;}
    .service-categorisation-section .nested-div input[type="number"]{max-width: 100px !important;}
    .update-profile-blk #citizenWithIDQuestion{font-size: 13px;margin-right: 25px;}
    .header{padding: 0;}
    #mobile-menu .menu-trigger{top: 83px;}
    .allowance-file-maintain div.pageContent{min-height: calc(100vh - 270px);}
    .approver-maintenace-second-sec .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 300px !important;}
    .service-categorisation-section .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 100% !important;}
    .update-profile-blk div.pageContent{min-height: initial;}
    .service-categorisation-section .row{display: block;}
    .nested-selector .col-md-6{padding-right: 15px;padding-left: 15px;}
    .service-categorisation-section .incude-sector-input-blk .col-md-9 {padding-right: 15px;padding-left: 15px;}
    .service-categorisation-section .incude-sector-input{display: flex;}
    .service-categorisation-section .incude-sector-input .btn{margin-left: 5px;}
    .mandate .choose-of{width: 100%; margin: 10px 10px;}
    .mandate .choose-of label {display: block;width: 100%;}
    form #mandate div.required{display: block;margin-bottom: 10px !important;}
    form div p.stepInstructions {margin-top: 25px;}
    div.requiredServices table tr td{white-space: nowrap;}
    #bookGenericAccommodation .actions{margin-bottom:20px  !important;}
    div.pageContent div.serviceSummary {display: block;}  
    .book-services-blk .pageContent div.serviceSummary div.details,
    div.pageContent div.serviceSummary div.locationsDates,
    div.pageContent div.serviceSummary  div.details,
    div.pageContent div.serviceSummary div.locationsDates,
    div.pageContent div.serviceSummary div.hotelDetails,
    div.pageContent div.serviceSummary .referenceDetails
    {float: none;padding-top: 15px;margin-left: 0px;border-top: 3px dotted  #e1e1e1;}
    }
    @media only screen and (max-width: 600px) {
    .find-user-section div.pageContent form div.required{display: block !important;}
    .find-user-section div.pageContent label{width: 100%;}
    .find-user-section .btn{margin-top: 0;}
    .travellerDetails .details table.table td, .contactDetails .details table.table td {white-space: nowrap;}
    .children  {margin-left: 0 !important;margin-top: 95px !important;}
    .compositionType {top: 0% !important;transform: translate(0px, -85px) !important;}
    .compositionType.composition-sibling {top: 0% !important;transform: translate(0px, -37px) !important;width: 100% !important;text-align: left !important;}
    .children.children-sibling {margin-top: 60px !important;}.children.children-static {margin-top: 5px !important;}
    .pageContent form .policyEditor .compositeAssertion .children::after {top: 0;transform: translate(20px, -12px) rotate(90deg);}
    .edit-policy-maintenance-sec .pageContent form .policyEditor a.removeAssertion {right: 0px;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor a.addAssertion {top: 70px;right: 7px;}
    .edit-policy-maintenance-sec div.pageContent select,
    .edit-policy-maintenance-sec .pageContent form .policyEditor .assertion .comparator select,
    .edit-policy-maintenance-sec .pageContent form .policyEditor .assertion .category select{width: 95%;}
    .pageContent form .policyEditor .constraint .enforce {display: block;}
    div.pageContent label {float: none;width: 100%;}
    .pageContent form .policyEditor .constraint .enforce span {margin-left: 5px;margin-top: 10px;}
    .assertion.atomicAssertion {margin: 20px 0px !important;}
    .pageContent form .policyEditor .compositeAssertion .atomicAssertion {padding: 3px 25px 3px 3px;}
    .constraint-flex .assertion.atomicAssertion {padding-right: 25px !important}
    .applicableWhen label{margin-left: 0px !important;}
    }
    @media only screen and (max-width: 500px) {
    body form .field {margin-bottom: 15px !important;}

    .login-page .row .col-2{display: none;}
    .login-page .row .col-5{max-width: 50%;}
    .login-page .row{justify-content: center;}
    .backtop{bottom: 35px;}
    .bg-white-radius{width: 280px !important;}
    .title-page-heading{font-size: 18px !important;font-weight: 600 !important;color: #222222 !important;display: flex;align-items: center;}
    span.noteh{margin-left: 0;margin-right: 4px;}
    form div p.stepInstructions{align-items: baseline;}
    form div.required{background-image: initial;}
    .new {background-position: left 20%;display: inline-block;margin-left: 0;}
    .accomodation-availability-section .ui-widget-header{width: 248px;}
    .pagesection-top .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 100% !important;}
    div.pageContent select{max-width: 100% !important;}
    div.pageContent textarea{max-width: 100%;}
    .radio-block label{width: initial !important;margin-right: 10px;}
    input[type="submit"], input[type="button"]{width: initial;justify-content: center;margin: 10px auto 10px;min-width: 180px;}
    div.footer{margin-top: 20px !important;}
    .add-plus{position: absolute; right: 0;top: 0;}
    .mandateLevelApprover{position: relative;}
    .deleteApprover{position: absolute;top: 0;right: 40px;}
    .intent {display: block;}
    .intent .informative, .intent .alert{width: 88px;margin-left: 0;margin-top: 10px;}
    .hours-long{max-width: 100% !important;margin-bottom: 15px;}
    .assign-member-roles label{width: 14em !important;}
    .responsive-btn .btn{margin: 0;min-width: 120px;}
    .responsive-btn{justify-content: center !important;}
    .approver-maintenace-second-sec .pageContent textarea {max-width: 100% !important;}
    .approver-maintenace-second-sec .pageContent form .policyEditor .compositeAssertion{padding: 0;}
    .approver-maintenace-second-sec .pageContent form .policyEditor .compositeAssertion .compositionType select{width: 5.5em;padding: 5px 16px 5px 10px;}
    .approver-maintenace-second-sec .compositionType .add{margin: 0 !important;}
    .approver-maintenace-second-sec .pageContent form .policyEditor .compositeAssertion .children{margin-left: 6em;margin-bottom: 6px;}
    .approver-maintenace-second-sec .pageContent form .policyEditor .assertion{padding: 3px 28px 3px 3px;}
    .approver-maintenace-second-sec .pageContent form .policyEditor .compositeAssertion{padding: 0;}
    .approver-maintenace-second-sec input[type="submit"], input[type="button"]{margin: 8px 0 0 0;}
    .approver-maintenace-second-sec .pageContent div div.toolbar{text-align: center;}
    .book-services-blk .pageContent div.serviceSummary{min-width: 100%;display: block;}
    .book-services-blk .quoteExpiry{font-size: 11px;}
    .book-services-blk input[type="submit"], input[type="button"]{min-width: 100px;}
    .book-services-blk .pageContent div.serviceSummary div.identification{width: 100%;}
    .book-services-blk .pageContent div.serviceSummary div.details{width: 100%;}
    .bus-capture-section .pageContent form div.field, div.pageContent form div.required{margin-top: 0; margin-bottom: 5px;padding-top: 0;padding-bottom: 0;}
    .car-capture-section .chosen-container{max-width: 100%;margin-bottom: 10px;}
    .car-capture-section .form-group .form-check-label{font-size: 12px;}
    .radio-flex-blk .form-check-label{font-size: 11px;}
    .currency-capture-section .hours-long{margin-bottom: 0;margin-top: 10px;}
    .currency-capture-section .hours-wrap{max-width: 100%;display: block;}
    .currency-capture-section .hours-wrap .hour{display: block;margin-left: 0 !important; margin-right: 0 !important;max-width: 100% !important;}
    .capture-hotel-section-sec .phone-wrap .table tr th{width: 50% !important;}
    .capture-transfer-section .radio-flex{display: block;}
    .change-password-section .pageContent label{width: 100%;}
    .documents-admin .btn{display: flex !important;}
    div.pageContent div.serviceSummary div.identification{width: 100%;}
    .addCostCentre  input[type="submit"], input[type="button"]{min-width: 100px;} 
    .addCostCentre .d-flex{justify-content: center !important;}
    div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan{max-width: 100% !important;}
    .bg-img-content .actions .btn{display: flex !important;justify-content: center;margin-bottom: 10px;margin-right: 0 !important;width: 100%;}
    .bg-img-content .actions{padding-right: 0 !important;padding-left: 0 !important;}
    .maintain-company-missed-savings-reason div.pageContent label{width: 100%;}
    .maintain-voucher-section .pageContent label{width: 100%;}
    .my-trip-section .customFilter{display: block !important;}
    .my-trip-section #applyFilterBtn{margin-left: 0 !important;margin-top: 10px;}
    .my-trip-section .toolbar .find{min-width: 140px;justify-content: center;}
    .my-trip-section #tabs{margin-bottom: 10px;}
    .my-trip-section .pageContent .supplierAvailabilityIndicator{margin-top: 10px !important;}
    .pageContent .supplierAvailabilityIndicator .supplierInfo{width: 100%;}
    .manage-system-role-section div.pageContent label{min-width: 100%;}
    .manage-system-role-section div.pageContent textarea{width: 100%;}
    .modify-supplier-details-section .pageContent label{width: 100%;}
    .modify-supplier-details-section div.pageContent textarea{max-width: 100%;width: 100%;}
    .modify-supplier-details-section .responsive-flex label{width: 60px;}
    .modify-supplier-details-section .inlineMap{margin: 20px 0;}
    .modify-supplier-details-section .pictures .pic{width: 100%;margin-right: 0 !important;}
    .modify-supplier-details-section .bookingEnginesEditor div.bookingEngine label{width: 100%;}
    .modify-supplier-details-section .bookingEngine{display: block;}
    .modify-supplier-details-section .bookingEngine .rounded-btn{margin-left: 0 !important;}
    div.pageContent textarea{width: 100%;}
    .override-approval-request-section .pagesection-top .container .col-md-12 .pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 100% !important;}
    .override-approval-request-section .pageContent{min-height: 0;}
    .override-approval-request-section .actions{overflow: auto;}
    .reconciliatio-tool .w-25{max-width: 100%;margin-bottom: 0;}
    .reports-sections div.pageContent label{width: 7em;}
    .request-transfer-section .hour{margin-bottom: 10px;}
    .request-transfer-section .radio-flex{display: block;}
    .add-notes-section .actions .btn{margin-top: 5px; margin-bottom: 5px;}
    .view-transfer-reservation-section .costBreakDown{margin-top: 10px;}
    .modal{padding-right: 0px !important;}
    .modal .modal-dialog .modal-content .modal-body .btn{min-width: 200px;margin: 3px 0;}
    body{padding-right: 0;}
    .request-travel .form-check-label{margin-right: 0;}
    .request-travel div.pageContent form div.radio-flex{display:  block !important;}
    .request-travel div.pageContent select.hour, div.pageContent select.minute, div.pageContent select.timeSpan{max-width: 100%;}
    .request-travel div.pageContent label{width: initial;margin-right: 10px;}
    .request-travel .accommodations .form-group .radio-flex{display: flex !important;}
    .slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all, .ui-slider-range{width: 17em !important;}
    .request-travel div.pageContent div.toolbar{display: flex;padding: 0;justify-content: flex-end;margin-top: 10px;}
    .request-travel div.pageContent div.toolbar .btn{margin: 0 5px;}
    .request-travel .other .toolbar{margin-bottom: 10px;}
    .request-travel .actions .btn{margin: 5px 0;}
    .service-categorisation-section .field input[type="number"]{max-width: 100% !important;}
    .service-categorisation-section .incude-sector-input .toolbar{margin-top: 10px;width: 100%;}
    .nested-selector{min-width: 100%;}
    .service-categorisation-section .nested-selector .nested-div label{width: 57px !important;float: left;}
    .service-categorisation-section .field input[type="number"]{width: 100% !important;}
    div.serviceSummary div.hotelDetails{float: initial;}
    .view-audti-section .col{width: 50%;}
    div.modal fieldset legend{font-size: 13px;}
    .approvalStatus{font-size: 11px;}
    .evaluationHistory .evaluationEvent{padding: 0;}
    .evaluationHistory .evaluationEvent .occurredAt{float: initial;margin-bottom: 10px;display: inline-block;}
    .evaluationEvent .details{padding-left: 0;}
    .modal .modal-dialog .modal-content .modal-body .btn{margin: 10px auto 0;}
    .view-audti-section .toolbar{display: flex; justify-content: center;}
    .vehicle-availability-section .chosen-container{max-width: 100%;} 
    .vehicle-availability-section .chosen-drop{margin-top: 10px;}
    .vehicle-availability-section div.pageContent h2{margin: 0;padding: 0;}
    .vehicle-availability-section .col-md-10 .actions .btn{margin: 20px auto 20px !important;}
    .trip-detail-section .col-md-10 table tr{display: flex;flex-wrap: wrap;}
    .trip-detail-section .tripItinHeader td.keyInfo{width: 100%;padding: 0;}
    .trip-detail-section .tripItinHeader td.notesDocs{width: 100%;padding: 0;}
    .trip-detail-section div.toolbar span{text-align: center;}
    .trip-detail-section .services .flights, .trip-detail-section .services .accommodations, .trip-detail-section .services .cars, .trip-detail-section .services .transfers, .trip-detail-section .services .parkings, .trip-detail-section .services .railServices, .trip-detail-section .services .fees, .trip-detail-section .services .other{padding: 10px !important;}
    .trip-detail-section div.services div.service-fees-i h2{padding: 10px 0 10px 50px;}
    .trip-detail-section div.services div.parkings h2, div.services div.railServices h2, div.services div.fees h2, div.services div.other h2, div.services div.service-fees-i h2, div.services div.currencyProvisionings h2{margin: 0;}
    .request-quotes-blk .row .col-md-2:last-child .actions .btn{margin: 0 auto;}
    .request-quotes-blk .pageContent .actions .next{width: 100px;}
    .find-user-section .pageContent input[type="submit"], input[type="button"]{display: flex !important;width: 100%;}
    .header .justify-content-end{margin-top: 10px;}
    .assign-member-roles div.pageContent label{float: left;}
    .add-approval-group-choose-company div.pageContent {min-height: calc(100vh - 270px);}
    .contact-us-section div.pageContent{min-height: calc(100vh - 270px);}
    .change-password-section div.pageContent{min-height: calc(100vh - 270px);}
    .documents-admin div.pageContent{min-height: calc(100vh - 270px);}
    .addCostCentre div.pageContent {min-height: calc(100vh - 270px);}
    .addCostCentre div.pageContent {min-height: calc(100vh - 270px);}
    .fee-types-maintain-choose-company-section div.pageContent {min-height: calc(100vh - 270px);}
    .find-user-section div.pageContent {min-height: calc(100vh - 270px);}
    .event-type-maintain-sec div.pageContent {min-height: calc(100vh - 270px);}
    .modify-supplier-details-section div.pageContent div.toolbar{padding: 0;display: block !important;}
    .modify-supplier-details-section fieldset.bookingEnginesEditor div.toolbar select.bookingEnginesAvailable{width: 100%;margin-bottom: 10px;}
    .modify-supplier-details-section div.pageContent div.toolbar .btn{max-width: 80px;margin-left: 0 !important;}
    .pageContent .modal .modal-dialog .modal-content .modal-body .btn{min-width: 180px !important;display: flex;}
    .override-approval-request-section div.pageContent form>div.actions{display: flex;}
    .edit-policy-maintenance-sec .pageContent form .policyEditor .compositeAssertion .compositionType a.add{margin-left: 0;}
    .edit-policy-maintenance-sec div.pageContent #governsSelector{width: 100%;}
    .service-categorisation-section div.pageContent form fieldset{padding: 5px 13px 10px;}
    .service-categorisation-section .row .col-md-6{width: 100%;}
    .service-categorisation-section .row{margin-bottom: 0;}
    .service-categorisation-section .nested-div input[type="number"]{max-width: 105px !important;}
    .service-categorisation-section div.pageContent .incude-sector-input select{max-width: 100% !important;}
    .update-profile-blk div.pageContent form div.required{display: block !important;}
    .update-profile-blk .ms-2, .mx-2{margin-left: 0 !important;}
    form .form-group{margin-bottom: 10px;}
    .update-profile-blk div.pageContent select{max-width: 100% !important;}
    .update-profile-blk div.pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"]{max-width: 100% !important;}
    .update-profile-blk div.pageContent form div.radio-flex{display: flex !important;}
    .update-profile-blk div.pageContent form div.radio-flex label{width: initial;margin-right: 10px;}
    .update-profile-blk div.pageContent form div.radio-flex input[type=radio]{margin-right: 5px;}
    .update-profile-blk  div.pageContent form div.form-group .field{display: block !important;margin: 0;padding: 0;}
    .update-profile-blk #documents .d-flex{display: block !important;}
    .update-profile-blk #documents .d-flex .add{margin-top: 10px;display: block !important;max-width: 61px;}
    .update-profile-blk div.pageContent div.toolbar{padding: 0;margin-bottom: 10px !important;display: block !important;}
    .update-profile-blk  fieldset.driversLicenceEditor div.toolbar select.countriesAvailable{width: 100%;margin-bottom: 10px;}
    .update-profile-blk  fieldset.driversLicenceEditor div.toolbar .btn{max-width: 70px;}
    div.pageContent fieldset legend, div.modal fieldset legend{font-size: 13px;}
    .update-profile-blk .col-md-10 .actions .btn{width: initial;justify-content: center;margin: 5px auto 5px;min-width: 180px;}
    .update-profile-blk  div.pageContent label{width: 100%;}
    .update-profile-blk fieldset.passportsEditor div.toolbar select.countriesAvailable{width: 100%;}
    .update-profile-blk div.toolbar a.add{margin-top: 10px;display: block !important;max-width: 61px;}
    .update-profile-blk  fieldset.visasEditor div.toolbar select.countriesAvailable{width: 100%;}
    .update-profile-blk fieldset.loyaltyProgramsEditor div.toolbar select.loyaltyProgramsAvailable{width: 100%;}
    .update-profile-blk .notesView .subjectNote .actions{text-align: left;}
    .update-profile-blk div.pageContent div div.toolbar{text-align: left;}
    .update-profile-blk .title-page-heading{font-size: 14px !important;}
    #mobile-menu .mob-navbar.open{width: 100%;}
    #mobile-menu .mob-navbar{width: 100%;}
    #mobile-menu .menu-trigger.open{right: 0;left: inherit;}
    .add-approval-group-maintenance div.pageContent {min-height: calc(100vh - 183px);}
    .add-cost-centre div.pageContent {min-height: calc(100vh - 183px);}
    .add-notes-section div.pageContent {min-height: calc(100vh - 183px);}
    .maintainNotes h1, .subjectUri {text-align: center !important;}
    .approver-maintenance-first-sec div.pageContent {min-height: calc(100vh - 183px);}
    .approver-maintenace-second-sec .pageContent select{max-width: 100% !important;}
    .assign-member-roles .field{margin: 0% !important;}
    .change-password-section div.pageContent {min-height: calc(100vh - 183px);}
    .contact-us-section div.pageContent {min-height: calc(100vh - 183px);}
    .find-user-section .btn{margin-top: 10px;margin-left: 0 !important;}
    .capture-line-items div.pageContent label{width: 100%;}
    .capture-line-items .pageContent div.documents{margin: 0 7px;}
    .maintain-company-missed-savings-reason .pageContent form div.field, div.pageContent form div.required{margin: 0 !important;padding: 0 !important; margin-bottom: 15px !important;}
    .maintain-missed-savings-Reasons-blk div.pageContent label{width: 100%;}
    .offline-hotel-modify div.pageContent form div.required{margin-bottom: 10px !important;}
    .offline-car-modify-section div.pageContent form div.field{margin: 0;padding: 0;}
    .offline-transfer-section div.pageContent form div.field{margin: 0;padding: 0;}
    .offline-transfer-section div.pageContent form div.required, div.pageContent form div.field{margin: 0px 0 15px 0 !important;    padding: 0px;}
    .override-approval-request-section div.pageContent form div.field{margin: 0;padding: 0;}
    .request-travel div.pageContent form div.field{margin: 0;padding: 0;}
    .vehicle-availability-section div.pageContent form div.field{margin: 0;padding: 0;}
    .add-cost-centre div.pageContent form div.field{margin: 0;padding: 0;}
    .add-stored-card-result-sec div.pageContent form div.field{margin: 0;padding: 0;}
    .approver-maintenace-second-sec div.pageContent form div.field{margin: 0;padding: 0;}
    .bus-capture-section div.pageContent form div.field{margin: 0;padding: 0;}
    .car-capture-section div.pageContent form div.field{margin: 0;padding: 0;}
    .currency-capture-section div.pageContent form div.field{margin: 0;padding: 0;}
    .currency-capture-section form h4{margin-top: 10px;}
    .capture-flight-section div.pageContent form div.field{margin: 0;padding: 0;}
    .capture-transfer-section div.pageContent form div.field{margin: 0;padding: 0;}
    .addCostCentre div.pageContent form div.field{margin: 0;padding: 0;}
    .find-trip-section div.pageContent form div.field{margin: 0;padding: 0;}
    .flight-availability-section div.pageContent form div.field{margin: 0;padding: 0;}
    .request-transfer-section div.pageContent form div.field{margin: 0;padding: 0;}
    .trip-detail-section .col-md-10 div.pageContent div div.toolbar span{padding: 0;margin-top: 7px;margin-left: 5px;}
    .update-trip-section div.pageContent form div.field{margin: 0;padding: 0;}
    .modify-supplier-details-section div.pageContent form div.field{margin-right: 0 !important;padding: 0 !important; margin-left: 0!important;     margin-top: 10px !important;}
    .approver-maintenace-second-sec .pageContent form .policyEditor label{margin-left: 0;}
    .approver-maintenance-confirm-policy-update-section label{margin-bottom: 0;}
    .pageContent .noNotes h2{font-size: 13px;}
    .edit-policy-maintenance-sec .title-page-heading{display: block;}
    .edit-policy-maintenance-sec .enforce label{margin-right: 10px !important;}
    .service-categorisation-section .incude-sector-input {display: block;}
    .capture-hotel-section-sec div.pageContent form div.field{margin: 0;padding: 0;}
    div.bookingResult{margin: 10px 0 20px 0;}
    .offline-hotel-modify div.pageContent form div.field{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}
    .edit-policy-maintenance-sec div.pageContent form div.field{margin: 0;padding: 0;}
    div.pageContent form fieldset{margin-top: 30px;}
    .priceFilters #priceRangeSlider{width: 100%;}
    .toolBox div.ui-slider-range{width: 100% !important;}
    .trip-detail-section .tripItinHeader .keyInfo .travellerSummary, .tripItinHeader .keyInfo .requesterSummary{padding: 0px 0px;}
    .trip-detail-section .tripItinHeader td.keyInfo .col-md-6{padding-right: 15px;padding-left: 15px;}
    .trip-detail-section .toolbar-block {display: block !important;width: 100%;}
    .trip-detail-section .toolbar-block .btn{justify-content: center;}
    .openSidebar {width: 100% !important;min-width: 100% !important;transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
    div.pageContent input[type="text"], div.pageContent input[type="password"], div.pageContent input[type="file"], .dialog input[type="text"], div.pageContent input[type="number"] {max-width: 100% !important;}
    .assertion.atomicAssertion {border: 1px solid #2ab1e9 !important;margin: 10px 0px !important;}
    .radio-flex-blk {margin-bottom: 10px;}
    .travellinck  td {white-space: nowrap;}
    .departureTime.hour {margin-bottom: 10px;}
    .link-text a {display: block;margin: 15px 0px;}
    .vehicle-availability-section div.pageContent .float-align  select.hour, .vehicle-availability-section div.pageContent .float-align  select.minute{max-width: 100% !important;}
    .vehicle-availability-section div.pageContent .float-align  input{max-width: 100% !important;}
    .requiredServices.requiredServicesSummary a {display: inline-block !important; margin: 15px 0px;}
    .filter-icon {bottom: 90px;}
    }
    @media only screen and (max-width: 360px) {
    .trip-detail-section .col-md-10 div.pageContent div div.toolbar{max-width: 180px;margin:  0 auto;}
    .trip-detail-section .col-md-10 div.pageContent div div.toolbar span{width: 100%;}
    }