/** Media Query **/
@media(max-width:1024px){
    .insideTable .dataTables_length {
        width: 25%;       
    }
    .customtool {
        width: 75%;        
    }
    .fileDesign {     
        width: 49%;
    }
    .filterBottom {        
        top: 0;
        height: auto;
        margin-top: 10px;
        left: 6px;
    }
    table.innerTable{
        overflow-y: auto;        
    }
    .boxAdvanceSearch {        
        width: 60%;
       right: -60%;
    }
    .boxAdvanceSearch.boxASVisible {
        right: 0;
    }
}
/** End ipad **/
@media(max-width:767px){
    .insideTable .dataTables_length {
        width: 100%;       
    }
    .customtool {
        width: 100%;        
    }      
    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-items: start!important;
        width: 100%;
        flex-direction: column;
        padding-right: 0!important;
        border-bottom: 1px solid transparent!important;
    }   
    .sm-w-25{width:25% !important}
    .sm-w-50{width:50% !important}
    .sm-w-100{width:100% !important}
    .themeFileInput .bgEAEBEF-200-150 {
        margin-right: auto;
    }
    .custom-search input.form-control {        
        height: 40px;
        width: 100px;
    }
    .fileDesign {
        width: 100%;
    }
    .boxAdvanceSearch.deskCustom {
        position: fixed;
        width: 33.333%;
        top: 65px;
        background-color: #fff;
        z-index: 9;
        height: 100%;
        right: -33.333%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 1px solid #EAEBEF;
        box-sizing: border-box;
        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);
    }

    .deskCustom.boxAdvanceSearch.boxASVisible {
        right: 15px;
        width: 80%;
    }

    .deskCustom .filterTitlee {
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 40px;
        background-color: #363636;
    }    

    .deskCustom .has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
        bottom: 0;
    }

    .deskCustom .has-float-label input.form-control+.invalid, .deskCustom .has-float-label input.form-control+.error {
        bottom: 0;
    }
    .hgtcalc65{
        height:calc(100vh - 65px) !important;
    }
    .xs-hgt-420{height: 420px !important;}
    .toast.toastBox {
        right: 0px !important;
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .custable-mob{       
        width:88vw;
        overflow-y: auto;
    }
    .deskCustom.bgTrans{      
        background: #fff !important;
    }
    .mobClose{
        color:#fff;
        font-size: 16px;
    }
    .deskCustom .filterTitle2 {
        align-items: center;
        justify-content: space-between;
        width: 100%;      
        height: 40px;
        background-color: #363636;
    }
    .sidepanelHgt {
        height: calc(100vh - 65px) !important;
    }
    .deskMargin {
        margin-left: 0px;
    }
    .filterBottom {        
        margin-top:0px;
        left: 0;
    }
    .lotlistOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li:last-child  span.dtr-data{
        white-space: inherit;
    }
    .wcus-tbl{
        width:70px !important;
    }
    .boxAdvanceSearch {        
        width: 80%;
       right: -80%;
    }
    .boxAdvanceSearch.boxASVisible {
        right: 0;
    }
    /** End mobile **/
     
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
 .iph5-hide{display: none !important;}
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) {
    .filterBottom {       
        top: 0;
        height: auto;
    }
  /*   .boxAdvanceSearch {        
        width: 45%;
       right: -45%;
    }
    .boxAdvanceSearch.boxASVisible {
        right: 0;
    } */
    
}
@media(min-width:768px){
    .has-float-label.px2Label .form-control:placeholder-shown:not(:focus)+* {        
        left: 17px !important;       
    }
    .has-float-label.px2Label label, .has-float-label.px2Label>span{
        left: 17px !important;    
    }
}