@font-face {
    font-family: 'Montserrat';
    src: url('../css/themes/standard/fonts/Montserrat-Bold.eot');
    src: url('../css/themes/standard/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/themes/standard/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../css/themes/standard/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../css/themes/standard/fonts/Montserrat-SemiBold.eot');
    src: url('../css/themes/standard/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../css/themes/standard/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../css/themes/standard/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../css/themes/standard/fonts/Montserrat-Regular.eot');
    src: url('../css/themes/standard/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../css/themes/standard/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../css/themes/standard/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html, body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
	-moz-user-select:-mov-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
    background-color:#FFFFFF;
    height:100%;
    margin:0pt;
    padding:0pt;
    width:100%;
    overflow:hidden;
	box-sizing:border-box;
	/*-ms-content-zooming:none;
	-ms-touch-action:none;*/
}

*{
	box-sizing:inherit;
}

body{
	/*background-color:#0f8bb0;*/
}

body, h1, h2, h3, p, button, input, select, ol, ul, li, textarea{
    padding:0pt;
    margin:0pt;
    font-size:8pt;
	font-family: 'Montserrat', Arial;
	outline:none;
	resize:none;
}

*::-webkit-scrollbar{
    width:8pt;
	height:8pt;
    margin:8pt;
}

*::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius: 8pt;
    width:8pt;
	height:8pt;
    margin:8pt 0;
}

*::-webkit-scrollbar-thumb{
    background: #35353d;
    border-radius: 8pt;
    width:8pt;
	height:8pt;
}

div,iframe,textarea{
    scrollbar-color: #35353d #fff;
}

input{
	-webkit-border-radius:0;
	border-radius:0;
	padding:8pt;
}

div.Platform{
	display:none;
}

div.DocumentTop{
	position:absolute;
}

li{
	padding:1pt 2pt;
}

a{
	text-decoration:none;
}

/*body{
	background: url(/css/themes/standard/images/bg2.jpg) repeat center !important;
}*/

div.Background{
    display: block !important;
    position:absolute;
    background:url('../Images/gradient.svg');
    top:0pt;
    right:0pt;
    bottom:0pt;
    left:0pt;
}

div.Loading {
	/*padding:4pt;*/
}

ins{
	text-decoration:none;
}

div.LoadingFrame{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	font-size:9pt;
	color:#fff;
}

div.IncompatibleBrowserNotification{
	padding:5pt;
	font-size:9pt;
	color:#fff;
}

ol{
	padding-top:10pt;
	padding-left:18pt;
}

.Hide{
	display:none !important;
}

.NoBorder{
	border:none !important;
}

div#pnlMainContainer{
	position:absolute;
	top:0pt;
	right:0pt;
	bottom:0pt;
	left:0pt;
}

div.Instruction{
	padding:2pt 0pt 4pt 0pt;
}

div.PadTop{
	margin-top:3pt;
}

div.HorizontalSpacer{
	border-top:solid 0.5pt #808080;
	border-bottom:solid 0.5pt #fff;
	font-size:0pt;
	margin:5pt 0pt 3pt 0pt;
}

button
{
	position:relative;
	border:solid 0.5pt #000;
	background-color:#11bade;
	color:#fff;
	padding:8pt 0pt;
	width:100pt;
	cursor:hand;
	margin-left:2pt;
	outline:none;
	/*overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;*/
	white-space:normal;
	border-radius:0pt;
}

/*button:hover{
    background-color: #09a8ca !important;
	color:#fff !important;
    transition: .3s;
}*/

button.Disabled
{
	border:solid 0.5pt #000 !important;
	background-color:#808080 !important;
	color:#eee !important;
	cursor:hand !important;
	outline:none !important;
}

button.Standard
{
	background: #11bade;
	color:#fff;
}

div.ActionControlContainer button:hover{
	background-color: #09a8ca !important;
	color:#fff !important;
}

button.White
{
	background: #fff;
	color:#000;
}

button.White:hover{
	background: #eee !important;
	color:#000 !important;
}

button.LightGrey
{
	background: #f4f4f4 !important;
	color:#000;
}

button.LightGrey:hover {
	background: #11b9de34 !important;
}

button.Grey
{
    background: #cdcdcd;
    color:#000;
}

button.Orange
{
    background: #ffc928;
	color:#000;
}

button.UNKN
{
    background: #ececec;
    color:#000;
}

button.SERV
{
    background: #38d77f;
    color:#fff;
}

button.NONS, button.Status1, button.Status2
{
    background: #bb2b39;
    color:#fff;
}

button.ADVI, button.Status3
{
    background: #f5b63d;
    color:#fff;
}

button.SERVSelected
{
    background: #3fa232;
    color: #fff;
}

button.NONSSelected
{
    background: #98000f;
    color:#fff;
}

button.ADVISelected
{
    background: #de9200;
    color:#fff;
}

button.NONA
{
    background: #b7b7b7;
    color:#FFF;
}

button.NONASelected
{
    background: #d4d4d4;
    color:#000;
}

div.AnswersContainer button.SERV{
    background: #38d77f !important;
    color:#fff !important;
}

div.AnswersContainer button.SERVSelected{
    background: #3fa232 !important;
    color: #fff !important;
}

div.AnswersContainer button.NONS,
div.RectificationsContainer button.NONS{
	background: #bb2b39 !important;
    color:#fff !important;
}

div.AnswersContainer button.NONSSelected,
div.RectificationsContainer button.NONSSelected{
    background: #98000f !important;
    color:#fff !important;
}

div.AnswersContainer button.ADVI,
div.RectificationsContainer button.ADVI{
	background: #f5b63d !important;
    color:#fff !important;
}

div.AnswersContainer button.ADVISelected,
div.RectificationsContainer button.ADVISelected{
	background: #de9200 !important;
    color:#fff !important;
}

button.HELP{
	position:absolute;
	background:url(../Images/Question.png) no-repeat !important;
	background-position:center center !important;
	background-size: 15pt 15pt !important;
	border:solid 0.5pt #808080 !important;
	color:transparent !important;
	top:1pt;
    right:6pt;
	width:19pt !important;
	filter:alpha(opacity=90);
	opacity:0.9;
}

