/*

html { height:100%; width:100%; }

*/

#chartContent { position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

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

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


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

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

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


/******************************************************************
	Worksheet
******************************************************************/
.paragon_warranty_form .worksheet .labelcontainer span { display:inline-block; padding:5px 0 5px 0; width:150px; }
.paragon_warranty_form .worksheet .labelcontainer .checkboxlabel { width:auto; }
.paragon_warranty_form .worksheet .labelcontainer .disable { color:#999999; }

.paragon_warranty_form .worksheet input[type=number],
.paragon_warranty_form .group input[type=text],
.paragon_warranty_form .worksheet input[type=text] { padding:5px; width:150px; }

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

/******************************************************************
	Buttons
******************************************************************/
.paragon_warranty_form .topbar, .paragon_warranty .topbar { float:right; }

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

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

.paragon_warranty_form .visionbutton, .paragon_warranty .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;
}

.paragon_warranty .next { text-align:center; }
.paragon_warranty .next span { text-align:center; }
.paragon_warranty .visionbutton.disable span { color: #BCBCBC; }

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

/******************************************************************
	Warranty
*****************************************************************/
.paragon_warranty_form {
	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;
}

.paragon_warranty_form .paragon_warranty_container {
	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; */
}

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

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

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

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

.paragon_warranty_form .paragon_warranty_container li input[type=number], .paragon_warranty_container 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;
}

.paragon_warranty_form .paragon_warranty_container li { font-size:12px; }

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

.paragon_warranty_form .paragon_warranty_container span.checkboxlabel { margin:0 5px 0 0; font-size:13px; }

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

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



/******************   Pages  ******************/
.paragon_warranty_form .content { position:relative; height:calc(100% - 40px); }
.paragon_warranty_form .value1, .paragon_warranty_form .value2 {
	opacity: 0;
	/* transition: opacity 0.5s, transform 1s; */
	transition: opacity 3.0s;
	transform: translate3d(0, 0, 0);
	position:absolute;
	bottom:0;
	left:0;
}

