.buttonGroup {
    float: left;
}

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


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


.mobileViewGrid {
	display: none;
}

.casualUserHeader td {
	width: 33%
}

img {
	max-width: 100%;
	height: auto
}

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

	body {
		min-width: 300px;
	}

	.casualUserHeader td {
		width: auto
	}


	.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, #selectAllBtnPR, #deselectAllBtnPR, #printBtnPR, #delBtnPR, #configurePrintRoomJobBtn {
		width: 48%;
	}
	/*Specifies certain buttons to be 98% width*/
	#changeSettingsBtn, #payBtn, #previewBtn, #priceBtn, #payBtn, #printBtn, #delBtn, #previewBtn2, #priceBtn2, #payBtn2, #printBtn2, #delBtn2, 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: 40px;
	}

	#logoImage {
		display: none;
	}

    .canReleaseJobs {
        display:none !important;
    }
   
    .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;
	}

	span.lineBock {
		display: inline-block;
	}


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

	.width30 {
		width: 0px;
	}

	#productsBar {
		/*height: auto;*/
		display: none !important;
	}

	.normalViewGrid {
		display: none !important;
	}
	.mobileViewGrid {
		display: contents !important;
	}
	#selectBtns {
		display: none !important;
	}

	#rIsColour > label.colour {
		width: 70px;
	}

	#rFormat > label.twoSided {
		width: 70px;
	}
	
}