div.Title{
	background-color:#35353d;
	padding:8pt 5pt 8pt 5pt;
	color:#fff;
	font-weight:bold;
}

div#pnlLoginContainer > div.Title{
	background-color:#fff;
}

span#PendingContainer{
	position:absolute;
	right:50pt;
	top:3pt;
}

span#PendingContainer > img{
	position:relative;
	display:inline-block;
	width:17pt;
}

span#PendingContainer > span{
	display:inline-block;
	position:absolute;
	top: 5pt;
	left: -22pt;
	width: 20pt;
	text-align: right;
}

span#lblDateTime{
	display:none !important;
	position:absolute;
	display:inline-block;
	right:50pt;
	font-weight:normal;
}

div.Title button{
	position:absolute;
	display:inline-block;
	border:none;
	background:url(../Images/Settings2.png);
	background-repeat:no-repeat !important;
	background-size:18pt 18pt !important;
	width:18pt;
	height:18pt;
	top:4pt;
	right:25pt;
}

div#pnlMainContainer iframe{
	border:none;
}

div.Table{
	position:relative;
	display:table;
	width:100%;
}

div.Table > div{
	position:relative;
	display:table-row;
}

div.Table > div > div{
	position:relative;
	display:table-cell;
	padding:0pt;
}

div.BrandName span{
	color:#6699cc;
	font-size:28pt;
}

div.BrandName span:first-child{
	color:#006699;
	font-weight:bold;
}

div.SearchResultsContainer{
	border:solid 0.5pt #000 !important;
	background:#fff;
	padding:2pt !important;
	overflow-y:scroll;
}

div.AnswersContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	padding:2pt;
	overflow-y:scroll;
	overflow-x:hidden;
	height:100%;
}

div.AnswersContainer div.Table > div > div{
	padding:0pt;
}

div.AnswersContainer div.Table > div > div.Options{
	width:127pt;
}

div.AnswersContainer > div.Table > div > div.Answers{
	/*border:solid 0.5pt red;*/
}

div.AnswersContainer > div.Table > div > div > button{
	display:inline-block;
	width:auto;
}

div.AnswersContainer > div.Table > div > div.Options button{
	width:40pt;
	margin:1pt;
}

div.AnswersContainer > div.Table > div > div.Options button.Delete,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults button.Delete
{
	background:#eee url(../Images/NONS.png) no-repeat !important;
	background-position:center center !important;
	background-size:14pt !important;
}

div.AnswersContainer > div.Table > div > div.Options button.FreeText{
	background:#eee url(../Images/FreeText.png) no-repeat !important;
	background-position:center center !important;
	background-size:25pt !important;
}

div.AnswersContainer > div.Table > div > div.Options button.Part{
	background:#eee url(../Images/PartNumber.png) no-repeat !important;
	background-position:center center !important;
	background-size:25pt !important;
}

div.AnswersContainer > div.Table > div > div.Options button.Disabled{
	border:solid 0.5pt #000;
	background-color:#cdcdcd;
	filter:alpha(opacity=30);
	opacity:0.3;
}

div.AnswersContainer > div.Table > div > div.Answers button{
	min-width:100%;
    margin:0pt;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

div.AnswersContainer > div.Table > div > div.Answers > div.Table > div > div.HalfWidth{
	width:50%;
}

div.AnswersContainer > div.Table > div > div.Answers > div.Table > div > div.Rectification{
	padding-left:2pt;
}

div.RectificationsContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	padding:2pt;
	overflow-y:scroll;
	overflow-x:hidden;
	height:400pt;
}

div.RectificationsContainer > div.Table > div > div > button{
	min-width:100%;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	margin: 1pt;
}

div.FreeTextContainer{
	overflow:hidden;
	height:250pt;
}

div.FreeTextContainer > div > div:first-child{
	width:250pt;
	vertical-align:middle;
}

div.FreeTextContainer > div > div > div{
	border:solid 0.5pt #808080;
	padding:2pt;
	background:#fff;
	margin-right:2pt;
}

div.FreeTextContainer > div > div:first-child > div{
	padding:0pt;
	margin:0pt;
	height:253pt;
}

div.FreeTextContainer > div > div:first-child > div.InlineVideo{
	background-color:transparent;
}

div.FreeTextContainer > div > div:first-child > div.InlineVideo{
	background-color:#1c4882;
}

div.FreeTextContainer #imgPhoto{
	margin:0pt;
	width:100%;
	height:100%;
}

div.ImageControls{
	position:absolute;
	margin:-28pt 0pt 0pt 1pt;
}

div.ImageControls > button{
	display:inline-block;
	padding:7pt 0pt;
	width:80pt;
	filter: alpha(opacity=80) progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067690849304, M12=0.7071067690849304, M21=-0.7071067690849304, M22=0.7071067690849304, sizingMethod='auto expand');
	opacity:0.8 !important;
}

div.FreeTextContainer input#devCamera, div.FreeTextContainer input#devVideo{
	display:none;
}

div.FreeTextContainer textarea{
	border:none;
	width:100%;
	height:246pt;
	padding:3pt;
}

div.FilterContainer > div > div > div{
	padding:0pt;
}

div.FilterContainer > div > div > div:first-child{
	width:100pt;
	text-align:right;
}

div.FilterContainer > div > div > div > div{
	padding:0pt 6pt 3pt 2pt;
}

div.Switch_User___Password{
	width:350pt !important;
}

div.FilterContainer > div > div > div > div > input,
div.NonAllocatedJobsFilter > div > div > div > input,
div.ChangePassword > div > div > input,
div.Switch_User___Password div.MessageContent div.Password > div > div > input
{
	border:solid 0.5pt #000;
	width:100%;
}

div.Switch_User___Password div.MessageContent div.Password > div > div:first-child{
	text-align:right;
	padding-right: 5pt;
}

div.FilterContainer > div > div > div.ActionControls{
	width:100pt;
}

div.FilterContainer > div > div > div.ActionControls > button{
	margin-left:0pt;
}

