/* Bakker CSS tbv kassa
Copyright USoft B.V. (C) 1995-2018
This file includes the selectors that can be used by developers
to customize the style of their documents.
*/
/*Aanpassingen door Tien*/
/*
Kleuren
Focus: rgb(232, 240, 254)
Background-color: #d8e4f8;  achtergrond kleur van tabelregels om en om 
Background-color: #ccffcc   achtergrond kleur geselecteerde tabelregel 
Background-color: #337ab7;  menu Grijs: #f0f0f0
*/

/*LOGO NAAR RECHTS*/
img#LogoImageControl {
    float: right;
    margin-right: 5%;
}

/* Media query for devices with a width between 320px and 1180px (iPhone, iPad Pro, and iPad Mini) */
@media only screen and (min-device-width: 320px) and (max-device-width: 1180px) {
  div#TitleLabel {
    font-size: 30px;
  }

  #Prompt.LabelControl.uiLabelControl,
  #PasswordColumn .ColumnControl.Horizontal.uiColumnControl,
  div#ApplicationTextLabel.LabelControl.uiLabelControl {
    font-size: 18px;
    margin-right: 10px;
  }

  .uiInputControl.text,
  .uiInputControl.select,
  .uiInputControl.password {
    width: 250px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  button#LogInButton {
    width: 395px;
    margin-top: 20px;
    font-size: 18px;
  }
  #ApplicationMenu {
    width: 15%;
  }
  .ApplicationGroup {
    width: 85%;
  }
  
	.OrdercodeColumn, #ORDERCODE {
		width: 100px;
	}
	div#Assortimentgroep {
    white-space: nowrap;
	width: 110px;
	overflow: hidden;
    text-overflow: ellipsis;
	color: #999999;
	margin-left:5px;
	}
	
	#ADVIESPRIJS_IN, #ADVIESPRIJS_EX {
		/* width: auto; */
		width:80px;
	}
	
	div#FACTUURPRIJS_EX {
    width: 90px;
	}
	
	#NOTITIE {
		width: 300px;
	}
	div#Zakelijkbestelling table#MultiRecordResultGrid td.ReclameColumn.Omschrijving div#OMSCHRIJVING {
		width: auto;
		padding-right:10px;
		white-space: nowrap;
	}
	
	div#Zakelijkbestelling table#MultiRecordResultGrid td.ReclameColumn.Omschrijving{
		width:auto;
		padding-right:5px;
	}
}