.warranty_container #ui-datepicker-div { font-size:13px; }
.warranty_container .ui-widget-header { background-color:#296BE7; color:white; }

.warranty_container .ui-datepicker-title { color:#000000; }

.warranty_container .buttoncontainer { float:right; }
.warranty_container .summary { position:absolute; left:10px; bottom:10px; z-index:12; font-size:11px; color:#B70000; }



.warranty_container ul { list-style-type:none; padding:0; margin:0; }
.warranty_container li { display:inline-block; white-space:nowrap; color:#000000; font-size:14px; }

.warranty_container #center { height:100%; }
.warranty_container #chartContent { height:100%; }

.warranty_container input:read-only { border: 1px solid #C9C9C9; color:#888888; }

/******************************************************************
	Worksheet
******************************************************************/
.warranty_container .worksheet .labelcontainer span { display:inline-block; padding:5px 0 5px 0; width:150px; }
.warranty_container .worksheet .labelcontainer .checkboxlabel { width:auto; }
.warranty_container .worksheet .labelcontainer .disable { color:#999999; }
.warranty_container .worksheet input[type=number],
.warranty_container .group input[type=text], .worksheet input[type=text] { padding:5px; width:150px; }

.warranty_container .group select:not(:read-only),
.warranty_container .group input:not(:read-only),
.warranty_container .worksheet select,
.warranty_container .worksheet input:not(:read-only) { border: 1px solid #296BE7; font-weight:bold; }


/******************************************************************
	Line Chart
******************************************************************/
.warranty_container .salestools_doclinechart { position:absolute; left:0px; top:50px; z-index:11; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_breakinlabelchart { position:absolute; left:0px; top:50px; z-index:10; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_mileagechart { position:absolute; left:0px; top:50px; z-index:9; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_timechart { position:absolute; left:0px; top:50px; z-index:8; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_factorychart { position:absolute; left:0px; top:50px; z-index:7; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_vsclabelschart { position:absolute; left:0px; top:50px; z-index:6; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_breakinchart { position:absolute; left:0px; top:50px; z-index:5; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_linechart { position:absolute; left:0px; top:50px; z-index:4; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_remainingchart { position:absolute; left:0px; top:50px; z-index:3; height:90%; width:100%; margin:0 auto 0 auto; }
.warranty_container .salestools_vscchart { position:absolute; left:0px; top:50px; z-index:2; height:90%; width:100%; margin:0 auto 0 auto; }

.warranty_container .salestools_background { position:absolute; left:0px; top:50px; z-index:1; height:90%; width:100%; margin:0 auto 0 auto; }


.warranty_container .overlay-text {
	position: absolute; width:170px;
}

/******************************************************************
	Buttons
******************************************************************/
.warranty_container .topbar { float:right; }

.warranty_container .visionbutton { height:30px; }
.warranty_container .visionbutton:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.warranty_container .visionbutton:nth-child(n+1) { background-color:#879ADE; margin:0 20px 10px 20px; }

.warranty_container .visionbutton img { display:inline-block; vertical-align:middle; margin-left:5px; }
.warranty_container .visionbutton span { display:inline-block; vertical-align:middle; margin:0 12px 0 6px; }

.warranty_container .visionbutton {
	position:relative;
	display: inline-block;
	cursor:pointer;
	width:auto;
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	font-family:Arial, Helvetica, sans-serif;

	background-color:#4B4B4B;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;

	/* Prevent from selecting text in the button */
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.warranty_container .next { text-align:center; }
.warranty_container .next span { text-align:center; }
.warranty_container .visionbutton span.disabled { color: #BCBCBC; }

/******************************************************************
	Inservice Date Test Data
*****************************************************************/
.warranty_container .labelcontainer { display:inline-block;  }
.warranty_container .labelcontainer:last-child { margin-left:0;  }
.warranty_container .labelcontainer > div { font-size:11px; }


/******************************************************************
	Warranty
*****************************************************************/


.warranty_container {
	width:100%; height:calc(100% - 40px); padding-top:10px;
	overflow:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.warranty_container .warranty_form {
	padding:10px 0 10px 10px;
	background-color:#FFFFFF;
	width:800px;

	margin:50px auto 0 auto;

	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; /* 10px 10px 5px 10px / 10px 5px 10px 5px; */
}

.warranty_container .warranty_form .title { font-size:20px; font-weight:bold; margin:0 0 10px 0; }

.warranty_container .warranty_form .worksheet { padding:0 0 10px 0; margin-top:10px; }
.warranty_container .warranty_form .worksheet .title { font-size:14px; }

.warranty_container .warranty_form .group:nth-child(n+2) { margin-top:10px; border-style:solid; border-color:#CCCCCC; border-width:1px 0 0 0; }
.warranty_container .warranty_form .group ul { margin-top:5px; }

/* Column Headers */
.warranty_container .warranty_form .group ul:first-child li { font-size:12px; font-weight:bold; color:#296BE7; }

.warranty_container .warranty_form li input[type=number], .warranty_form li input[type=text] { font-size:12px; color:#000000; width:100px; padding:3px;
	background-color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.warranty_container .warranty_form li { font-size:12px; }

.warranty_container .warranty_form li:nth-child(n+2) span { display:inline-block; padding:2px 5px 2px 5px; }
.warranty_container .warranty_form li:nth-child(1) { width:220px; }
.warranty_container .warranty_form li:nth-child(2) { width:200px; }
.warranty_container .warranty_form li:nth-child(3) { width:200px; }

.warranty_container .warranty_form span.checkboxlabel { margin:0 5px 0 0; font-size:13px; }

/******************************************************************
	Extended Service Contract Form
*****************************************************************/
.warranty_container .svccontracts ul li select { padding:3px 7px 3px 7px; }
.warranty_container .svccontracts ul:nth-child(n+2) { margin-top:10px; }
.warranty_container .svccontracts ul li:first-child { font-size:12px; font-weight:bold; color: #296BE7; }
.warranty_container .svccontracts ul li:nth-child(n+2) { font-size:12px; }
.warranty_container .svccontracts ul li input { display:inline-block; vertical-align:middle; margin-right:5px; }

.warranty_container .lifetime { margin-right:5px; }
.warranty_container .lifetime_container li { min-height:20px; }