div.TyreSizesContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	padding:2pt;
	overflow-y:scroll;
	height:260pt;
}

div.TyreSizesContainer > button{
	display:block;
	width:100%;
	margin:2pt 0pt 1pt 0pt;
}

div.TyreSizesContainer > button:first-child{
	margin-top:1pt;
}

div.TyreDetailsContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	overflow-y:scroll;
	max-height:400pt;
}

div.Template div.Section div.Standard div:first-child{
	border-top:none;
	padding-top:1pt;
}

div.Question{
	border-top:solid 0.5pt #a9a9a9;
	padding:2pt;
}

div.TyreDetailsContainer > div > div:first-child{
	border-top:none;
}

div.TyreDetailsContainer > div > div > div > div > div > div.OutcomeContainer{
	padding-top:2pt;
}

div.Question div.Table > div > div:first-child{
	border:none;
	width:auto;
	text-align:left;
}

div.Question div.Table > div > div{
	border-left:dotted 0.5pt #a9a9a9;
	width:135pt;
	text-align:right;
	vertical-align:middle;
}

div.Question div.Table > div > div input{
	border:solid 0.5pt #808080;
	padding:8pt 2pt;
	margin: 0pt 1pt 0pt 0pt;
    width: 62pt;
	text-align:center;
}

div.Question div.Table > div > div input.TextBox{
	text-align:left;
	width:160pt;
	margin:0pt;
}

div.Question div.Table > div > div button.SignatureButton{
	width:160pt;
}

div.Question div.Table > div > div div.SignatureRequired{
	position:absolute;
    top:25pt;
	color:#a52a2a;
}

div.Question div.Table > div > div div.TextValueNoEdit{
	width:160pt;
}

div.Question div.Table > div > div select{
	border:solid 0.5pt #808080;
	padding:9pt 2pt;
	margin:0pt 0pt 0pt 4pt;
	width:90pt;
}

div.Question div.Table > div > div input.MeasurementType_Text{
	width:30pt;
	margin-right:1pt;
}

div.Question div.Table > div > div button.MeasurementType_Button{
	margin:0pt 0pt 0pt 2pt !important;
	width:96pt;
	overflow:hidden;
    white-space:nowrap;
	text-overflow:ellipsis;
}

div.Question div.Table > div > div select.MeasurementType_List{
	margin:0pt 0pt 0pt 2pt;
	width:120pt;
}

div.Question div.Table > div > div  div.MeasurementTypeDivider{
	margin:2pt 0pt 1pt 0pt;
	font-size:0pt;
}

div.Question div.Table > div > div button{
	display:inline-block;
	border:solid 0.5pt #808080;
	padding:8pt 5pt;
	margin: 0pt 0pt 0pt 3pt !important;
	width:30pt;
}

div.Question div.Table > div > div button.Date{
	width:160pt;
	margin:0pt;
}

