.buttonGroup {
    float: left;
}

.col2, .col5 {
    width: 85px;
}


/*hides recent transactions tab*/
body {
    min-width: 400px;
}


@media screen and (max-width:550px) {

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
        left: unset !important;
        width: 98% !important;
    }
    /*Makes all buttons 47.5% width*/
    button.button.buttonWhite {
        width: 47.5%;
    }

    /*Specifies certain buttons to be 48% width - note that the Print room nuttons have individual IDs compared to their equivalent buttons on other tabs*/
    #selectAllBtn, #deselectAllBtn, #printBtn, #delBtn, #selectAllBtnPR, #deselectAllBtnPR, #printBtnPR, #delBtnPR, #configurePrintRoomJobBtn {
        width: 48%;
    }
    /*Specifies certain buttons to be 98% width*/
    #changeSettingsBtn, div.k-widget.k-upload > div > div, button.btnDefaultJobAttr.button.buttonWhite, button#btnEmailJobAttr.button.buttonWhite, input#emailAddress {
        width: 98% !important;
    }

    div.k-button.k-upload-button {
        height: 30px;
        padding: 6px 7px 6px 4px !important;
    }

    div.k-widget.k-upload > div > div {
        width: 98%;
        border: none;
    }

    div.k-widget.k-upload > div {
        height: 30px;
    }

    #logoImage {
        display: none;
    }

    .buttonGroup {
        float: none;
    }

    .col2, .col5 {
        width: 40px;
    }
    /*hides the drop files here section for mobile display*/
    div.k-dropzone {
        border: none;
    }

        div.k-dropzone em {
            display: none;
        }

    #tab2 > ul > li:nth-child(2) {
        display: none;
    }

    .width30 {
    width:0px;
    }
    #productsBar {
        height: auto;
    }
}