/*********************************************

	This is for the Presentation

*********************************************/
.paragon_warranty { background-color:#FFFFFF; height:100%; }

.paragon_warranty .header { height:40px; width:100%; }
.paragon_warranty .header .topbar { float:right; margin-top:0px; }
.paragon_warranty .header img { position:absolute; bottom:-7px; left:0; width:120px; transition: opacity 1.0s; animation-timing-function: ease-out; opacity:0; }

.paragon_warranty .container_body { position:relative; white-space:nowrap; height:calc(100% - 40px); }
.paragon_warranty .container_body .top { position:relative; width:100%; height:85%; }
.paragon_warranty .container_body .car { position:absolute; width:100%; height:90%; top:0; right:0; transition: opacity 0.5s;   z-index:9050; }
.paragon_warranty .container_body .car img { position:absolute; bottom:0; right:0; width:70%; }
.paragon_warranty .container_body .bottom { position:absolute; bottom:0; left:0; height:30%; width:100%; background-color: #92ADDC; z-index:5003; }

.paragon_warranty .col1 { position:relative; float:left; height:100%; width:80%; white-space: normal; overflow:hidden; transition: width 1.0s; z-index:5005; }
.paragon_warranty .col2 { position:relative; float:left; height:100%; width:20%; background-color:#DBDBDB;  white-space: normal; transition: width 1.0s; z-index:9000; }

.paragon_warranty .col1 .blue { position:relative; position:relative; background-color: #4471C4; width:100%; height:100%; opacity:0.8; z-index:5002; }

.paragon_warranty .container_body .blue .left_images { text-align:center; transition: opacity 0.5s; transition-delay: 0s; opacity:0; color:#FFFFFF; width:100%; height:100%; white-space: normal; overflow:hidden; }
.paragon_warranty .container_body .blue .left_images .images { position:absolute; top:70px; left:0; width:100%; height:100%; transition: opacity 0.5s; opacity:0; }
.paragon_warranty .container_body .blue .left_images .images img { width:90%; height:90%; }
.paragon_warranty .container_body .blue .titlearea { position:absolute; top:10%; left:10%; transition: opacity 0.5s; vertical-align: middle; white-space:nowrap; z-index:5004; }

.paragon_warranty .container_body .blue .title { display:inline-block; vertical-align: middle;  box-sizing: border-box; font-size:4.5em; margin:0 40px 0 20px; font-weight:normal; color:#FFFFFF; }
.paragon_warranty .container_body .blue .description { display:inline-block; box-sizing: border-box; vertical-align: middle; opacity:0.6; font-size:1.5em;  font-style:italic; color:#FFFFFF; }

.paragon_warranty .col2 > div {
	font-size: 16px;
	display:block;
	/* transform-origin: 0 0; */
	transition:  margin, opacity 1.0s 0s, font-size 2.0s, transform 1s;
	/* transform: translate3d(0, 0, 0); */
	animation-timing-function: ease-out;
	/* text-align:center; */
	z-index:5006;
}

/*
	transform: scale(10) translate3d(calc(200px/10), calc(-300px/10), 0);
*/


/*********************************
	Defaults
********************************	*/
.paragon_warranty .label, .paragon_warranty .value { font-size: 3.0em; display:inline-block; }
.paragon_warranty .label { min-width:35vw; }
.paragon_warranty .value { margin:0 0 0 0; }

.paragon_warranty .msg1 { color: #006FC0; margin: 20px 1vw 20px 2vw; opacity: 0; }
.paragon_warranty .msg2 { color: #098E48; margin:0 1vw 20px 2vw; opacity: 0; }
.paragon_warranty .msg3 { color: #FB0201; margin:0 1vw 0 2vw; opacity: 0; }
.paragon_warranty .msg4 { color: #FB0201; margin:0 1vw 40px 2vw; opacity: 0; }
.paragon_warranty .msg5 { color: #FB0201; margin:0 1vw 0 2vw; opacity: 0; }

.paragon_warranty .container_body .blue .left_images .images { opacity: 0; }
.paragon_warranty .container_body .blue .left_images .images img:last-child { margin-top:50px; }


.paragon_warranty .container_body .blue .left_images .images[show="1"] { opacity: 1; }

	/*********************************
		Page 3 - Page 6
	********************************	*/
	.paragon_warranty .container_body .col1[pagenum="3"],
	.paragon_warranty .container_body .col1[pagenum="4"],
	.paragon_warranty .container_body .col1[pagenum="5"],
	.paragon_warranty .container_body .col1[pagenum="6"],
	.paragon_warranty .container_body .col1[pagenum="7"] { width: 25%; }

	.paragon_warranty .container_body .col2[pagenum="3"],
	.paragon_warranty .container_body .col2[pagenum="4"],
	.paragon_warranty .container_body .col2[pagenum="5"],
	.paragon_warranty .container_body .col2[pagenum="6"],
	.paragon_warranty .container_body .col2[pagenum="7"] { width: 75%; }

	.paragon_warranty .container_body .blue .titlearea[pagenum="3"],
	.paragon_warranty .container_body .blue .titlearea[pagenum="4"],
	.paragon_warranty .container_body .blue .titlearea[pagenum="5"],
	.paragon_warranty .container_body .blue .titlearea[pagenum="6"],
	.paragon_warranty .container_body .blue .titlearea[pagenum="7"] { opacity: 0; }

	.paragon_warranty .container_body .gray[pagenum="3"],
	.paragon_warranty .container_body .gray[pagenum="4"],
	.paragon_warranty .container_body .gray[pagenum="5"],
	.paragon_warranty .container_body .gray[pagenum="6"],
	.paragon_warranty .container_body .gray[pagenum="7"] { background-color: #EDEDED; }

	.paragon_warranty .container_body .car[pagenum="3"],
	.paragon_warranty .container_body .car[pagenum="4"],
	.paragon_warranty .container_body .car[pagenum="5"],
	.paragon_warranty .container_body .car[pagenum="6"],
	.paragon_warranty .container_body .car[pagenum="7"] { opacity: 0; }

	.paragon_warranty .header img[pagenum="3"],
	.paragon_warranty .header img[pagenum="4"],
	.paragon_warranty .header img[pagenum="5"],
	.paragon_warranty .header img[pagenum="6"],
	.paragon_warranty .header img[pagenum="7"] { opacity: 1; }

	.paragon_warranty .container_body .blue .left_images[pagenum="3"],
	.paragon_warranty .container_body .blue .left_images[pagenum="4"],
	.paragon_warranty .container_body .blue .left_images[pagenum="5"],
	.paragon_warranty .container_body .blue .left_images[pagenum="6"],
	.paragon_warranty .container_body .blue .left_images[pagenum="7"] { opacity: 1; }

	.paragon_warranty .msg1[pagenum="3"],
	.paragon_warranty .msg1[pagenum="4"],
	.paragon_warranty .msg1[pagenum="5"] { opacity: 1; }

	.paragon_warranty .msg4[pagenum="3"],
	.paragon_warranty .msg4[pagenum="4"],
	.paragon_warranty .msg4[pagenum="5"] { opacity: 1; }

	.paragon_warranty .msg2[pagenum="4"],
	.paragon_warranty .msg2[pagenum="5"] { opacity: 1; }

	.paragon_warranty .msg5[pagenum="4"],
	.paragon_warranty .msg5[pagenum="5"] { opacity: 1; }

	.paragon_warranty .msg3[pagenum="5"] { opacity: 1; }



/* iPad Pro Portrait */
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	/* .paragon_warranty .label { width:30vw; } */
	.paragon_warranty .info { color:black; }

	.paragon_warranty .label { display:block; font-size: 4.0vh; }
	.paragon_warranty .value { font-size: 4.0vh; }

	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom:30px; }
	.paragon_warranty .msg4 { margin-bottom:60px; }
}

/* iPad Pro Landscape */
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
	/* .paragon_warranty .label { width:30vw; } */
	.paragon_warranty .info { color:black; }

	.paragon_warranty .label { display:block; font-size: 2.5em; }
	.paragon_warranty .value { font-size: 2.5em; }

	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom:20px; }
	.paragon_warranty .msg4 { margin-bottom:40px; }
}

/* iPad Landscape */
@media (min-width: 737px) and (max-width: 1024px) and (orientation: landscape) {
  	.paragon_warranty .info { color:black; }

	.paragon_warranty .label { width:45vw; }
	.paragon_warranty .container_body { height:100%; }

	.paragon_warranty .label { font-size: 4.2vh; }
	.paragon_warranty .value { font-size: 4.2vh; }

	/* Enlarge the gap between the messages */
	/* Enlarge the gap between the messages */
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom:20px; }
	.paragon_warranty .msg4 { margin-bottom:50px; }
}

/* iPad Portrait */
@media (min-width: 737px) and (max-width: 1023px) and (orientation: portrait) {
  	.paragon_warranty .info { color:black; }

	.paragon_warranty .container_body { height:100%; }

	.paragon_warranty .label { width:auto; }
	.paragon_warranty .label, .paragon_warranty .value { display:block; }

	.paragon_warranty .label { font-size: 4.0vh; }
	.paragon_warranty .value { font-size: 4.0vh; }


	/* Enlarge the gap between the messages */
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom:30px; }
	.paragon_warranty .msg4 { margin-bottom:60px; }
}

/* iPhone landscape */
@media (min-width: 375px) and (max-width: 736px) and (orientation: landscape) {
	.paragon_warranty .info { color:black; }

	.paragon_warranty .container_body { height:100%; }

	.paragon_warranty .container_body .blue .title { display:block; font-size: 4.0em; }
	.paragon_warranty .container_body .blue .description { display:block; }

	.paragon_warranty .container_body .blue .left_images .images img:last-child { margin-top:10px; }

	.paragon_warranty .msg1,
	.paragon_warranty .msg2,
	.paragon_warranty .msg3 { margin-top: 0; margin-bottom: 10px; }

	.paragon_warranty .label { display:block; font-size: 1.0em; }
	.paragon_warranty .value { font-size: 1.0em;}

	.paragon_warranty .msg4 .label,
	.paragon_warranty .msg4 .value,
	.paragon_warranty .msg5 .label,
	.paragon_warranty .msg5 .value { display: block; font-size: 1.0em; }

	/* Enlarge the gap between the messages */
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom: 10px; }
	.paragon_warranty .msg4 { margin-bottom: 10px; }
}


/* iPhone portrait */
@media (min-width: 375px) and (max-width: 736px)and (orientation: portrait) {
	.paragon_warranty .info { color:black; }

	.paragon_warranty .container_body { height:100%; }

	.paragon_warranty .container_body .blue .title { display:block; font-size: 4.0em; }
	.paragon_warranty .container_body .blue .description { display:block; font-size:1.2em; }

	.paragon_warranty .label { font-size: 2.0vh; width:auto; }
	.paragon_warranty .label, .paragon_warranty .value { display:block; font-size: 4.6vh; }

	.paragon_warranty .msg4 .label,
	.paragon_warranty .msg4 .value,
	.paragon_warranty .msg5 .label,
	.paragon_warranty .msg5 .value { display:block; font-size: 3.0vh; }

	/* Enlarge the gap between the messages */
	.paragon_warranty .msg1 { margin-top: 20px; }
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom: 30px; }
	.paragon_warranty .msg4 { margin-bottom: 20px; }

	.paragon_warranty .title1, .paragon_warranty .title2 { font-size: 0.8em; }
}

/* Small phone landscape */
@media (min-width: 376px) and (max-width: 735px) and (orientation: landscape) {
	.paragon_warranty .info { color:black; }

	.paragon_warranty .container_body { height:100%; }

	.paragon_warranty .container_body .blue .title { display:block; font-size:4.0em; }
	.paragon_warranty .container_body .blue .description { display:block; }

	.paragon_warranty .container_body .blue .left_images .images img:last-child { margin-top:10px; }

	.paragon_warranty .msg1,
	.paragon_warranty .msg2,
	.paragon_warranty .msg3 { margin-bottom: 10px; }

	.paragon_warranty .label { display:block; font-size: 1.0em; }
	.paragon_warranty .value { font-size: 1.0em;}

	.paragon_warranty .msg4 .label,
	.paragon_warranty .msg4 .value,
	.paragon_warranty .msg5 .label,
	.paragon_warranty .msg5 .value { display: block; font-size: 1.0em; }

	/* Enlarge the gap between the messages */
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom: 10px; }
	.paragon_warranty .msg4 { margin-bottom: 20px; }

	/*
	.paragon_warranty .msg3 .label,
	.paragon_warranty .msg3 .value { display:block; font-size: 5.0vh; }
	*/


}

/* Small phone portrait */
@media (min-width: 350px) and (max-width: 374px)and (orientation: portrait) {
	.paragon_warranty .info { color:black; }

	.paragon_warranty .container_body { height:100%; }

	.paragon_warranty .container_body .blue .title { display:block; font-size:4.0em; }
	.paragon_warranty .container_body .blue .description { display:block; font-size:1.2em; }

	.paragon_warranty .label { width: auto; }
	.paragon_warranty .label, .paragon_warranty .value { display:block; font-size: 3.5vh; }


	/* Enlarge the gap between the messages */
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom:10px; }
	.paragon_warranty .msg4 { margin-bottom:40px; }

	.paragon_warranty .msg4 .label,
	.paragon_warranty .msg4 .value,
	.paragon_warranty .msg5 .label,
	.paragon_warranty .msg5 .value { display:block; font-size: 3.2vh; }
	.paragon_warranty .msg1, .paragon_warranty .msg2 { margin-bottom: 30px; }
	.paragon_warranty .msg4 { margin-bottom: 20px; }

	.paragon_warranty .title1, .paragon_warranty .title2 { font-size: 0.8em; }
}