div.Question div.Table > div > div button.SERV{
	background:url(../Images/SERV.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.SERVSelected{
	border:solid 0.5pt #000 !important;
	background:#006400 url(../Images/SERV.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.NONS{
	background:url(../Images/NONS.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.NONSSelected{
	border:solid 0.5pt #000 !important;
	background:#f97f7f url(../Images/NONS.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.ADVI{
	background:url(../Images/ADVI.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.ADVISelected{
	border:solid 0.5pt #000 !important;
	background:#ffe54f url(../Images/ADVI.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.NONA{
	background:#fff !important;
	color:#000 !important;
}

div.Question div.Table > div > div button.NONASelected{
	border:solid 0.5pt #000 !important;
	background:#a9a9a9 !important;
}

div.Question div.Table > div > div button.UNKN{
	background:url(../Images/UNKN.png) no-repeat !important;
	background-position:center center !important;
	color:transparent !important;
}

div.Question div.Table > div > div button.AnswerDisabled{
	border:solid 0.5pt #000;
	background-color:#cdcdcd;
	filter:alpha(opacity=30);
	opacity:0.3;
}

div.Question div.Table > div > div div.OutcomeContainer > div{
	border-top:dotted 0.5pt #a9a9a9;
	padding:2pt 0pt 0pt 0pt;
	margin:3pt 0pt 0pt 0pt;
}

div.Question div.Table > div > div div.OutcomeContainer > div:first-child{
	border-top:none;
	padding:0pt;
	margin:0pt;
}

div.Question div.Table > div > div > div > div > div.Outcome{
	width:auto;
	padding:0pt 0pt 0pt 15pt;
}

div.Question div.Table > div > div > div > div > div.Outcome > div > div{
	border:none;
	width:auto;
	text-align:left;
}

div.Question div.Table > div > div > div > div > div.Outcome > div > div:first-child{
	text-align:right;
}

div.Question div.Table > div > div > div > div > div.SERV,
div.Question div.Table > div > div > div > div > div.SERV a{
	color:#006400;
}

div.Question div.Table > div > div > div > div > div.SERV > div > div:first-child{
	color:#32cd32;
	text-align:right;
	padding-right: 2pt;
}

div.Question div.Table > div > div > div > div > div.NONS,
div.Question div.Table > div > div > div > div > div.NONS a{
	color:#a52a2a;
}

div.Question div.Table > div > div > div > div > div.NONS > div > div:first-child{
	color:#ff0000;
	text-align:right;
	padding-right:3pt;
}

div.Question div.Table > div > div > div > div > div.ADVI,
div.Question div.Table > div > div > div > div > div.ADVI a{
	color:#daa520;
}

div.Question div.Table > div > div > div > div > div.ADVI > div > div:first-child{
	color:#daa520;
	text-align:right;
}

div.Question div.Table > div > div > div > div > div.NONA,
div.Question div.Table > div > div > div > div > div.NONA a{
	color:#808080;
}

div.Question div.Table > div > div > div > div > div.UNKN,
div.Question div.Table > div > div > div > div > div.UNKN a{
	color:#6699CC;
}

div.Question div.Table > div > div > div > div > div.NONA > div > div:first-child{
	color:#a9a9a9;
	text-align:right;
}

div.OptionsPopup, div.MeasurementTypeSelector{
	width:300pt !important;
}

div.OptionsContainer{
	border:solid 0.5pt #a9a9a9;
	background:#fff;
	padding:2pt;
	overflow-y:scroll;
	max-height:150pt;
}

div.OptionsContainer button{
	display:block;
	background-color:#f4f4f4 !important;
	color:#000;
	width:100%;
	margin-top:2pt;
}

div.OptionsContainer button:hover{
	background: #11b9de34 !important;
	color:#000;
}

div.OptionsContainer button:first-child{
	margin-top:0pt;
}

div.AllOKUserInteraction{
	min-width:500pt;
}

div.AllOKUserInteraction div.MessageContent{
	max-height:400pt;
	background:#fff;
}

div.CloseJobQuestionsRemainingPrompt{
	min-width:600pt;
}

div.CloseJobQuestionsRemainingPrompt div.MessageContent{
	max-height:400pt;
	background:#fff;
}

div.CloseJobQuestionsRemainingPrompt div.MessageContent div{
	margin:5pt 0pt 2pt 0pt;
	font-weight:bold;
	color:#585863;
}

div.CloseJobQuestionsRemainingPrompt div.MessageContent ol{
	padding-top:0pt;
}

div.CloseJobQuestionsRemainingPrompt div.MessageContent ol > li > br{
	display:none;
}

div.CloseJobSheetPopup{
	width:500pt !important;
}

div.TechnicianDeclaration{
	border:solid 0.5pt #808080;
	background:#fff;
	padding:4pt;
	margin-bottom:5pt;
}

div.TechnicianDeclaration div:first-child{
	font-weight:bold;
	color:#6699cc;
	margin-bottom:2pt;
}

div.TimeSpentContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	margin-bottom:5pt;
}

div.TimeSpentContainer > div.Table > div > div{
	text-align:center;
}

div.TimeSpentContainer > div.Table > div > div:first-child{
	border-right:solid 0.5pt #808080;
	width:80%;
	text-align:left;
	padding:0pt 4pt;
}

div.TimeSpentContainer > div:first-child > div > div:first-child{
	/* TODO */
}

div.TimeSpentContainer > div.Table > div > div input{
	border:solid 0.5pt #808080;
	padding:8pt 2pt;
	width:30pt;
	margin: 5pt;
	text-align:center;
}

div.TimeSpentContainer > div.Table > div > div input:first-child{
	margin-right:2pt;
}

div.TimeSpentContainer > div.Table > div:first-child > div{
	background:#808080;
	color:#fff;
	padding:7pt;
}

div.PasswordContainer{
	padding-top: 2pt;
}

div.PasswordContainer div input{
	border:solid 0.5pt #808080;
	padding:8pt 2pt;
	margin-top:5pt;
	width:100%;
}

div#JobDataItemPartsContainer,
div.PartSearchResultsContainer,
div#NonAllocatedJobsContainer,
div.SwitchUserContainer,
div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles,
div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults
{
	border:solid 0.5pt #808080;
	background:#fff;
	padding:2pt;
	overflow-y:scroll;
	overflow-x:hidden;
	height:250pt;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles > button{
	padding:0pt;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles > button > div:first-child,
div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks > button > div:first-child,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults > button > div:first-child{
	padding:5pt 0pt 2pt 0pt;
	font-weight:600;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles > button > div:last-child,
div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks > button > div:last-child,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults > button > div:last-child{
	padding:0pt 0pt 3pt 0pt;
}

div.Part_Search{
	width:400pt !important;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles > button > div > label{
    margin-right: 3pt;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles > button > div.VOR{
	color: #8f0222;
}

div.PartSearchContainer > div > div > div:first-child{
	text-align:right;
	width:70pt;
}

div.PartSearchContainer > div > div input{
	border:solid 0.5pt #808080;
	padding: 8pt 2pt;
    margin: 1pt 1pt 1pt 2pt;
    width: 100%;
}

div.PartSearchContainer > div > div input#txtPartNumber {
	text-transform: uppercase;
}

div.PartSearchResultsContainer button {
	display: block;
	margin: 2pt 0pt;
	width: 100%;
}

div.PartSearchResultsContainer button div.SubDetail{
	margin-top:2pt;
	color:#CC6633;
}

div.PartSearchResultsContainer button:first-child{
	margin-top:0pt;
}

div#JobDataItemPartsContainer > div > div > div:first-child{
	border-right:none;
	width:40pt;
}

div#JobDataItemPartsContainer > div > div > div > button.Delete{
	background:#eee url(../Images/NONS.png) no-repeat !important;
	background-position:center center !important;
	background-size:16pt !important;
	width:100%;
	padding: 10pt 0pt 10pt 0pt;
	margin:0pt;
	color:transparent;
}

div#JobDataItemPartsContainer > div > div > div{
	padding:0pt;
}

div#JobDataItemPartsContainer > div > div > div > div{
	border:solid 0.5pt #000;
	background:#eee;
	padding:3pt 2pt;
	margin-left:2pt;
	margin-bottom:2pt;
}

div#JobDataItemPartsContainer > div > div > div > div > div.PartDetail{
	width:auto;
	margin-left:2pt;
}

div#JobDataItemPartsContainer > div > div > div > div > div.PartDetail > div > div{
	padding:0pt;
}

div#JobDataItemPartsContainer > div > div > div > div > div.PartDetail > div > div > input{
	border: solid 0.5pt #000;
	padding:6.5pt 2pt 6.5pt 2pt;
	margin:0pt 2pt;
	width:30pt;
	text-align:center;
}

div.NonAllocatedJobsFilter{
	margin-bottom:3pt;
}

div.NonAllocatedJobsFilter > div > div:first-child{
	width:135pt;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
}

div.NonAllocatedJobsFilter > div > div.ActionControls{
	width:109pt;
}

div.NonAllocatedJobsFilter > div > div.ActionControls button{
	margin-left:7pt;
}

div.NonAllocatedJobsFilter > div > div > div > input{
	text-transform:uppercase;
}

div#NonAllocatedJobsContainer span{
	display:inline-block;
	height:auto;
	vertical-align:auto;
}

div#NonAllocatedJobsContainer > button,
div.SwitchUserContainer > button
{
	position:relative;
	display:block;
	width:100%;
	/*height:50pt;*/
	margin:2pt 0pt 1pt 0pt;
}

div#NonAllocatedJobsContainer > button:hover,
div.TyreSizesContainer > button:hover{
	background: #11b9de34;
	color:#000;
}

div#NonAllocatedJobsContainer > button.Standard:hover,
div.TyreSizesContainer > button.Standard:hover{
	background: #11bade8c;
	color:#000;
}

div#NonAllocatedJobsContainer > button:first-child{
	margin:0pt;
}

