#searchWrapperSm input[type=text] {
    padding: 6px;
    margin-top: 8px;
    font-size: 17px;
    border: none;
    border-radius: 5px !important;
    height: 35px !important;  
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#searchWrapperSm button {
    float: right;
    padding: 5px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
    border-radius: 5px !important;
    height: 35px !important;  
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;  
}

#searchWrapperSm button img{
    height:23px;
    top:-5px;
}

#searchWrapperSm button:hover {
background: #ccc;
}

.btn-searchsm{
    width: 200px !important;
    height: 60px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block; 
    font-size:21px;   
}

#headerFocusDetailWrapper{
    display:none;
}

@media only screen and (max-width: 768px) {

    #searchWrapper{
        display:none !important;
    }

    #topBtnRefresh{
        display:none !important;
    }

    #exportToExcelBtn{
        display:none !important;
    }

    #searchWrapperSm{
        display:none !important;
    }

    #menuWrapper{
        display:none !important;
    }

    #SmartLinksWrapper{
        display:none !important;
    }

    #logoutLi{
        margin-top:50px;
    }


    
}
@media only screen and (min-width: 1024px) {
    #topBtnRefresh{
        display:block !important;
    }

    #exportToExcelBtn{
        display:inline-block !important;
    }

    #searchWrapperSm{
        display:none !important;
    }    
    #searchWrapper{
        display:none !important;
    }        
    #logoutLi{
        display:none;
    }
}

@media only screen and (min-width: 1060px) {
    #searchWrapperSm{
        display:block !important;
    }  
}

@media only screen and (min-width: 769px) and (max-width: 1023px) { 

    #topBtnRefresh{
        display:none !important;
    }

    #exportToExcelBtn{
        display:none !important;
    }

    #searchWrapper{
        display:none !important;
    }

    #menuWrapper{
        display:none !important;
    }    

    #SmartLinksWrapper{
        display:none !important;
    }

    
    /*Sm Size Search*/
    #searchWrapperSm{
        display:none !important;
    }

 
    /**/
}

@media only screen and (min-width: 1280px) {

    #searchWrapper{
        display:block !important;
    }
    #searchWrapperSm{
        display:none !important;
    }
    #singleWrapper {
        width: 70% !important;
    }   
    
    #headerFocusDetailWrapper{
        display:flex;
    }
    
}

@media only screen and (min-width: 1400px){
    #ulEditWrapper .column-left label {
        width: 180px !important;
    }
    #ulEditWrapper .column-right {
        width: calc(100% - 180px) !important;
    }    
}


#gridSuppliers .k-header .k-checkbox-label:before {
    top:5px;
}

.k-header .k-checkbox-label:before {
    border-color: #666;
    background: #fff;
    border-radius: 1px;
    top:0px;
}

