

@media only screen and (max-width: 600px) {
    .snebolsearch .div1 .grid-container .grid3 .btn-blue{ width:100%;}
    .snebolsearch .div1 .grid-container .grid3 .btn-black{ width:100%;}
    .snebolsearch .div1 .grid-container .grid2 .inputText{width:100%;}
    .soashipperref .div1 .grid-container .grid3 .btn-blue {width:100%;}
    .soashipperref .div1 .grid-container .grid3 .btn-black {width:100%;}
    .soashipperref .div1 .grid-container .grid2 .inputText {width:100%;}

    /*AIM */
    .part-history .grid-container .grid3 .btn-blue{width:100%}
    .part-history .grid-container .grid3 .btn-black{width:100%}
    .part-history .grid-container .grid2 .inputText { width:100%;}
    .part-history{margin:10px;margin-top:30px;}
    .part-history .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .part-history .grid-container .grid1{text-align: start;align-self: auto;}

    .pending-suggestion .div1 .grid-container .grid3 .btn-blue{width:100%}
    .pending-suggestion .div1 .grid-container .grid3 .btn-black{width:100%}
    .pending-suggestion .div1 .grid-container .grid2 .inputDate{width:100%}

    .aim-feedback .aim-feedbackBtns .btn-blue{margin:15px;width:100%;}
    .aim-feedback .aim-feedbackBtns .btn-black{margin:15px;width:100%;}
    .aim-feedback .textarea{width:98%;}
    .aim-feedback{ margin:20px; }
    .aim-feedbackBtns{justify-content: center;}

    .aimReturnEntry .table .inputText{width:90%;}
    .aimReturnEntry .btn-blue{width:50%;}
    .aimReturnEntry .table {display: block;overflow: auto;}

    /*Parts Invoices*/
    .ackbyref .grid-container .grid3 .btn-blue{width:100%;}
    .ackbyref .grid-container .grid3 .btn-black{width:100%;}
    .ackbyref .grid-container .grid2 .inputText {width:100%;}
    .ackbyref{margin:10px;margin-top:30px;}
    .ackbyref .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .ackbyref .grid-container .grid1{text-align: start;align-self: auto;margin-top:0px;}

    .invoiceFinder .grid-container .grid3 .btn-blue {width: 100%;}
    .invoiceFinder .grid-container .grid3 .btn-black {width: 100%;}
    .invoiceFinder .grid-container .grid2 .inputText {width: 100%;}
    .invoiceFinder {margin: 10px;margin-top: 30px;}
    .invoiceFinder .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width: 100%;}
    .invoiceFinder .grid-container .grid1{text-align: start;align-self: auto;}

    .partByInvoice .grid-container .grid3 .btn-blue{width:100%;}
    .partByInvoice .grid-container .grid3 .btn-black{width:100%;}
    .partByInvoice .grid-container .grid2 .inputText{width:100%;}
    .partByInvoice{margin:10px;margin-top:30px;}
    .partByInvoice .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .partByInvoice .grid-container .grid1{ text-align: start;align-self: auto;}
   

    .genericInvoice .genInvoice-grid{grid-template-columns: repeat(1, minmax(0, 1fr));margin:10px;grid-row-gap: 10px;}
    .genericInvoice .genInvoice-grid .genInvoice-grid1{text-align: center;}
    .genericInvoice .genInvoice-table1{float: left;}
    .genericInvoice .genInvoice-table2{float: left;}
    .genericInvoice .genInvoice-table3 {display: block;overflow-x: auto;}

    .partInvoice .invoice-grid{grid-template-columns: repeat(1, minmax(0, 1fr));margin:10px;grid-row-gap: 10px;}
    .partInvoice .invoice-grid .grid1{text-align: center;}
    .partInvoice .invoice-table1{float: left;}
    .partInvoice .invoice-table2{float: left;}
    .partInvoice .invoice-table3 { display: block;overflow-x: auto;}

    /*References*/
    .accrual .grid-container .grid2 .select{width:100%;}
    .accrual .grid-container .grid3 .btn-blue{width:100%;}
    .partBulletin .bulletin-table1 .btn-blue{width:100%; }
    .partBulletin .bulletin-table1 .bulletinViewallBtn{width:100%;}
    .partBulletin .bulletin-table1 .inputText{width:100%;}

    /*Others*/
    .backOrderStatusHeader .btn-align-locator .btn-blue {width: 50%;margin:10px;}
    .backorderStatusFooter .btn-blue {width: 50%; }
    .billingInquiry .billingselect{width:100%;}
    .billingInquiry .table-billing .inputText{width:98%;}
    .billingInquiry .table-billing .select{width:99%;}
    .billingInquiry .table-billing .textarea{width:99%;}
    .billingInquiry .btn-blue{width:50%;}
    .billingInquiry .btn-black{width:50%;}
    .massPartInquiry .massPartDiv .btn-blue{width:50%;}
    .massPartInquiry .massPartDiv .btn-black{width:50%;}
    
    .onHandInquiry .btn-blue {	width:45%;margin:10px;}
    .onHandInquiry .btn-black{	width:45%;margin:10px;}
    .onHandInquiry .inputText{width:150px;}
    .onHandInquiry .onhand-table {display: block;overflow: auto;}
    
    .partDetails .grid .grid2 .inputText{width: 100%;}
    .partDetails .grid .grid3 .btn-blue{width: 100%; }
    .partDetails .inquiryBtn .btn-blue{width:100%;}

    /*Print/Reports*/
    .paymentHistory .grid-container .grid3 .btn-blue{width:100%;}
    .paymentHistory .grid-container .grid3 .btn-black{width:100%;}
    .paymentHistory .grid-container .grid2 .inputText {width:100%;}
    .paymentHistory{margin: 10px;align-self: auto;}
    .paymentHistory .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .paymentHistory .grid-container .grid1{text-align: start;margin-top:0px;}
  

    /*Misc*/
    .partReturn .grid .grid3 .btn-blue{width:100%;}
    .partReturn .grid .grid2 .inputText{width:100%;}

    /*PartOrdering*/
    .partOrder .partflex .flex1 .flex .left .inputText{ width:100%; }
    .partOrder .partflex .flex1 .flex .left .grid2 .btn-blue{ width:100%;height:35px}
    .partOrder .partflex .flex1 .flex .right .btn-blue{margin:10px auto;width:100%;}
    /*.partOrder .partflex .flex1 .flex .right .btn-black{margin:10px auto;width:100%;}*/
    .partOrder .partflex .flex1 .flex .inputText{width:100%; }
    .partOrder .partflex .clear-btns .btn-blue{margin:10px;width:45%;}
    .partOrder .partflex .clear-btns .btn-black{margin:10px;width:45%;}
    .partOrder .partflex .table-striped .inputText{width:45%;}
    .partOrder .bulk .btn-blue{width:45%;}
    .partOrder .bulk .btn-black{width:45%;}



    /* Sales Vehicle*/
    .vehicleInvoice .showInvoiceBtn .btn-blue{width:75%; }

    .vehicleLocatorFooter .btn-blue {width: 50%;}

    .vehicleLocator .locator2-grid{width:90%; grid-template-columns:repeat(1, minmax(0, 1fr));}
    .vehicleLocator .select{width: 100%;}
    .vehicleLocator .locator2-grid .btn-blue{width:100%}

    .vehicleLocatorHeader .btn-align-locator{justify-content: center;}
    .vehicleLocatorHeader .btn-align-locator .btn-blue {width: 50%;}

    .vehicleInquiry .grid-container .grid3 .btn-blue{width:100%;}
    .vehicleInquiry .grid-container .grid3 .btn-black{width:100%;}
    .vehicleInquiry .grid-container .grid2 .inputText {width:100%;}
    .vehicleInquiry{margin:10px;margin-top:30px;}
    .vehicleInquiry .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .vehicleInquiry .grid-container .grid1{text-align: start; margin-top:0px;}

    .outWithinRegion #getvin .grid-container .grid2 .inputText{width:100%;}
    .outWithinRegion #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .outWithinRegion #showvin .flex-container .inputText{width:100%;;}
    .outWithinRegion #showvin .showvinBtn .btn-blue{width:100%;}
    .outWithinRegion #showvin .showvinBtn .btn-black{width:100%;}
    .outWithinRegion #getvin,.outWithinRegion #showvin {margin:10px; margin-top: 30px;}
    .outWithinRegion #showresult{margin:10px;margin-top: 30px;float:none}
    .outWithinRegion #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%}
    .outWithinRegion #getvin .grid-container .grid1{text-align: left;margin-top:5px;}
    .outWithinRegion #getvin .grid-container .grid2{grid-column: auto;}
    .outWithinRegion #getvin .grid-container .grid3{grid-column: auto;}
    .outWithinRegion #showvin .flex-container{flex-direction: column;}
    .outWithinRegion #showvin .flex-container label{align-self: auto;}
    .outWithinRegion #showvin .group-table .table {margin:10px;padding-right:0px;}
    .outWithinRegion #showvin .group-table .table th,.outWithinRegion #showvin .group-table .table td{padding:5px;text-align: left;border-bottom: 2px solid lightgrey;}
    .outWithinRegion #showvin .showvinBtn{display: flex;justify-content: center;}
    .outWithinRegion #showvin .group-table{display:grid;grid-template-columns:auto ;}
    .outWithinRegion #showresult .showvinBtn .btn-blue{width:95%;}

    .inWithinRegion #getvin,.inWithinRegion #showvin,.inWithinRegion #showresult{ margin:10px;margin-top:30px;}
    .inWithinRegion #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .inWithinRegion #getvin .grid-container .grid1{text-align: left;margin-top:5px;}
    .inWithinRegion #getvin .grid-container .grid2{grid-column: auto;}
    .inWithinRegion #getvin .grid-container .grid3{grid-column: auto;}
    .inWithinRegion #getvin .grid-container .grid2 .inputText{width:100%;}
    .inWithinRegion #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .inWithinRegion #showvin .table{  margin:10px}
    .inWithinRegion #showvin .table th, .inWithinRegion #showvin .table td{padding:5px;text-align: left;}
    .inWithinRegion #showvin .showvinBtn{display: flex;justify-content: center;}
    .inWithinRegion #showvin .showvinBtn .btn-blue{width:100%;}
    .inWithinRegion #showvin .showvinBtn .btn-black{width:100%;}
    .inWithinRegion #showresult .showvinBtn .btn-blue{width:95%;}

    .inOutOfRegion #getvin, .inOutOfRegion #showvin,.inOutOfRegion #showresult{margin:15px;margin-top:30px;}
    .inOutOfRegion #getvin .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;grid-row-gap: 15px;}
    .inOutOfRegion #getvin .grid-container .grid1{grid-column: span 1;align-self: auto; }
    .inOutOfRegion #getvin .grid-container .grid2{grid-column:auto ;}
    .inOutOfRegion #getvin .grid-container .grid3{grid-column: auto;}
    .inOutOfRegion #getvin .grid-container .grid2 .inputText{width:100%;}
    .inOutOfRegion #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .inOutOfRegion #showvin .table{margin:10px;}
    .inOutOfRegion #showvin .table th,.inOutOfRegion #showvin .table td{padding:5px;}
    .inOutOfRegion #showvin .showvinBtn .btn-blue{width:50%;;margin:10px}
    .inOutOfRegion #showvin .showvinBtn .btn-black{width:50%;;margin:10px}
    .inOutOfRegion #showvin .showvinBtn{display: flex;justify-content: center;}
    .inOutOfRegion #showresult .showvinBtn .btn-blue{width:95%}

    .demoReg #showVec,.demoReg #showresult{margin:10px;margin-top:30px;}
    .demoReg #showVec .grid-container{grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;}
    .demoReg #showVec .grid-container .grid1{grid-column: span 1;align-self: auto; }
    .demoReg #showVec .grid-container .grid2{grid-column: span 1;}
    .demoReg #showVec .grid-container .grid3{grid-column: span 1;align-self: auto;}
    .demoReg #showVec .grid-container .grid2 .inputText{width:100%;}
    .demoReg #showVec .grid-container .grid2 .inputDate{width:100%;}
    .demoReg #showVec .grid-container .grid3 .btn-blue{width:100%;}
    .demoReg #showVec .group-table{display:grid;grid-template-columns:auto ;}
    .demoReg #showVec .group-table .table{margin:10px;border-spacing: 0;}
    .demoReg #showVec .group-table .table th,.demoReg #showVec .group-table .table td{padding:5px;text-align: left;border-bottom: 2px solid lightgrey;}
    .demoReg #showVec .showvecBtn{display: flex;justify-content: center;}
    .demoReg #showVec .showvecBtn .btn-blue{width:50%;}
    .demoReg #showVec .showvecBtn .btn-black{width:50%;}
    .demoReg #showresult .showvecBtn .btn-blue{width:90%;}

    .cancelSale #getvin,.cancelSale #showvin,.cancelSale #showresult{margin:10px;margin-top: 30px;}
    .cancelSale #getvin .grid-container{ grid-template-columns: repeat(1, minmax(0, 1fr));width:100%;grid-gap:10px;}
    .cancelSale #getvin .grid-container .grid1{grid-column: span 1;margin-top:none;text-align:left}
    .cancelSale #getvin .grid-container .grid2{grid-column: span 1;}
    .cancelSale #getvin .grid-container .grid3{grid-column: span 1;}
    .cancelSale #getvin .grid-container .grid2 .inputText{width:100%;}
    .cancelSale #getvin .grid-container .grid3 .btn-blue{width:100%;}
    .cancelSale #getvin .grid-container .grid2 #msgrtn{margin-top:5px;display:block;color:red;font-weight: bold;}   
    .cancelSale #showvin .table{ margin:10px;border-spacing: 0;}
    .cancelSale #showvin .table th, .cancelSale #showvin .table td{padding:10px;text-align: left;border-bottom: 2px solid lightgrey;}
    .cancelSale #showvin .reason-textarea{margin-left:10px}
    .cancelSale #showvin .textarea{width:97%}
    .cancelSale #showvin .showvinBtn{display: flex;justify-content: center;}
    .cancelSale #showvin .showvinBtn .btn-blue{width:50%;;margin:10px}
    .cancelSale #showvin .showvinBtn .btn-black{width:50%;;margin:10px}

    #VehicleSale .btn-blue{width:50%;}


    /*Report*/
    #ReportGrid.OutbackReport tr td{padding:5px 0px}
    #ReportGrid .datatable-grid .datatable-flex .datatable-flexselect .select{width: 90%;}
    #ReportGrid .datatable-grid{ grid-template-columns:auto auto ;}
    #ReportGrid .datatable-grid .datatable-flex{flex-direction:column}
    #ReportGrid .datatable-grid .datatable-flex .datatable-flexselect{align-self: auto;}
    #ReportGrid .datatable-grid .datatable-flex .datatable-optionTitle{align-self: auto;text-align:left}
    #ReportGrid .edit-popup{left:0%}
    /*#ReportGrid .ReportOptions .datatable-list{float:none; margin-left: -40px}*/
    #ReportGrid .ReportOptions ul.background-grey{flex-direction: column;}

    /*Slider*/
    .userFeedback .feedback-table .flex-container .flexCol1 .btn-blue{width:75px;}




}