div.SwitchUserContainer > button{
	margin:0pt 0pt 2pt 0pt;
}

div#NonAllocatedJobsContainer > button img{
	position:absolute;
	top:3pt;
	left:3pt;
	width:18pt;
	height:18pt;
}

div#NonAllocatedJobsContainer > button div.RegistrationNumber{
	font-weight:bold;
	margin-bottom: 2pt;
}

div#NonAllocatedJobsContainer > button div.JobPack span{
	margin-left:3pt;
	color:#CC6633;
}

div#NonAllocatedJobsContainer > button div.StartTime{
	margin-top: 1pt;
}

div#NonAllocatedJobsContainer > button div.StartTime > span{
	padding: 0pt;
    vertical-align: baseline;
}

div#NonAllocatedJobsContainer > button div.DefectList{
	background-color: #e4e4e4;
	padding: 5pt 0pt;
	margin: 5pt 7pt 0pt 7pt;
	font-style: italic;
}

div#NonAllocatedJobsContainer > button.Standard div.DefectList{
	background-color: #74cde1;
	color:#3447a8;
}

div#NonAllocatedJobsContainer > button div.StartTime span:first-child{
	margin-right:3pt;
}

div.ChangePasswordContainer,
div.SwitchUserPassword{
	width:450pt !important;
}

div.ChangePasswordContainer div.MessageContent div.ChangePassword > div > div:first-child,
div.SwitchUserPassword div.MessageContent div.Password > div > div:first-child{
	width:137pt;
	text-align:right;
	padding-right:3pt;
	font-weight:600;
	border:solid 0.5pt #fff;
	background-color:#f7f7f7;
}

div.ChangePasswordContainer div.MessageContent div.ChangePassword > div > div > input,
div.SwitchUserPassword div.MessageContent div.Password > div > div > input{
	width:303pt;
	margin-bottom:2pt;
}

div.SwitchUser{
	width:450pt !important;
}

span#lblUrgentJobCount{
	margin-left:3pt;
	color:#f5b63d;
}

div.Settings,
div.CreateJob{
	width:600pt !important;
}

div.Settings > div.MessageContent > div:first-child{
	text-align:center;
	margin-bottom:2pt;
}

div.Settings > div.MessageContent > div:first-child > span{
	display:inline-block;
	height:auto;
}

div.Settings > div.MessageContent > div:first-child > span:first-child{
	font-weight:bold;
	margin-right:3pt;
}

div.Settings > div.MessageContent > div.SettingDetails{
	border-top:none;
	border-right:solid 0.5pt #a9a9a9;
	border-bottom:solid 0.5pt #a9a9a9;
	border-left:solid 0.5pt #a9a9a9;
}

div.Settings > div.MessageContent > div.SettingDetails > div > div{
	border-top:solid 0.5pt #a9a9a9;
	border-left:solid 0.5pt #a9a9a9;
	background:#fff;
	padding:2pt;
}

div.Settings > div.MessageContent > div.SettingDetails > div > div:first-child {
	border-left:none;
	width:150pt;
	text-align:right;
	vertical-align:middle;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
}

div.Settings > div.MessageContent > div.SettingDetails > div > div select,
div.Settings > div.MessageContent > div.SettingDetails > div > div button{
	width:100%;
}

div.Settings > div.MessageContent > div.SettingDetails > div > div button{
	margin:0pt;
}

div.MultiButton > div > div button{
	text-align:center !important;
}

