/* Fleetboard device */
@media only screen and (max-height: 528px){
	body, h1, h2, h3, p, button, input, select, ol, ul, li, textarea{
		font-size:7.5pt !important;
	}

    div#MessageControls > button, input,
	div.Sections > div.MessageControls button,
	div.MessageContent > div#pnlContent > div#pnlButtonList > div.ButtonList > div > div > button,
	div.Settings > div.MessageContent > div.SettingDetails > div > div button{
		padding:6pt !important;
    }

	div.MessageContainerFullScreen > div.MessageControls {
		background-color: #585863;
		padding: 3pt 0pt;
	}

	div.MessageContainerFullScreen > div.MessageControls > button {
		display: inline-block !important;
		/*width: 49%;*/
		padding: 10pt !important;
		margin: 0pt 0pt 1pt 0pt !important;
	}

	div.MessageContainerFullScreen > div.MessageControls > button.Hide{
		display:none !important;
	}

	div.ButtonList > div > div > button > div.Table{
		padding:2pt 0pt;
	}

	div.MessageContainerFullScreen > div.MessageControls > div.Controls{
		padding:0pt 4pt;
	}

	div.MessageContent > div.ButtonSingleLine > button {
		padding: 10pt;
		margin: 3pt 3pt 0pt 0pt;
	}

	div.MessageContent > div.ButtonSingleLine > button, div.MessageContent > div.ButtonMultiLine > button {
		display: inline-block;
		width: 48.5%;
	}

	div.Login {
		top: 0pt !important;
		right: 0pt !important;
		bottom: 0pt !important;
		left: 0pt !important;
	}

	div.Credentials > div{
		display:inline-block;
		width:49%;
	}

    div.Login > div.MessageContent > h3{
		text-align: left !important;
		margin-left: 110pt !important;
    }

    div.Login > div.MessageContent > div:nth-child(3){
        text-align:left !important;
        margin-left: 110pt !important;
    }

	div.Login > div.MessageContent > div:first-child{
        position:absolute !important;
        top: -20pt !important;
        left: 5pt !important;
    }

	div.Login > div.MessageContent > div > img {
		margin-top: 16pt !important;
		width: 80pt !important;
	}

	div.Login > div.MessageContent > h3 {
		padding: 0pt 0pt !important;
		font-size: 9pt !important;
	}

	div#pnlUserList{
		top: -23pt !important;
		left: 219pt !important;
		width: 216pt;
		max-height: 64pt !important;
	}

	div.MessageControls button.Disabled{
		width:100% !important;
	}

	div.Login > div.MessageContent > div > span{
		font-size:7pt !important;
	}

	div.Login > div.MessageContent > div.Credentials {
		padding: 5pt 0pt !important;
	}

	div.Company_Selection > div.MessageContent > div#pnlSearchResults > button{
		display: inline-block !important;
		width: 49%;
		margin: 2pt 2pt 0pt 0pt !important;
	}

	div.Company_Selection > div.MessageContent {
		bottom: 80pt !important;
	}

	div.Main > div.MessageContent > div > div:first-child > div > img,
	div.Job_Selection > div.MessageContent > div > div:first-child > div > img{
		width:70pt !important;
	}

	div.MessageContainerFullScreen > div.MessageContent{
		bottom:32pt !important;
	}

	div#pnlMessageContentSections,
	div.Questions > div.MessageContent,
	div.Rectifications > div.MessageContent,
	div.Additional_Information > div.MessageContent{
		bottom:57pt !important;
	}

	div.MessageContent > div#pnlContent > div#pnlButtonList{
		bottom:0pt !important;
	}

	div.Header > div.MessageContent > div#pnlHeaderControl > div.Table > div#FuelSelectorControls > div > button {
		width: 32% !important;
		padding: 8pt 0pt !important;
		margin: 2pt 2pt 0pt 0pt !important;
	}

	div.Sections > div.MessageControls > div.Table > div > div:first-child,
	div.Sections > div.MessageControls > div.Table > div > div:last-child{
		padding: 0pt !important;
	}

	div#pnlMessageContentRectifications > div#pnlContent > div#pnlButtonList{
		bottom:62pt !important;
	}

	div.Rectifications > div.MessageContent > div#pnlContent > div#pnlFreeText > div.Table > div > div > a{
		height:40pt !important;
	}

	div.Rectifications > div.MessageContent > div#pnlContent > div.FreeText{
		bottom:62pt !important;
	}

	div.Company_Selection > div#pnlMessageContentCompany_Selection{
		bottom:78pt !important;
	}

	div.Additional_Information > div.MessageContent > div#pnlContent > textarea{
		height: 30pt !important;
	}

	div.Comments > div.MessageContent > div.TextAreaContainer textarea{
		height:120pt !important;
	}

	div.Additional_Information > div.MessageContent > div#pnlContent > div.ImageContainer{
		bottom:0pt !important;
	}

	div.Additional_Information > div.MessageContent > div#pnlContent > div.ImageControls{
		bottom:2pt !important;
	}

	div#pnlMessageContentSelect_Image > div {
		border: solid 0.5pt #000;
		margin: 0pt 1pt 1pt 0pt;
		width: 49%;
		display: inline-block;
	}

	div#pnlHistoryContainer > button{
		padding:2pt 5pt !important;
	}

	div#pnlMessageContentDocument{
		top: 26pt !important;
		bottom:33pt !important;
	}

	div#pnlMessageContentSettings{
		height:120pt !important;
	}

	div.InfoContainer{
		height:100pt !important;
	}

	div.Document > div.MessageControls > div.Table{
		padding:1pt 4pt !important;
	}

	div.Document > div.MessageControls > div.Table > div > div > button {
		padding: 6pt 0pt !important;
		margin: 0pt 0pt 0pt 0pt;
	}
}

@media only screen and (max-width : 600px){
	div#pnlUserList{
		top: 25pt !important;
		left: 0pt !important;
		width: auto;
	}

	div#pnlMessageContentAzure div#pnlUserList{
		top: 72pt !important;
	}
}

/* End of media queries */