div.ThreeButtons > div > div{
	width:33%;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer,
div.Create_Job > div.MessageContent > div#Step3 > div.SearchContainer,
div.Create_Job___New_Vehicle > div.MessageContent > div.SearchContainer{
	margin-bottom:5pt;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div > input,
div.Create_Job > div.MessageContent > div#Step3 > div.SearchContainer > div > div > input,
div.Create_Job___New_Vehicle > div.MessageContent > div.SearchContainer > div > div > input{
	border:solid 0.5pt #808080;
	width:100%;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div > input#txtRegistrationNumber{
	text-transform:uppercase;
}

div.Create_Job > div.MessageContent > div#Step3 > div.SearchContainer > div > div > input,
div.Create_Job___New_Vehicle > div.MessageContent > div.SearchContainer > div > div > input{
	text-transform:none;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div,
div.Create_Job > div.MessageContent > div#Step3 > div.SearchContainer > div > div{
	text-align:right;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div:first-child{
	width:100pt;
	text-align:left;
}

div.Create_Job > div.MessageContent > div#Step3 > div.SearchContainer > div > div:first-child{
	width:100%;
	text-align:left;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div:first-child > button{
	margin: 0pt 5pt 0pt 0pt;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div:last-child{
	width: 100pt;
}

div.Create_Job > div.MessageContent > div#Step1 > div.SearchContainer > div > div:last-child > button,
div.Create_Job > div.MessageContent > div#Step3 > div.SearchContainer > div > div:last-child > button{
	margin: 0pt 0pt 0pt 5pt;
}

/*div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles button{
	height:50pt;
}*/

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles button,
div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks button,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults button,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlMakes button,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlModels button{
	display:block;
	margin-top:3pt;
	width:100%;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles button:hover,
div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks button:hover,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults button:hover,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlMakes button:hover,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlModels button:hover{
	background: #11b9de34;
	color:#000;
}

div.Create_Job > div.MessageContent > div#Step1 > div#pnlMatchingVehicles button:first-child,
div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks button:first-child,
div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults button:first-child,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlMakes button:first-child,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlModels button:first-child{
	margin-top:2pt;
}

div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks{
	height:321pt;
}

div.Create_Job > div.MessageContent > div#Step2 > div#pnlJobPacks button{
	padding:10pt 6pt;
}

div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults div.CustomQuestions{
	margin-top:2pt;
}

div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults div.CustomQuestions:first-child{
	margin-top:0pt;
}

div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults div.CustomQuestions > div > div{
	border:solid 0.5pt #a9a9a9;
	border-right:solid 0.5pt #a9a9a9;
	border-bottom:solid 0.5pt #a9a9a9;
	border-left:none;
}

div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults div.CustomQuestions > div > div:first-child{
	border-right:none;
	border-left:solid 0.5pt #a9a9a9;
}

div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults div.CustomQuestions > div > div > button.Delete{
	padding:9pt 0pt;
	margin-bottom:2pt;
	color:transparent;
}

div.Create_Job > div.MessageContent > div#Step3 > div#pnlSearchResults div.CustomQuestions > div > div > input{
	border:none;
	margin-left:5pt;
}

div.Create_Job___Confirm_Job_Name{
	width:455pt !important;
}

div.Create_Job___Confirm_Job_Name input{
	border: solid 0.5pt #808080;
	padding:9pt 2pt;
	width:444pt;
}

div.Create_Job___New_Vehicle{
	width:430pt !important;
}

div.Create_Job___New_Vehicle > div.MessageContent > div.SearchContainer > div > div:first-child{
	width:67pt;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
}

div.Create_Job___New_Vehicle > div.MessageContent > div.SearchContainer > div > div > input{
	width:250pt;
}

div.Create_Job___New_Vehicle > div.MessageContent > div#pnlMakes,
div.Create_Job___New_Vehicle > div.MessageContent > div#pnlModels{
	border:solid 0.5pt #808080;
	background:#fff;
	padding:2pt;
	overflow-y:scroll;
	overflow-x:hidden;
	height:130pt;
}

div.View_Image{
	height:500pt !important;
}

div.ViewImageContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	height:424pt;
	overflow:scroll;
}

div.ViewImageContainer img{
	width:auto !important;
	height:auto !important;
}

button.TyreNotAvailable{
	width:110pt !important;
}

div.InfoContainer div.InfoHeading{
	font-weight:bold;
	font-size:7.5pt;
	margin:5pt 0pt 2pt 0pt;
	color:#11bade;
}

div.InfoContainer ul.InfoDetail{
	padding-left:20pt;
}

div.InfoContainer ul.InfoDetail a,
div.InfoContainer ul.InfoDetail a:visited{
	color:#000;
}

div.InfoContainer ul.InfoDetail > li > span{
	display:inline;
	height:auto;
	font-size:7.5pt;
	padding:2pt;
}

div.InfoContainer ul.InfoDetail > li > span:first-child{
	display:inline-block;
	font-weight:600;
	width:70pt;
	margin-right:2pt;
	color:#585863;
}

div#pnlViewPendingContainer{
	border:solid 0.5pt #808080;
	background:#fff;
	overflow-y:scroll;
	height:300pt;
}

div#pnlViewPendingContainer > div > div > div{
	border-bottom:solid 0.5pt #808080;
	border-right:solid 0.5pt #808080;
	white-space:nowrap;
	padding:4pt;
}

div#pnlViewPendingContainer > div > div:hover {
	background:#b1d2ef;
}

div#pnlViewPendingContainer > div > div:first-child > div{
	background:#eee;
}

div#pnlViewPendingContainer > div > div > div > a{
	display:block;
	color:#000;
}

div.ViewPendingData {
	width:450pt !important;
}

div.ViewPendingData > div.MessageContent {
	background:#fff;
}

div.ViewPendingData > div.MessageContent > span {
	display:block;
	-moz-user-select:text;
	-khtml-user-select:text;
	-webkit-user-select:text;
	word-wrap:break-word;
	height:250pt;
}
div#pnlViewPendingContainer div > div > div > a > span.Processing{
	display:inline-block;
	color:#ff0000;
	padding:0pt;
	margin:0pt;
	height:auto;
}

div.DataSyncMessageContainer{
	padding:2pt;
}

div.DataSyncMessageContainer h1{
	margin:3pt 0pt 5pt 2pt;
	color:#fff;
	font-size:9pt;
}

div.DataSyncMessageContainer textarea#txtDataSyncMessage{
	display:block;
	border:solid 0.5pt #000;
	width:98.5%;
	height:50pt;
	margin:0pt;
	padding:4pt;
}

div.DataSyncMessageContainer button{
	margin:4pt 0pt 4pt 0pt;
}

div.DataSyncMessageContainer textarea#txtDecoded{
	display:block;
	border:solid 0.5pt #000;
	width:98%;
	margin:0pt;
	padding:4pt;
	position:absolute;
	left:2pt;
	right:0pt;
	bottom:4pt;
	top:128pt;
}

div.Application_Error{
	width:430pt !important;
}

div.HelpContainer{
	position:absolute;
	top:28pt;
	right:0pt;
	bottom:34pt;
	left:0pt;
}

iframe#frmContainer{
	border:none;
	width:100%;
	height:100%;
}

div.Please_Sign_Your_Name{
	position:relative;
	max-width:500pt !important;
}

div.Please_Sign_Your_Name canvas{
	position:relative;
	border:solid 0.5pt #000;
}

div.Voice_Assignment_Reference {
	width:350pt !important;
}

div.Voice_Assignment_Reference  > div.MessageContent > div:first-child{
	padding:1pt 0pt 4pt 0pt;
}

div.Voice_Assignment_Reference  > div.MessageContent > div:last-child{
	border:solid 0.5pt #000;
	background:#fff;
	padding:8pt;
	text-align:center;
}

div.Voice_Assignment_Reference  > div.MessageContent > div > img.QRCode{
	width:auto !important;
	height:auto !important;
	padding:0pt;
	margin:0pt;
	width:181pt;
	height:181pt;
}

button.UnImpersonate{
	width:100pt !important;
}

div#pnlImpersonating{
	position:absolute;
	border:solid 2pt red;
	background: #ce6161; /* Old browsers */
    background: -moz-linear-gradient(top, #ce6161 3%, #960314 21%, #8f0222 41%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ce6161), color-stop(21%,#960314), color-stop(41%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ce6161 3%,#960314 21%,#8f0222 41%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ce6161 3%,#960314 21%,#8f0222 41%,#6d0019 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ce6161 3%,#960314 21%,#8f0222 41%,#6d0019 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CE6161', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ce6161 3%,#960314 21%,#8f0222 41%,#6d0019 100%); /* W3C */
    color:#fff;
	top:0pt;
	z-index:1;
	width:120pt;
	left:50%;
	margin-left:-60pt;
	padding:5pt 4pt 4pt 4pt;
	text-align:center;
	color:#fff3bc;
	font-weight:bold;
	filter:alpha(opacity=90);
	opacity:0.9;
}

div.ViewNotesContainer{
	border:solid 0.5pt #000;
	background:#fff;
	height:300pt;
	overflow-y:scroll;
}

div.ViewNotesContainer > div{
	border-bottom:dotted 0.5pt #000;
	padding:4pt;
}

div.ViewNotesContainer > div > div:first-child{
	font-weight:bold;
	color:#006699;
	padding:2pt 0pt;
}

div.ViewNotesContainer > div > div span{
	display:inline-block;
	height:auto;
	padding:0pt;
}

div.ViewNotesContainer > div > div > a{
	color:#11bade;
}

div.ViewNotesContainer > div > div > a > span{
	height:auto;
	padding:4pt 0pt 0pt 0pt;
}

div.VoiceHighlight{
	background-color:#fcffb8 !important;
	/*filter:alpha(opacity=30);
	opacity:0.3;*/
}

div.UserSignatureRequired{
	border:solid 0.5pt #000;
	margin:5pt;
	padding:120pt 0pt;
    text-align:center;
}

button#btnVoice,
button#btnRepeatQuestion{
	width:50pt !important;
}

button#btnVoice img,
button#btnRepeatQuestion img{
	position:absolute;
    top:3pt;
    left:11pt;
    height:25pt;
}

div.Time_Taken_on_Rectification{
	width:300pt !important;
}

div.Time_Taken_on_Rectification > div.MessageContent > div{
	width:auto !important;
}

div.Time_Taken_on_Rectification > div.MessageContent > div:first-child{
	margin-bottom:2pt;
}

div.Time_Taken_on_Rectification > div.MessageContent > div > div > div > input{
	border:solid 0.5pt #000;
	padding:4pt;
	width:30pt;
	text-align:center;
}

div.Title > button.Help{
	background:url(../Images/Question.png) no-repeat !important;
	background-position:center center !important;
	background-size: 18pt 18pt !important;
	padding:6pt 0pt !important;
	max-width:18pt !important;
	min-width:18pt !important;
	min-height:18pt;
	max-height:18pt;
	top:3pt;
	position:absolute;
	right:3pt;
}

button#btnInstantMessaging{
	width:60pt !important;
}

div#pnlFileUpload{
	height:49pt;
}

div#pnlFileUpload > div{
	position:relative;
}

div#pnlFileUpload > div:last-child{
	background:#fff;
	height:23pt;
}

div#pnlFileUpload > div:last-child > span{
	position:absolute;
	display:block;
	border:solid 0.5pt #000;
	left:0pt;
	right:0pt;
	padding:4pt;
	text-align:center;
}

div#pnlFileUpload > div:last-child > div{
	position:absolute;
	background:#ffc800;
	top:1pt;
    left:1pt;
    padding:5pt;
}

div.View_Image,
div.View_Video{
	top:5pt !important;
	right:5pt !important;
	bottom:5pt !important;
	left:5pt !important;
	width:auto !important;
	height:auto !important;
	width:auto !important;
	max-width:none !important;
}

div.View_Image > div.ViewImageContent,
div.View_Video > div.MessageContent{
	position:absolute;
	top:28pt;
	right:0pt;
	bottom:31pt;
	left:0pt;
}

div.View_Image > div.ViewImageContent > div.ViewImageContainer,
div.View_Video > div.MessageContent > div.ViewImageContainer{
	height:100% !important;
}

div.View_Image > div.ViewImageControls,
div.View_Video > div.MessageControls{
	position:absolute;
	right:0pt;
	bottom:0pt;
	left:0pt;
}

div.VideoTag{
	padding:2pt;
}

div.VideoTag > div{
	display:block !important;
	border:solid 0.5pt #000;
	background:#1c4882;
	width:100%;
	text-align:center;
	color:#fff;
	padding:20pt 2pt;
}

div.VideoDisclaimer{
	padding:4pt 0pt;
	text-align:center;
}

div.Part_List > div.MessageContent,
div.Parts_List > div.MessageContent{
	background:#fff;
}

div.PartsListContainer{
	margin-bottom:5pt;
}

div.PartsListContainer{
	background:#fff;
	max-height:400pt;
	overflow-y:auto;
}

div.PartsListContainer > ol{
	padding:0pt;
	margin:0pt 0pt 0pt 15pt;
}

div.PartsListContainer > ol > li > div{
	display:inline-block;
}

div.PartsListContainer > ol > li > span{
	display:inline;
}

div.PartsListContainer > ol > li.NoPartsUsed{
	
}

div.PartsListContainer > ol > li.ExactPartsUsed{
	color:#006400;
}

div.PartsListContainer > ol > li.TooManyPartsUsed {
	color:#a52a2a;
}

div.ViewImageContent > div.ViewImageContainer > img{
	margin:0pt;
}

div.ImageSelectorContainer > a{
	display:inline-block;
}

div.ImageSelectorContainer > a > img{
	width:100pt !important;
	height:100pt !important;
}

div.Additional_Login_Selection_Required{
	max-width: 600pt !important;
}

div.Additional_Login_Selection_Required > div.MessageContent{
	padding:0pt !important;
}

div.VehicleAccessTypeSelection > div:first-child{
	background: #585863 !important;
	padding:5pt;
	color:#fff;
}

div.VehicleAccessTypeSelection > div:last-child{
	padding:4pt 4pt 0pt 4pt;
}

div.VehicleAccessTypeSelection > div:last-child > button{
	display:block;
	width:100%;
	margin:4pt 0pt;
}

div.VehicleAccessTypeSelection > div:last-child > button:first-child{
	margin-top:0pt;
}

div.VehicleAccessTypeSelection > div:last-child > button:last-child{
	margin-bottom:0pt;
}

div.Information{
	width:350pt !important;
}

div.TextPrompt > div{
	margin-bottom: 5pt;
}

div.TextPrompt > input{
	border: solid 0.5pt #000;
	width: 100%;
	text-transform: uppercase;
}

body.TopBar > div{
	border-bottom:solid 1pt #000;
	background: #35353d;
	color:#fff;
	padding:10pt 4pt 8pt 4pt;
	cursor:move;
	text-overflow:ellipsis;
	font-weight:600;
}

body.TopBar > button{
	position:absolute;
	background-color:#11bade;
	top:1pt;
	right:1pt;
	width:80pt;
	padding:7pt 0pt 8pt 0pt;
}

body.BottomBar{
	background:#eee;
}

/*body.BottomBar > div{
	border-top:solid 1pt #000;
	padding:2pt;
}*/

body.BottomBar > div > button{
	background:#11bade;
	color:#fff;
	padding:12pt 5pt;
	margin:0pt;
	width:100%;
	cursor:pointer;
	outline:none;
}

div#SSO_Options{
	position: absolute;
	right: 1pt;
	left: -3pt;
	margin-top: 15pt;
}

div#SSO_Options > button{
	width: 100%;
}

div#SSO_Options > button#btnAzure{
	background-color: #11bade !important;
	background-size: auto !important;
	background-image:url("../Images/WindowsLogo.png") !important;
	background-position:left center !important;
	background-size:18pt !important;
	background-repeat:no-repeat !important;
	background-position-x:135pt !important;
}

div#lblSSOTitle{
	font-weight: 600;
	font-size: 12pt;
	color: #35353d;
	text-align: center;
	margin-bottom: 10pt;
}

div#lblInstructions{
	font-weight: 600;
	color:#8a8a94;
	text-align: center;
}

div.Add_Question{
	min-width: 600pt !important;
}

div.Add_Question > div.MessageContent > div > input#txtQuestionText{
	border: solid 0.5pt #000;
	margin-top: 5pt;
	width: 100%;
}

div.Reason_for_Stopping{
	width: 450pt !important;
}

div.Reason_for_Stopping > div.MessageContent > div#pnlStopJobReason > div{
	padding: 2pt 0pt 5pt 0pt;
}

div.Reason_for_Stopping > div.MessageContent > div#pnlStopJobReason > textarea{
	padding: 3pt;
	width: 100%;
	height: 100pt;
}

div.AdditionalInformationContainer{
	font-style: italic;
}

div.AdditionalInformationContainer > div:first-child{
	color:#4169e1;
	padding: 5pt 0pt 3pt 0pt;
    font-weight: 600;
}

div.AdditionalInformationContainer > div{
	padding: 0pt 5pt 0pt 0pt;
}

div.Two_Factor_Authentication{
	width: 330pt !important;
}

div.Two_Factor_Authentication > div.MessageContent{
	padding: 0pt;
}

div.Two_Factor_Authentication > div.MessageContent > div.Instruction{

	background-color: #585863;
	color: #fff;
}

div.Two_Factor_Authentication > div.MessageContent > div{
	padding: 4pt;
}

div.Two_Factor_Authentication > div.MessageContent > div > div > input{
	border: solid 0.5pt #808080;
	width: 100%;
}

div.Two_Factor_Authentication > div.MessageContent > div > p > a{
	display: block;
	margin-top: 4pt;
	color: #11bade;
}

div.OutstandingDefectsContainer{
	width: 600pt !important;
}

div.OutstandingDefectsContainer > div.MessageContent > div:first-child{
	padding: 3pt 0pt 3pt 3pt;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer{
	max-height: 150pt;
	overflow-y: scroll;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div{
	padding: 3pt 3pt 0pt 3pt;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > div{
	font-weight: 600;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > div > span{
	display: inline;
	padding: 0pt;
	height: auto;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > ol{
	padding: 0pt 0pt 4pt 15pt;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > ol > li:first-child{
	padding: 3pt 0pt 0pt 0pt;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > ol > li{
	padding: 1pt 0pt;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > ol > li.NONS{
	color: #cc0014;
}

div.OutstandingDefectsContainer > div.MessageContent > div#OutstandingDefectsContainer > div > ol > li.ADVI{
	color: #c48204;
}

div.ImageMapQuestion > div.MessageContent > div.Question{
	border:none;
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){
	/*div#pnlDocumentContainer div#pnlDocument div.HeaderContainer div.HeaderDetailContainer div.HeaderDetail div.Title{
		width: 50pt !important;
	}*/

    div#pnlJobSelection div.ActionControlContainer > div > div > div.Controls button{
		width: 64pt !important;
	}

	div#pnlDocumentContainer div.ActionControlContainer div.Table div div.Controls button{
		width: 54pt !important;
	}

	div#pnlJobSelection div#pnlJobs div#pnlWeekView,
	div#pnlJobSelection div#pnlListView,
	div#pnlDocumentContainer div#pnlDocument{
		bottom: 42pt !important;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    /* This is used */
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    /* This is used */
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    /* This is used */
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* 4k / 5k Montiors only */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    div#pnlFileUpload > div:last-child > span{
		left:0pt;
		right:0pt;
		padding:7pt;
	}

	div#pnlFileUpload > div:last-child > div{
		top:0pt;
		left:0pt;
		padding:7pt;
	}
}