/*
* jQuery Mobile 1.4.0pre
* Git HEAD hash: 6ec5491558c01b16dffdd805ff6d4d2e2d30857b <> Date: Mon May 6 2013 09:25:04 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/

/* B

-----------------------------------------------------------------------------------------------------------*/

* {
	font-family: Helvetica;
	font-size:20px;
}
a {
	text-decoration: none;
}

/***************icons***************************/
@font-face {
	font-family: icomoon;
	src:url('/static/img/general/mobile_site_icons/fonts/Via-International-Web-Icons.eot?-l0hjkh');
	src:url('/static/img/general/mobile_site_icons/fonts/Via-International-Web-Icons.eot?#iefix-l0hjkh') format('embedded-opentype'),
		url('/static/img/general/mobile_site_icons/fonts/Via-International-Web-Icons.woff?l0hjkh') format('woff'),
		url('/static/img/general/mobile_site_icons/fonts/Via-International-Web-Icons.ttf?l0hjkh') format('truetype'),
		url('/static/img/general/mobile_site_icons/fonts/Via-International-Web-Icons.svg?l0hjkh#Via-International-Web-Icons') format('svg');
		font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],[class^="mobicon-"],[class*=" mobicon-"] {
	font-family: icomoon !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-ViaLogo:before {
	content: "\e600";
}
.icon-filter:before {
    content: '\e66c';
}

.icon-LeftCaret:before {
    content: '\e60b';
}
.icon-NavDrawerClosed:before {
	content: "\e62c";
}

.icon-NavDrawerOpened:before {
	content: "\e66b";
}
.icon-mail:before {
	content: "\e607";
}
.icon-call:before {
	content: "\e606";
}
.icon-FilterDownArrow:after {
	content: "\e914";
}

.icon-FilterUpArrow:after {
	content: "\e915";
}
.icon-Before10:before {
	content: "\e645";
}

.icon-am-3pm:before {
	content: "\e647";
}

.icon-pm-8pm:before {
	content: "\e646";
}

.icon-After8pm:before {
	content: "\e648";
}

.icon-NonStop:before {
	content: "\e92a";
}

.icon-OneStop:before {
	content: "\e92b";
}

.icon-TwoStop:before {
	content: "\e92d";
}

.icon-Twoplus:before {
	content: "\e92c";
}
.icon-OneWay-Flight:before {
    content: '\e614';
}

.icon-TwoWay-Flight:before {
    content: '\e616';
}

.icon-Calendar:before {
    content: '\e613';
}

.icon-Hotel:before,.icon-Hotels:before {
    content: '\e602';
}

.icon-Holidays:before {
    content: '\e604';
}

.icon-bus:before,.icon-Bus:before {
    content: '\e603';
}

.icon-train:before,.icon-KERETA-API:before {
	content: '\e678';
}

.icon-MultiAirlines:before {
    content: '\e680';
}

.icon-Mytrips:before {
    content: '\e920';
}

.icon-SwimmingPool:before {
    content: '\e667';
}

.icon-Edit:before{
    content: '\e68d';
}

.icon-TravelDesk:before{
	content: '\e668';
}

.icon-Flights:before {
    content: '\e601';
}

.icon-UserProfileGeneral:before {
    content: '\e63b';
}

.icon-Signout:before {
    content: '\e638';
}

.icon-Chat:before {
    content: '\e693';
}

.icon-MyAccount:before {
    content: '\e672';
}

.icon-print:before {
	content: '\e635';
}

.icon-search:before {
	content: '\e676';
}

.icon-flightSlanted:before {
	content: '\e618';
}

.icon-Rightarrowthin:before {
	content :'\e60c';
}

.icon-UserSmall:before {
	content: '\e632';
}

.icon-eye:before {
	content: '\e68f';
}

.icon-Rightarrowthin:before {
	content: '\e60c';
}

.icon-leftarrowthin:before {
	content: '\e60b';
}

.icon-Visa:before {
    content: '\e62e';
}

.icon-RoundTick:before {
    content: '\e675';
}

.icon-alert:before {
    content: '\e61e';
}

.icon-Card-General:before {
	content: '\e62d';
}

.icon-Mastercard:before {
	content: '\e630';
}

.icon-Maestro:before {
	content: '\e62f';
}

.icon-JCB:before {
	content: '\e682';
}

.icon-Amex:before {
	content: '\e631';
}

.icon-Plus:before {
	content: '\e611';
}
.icon-RecentSearch:before {
	content: "\e677";	
}
/***************icons***************************/
.ui-bar-b {
	border: 1px solid 		#456f9a /*{b-bar-border}*/;
	color: 					#fff /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-b .ui-link-inherit {
	color: 	#fff /*{b-bar-color}*/;
}
.ui-bar-b a.ui-link {
	color: #ddf0f8 /*{b-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-b a.ui-link:visited {
    color: #ddf0f8 /*{b-bar-link-visited}*/;
}
.ui-bar-b a.ui-link:hover {
	color: #ddf0f8 /*{b-bar-link-hover}*/;
}
.ui-bar-b a.ui-link:active {
	color: #ddf0f8 /*{b-bar-link-active}*/;
}
.ui-body-b,
.ui-overlay-b {
	border: 1px solid 		#999 /*{b-body-border}*/;
	background: 			#f3f3f3 /*{b-body-background-color}*/;
	color: 					#222 /*{b-body-color}*/;
	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
}
.ui-overlay-b {
	background-image: none;
	border-width: 0;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-b .ui-link-inherit {
	color: 	#333 /*{b-body-color}*/;
}
.ui-body-b .ui-link {
	color: #2489ce /*{b-body-link-color}*/;
	font-weight: bold;
}
.ui-body-b .ui-link:visited {
    color: #2489ce /*{b-body-link-visited}*/;
}
.ui-body-b .ui-link:hover {
	color: #2489ce /*{b-body-link-hover}*/;
}
.ui-body-b .ui-link:active {
	color: #2489ce /*{b-body-link-active}*/;
}
/*.ui-btn-up-b {
	border: 1px solid 		#044062 ;
	background: 			#396b9e ;
	font-weight: bold;
	color: 					#fff ;
	text-shadow: 0 1px 0 #194b7e;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 ), to( #396b9e ));
	background-image: -webkit-linear-gradient( #5f9cc5 , #396b9e ); 
	background-image:    -moz-linear-gradient( #5f9cc5 , #396b9e ); 
	background-image:     -ms-linear-gradient( #5f9cc5 , #396b9e
	background-image:      -o-linear-gradient( #5f9cc5 , #396b9e
	background-image:         linear-gradient( #5f9cc5 , #396b9e
}*/
.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
	color: 					#fff /*{b-bup-color}*/;
}
.ui-btn-hover-b {
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
}
.ui-btn-hover-b:visited,
.ui-btn-hover-b:hover,
.ui-btn-hover-b a.ui-link-inherit {
	color: 					#fff /*{b-bhover-color}*/;
}
/*.ui-btn-down-b {
	border: 1px solid 		#225377 ;
	background: 			#4e89c5 ;
	font-weight: bold;
	color: 					#fff ;
	text-shadow: 0 1px 0 #194b7e ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e ), to( #3e79b5 )); 
	background-image: -webkit-linear-gradient( #295b8e , #3e79b5 );
	background-image:    -moz-linear-gradient( #295b8e , #3e79b5 );
	background-image:     -ms-linear-gradient( #295b8e , #3e79b5 );
	background-image:      -o-linear-gradient( #295b8e , #3e79b5 );
	background-image:         linear-gradient( #295b8e , #3e79b5 );
}*/
.ui-btn-down-b:visited,
.ui-btn-down-b:hover,
.ui-btn-down-b a.ui-link-inherit {
	/*color: 					#fff*/ /*{b-bdown-color}*/;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

/* D
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-d {
	border: 1px solid 		#bbb /*{d-bar-border}*/;
	background: 			#bbb /*{d-bar-background-color}*/;
	color: 					#333 /*{d-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
}
.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-d .ui-link-inherit {
	color: 	#333 /*{d-bar-color}*/;
}
.ui-bar-d a.ui-link {
	color: #2489ce /*{d-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-d a.ui-link:visited {
    color: #2489ce /*{d-bar-link-visited}*/;
}
.ui-bar-d a.ui-link:hover {
	color: #2489ce /*{d-bar-link-hover}*/;
}
.ui-bar-d a.ui-link:active {
	color: #2489ce /*{d-bar-link-active}*/;
}
.ui-body-d,
.ui-overlay-d {
	border: 1px solid 		#bbb /*{d-body-border}*/;
	color: 					#333 /*{d-body-color}*/;
	text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ 	#fff /*{d-body-shadow-color}*/;
	background: 			#fff /*{d-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
}
.ui-overlay-d {
	background-image: none;
	border-width: 0;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d .ui-link-inherit {
	color: 	#333 /*{d-body-color}*/;
}
.ui-body-d .ui-link {
	color: #2489ce /*{d-body-link-color}*/;
	font-weight: bold;
}
.ui-body-d .ui-link:visited {
    color: #2489ce /*{d-body-link-visited}*/;
}
.ui-body-d .ui-link:hover {
	color: #2489ce /*{d-body-link-hover}*/;
}
.ui-body-d .ui-link:active {
	color: #2489ce /*{d-body-link-active}*/;
}
.ui-btn-up-d {
	border: 1px solid 		#bbb /*{d-bup-border}*/;
	background: 			#fff /*{d-bup-background-color}*/;
	font-weight: bold;
	color: 					#333 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
}
.ui-btn-up-d:visited,
.ui-btn-up-d a.ui-link-inherit {
	color: 					#333 /*{d-bup-color}*/;
}
.ui-btn-hover-d {
	border: 1px solid 		#aaa /*{d-bhover-border}*/;
	background: 			#eee /*{d-bhover-background-color}*/;
	font-weight: bold;
	color: 					#333 /*{d-bhover-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ 	#fff /*{d-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
}
.ui-btn-hover-d:visited,
.ui-btn-hover-d:hover,
.ui-btn-hover-d a.ui-link-inherit {
	color: 					#333 /*{d-bhover-color}*/;
}
.ui-btn-down-d {
	border: 1px solid 		#aaa /*{d-bdown-border}*/;
	background: 			#eee /*{d-bdown-background-color}*/;
	font-weight: bold;
	color: 					#333 /*{d-bdown-color}*/;
	text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ 	#fff /*{d-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
}
.ui-btn-down-d:visited,
.ui-btn-down-d:hover,
.ui-btn-down-d a.ui-link-inherit {
	color: 					#333 /*{d-bdown-color}*/;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

/* Structure */
/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/
a.ui-link-inherit {
	text-decoration: none !important;
}
/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
	color: 					#fff /*{global-active-color}*/;
}
/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-inner {
	border-top: 1px solid 	#fff;
	border-color: 			rgba(255,255,255,.3);
}
/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/
.ui-corner-all {
	-webkit-border-radius: 				.6em /*{global-radii-blocks}*/;
	border-radius: 						.6em /*{global-radii-blocks}*/;
}
/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
	border-color: rgb(130,130,130);
	border-color: rgba(130,130,130,.3);
	border-style: solid;
}
/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
	filter: Alpha(Opacity=30);
	opacity: .3;
	zoom: 1;
}
.ui-disabled,
.ui-disabled a {
	cursor: default !important;
	pointer-events: none;
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon,
.ui-icon-searchfield:after {
	background-color: 						#666 /*{global-icon-color}*/;
	background-color: 						rgba(0,0,0,.4) /*{global-icon-disc}*/;
	background-image: url(/static/img/mobile/icons-18-white.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}
/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt .ui-icon,
.ui-icon-alt .ui-icon-searchfield:after {
	background-color: 						#fff;
	background-color: 						rgba(255,255,255,.3);
	background-image: url(/static/img/mobile/icons-18-black.png);
	background-repeat: no-repeat;
}
/* No disc
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-nodisc .ui-icon,
.ui-icon-nodisc .ui-icon-searchfield:after,
.ui-icon-nodisc .ui-icon-alt .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
	background-color: transparent;
}
/* Icon sprite
-----------------------------------------------------------------------------------------------------------*/
/* plus minus */
.ui-icon-plus {
	background-position: 	-1px -1px;
}
.ui-icon-minus {
	background-position: 	-37px -1px;
}
/* delete/close */
.ui-icon-delete {
	background-position: 	-73px -1px;
}
/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px -1px;
}
.ui-icon-arrow-l {
	background-position: 	-144px -1px;
}
.ui-icon-arrow-u {
	background-position: 	-180px -1px;
}
.ui-icon-arrow-d {
	background-position: 	-216px -1px;
}
/* misc */
.ui-icon-check {
	background-position: 	-252px -1px;
}
.ui-icon-gear {
	background-position: 	-288px -1px;
}
.ui-icon-refresh {
	background-position: 	-323px -1px;
}
.ui-icon-forward {
	background-position: 	-360px -1px;
}
.ui-icon-back {
	background-position: 	-396px -1px;
}
.ui-icon-grid {
	background-position: 	-432px -1px;
}
.ui-icon-star {
	background-position: 	-467px -1px;
}
.ui-icon-alert {
	background-position: 	-503px -1px;
}
.ui-icon-info {
	background-position: 	-539px -1px;
}
.ui-icon-home {
	background-position: 	-575px -1px;
}
/* search */
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-611px -1px;
}
/* checkbox radio */
.ui-icon-checkbox-on {
	background-position: 	-647px -1px;
}
.ui-icon-checkbox-off {
	background-position: 	-683px -1px;
}
.ui-icon-radio-on {
	background-position: 	-718px -1px;
}
.ui-icon-radio-off {
	background-position: 	-754px -1px;
}
/* menu edit */
.ui-icon-bars {
	background-position: 	-788px -1px;
}
.ui-icon-edit {
	background-position: 	-824px -1px;
}
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
	.ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(/static/img/mobile//icons-36-white.png);
		-moz-background-size: 864px 18px;
		-o-background-size: 864px 18px;
		-webkit-background-size: 864px 18px;
		background-size: 864px 18px;
	}
	.ui-icon-alt .ui-icon {
		background-image: url(/static/img/mobile//icons-36-black.png);
	}
	.ui-icon-plus {
		background-position: 	0 50%;
	}
	.ui-icon-minus {
		background-position: 	-36px 50%;
	}
	.ui-icon-delete {
		background-position: 	-72px 50%;
	}
	.ui-icon-arrow-r {
		background-position: 	-108px 50%;
	}
	.ui-icon-arrow-l {
		background-position: 	-144px 50%;
	}
	.ui-icon-arrow-u {
		background-position: 	-179px 50%;
	}
	.ui-icon-arrow-d {
		background-position: 	-215px 50%;
	}
	.ui-icon-check {
		background-position: 	-252px 50%;
	}
	.ui-icon-gear {
		background-position: 	-287px 50%;
	}
	.ui-icon-refresh {
		background-position: 	-323px 50%;
	}
	.ui-icon-forward {
		background-position: 	-360px 50%;
	}
	.ui-icon-back {
		background-position: 	-395px 50%;
	}
	.ui-icon-grid {
		background-position: 	-431px 50%;
	}
	.ui-icon-star {
		background-position: 	-467px 50%;
	}
	.ui-icon-alert {
		background-position: 	-503px 50%;
	}
	.ui-icon-info {
		background-position: 	-538px 50%;
	}
	.ui-icon-home {
		background-position: 	-575px 50%;
	}
	.ui-icon-search,
	.ui-icon-searchfield:after {
		background-position: 	-611px 50%;
	}
	.ui-icon-checkbox-on {
		background-position: 	-647px 50%;
	}
	.ui-icon-checkbox-off {
		background-position: 	-683px 50%;
	}
	.ui-icon-radio-on {
		background-position: 	-718px 50%;
	}
	.ui-icon-radio-off {
		background-position: 	-754px 50%;
	}
	.ui-icon-bars {
		background-position: 	-788px 50%;
	
	}.ui-icon-edit {
		background-position: 	-824px 50%;
	}
}
/* checks,radios */
.ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-icon-checkbox-off,
.ui-icon-radio-off {
	background-color: transparent;	
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
	background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}
/* loading icon */
.ui-icon-loading {
	background: url(/static/img/mobile/ajax-loader.gif);
	background-size: 46px 46px;
}
/* Button corner class
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-corner-all {
	-webkit-border-radius: 				1em /*{global-radii-buttons}*/;
	border-radius: 						1em /*{global-radii-buttons}*/;
}
/* radius clip workaround for cleaning up corner trapping */
.ui-corner-all,
.ui-btn-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/
.ui-overlay {
	background: #666;
	filter: Alpha(Opacity=50);
	opacity: .5;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
.ui-shadow {
	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.2) /*{global-box-shadow-color}*/
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0 1px 0 					rgba(255,255,255,.3);
}
.ui-shadow-inset {
	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0 1px 0 					rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus, .ui-link-inherit:focus {
	outline: 0;
}
.ui-btn.ui-focus {
	z-index: 1;
}
.ui-focus,
.ui-btn:focus {
	-moz-box-shadow: inset 0 0 3px 		#387bbe /*{global-active-background-color}*/, 0 0 9px 		#387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0 0 3px 	#387bbe /*{global-active-background-color}*/, 0 0 9px 		#387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0 0 3px 			#387bbe /*{global-active-background-color}*/, 0 0 9px 		#387bbe /*{global-active-background-color}*/;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
	-moz-box-shadow: 0 0 12px 			#387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: 0 0 12px 		#387bbe /*{global-active-background-color}*/;
	box-shadow: 0 0 12px 					#387bbe /*{global-active-background-color}*/;	
}
/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/
.ui-mobile-nosupport-boxshadow * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
	outline-width: 1px;
	outline-style: auto;
}
/* slider tooltip
-----------------------------------------------------------------------------------------------------------*/
.ui-slider .ui-btn-inner {
	padding: 5px 0 0 0 !important;
	font-size:.8em;
}
.ui-slider-popup {
	width: 64px;
	height: 64px;
	font-size: 36px;
	padding-top: 14px;
	opacity: 0.8;
}
/* Dimensions related to the popup arrow
-----------------------------------------------------------------------------------------------------------*/
/* desired triangle height: 10px */
/**
 * guide for the arrow - its width, height, and offset are theme-dependent and
 * should be expessed as left, right, top, bottom, so that the element bearing
 * such a class becomes stretched inside its parent position: relative element.
 * The left/top/right/bottom specified below should reflect the corresponding
 * border radii and so it leaves room for the shadow:
 *     ..--------------------..
 *   ."        ^ top           ".
 *  /          v                 \
 * |     +------------------+     |
 * |     |                  |     |
 * | left|                  |right|
 * |<--->|                  |<--->|
 * |     +------------------+     |
 *  \          ^                 /
 *   `.        v bottom        .'
 *     ""--------------------""
 * The idea is that the top/left of the arrow container box does not move to a
 * coordinate smaller than the top/left of the guide and the right/bottom of
 * the arrow container box does not move to a coordinate larger than the
 * bottom/right of the guide. This will help us avoid the following situation:
 *        ..--------------------..
 *      ."        ^ top           ".
 *   /|/          v                 \
 *  / |     +------------------+     |
 *  \ |     |                  |     |
 *   \| left|                  |right|
 *    |<--->|                  |<--->|
 *    |     +------------------+     |
 *     \          ^                 /
 *      `.        v bottom        .'
 *        ""--------------------""
 * The arrow should not receive a top/left coordinate such that it is too close
 * to one of the corners, because then at first the shadow of the arrow and,
 * given a coordinate even closer to the corner, even the body of the arrow will
 * "stick out" of the corner of the popup. The guide provides a hint to the
 * arrow positioning code as to which range of values is acceptable for the
 * arrow container's top/left coordinate.
 **/
.ui-popup.ui-corner-all > .arrow-guide {
	left: .6em /*{global-radii-blocks}*/;
	right: .6em /*{global-radii-blocks}*/;
	top: .6em /*{global-radii-blocks}*/;
	bottom: .6em /*{global-radii-blocks}*/;
}
.arrow-container {
	width: 20px;
	height: 20px;
}
/* aside from the "infinities" (-1000,2000), triangle height is used */
.arrow-container.l {
	left: -10px;
	clip: rect(-1000px,10px,2000px,-1000px);
}
.arrow-container.ie.l {
	clip: rect(-1000px 10px 2000px -1000px);
}
.arrow-container.t {
	top: -10px;
	clip: rect(-1000px,2000px,10px,-1000px);
}
.arrow-container.ie.t {
	clip: rect(-1000px 2000px 10px -1000px);
}
.arrow-container.r {
	right: -10px;
	clip: rect(-1000px,2000px,2000px,10px);
}
.arrow-container.ie.r {
	clip: rect(-1000px 2000px 2000px 10px);
}
.arrow-container.b {
	bottom: -10px;
	clip: rect(10px,2000px,1000px,-1000px);
}
.arrow-container.ie.b {
	clip: rect(10px 2000px 1000px -1000px);
}
/**
 * The arrow needs to be centred inside the arrow container such that, when
 * rotated 45 degrees, its corners touch, but do not break through, the sides
 * of the arrow container:
 *
 * +----------+
 * |    /\    |
 * |   /  \  <------ arrow container
 * |  /    \  |
 * | /      \ |
 * |/  arrow \|
 * |\        /|
 * | \      / |
 * |  \    /  |
 * |   \  /   |
 * |    \/    |
 * +----------+
 **/
.arrow {
	/* (2*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
	width: 14.142135624px;
	height: 14.142135624px;
	/* ( (2*desired triangle height) - (above width/height) ) / 2 */
	left: 2.928932188px;
	top: 2.928932188px;
}
.arrow-container.ie .arrow {
	/* Fix rotation center  - see http://www.useragentman.com/IETransformsTranslator/ */
	margin-left: -3px;
	margin-top: -3px;
}
.arrow-background {
	/* desired triangle height is used here */
	width: 20px;
	height: 20px;
}
.arrow-container.t .arrow-background {
	/* 0px triangle height */
	background-position: 0 10px;
}
.arrow-container.l .arrow-background {
	/* triangle height 0px */
	background-position: 10px 0;
}
/* For some reason (probably because of all the decimal places) there's a
   rounding error in the background position, so push it over by one */
.arrow-container.b .arrow-background {
	background-position: 0 11px;
}
.arrow-container.r .arrow-background {
	background-position: 11px 0;
}
/* some unsets - more probably needed */
.ui-mobile, .ui-mobile body { height: 99.9%; }
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
/* responsive page widths */
.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Issue #2066 */
body.ui-mobile-viewport,
div.ui-mobile-viewport { overflow-x: hidden; }
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
.ui-mobile .ui-page-active { display: block; overflow: visible; }
/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page { outline: none; }
/*orientations from js are available */
@media screen and (orientation: portrait){
.ui-mobile .ui-page { min-height: 420px; }
}
@media screen and (orientation: landscape){
.ui-mobile .ui-page { min-height: 300px; }
}
/* loading screen */
.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
.ui-loader-textonly .ui-icon { display: none; }
.ui-loader-fakefix { position: absolute; }
/*fouc*/
.ui-mobile-rendering > * { visibility: hidden; }
/*headers, content panels*/
.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
.ui-bar { font-size: 16px; margin: 0; }
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
.ui-header { position: relative; zoom: 1; }
.ui-mobile .ui-header { border-left-width: 0; border-right-width: 0; }
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
.ui-header-fixed .ui-btn-left,
.ui-header-fixed .ui-btn-right { top: 4px;}
.ui-header .ui-btn-left { left: 5px; }
.ui-header .ui-btn-right { right: 5px; }
.ui-header > .ui-btn-icon-notext,
.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
.ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
.ui-header .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
/* content area*/
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
/* corner styling for dialogs and popups */
.ui-corner-all > .ui-header:first-child,
.ui-corner-all > .ui-content:first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.ui-corner-all > .ui-header:last-child,
.ui-corner-all > .ui-content:last-child{
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
/* icons sizing */
.ui-icon { width: 18px; height: 18px; }
/* non-js content hiding */
.ui-nojs { position: absolute; left: -9999px; }
/* accessible content hiding */
.ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label,
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-page-pre-in {
	opacity: 0;
}
.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
	animation-timing-function: ease-out;
	animation-duration: 350ms;
}
.out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 225ms;
	animation-timing-function: ease-in;
	animation-duration: 225ms;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
	animation-duration: 125ms;
	animation-name: fadeout;
}
.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
	animation-duration: 225ms;
	animation-name: fadein;
}
.pop {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.pop.in {
	-webkit-transform: scale(1);
	-webkit-animation-name: popin;
	-webkit-animation-duration: 350ms;
	-moz-transform: scale(1);
	-moz-animation-name: popin;
	-moz-animation-duration: 350ms;
	transform: scale(1);
	animation-name: popin;
	animation-duration: 350ms;
    opacity: 1;
}
.pop.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
	opacity: 0;
}
.pop.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	animation-name: fadein;
}
.pop.out.reverse {
	-webkit-transform: scale(.8);
	-webkit-animation-name: popout;
	-moz-transform: scale(.8);
	-moz-animation-name: popout;
	transform: scale(.8);
	animation-name: popout;
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes popin {
    from {
        transform: scale(.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: scale(.8);
        opacity: 0;
    }
}
@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(.8);
        opacity: 0;
    }
}
/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translate3d(100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromright {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(0); }
}
@keyframes slideinfromright {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translate3d(-100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromleft {
    from { -moz-transform: translateX(-100%); }
    to { -moz-transform: translateX(0); }
}
@keyframes slideinfromleft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(-100%,0,0); }
}
@-moz-keyframes slideouttoleft {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); }
}
@keyframes slideouttoleft {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(100%,0,0); }
}
@-moz-keyframes slideouttoright {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(100%); }
}
@keyframes slideouttoright {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}
.slide.out, .slide.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
	animation-timing-function: ease-out;
	animation-duration: 350ms;
}
.slide.out {
	-webkit-transform: translate3d(-100%,0,0);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	transform: translateX(-100%);
	animation-name: slideouttoleft;
}
.slide.in {
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation-name: slideinfromright;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromright;
	transform: translateX(0);
	animation-name: slideinfromright;
}
.slide.out.reverse {
	-webkit-transform: translate3d(100%,0,0);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	transform: translateX(100%);
	animation-name: slideouttoright;
}
.slide.in.reverse {
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation-name: slideinfromleft;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromleft;
	transform: translateX(0);
	animation-name: slideinfromleft;
}
.slidefade.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-webkit-animation-duration: 225ms;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	-moz-animation-duration: 225ms;
	transform: translateX(-100%);
	animation-name: slideouttoleft;
	animation-duration: 225ms;
}
.slidefade.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-moz-animation-duration: 200ms;
	transform: translateX(0);
	animation-name: fadein;
	animation-duration: 200ms;
}
.slidefade.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	-moz-animation-duration: 200ms;
	transform: translateX(100%);
	animation-name: slideouttoright;
	animation-duration: 200ms;
}
.slidefade.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-moz-animation-duration: 200ms;
	transform: translateX(0);
	animation-name: fadein;
	animation-duration: 200ms;
}
/* slide down */
.slidedown.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
}
.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	-webkit-animation-duration: 250ms;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfromtop;
	-moz-animation-duration: 250ms;
	transform: translateY(0);
	animation-name: slideinfromtop;
	animation-duration: 250ms;
}
.slidedown.in.reverse {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-name: fadein;
	-moz-animation-duration: 150ms;
	animation-name: fadein;
	animation-duration: 150ms;
}
.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	-webkit-animation-name: slideouttotop;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateY(-100%);
	-moz-animation-name: slideouttotop;
	-moz-animation-duration: 200ms;
	transform: translateY(-100%);
	animation-name: slideouttotop;
	animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
    from { -moz-transform: translateY(-100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfromtop {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(-100%); }
}
@keyframes slideouttotop {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
/* slide up */
.slideup.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
}
.slideup.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfrombottom;
	-webkit-animation-duration: 250ms;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfrombottom;
	-moz-animation-duration: 250ms;
	transform: translateY(0);
	animation-name: slideinfrombottom;
	animation-duration: 250ms;
}
.slideup.in.reverse {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-name: fadein;
	-moz-animation-duration: 150ms;
	animation-name: fadein;
	animation-duration: 150ms;
}
.slideup.out.reverse {
	-webkit-transform: translateY(100%);
	-webkit-animation-name: slideouttobottom;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateY(100%);
	-moz-animation-name: slideouttobottom;
	-moz-animation-duration: 200ms;
	transform: translateY(100%);
	animation-name: slideouttobottom;
	animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfrombottom {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfrombottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes slideouttobottom {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(100%); }
}
@keyframes slideouttobottom {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-flip {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	position: absolute;
}
.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(0);
	backface-visibility: hidden;
	transform: translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	-moz-animation-name: flipintoright;
	-moz-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
	animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-turn {
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	perspective: 200px;
	position: absolute;
}
.turn {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-webkit-transform-origin: 0;
	
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(0);
	-moz-transform-origin: 0;
	
	backface-visibility :hidden;
	transform: translateX(0);
	transform-origin: 0;
}
.turn.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 125ms;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 125ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 125ms;
}
.turn.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 250ms;
	-moz-animation-name: flipintoright;
	-moz-animation-duration: 250ms;
	animation-name: flipintoright;
	animation-duration: 250ms;
	
}
.turn.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.turn.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
	animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
/* flow transition */
.flow {
	-webkit-transform-origin: 50% 30%;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-moz-transform-origin: 50% 30%;	
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
	transform-origin: 50% 30%;	
	box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ui-dialog.flow {
	-webkit-transform-origin: none;
	-webkit-box-shadow: none;
	-moz-transform-origin: none;	
	-moz-box-shadow: none;
	transform-origin: none;	
	box-shadow: none;
}
.flow.out {
	-webkit-transform: translateX(-100%) scale(.7);
	-webkit-animation-name: flowouttoleft;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(-100%) scale(.7);
	-moz-animation-name: flowouttoleft;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
	transform: translateX(-100%) scale(.7);
	animation-name: flowouttoleft;
	animation-timing-function: ease;
	animation-duration: 350ms;
}
.flow.in {
	-webkit-transform: translateX(0) scale(1);
	-webkit-animation-name: flowinfromright;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(0) scale(1);
	-moz-animation-name: flowinfromright;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
	transform: translateX(0) scale(1);
	animation-name: flowinfromright;
	animation-timing-function: ease;
	animation-duration: 350ms;
}
.flow.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: flowouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: flowouttoright;
	transform: translateX(100%);
	animation-name: flowouttoright;
}
.flow.in.reverse {
	-webkit-animation-name: flowinfromleft;
	-moz-animation-name: flowinfromleft;
	animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
    0% { -webkit-transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(-100%) scale(.7); }
}
@-moz-keyframes flowouttoleft {
    0% { -moz-transform: translateX(0) scale(1); }
	60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(-100%) scale(.7); }
}
@keyframes flowouttoleft {
    0% { transform: translateX(0) scale(1); }
	60%, 70% { transform: translateX(0) scale(.7); }
    100% { transform:  translateX(-100%) scale(.7); }
}
@-webkit-keyframes flowouttoright {
    0% { -webkit-transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform:  translateX(100%) scale(.7); }
}
@-moz-keyframes flowouttoright {
    0% { -moz-transform: translateX(0) scale(1); }
	60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(100%) scale(.7); }
}
@keyframes flowouttoright {
    0% { transform: translateX(0) scale(1); }
	60%, 70% { transform: translateX(0) scale(.7); }
    100% { transform:  translateX(100%) scale(.7); }
}
@-webkit-keyframes flowinfromleft {
    0% { -webkit-transform: translateX(-100%) scale(.7); }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromleft {
    0% { -moz-transform: translateX(-100%) scale(.7); }
	30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromleft {
    0% { transform: translateX(-100%) scale(.7); }
	30%, 40% { transform: translateX(0) scale(.7); }
    100% { transform: translateX(0) scale(1); }
}
@-webkit-keyframes flowinfromright {
    0% { -webkit-transform: translateX(100%) scale(.7); }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromright {
    0% { -moz-transform: translateX(100%) scale(.7); }
	30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromright {
    0% { transform: translateX(100%) scale(.7); }
	30%, 40% { transform: translateX(0) scale(.7); }
    100% { transform: translateX(0) scale(1); }
}
/* content configurations. */
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/* grid solo: 100 - single item fallback */
.ui-grid-solo .ui-block-a { display: block; float: none; }
/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
/* grid a: 50/50 */
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
.ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
.ui-grid-a .ui-block-a { clear: left; }
/* grid b: 33/33/33 */
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
.ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
.ui-grid-b .ui-block-a { clear: left; }
/* grid c: 25/25/25/25 */
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.925%; }
.ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
.ui-grid-c .ui-block-a { clear: left; }
/* grid d: 20/20/20/20/20 */
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.925%; }
.ui-grid-d > :nth-child(n) { width: 20%; }
.ui-grid-d .ui-block-a { clear: left; }
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media all and (max-width: 35em) {
	.ui-responsive .ui-block-a, 
	.ui-responsive .ui-block-b, 
	.ui-responsive .ui-block-c,
	.ui-responsive .ui-block-d,
	.ui-responsive .ui-block-e { 
		width: 100%; 
		float:none; 
	}
}
/* fixed page header & footer configuration */
.ui-header-fixed,
.ui-footer-fixed {
	left: 0;
	right: 0;
	width: 100%;
	position: fixed;
	z-index: 1000;
}
.ui-header-fixed {
	top: -1px;
	padding-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden {
	top: 0;
	padding-top: 0;
}
.ui-footer-fixed {
	bottom: -1px;
	padding-bottom: 1px;
}
.ui-footer-fixed.ui-fixed-hidden {
	bottom: 0;
	padding-bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
	filter: Alpha(Opacity=90);
	opacity: .9;
}
.ui-page-header-fixed {
	padding-top: 2.6875em;
}
.ui-page-footer-fixed {
	padding-bottom: 2.6875em;
}
.ui-page-header-fullscreen > .ui-content,
.ui-page-footer-fullscreen > .ui-content {
	padding: 0;
}
.ui-fixed-hidden {
	position: absolute;
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
	left: -9999px;
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn { 
	z-index: 10;
}
/* workarounds for other widgets */
.ui-android-2x-fixed .ui-li-has-thumb {
	-webkit-transform: translate3d(0,0,0);
}
.ui-navbar { max-width: 100%; }
.ui-navbar.ui-mini { margin: 0; }
.ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
.ui-navbar ul:after { clear: both; }
.ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
.ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
.ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
/* add border if not in header/footer (full width) */
.ui-navbar li:last-child .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
.ui-header .ui-navbar li:last-child .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
.ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
.ui-header .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
/* fixing gaps caused by subpixel problem */
.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon{ right: 8px; }
.ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
.ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
.ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
.ui-mini { margin-top: .25em; margin-bottom: .25em; }
.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
.ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; }
.ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; }
.ui-btn input, .ui-btn button { z-index: 2; }
.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
.ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right, .ui-btn-left > .ui-btn, .ui-btn-right > .ui-btn { margin: 0; } /* .ui-mobile to increase specificity level */
.ui-btn-block { display: block; }
.ui-header > .ui-btn { display: inline-block; margin: 0; }
.ui-header .ui-btn-block { display: block; }
.ui-header .ui-btn-inner,
.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
.ui-fullsize .ui-btn-inner,
.ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
.ui-btn-icon-notext { width: 24px; height: 24px; }
.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
.ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
div.ui-btn-text { width: auto; }
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-mini.ui-btn-icon-left .ui-btn-inner,
.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-mini.ui-btn-icon-right .ui-btn-inner,
.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
.ui-header .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
.ui-mini.ui-btn-icon-top .ui-btn-inner,
.ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
.ui-header .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
.ui-mini.ui-btn-icon-bottom .ui-btn-inner,
.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
/* Corner styling inheritance */
.ui-btn-inner {
	-webkit-border-radius: inherit;	
	border-radius: inherit;
}
/*btn icon positioning*/
.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
.ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
.ui-btn-icon-left .ui-icon { left: 10px; }
.ui-btn-icon-right .ui-icon { right: 10px; }
.ui-btn-icon-top .ui-icon { top: 10px; }
.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
.ui-header .ui-btn-icon-left .ui-icon,
.ui-mini.ui-btn-icon-left .ui-icon,
.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
.ui-header .ui-btn-icon-right .ui-icon,
.ui-mini.ui-btn-icon-right .ui-icon,
.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
.ui-header .ui-btn-icon-top .ui-icon,
.ui-mini.ui-btn-icon-top .ui-icon,
.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
.ui-header .ui-btn-icon-bottom .ui-icon,
.ui-mini.ui-btn-icon-bottom .ui-icon,
.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
/*hiding native button,inputs */
.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; }
/* Fixes IE/WP filter alpha opacity bugs */
.ui-disabled .ui-btn-hidden { display: none; }
.ui-disabled { z-index: 1; }
.ui-field-contain .ui-btn.ui-submit { margin: 0; }
label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
@media all and (min-width: 28em){
	.ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
	.ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
}

.arrow-container {
	position: absolute;
}
.arrow {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}
.arrow-container.ie .arrow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix(
	      	M11=0.7071067811865474,
        	M12=-0.7071067811865477,
        	M21=0.7071067811865477,
        	M22=0.7071067811865474,
        	SizingMethod='auto expand');
}
.arrow-background {
	position: absolute;
	border: none;
}
.arrow-container.ie .arrow-background {
	background: none;
}
.arrow-container.t .arrow-background,
.arrow-container.b .arrow-background {
	/* Undo rotation and reflect in x axis */
	-webkit-transform: rotate(-45deg) scale(1, -1);
	-moz-transform: rotate(-45deg) scale(1, -1);
	-ms-transform: rotate(-45deg) scale(1, -1);
	transform: rotate(-45deg) scale(1, -1);
}
.arrow-container.t.ie .arrow-background,
.arrow-container.b.ie .arrow-background {
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=-0.7071067811865467, M21=-0.7071067811865467, M22=-0.7071067811865483, SizingMethod='auto expand')";
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.7071067811865483,
            M12=-0.7071067811865467,
            M21=-0.7071067811865467,
            M22=-0.7071067811865483,
            SizingMethod='auto expand');
}
.arrow-container.l .arrow-background,
.arrow-container.r .arrow-background {
	/* Undo rotation and reflect in y axis */
	-webkit-transform: rotate(-45deg) scale(-1, 1);
	-moz-transform: rotate(-45deg) scale(-1, 1);
	-ms-transform: rotate(-45deg) scale(-1, 1);
	transform: rotate(-45deg) scale(-1, 1);
}
.arrow-container.l.ie .arrow-background,
.arrow-container.r.ie .arrow-background {
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865483, M12=0.7071067811865467, M21=0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-0.7071067811865483,
            M12=0.7071067811865467,
            M21=0.7071067811865467,
            M22=0.7071067811865483,
            SizingMethod='auto expand');
}
.ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
.ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
.ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
.ui-checkbox .ui-btn-icon-top .ui-btn-inner, .ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
/* input, label positioning */
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
.ui-field-contain:last-child { border-bottom-width: 0; }
.ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
@media all and (min-width: 28em){
	.ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
}
.ui-select { display: block; position: relative; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
.ui-select .ui-btn { opacity: 1;max-height: 42px; }
.ui-field-contain .ui-select .ui-btn { margin: 0; }
/* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }
.ui-select .ui-disabled { opacity: .3; }
/* Display none because of issues with IE/WP's filter alpha opacity */
.ui-select .ui-disabled select { display: none; }
@-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
.ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
.ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
.ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
/* labels */
label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
/*listbox*/
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
.ui-select .ui-btn-text { text-overflow: ellipsis; }
.ui-selectmenu { padding: 6px; min-width: 160px; }
.ui-selectmenu .ui-listview { margin: 0; }
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
.ui-li.ui-selectmenu-placeholder { display: none; }
.ui-selectmenu .ui-header { margin: 0; padding: 0; }
.ui-selectmenu.ui-popup .ui-header { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
@media all and (min-width: 28em){
	.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
	.ui-field-contain .ui-select { width: 78%; display: inline-block; }
	.ui-hide-label .ui-select { width: 100%; } 
}
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; outline: 0; }
input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
.ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
.ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
.ui-input-search { padding: 0 30px; }
div.ui-input-text { padding: 0 .4em; }
div.ui-input-has-clear { padding: 0 30px 0 .4em; }
input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
.ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
.ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input.ui-input-text { -webkit-appearance: none; }
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
textarea.ui-mini { height: 45px; }
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
.ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
.ui-mini .ui-input-clear { right: -3px; }
.ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
/* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
input[type=number]::-webkit-outer-spin-button { margin: 0; }
/* Resolves issue #5756: Textinput in IE10 has a default clear icon */
input[data-clear-btn=true]::-ms-clear { display: none; }
@media all and (min-width: 20em){
	.ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
	.ui-field-contain input.ui-input-text,
	.ui-field-contain textarea.ui-input-text,
	.ui-field-contain .ui-input-search,
	.ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
	.ui-field-contain .ui-input-search,
	.ui-field-contain div.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.ui-hide-label input.ui-input-text,
	.ui-hide-label textarea.ui-input-text,
	.ui-hide-label .ui-input-search,
	.ui-hide-label div.ui-input-text,
	.ui-input-search input.ui-input-text,
}

.ui-listview { margin: 0; }
ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
.ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
.ui-collapsible-content > .ui-listview { margin: -10px -15px; }
.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
.ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
.ui-listview, .ui-li { list-style: none; padding: 0; }
.ui-li, .ui-li.ui-field-contain { display: block; margin: 0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
.ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-li-static { background-image: none; }
.ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; }
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
.ui-listview .ui-li > .ui-btn-text {
	-webkit-border-radius: inherit;	
	border-radius: inherit;
}
.ui-listview > .ui-li.ui-first-child,
.ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
	-webkit-border-top-right-radius: inherit;	
	border-top-right-radius: inherit;
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
}
.ui-listview > .ui-li.ui-last-child,
.ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
	-webkit-border-top-right-radius: inherit;	
	border-top-right-radius: inherit;	
}
.ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;	
}
.ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;	
}
.ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;	
}
.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 59px; padding-left: 100px; }
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count, .ui-li-divider.ui-li-has-count { padding-right: 45px; }
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
.ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
@media all and (min-width: 480px){
	 .ui-li-aside { width: 45%; }
}	 
.ui-li-divider { cursor: default; }
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
.ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt.ui-li-has-count { padding-right: 88px; }
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; }
.ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
.ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
.ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
.ui-listview-filter { border-width: 0; overflow: hidden; }
.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
.ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
.ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
.ui-li.ui-screen-hidden{ display:none; }
/* Odd iPad positioning issue. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui-li .ui-btn-text { overflow:  visible; }
}

@media all and (min-width: 28em){
	.ui-field-contain label.ui-slider {
		vertical-align: top;
		display: inline-block;
		width: 20%;
		margin: 0 2% 0 0;
	}
	.ui-field-contain div.ui-slider {
		display: inline-block;
		width: 78%;
	}
	.ui-field-contain.ui-hide-label div.ui-slider {
		display: block;
		width: auto;
	}
	.ui-field-contain div.ui-slider-switch,
	.ui-field-contain.ui-hide-label div.ui-slider-switch {
		display: inline-block;
		width: 5.8em;
	}
	.ui-field-contain div.ui-slider-switch.ui-mini {
		width: 5em;
	}
}	
.ui-slider-popup {
	position: absolute !important;
	text-align: center;
	z-index: 100;
}
.ui-table {
   border: 0;
   border-collapse: collapse;
   padding: 0;
   width: 100%;
}
.ui-table th,
.ui-table td {
  line-height: 1.5em;
  text-align: left;
  padding: .4em .5em;
  vertical-align:top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
	line-height: normal;
}
.ui-table th {
  font-weight: bold;
}
.ui-table caption {
  text-align:left;
  margin-bottom:1.4em;
  opacity: .5;
}
/* Add strokes between each row */
.table-stroke thead th {
  border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.table-stroke tbody th,
.table-stroke tbody td {
  border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}
/* Add alternating row stripes */
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
  background-color: #eeeeee; /* non-RGBA fallback  */
  background-color: rgba(0,0,0,0.04);
}
/* Add stroke to the header and last item */
.table-stripe thead th,
.table-stripe tbody tr:last-child {
  border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback  */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
/*
 Styles for the table columntoggle mode
*/
.ui-table-columntoggle-btn {
	float: right;
	margin-bottom:.8em;
}
/* Remove top/bottom margins around the fieldcontain on check list */
.ui-table-columntoggle-popup fieldset {
	margin:0;
}
/* Hide all prioritized columns by default */
@media only all {
	th.ui-table-priority-6,
	td.ui-table-priority-6,
	th.ui-table-priority-5,
	td.ui-table-priority-5,
	th.ui-table-priority-4,
	td.ui-table-priority-4,
	th.ui-table-priority-3,
	td.ui-table-priority-3,
	th.ui-table-priority-2,
	td.ui-table-priority-2,
	th.ui-table-priority-1,
	td.ui-table-priority-1 {
		display: none;
	}
}
/* Preset breakpoints if ".ui-responsive" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
		display: table-cell;
	}
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
		display: table-cell;
	}
}
/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
		display: table-cell;
	}
}
/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
		display: table-cell;
	}
}
/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
		display: table-cell;
	}
}
/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
		display: table-cell;
	}
}
/* Unchecked manually: Always hide */
.ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
	display: none;
}
/* Checked manually: Always show */
.ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
	display: table-cell;
}
/*
 Styles for the table columntoggle mode
*/
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label { 
	display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */ 
@media only all {
	/* Hide the table headers */ 
	.ui-table-reflow thead td, 
	.ui-table-reflow thead th {
		display: none;
	}
	/* Show the table cells as a block level element */ 
	.ui-table-reflow td,
	.ui-table-reflow th { 
		text-align: left;
		display: block;
	}
	/* Add a fair amount of top margin to visually separate each row when stacked */  
	.ui-table-reflow tbody th {
		margin-top: 3em;
	}
	/* Make the label elements a percentage width */ 
	.ui-table-reflow td .ui-table-cell-label,
	.ui-table-reflow th .ui-table-cell-label { 
		display: block;
		padding: .4em; 
		min-width: 30%; 
		display: inline-block;
		margin: -.4em 1em -.4em -.4em;
	}
	/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ 
	.ui-table-reflow th .ui-table-cell-label-top,
	.ui-table-reflow td .ui-table-cell-label-top {
		display: block;
		padding: .4em 0;
		margin: .4em 0;
		text-transform: uppercase;
		font-size: .9em;
		font-weight: normal;
	}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ 
@media ( min-width: 35em ) {
	/* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
	.ui-table-reflow.ui-responsive {
		display: table-row-group;
	}
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th,
	.ui-table-reflow.ui-responsive tbody th,
	.ui-table-reflow.ui-responsive tbody td,
	.ui-table-reflow.ui-responsive thead td,
	.ui-table-reflow.ui-responsive thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */ 
	.ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.ui-table-reflow.ui-responsive th .ui-table-cell-label { 
		display: none;
	}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */ 
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/ 
@media ( max-width: 35em ) {
	.ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}
}
/* panel */
.ui-panel {
	width: 10em;
	min-height: 100%;
	max-height: none;
	border-width: 0;
	position: absolute;
	top: 0;
	display: block;
}
.ui-panel-closed {
	width: 0;
	max-height: 100%;
	overflow: hidden;
	visibility: hidden;
}
.ui-panel-fixed {
	position: fixed;
	bottom: -1px; /* fixes gap on Chrome for Android */
	padding-bottom: 1px;
}
.ui-panel-display-overlay {
	z-index: 1001; /* fixed toolbars have z-index 1000 */
}
.ui-panel-display-reveal {
	z-index: 0;
}
.ui-panel-display-push {
	z-index: 999;
}
.ui-panel-inner {
	padding: 0px;
}
/* content-wrap */
.ui-panel-content-wrap {
	position: relative;
	left: 0;
	min-height: inherit;
	border: none;
	z-index: 999;
}
.ui-panel-content-wrap-display-overlay,
.ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
.ui-panel-content-wrap-closed {
	position: static;
}
/* dismiss */
.ui-panel-dismiss {
	position: absolute;
	top: 0;
	left:0;
	height: 100%;
	width: 100%;
	z-index: 1002;
	display: none;
}
.ui-panel-dismiss-open {
	display: block;
}
/* animate class is added to panel, wrapper and fixed toolbars */
.ui-panel-animate {
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;
}
/* hardware acceleration for smoother transitions on WebKit browsers */
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
.ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
.ui-panel-animate.ui-panel-content-wrap,
.ui-panel-animate.ui-panel-content-fixed-toolbar {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
/* positioning: panel */
/* panel left  */
.ui-panel-position-left {
	left: -10em;
}
/* animated: panel left (for overlay and push) */
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	left: 0;
	-webkit-transform: translate3d(-10em,0,0);
	-moz-transform: translate3d(-10em,0,0);
	transform: translate3d(-10em,0,0);
}
/* panel left open */
.ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
.ui-panel-position-left.ui-panel-open {
	left: 0;
}
/* animated: panel left open (for overlay and push) */
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: none;
}
/* panel right */
.ui-panel-position-right {
	right: -10em;
}
/* animated: panel right (for overlay and push) */
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
	right: 0;
	-webkit-transform: translate3d(10em,0,0);
	-moz-transform: translate3d(10em,0,0);
	transform: translate3d(10em,0,0);
}
/* panel right open */
.ui-panel-position-right.ui-panel-display-reveal,  /* negate "panel right" for reveal */
.ui-panel-position-right.ui-panel-open {
	right: 0;
}
/* animated: panel right open (for overlay and push) */
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: none;
}
/* positioning: content wrap, fixed toolbars and dismiss */
/* panel left open */
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 10em;
	right: -10em;
}
/* animated: panel left open (for reveal and push) */
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(10em,0,0);
	-moz-transform: translate3d(10em,0,0);
	transform: translate3d(10em,0,0);
}
/* panel right open */
.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
	left: -10em;
	right: 10em;
}
/* animated: panel right open (for reveal and push) */
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, 
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(-10em,0,0);
	-moz-transform: translate3d(-10em,0,0);
	transform: translate3d(-10em,0,0);
}
/* negate "panel left/right open" for overlay */
.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
	left: 0;
}
/* always disable overflow-x to prevent zoom issue on Android */
.ui-page-active.ui-page-panel {
	overflow-x: hidden;
}
/* shadows and borders */
.ui-panel-display-reveal {
	-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
	box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-reveal {
	-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
	box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-display-overlay {
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	box-shadow: 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-overlay {
	-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
	box-shadow: -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-left {
	border-right-width: 1px;
	margin-right: -1px;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
	margin-left: 1px;
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-right {
	border-left-width: 1px;
	margin-left: -1px;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
	margin-right: 1px;
}
/* wrap on wide viewports once open */
@media (min-width:55em){
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
		margin-right: 10em;
	}
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
		margin-left: 10em;
	}
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
	.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
		width: auto;	
	}
	.ui-responsive-panel .ui-panel-dismiss-display-push {
		display: none;
	}	
}

/* collapsible */
.ui-collapsible-inset { margin: .5em 0; }
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
.ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
.ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
.ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
.ui-collapsible-heading .ui-btn-inner,
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
.ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
.ui-collapsible-content {
	display: block;
	margin: 0 -15px;	
	padding: 10px 15px;
	border-left-width: 0;
	border-right-width: 0;
	border-top: none;      /* Overrides ui-body-* */
	background-image: none; /* Overrides ui-body-* */
}
.ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
.ui-collapsible-content-collapsed { display: none; }
.ui-collapsible-set { margin: .5em 0; }
.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
.ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; }
.ui-collapsible-content > .ui-listview { margin: -10px -15px; }
.ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
.ui-collapsible [class*="ui-body"] > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-width: 0; }
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li:first-child { border-top-width: 0; }
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { -webkit-border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }
.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
.ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }


.ui-dialog {
	 background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
}
.ui-dialog-contain {
	width: 92.5%;
	max-width: 500px;
	margin: 10% auto 15px auto;
	padding: 0;
	position: relative;
	top: -15px;
}
.ui-dialog-contain > .ui-header, 
.ui-dialog-contain > .ui-content, 
.ui-dialog-contain > .ui-footer { 
	display: block;
	position: relative; 
	width: auto;
	margin: 0;
}
.ui-dialog-contain > .ui-header {
	border: none;
	overflow: hidden;
	z-index: 10; 
	padding: 0;
}
.ui-dialog-contain > .ui-content { 
	padding: 15px; 
}
.ui-dialog-contain > .ui-footer {
	z-index: 10; 
	padding: 0 15px; 
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
	position: absolute !important; 	/* See line #553 of popup.js */
}
.ui-popup-screen {
	background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 1px;
	position: absolute;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 1099;
}
.ui-popup-screen.in {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
	opacity: 0;
	filter: Alpha(Opacity=0);
}
.ui-popup-container {
	z-index: 1100;
	display: inline-block;
	position: absolute;
	padding: 0;
	outline: 0;
}
.ui-popup {
	position: relative;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
	overflow: visible;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
	margin: .5em 7px;
}
.ui-popup > span {
	display: block;
	margin: .5em 7px;
}
.ui-popup .ui-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
	margin: .5em 0;
}
.ui-popup-container .ui-content > span {
	margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
	margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
	margin-bottom: 0;
}
.ui-popup > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.ui-popup iframe {
	vertical-align: middle;
}
@media all and (min-width: 450px){
	.ui-popup .ui-field-contain label.ui-submit,
	.ui-popup .ui-field-contain .ui-controlgroup-label,
	.ui-popup .ui-field-contain label.ui-select,
	.ui-popup .ui-field-contain label.ui-input-text {
		font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
	}
	.ui-popup .ui-field-contain .ui-btn.ui-submit,
	.ui-popup .ui-field-contain .ui-controlgroup-controls,
	.ui-popup .ui-field-contain .ui-select,
	.ui-popup .ui-field-contain input.ui-input-text,
	.ui-popup .ui-field-contain textarea.ui-input-text,
	.ui-popup .ui-field-contain .ui-input-search {
		width: 100%; display: block;
	}
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
	position: absolute; 
	top: -9px;
	margin: 0;
	z-index: 1101;
}
.ui-popup > .ui-btn-left { left: -9px; }
.ui-popup > .ui-btn-right { right: -9px; }
.ui-popup.ui-corner-all > .ui-header,
.ui-popup.ui-corner-all ~ .ui-content,
.ui-popup.ui-corner-all > .ui-content:first-child {
	-webkit-border-top-left-radius:  inherit;
	border-top-left-radius:          inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius:         inherit;
}
.ui-popup.ui-corner-all > .ui-content,
.ui-popup.ui-corner-all > .ui-footer,
.ui-popup.ui-corner-all > .ui-header:nth-child(n):last-child {
	-webkit-border-bottom-left-radius:  inherit;
	border-bottom-left-radius:          inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius:         inherit;
}
.ui-popup.ui-corner-all > .ui-content:nth-child(2),
.ui-popup.ui-corner-all > .ui-header:nth-child(2) {
	-webkit-border-top-left-radius:  0;
	border-top-left-radius:          0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius:         0;
}
.ui-popup.ui-corner-all > .ui-content:nth-last-child(1n+2),
.ui-popup.ui-corner-all > .ui-footer:nth-last-child(1n+2) {
	-webkit-border-bottom-left-radius:  0;
	border-bottom-left-radius:          0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius:         0;
}
.ui-popup.ui-corner-all > .ui-header:only-child,
.ui-popup.ui-corner-all > .ui-footer:only-child {
	-webkit-border-radius: inherit;
	border-radius:         inherit;
}

.panel-content-lft ul {
	list-style: none outside none;
	margin: 0;padding: 0;
	}
	
.panel-content-lft li {
margin:2px 0px;
text-align: left;
}

.panel-content-lft li a {
color: #000000;
cursor: pointer;
display: block;
font: bold 12px Arial, Helvetica,sans-serif;
padding: 8px 0 8px 15px;
text-decoration: none;
}

.panel-content-rht {
background:#FDFFEA;
border:1px solid #FAE257;
float: left;
overflow: hidden;
padding: 5px 20px;
width:94.5%;
}

.b2c_buttonImgSrch {
	    background: url("/static/img/title_bg.jpg") repeat scroll 0 0 transparent !important;
	    border: 0 none !important;
	    border-radius: 5px 5px 5px 5px;
	    color: #F9F9F9 !important;
	    cursor: pointer;
	    font-family: arial !important;
	    font-size: 14px !important;
	    font-weight: bold !important;
	    height: 35px !important;
	    padding: 2px 5px !important;
	    text-decoration: none !important;
	    text-shadow: 0 1px 1px #000000;
	    min-width: 80px;
	}
	
.panel-content-lft .current {
background:#FDFFEA;color:#C53727;
background-image: url("/static/img/arrow.gif");
background-position: right;
background-repeat: no-repeat;
border:1px solid #FAE257;
border-right:0px;
left:2px;
position: relative;
}

.panel-content-lft li a:hover { 
background:#FDFFEA!important;
font-weight:bold;
color:#C53727!important;
}

.b2c_buttonImgSrch:hover {
color:#fff!important;
box-shadow:0 0 5px #333;
-moz-box-shadow:0 0 5px #333;
-wekbit-box-shadow:0 0 5px #333;
}

.erp {
background:#fff; 
margin:auto; 
margin-bottom:10px; 
border: 1px solid #ddd;
-moz-border-radius:5px;
color:#666;
display:none; 
width:90%;
} 

.select{
background-color: #FFFFFF;
border: 1px solid #E1DFDF;
border-radius: 7px 7px 7px 7px;
margin-bottom: 0;
padding: 2px 5px;
}

.listContainer th{
	color:#656565;
	font-size:14px;
	}

.sortDiv {
	float: right;
	display:none;
}

.sortDiv a {
	text-decoration: none;
	}
	
confirmUserDiv {
	display: none;
	position: absolute;
	z-index: 99; 
 	top: 100px; 
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

.bookDetailsWaitDiv {
	display: none;
	line-height: 20px;
	z-index: 98;
	position: absolute;
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	filter: alpha(opacity =   60);
	-moz-opacity: .60;
	opacity: .60;
	text-align: center;
	float: left;
	left: 0px;
}

.via_form .inpElement .inpName {
	width: 8em;
}

.via_topup .search_normal .tsamount {
	padding-top: 0em;
}

.via_form .inpElement {
	margin-left: 0px;
}

.ProdSpecs {
	font-weight: bold;
	font-style: italic;
	color: #555;
}

#mainForm .ui-input-text{
	width: 90%;
	box-sizing: border-box;
	border-radius: 0px;
	box-shadow:none;
	height: 32px;
}
.Dateselect {
  margin: 5px 0px;
}
#review_itinerary{
	box-sizing: border-box;
}
/* Hiding Show Fare Rules button from itinerary review */
#review_itinerary .flight_name .ui-link {
	display: none;
}
input#terms_accept{
	display:none;
}
#termsConditions{
	margin:auto;
}
.reviewPageBanners{
	padding:0px;
	text-align:center;
	margin:0px;
	font-size:medium;
	text-transform:uppercase;
}
.reviewPage-button-red{
	border: 1px solid #ED1B24;
	border-radius: 4px;
	padding: 2px;
	color: #ED1B24;
}
.reviewPage-button-green{
	border: 1px solid #12B58A;
	border-radius: 4px;
	padding: 2px;
	color: #12B58A;
}
.reviewPageRow{
	margin:auto;
	padding:4px;
}
.reviewPageCell{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:x-small;
}
.reviewPageCell .stops {
	font-size: x-small;
}
.reviewPageCell span, .reviewPageCell a{
	font-size:x-small;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.reviewPageSeparator{
	width:85%;
	display: block;
	margin: 10px auto;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.reviewPage-width16{
	width: 15.5%;
}
.reviewPage-width42{
	width: 40%;
}
.reviewPage-width48{
	width: 48%;
}
.reviewPage-align-left{
	text-align:left !important;
}
.reviewPage-align-right{
	text-align:right !important;
}
.reviewPage-block{
	display:block;
	margin:1px;
}
.reviewPage-bold{
	font-weight:bold;
}
.reviewPage-layover{
	margin: auto;
	margin-top: -20px;
	text-align: center;
	background-color: white;
	padding: 4px;
	color: #777;
	width: 81px;
	position: relative;
	font-size: x-small;
}
.reviewPage-clock{
	display: block;
	margin: auto;
	width: 16px;
	height:16px;
	opacity: 0.3;
	filter:alpha(opacity=50);
}
.reviewPage-breakup span{
	font-size: small;
	margin-left: 2px;
}
.reviewPage-airline-logo{
	height:10px;
	margin:0px 2px;
}
.reviewPage-availability{
	width:56%;
	font-size:small;
	color:red;
	text-align:center;
	padding:2px;
	margin:10px auto;
	border: 1px solid red;
	border-radius: 3px;
	background: floralwhite;
	vertical-align:middle;
	box-shadow:0 0 6px #666;
}
.reviewPage-warning{
	padding:2px;
	height:15px;
	width:15px;
	vertical-align:middle;
}
.reviewPageTerminal {
	font-size: x-small;
}
.aplhaOnlyError{
	font-size:small;
	color:red !important;
}
.reviewPage-travs-container{
	margin:5px 0px;
	padding-bottom:15px;
}
.reviewPage-trav-container{
	padding: 5px;
	width: 96%;
}
.reviewPage-trav-container *{
	font-size:x-small;
	color: #626262;
}
.reviewPage-travs-container .reviewPage-trav-container{
	border: 1px solid #E7E6E6;
	border-top:none;
}
.reviewPage-travs-container .reviewPage-trav-container:first-child{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-top: 11px;
	border-top:1px solid #E7E6E6;
}
.reviewPage-travs-container .reviewPage-trav-container:last-child{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.reviewPage-base-fare {
    color: #777;
    font-size: x-small !important;
}

.via-collapse-header>span:first-child{
	font-weight:bold;
	color:#12B58A;
	text-transform: uppercase;
	padding: 3px;
	font-size:small;
	display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
}
.via-collapse-header .via-collapse-sub-header{
	font-size:x-small;
	color:#777;
}
.via-collapse-header .via-collapse-control{
	font-weight:bold;
	color:#12B58A;
}
.via-collapse-control{
	float: right;
	font-size: large;
	padding: 0px;
}
.via-collapse-error-header, .via-collapse-error-header .via-collapse-control{
	color:red;
}
.reviewPage-trav-hide{
	display:none;
}
.reviewPage-input-grp{
	display:inline-block;
	width:100%;
	margin:2px 0;
}
.reviewPage-input-grp input, .reviewPage-input-grp select{
	font-size:small;
	color:black;
	border:1px solid #D0CCCC;
	float:left;
	padding: 0.5%;
	background:white;
	border-radius:2px;
	margin:0px 0.5%;
	box-sizing: border-box;
	height: 25px;
}
.reviewPage-input-grp input:focus, .reviewPage-input-grp select:focus{
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, 0.6);
}
.reviewPage-input-grp input:first-child, .reviewPage-input-grp select:first-child{
	margin-left:0px;
}
.reviewPage-input-grp input:last-child, .reviewPage-input-grp select:last-child{
	margin-right:0px;
}
.reviewPage-error{
	color:red;
}
.error-right{
	float:right;
}
.hp-display-grp {
    border: 1px solid #D4D7D8;
    border-radius: 4px;
    margin: 1em 0px;
    font-size: small;
    color: #344755;
    text-transform: uppercase;
    background: white;
    display: table;
    width: 100%;
    table-layout:fixed;
}

.hp-display-grp .hp-grp-blk {
    display: table-cell;
    vertical-align:middle;
    padding: 0.43em 7px;
    white-space: nowrap;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.font-xx-large {
    font-size: xx-large;
}

.hp-display-grp-sub-head {
    font-size: small;
    color: #12B58A;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.hp-date-info {
    font-size: small;
    color: darkgray;
}

.hp-display-grp-container {
    padding:0 2%;
    display:table-cell;
}

.hp-journey-type-selected {
    font-weight:bold;
    color:#12B58A;
}

.hp-display-grp-blk-separator {
    border-right: 1px solid #D4D7D8;
}
.text-center {
    text-align:center;
}

.hp-display-grp-header {
    font-size: xx-small;
    text-transform: uppercase;
    color: #12B58A;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hp-passenger-num-controls {
    width: 32%;
    color: darkgray;
}

.hp-journey-type div {
    font-size: small;
}
.hp-date-one-way{
	opacity:0.2;
	filter:Alpha(opacity=50);
}
.hp-j-type-image,.hp-cal-img {
	width: 30px;
	height: 30px;
	font-size: x-large;
	margin: auto;
	text-align:center;
	color: #8B949A;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.hp-j-type-image:before {
	content: '\e614';
}
.hp-j-type-image-return:before{
	content: '\e616';
}
.hp-j-type-image-rotate {
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.hp-passenger-logo {
	background: url(//cdn.via.com/static/img/v1/newui/id/general/mobile-home-sprite-min.png);
	height: 21px;
	width: 14px;
	background-size: 65px;
	display: inline-block;
	vertical-align: sub;
}
.hp-adult-logo {
	background-position: -12px -43px;
}
.hp-child-logo {
	background-position: -30px -43px;
}
.hp-infant-logo {
	background-position: -49px -43px;
}

.hp-city-list-row {
    margin: 4px; 
    padding: 3px;
    color: #344755;
}

.hp-city-list-row * {
    font-size: small;
}

.hp-city-list-row div {
    display: inline-block;
}

.hp-city-list-code {
    float: right; 
    padding: 4px;  
    color: #12B58A;
    border: 1px solid #12B58A; 
    border-radius: 2px; font-weight: bold;  
    width: 12%; 
    min-width: 40px;
    max-width: 50px;
    text-align: center;
    text-transform: uppercase;
}

.hp-city-list-airport-info {
    width: 80%;
    max-width: 300px;
    min-width: 210px;
    text-transform: capitalize;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hp-city-list-header {
    font-size: small;
    font-weight: bold;
    border-bottom: 2px solid #F3373E;
    color: #F3373E;
    text-transform: uppercase;
}

.hp-city-list-input-grp :last-child {
    width: 9%;
}

.hp-city-list-input-grp input, .hp-city-list-input-grp button {
    background: white;
    padding: 2%;
    border: none;
    vertical-align: middle;
    display:inline-block;
}
.hp-city-search-row {
    border: 1px solid #CEC9C9;
    border-radius: 2px;
    margin-bottom: 15px;
}

.hp-city-list-text-box-label { 
    width: 15%; font-weight: bold; color: #777;
    text-align: right;
}
.hp-passenger-selection {
	display:table;
	table-layout:fixed;
}
/***************VIA CALENDER***************/
.vc-month-box {
    display: table;
    table-layout: fixed;
    width: 92%;
    height: 292px;
    margin: 0px 4%;
    border-collapse: collapse;
}

.vc-row {
    display: table-row;
}

.vc-cell {
    display: table-cell;
    color: #4E5E6A;
    text-align: center;
    font-size: small;
    vertical-align: middle;
    height: 14.28%;
    width: 14.28%;
}

.vc-head-cell {
    color: #12B58A;
    border: none;
    border-bottom: 2px solid;
    font-size: small;
    text-transform: uppercase;
}

.vc-disabled-cell {
    color: #dbdbdb;
}

.vc-selected-cell {
    color: #008DF6;
    border-bottom: 1px solid;
}

.vc-max-cell {
    color: #F3373E;
	font-weight: bold;
}

.vc-min-cell {
    color: #12B58A;
	font-weight: bold;
}

.vc-cell:not(.vc-head-cell):not(.vc-disabled-cell):hover {  
    border-bottom: 1px solid #0796b6; 
}

.vc-cell-sub-text {
    font-size: 8px;
    color: inherit;
    font-weight: normal;
}

.vc-month-box-head {
    color: rgb(157, 157, 157);
    font-size: medium;
    text-align: center;
    display: table; table-layout: fixed; 
    width: 92%;  
    margin: 0px 4%;
}

.vc-month-box-container {
    margin: 10px auto;
    width: 99%;
    display: inline-block;
    vertical-align: top;
}

.vc-month-box-head-cell {
    font-size: medium;
    vertical-align: text-bottom;
    display: table-cell;
    width: 33.3%;
    text-transform: capitalize;
}

.vc-month-controls {
    visibility: hidden;
}

.vc-month-control-active {
    visibility: visible;
    cursor: pointer;
    font-weight: bold;
}

.vc-month-box-container {
        display: block;
    
        
}
.via-calender {
        display:block;
        top:0px;
        left:0px;
}

.vc-title {
    padding: 4px; 
    font-weight: bold;  margin: 2px auto; 
    border-bottom: 1px solid #A2A0A0; 
    color: #A2A0A0;
    text-transform: uppercase;
}

.via-calender * {
    font-family: sans-serif;
}

.vc-cheapest {
    color: #0194b5;
}

.vc-title * {
    font-size: medium;
}

.vc-input {
    background: white;
    border: 1px solid;
    display: table-cell;
    vertical-align: middle;
    color: #B3B3B3;
    height: 35px;
    cursor: pointer;
}

.vc-input-grp {
    display: none;
    border-collapse: collapse;
    margin: 8px auto;
}

.vc-input-grp :first-child {
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.vc-input-grp :last-child {
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.vc-input-button {
    background: #12B58A; color: white; border-color: #12B58A; text-transform: uppercase;
    font-weight: bold;
}

.vc-clickable {
    cursor: pointer;
}

.vc-close {
    float: right;
    cursor: pointer;
    margin:3px;
    font-size: medium;
}
.via-calender {
    position: absolute;
    background: white;
    z-index: 1000;
    box-shadow: -1px 1px 10px #717171;
    -moz-box-shadow: -1px 1px 10px #717171;
    webkit-box-shadow: -1px 1px 10px #717171;
}
.vc-hidden {
	display:none;
}
.vc-cell:not(.vc-head-cell):not(.vc-disabled-cell) {
    cursor: pointer;
}

.vc-message {
	font-size: x-small;
	margin: 4px auto;
	text-align: center;
	background: #fff6c5;
	display: table;
	padding: 9px;
	color: #676767;
}
/****************VIA_CALENDER*******************/



.offer-footer{
	border-bottom: 0px;
	background-color: #B90119;
	color: white;
	background-image: none;
	padding-top: 10px;
}
.offer-footer li,.offer-footer img{
	display: inline-block;
}
.offer-footer span {
  font-size: 15px;
}
.offer-footer img{
	border-radius: 50%;
	vertical-align:middle;
	margin: 0 5px;
}
.DView-btn-container{
	float: right;
	margin-top: 4px;
  	margin-right: 6px;
}
.DView-btn {
  color: red;
  background-color: white;
  padding: 5px;
  border-radius: 17px;
  font-size: 15px;
  box-shadow: 0px 0px 3px #fff;
}
.offer-footer ul{
	list-style:none;
}
@media screen and (max-width: 475px){
	li.DView-btn-container{
		display:block;
		float:none;
		text-align: center;
	}
	.offer-footer{
		min-height: 60px;
	}
}
@media screen and (max-width: 410px){
	.offer-footer img{
		width: 60%;
		height: 60%;
	}
	.offer-footer li:not(.DView-btn-container){
		display:block;
		float:left;
	}
	.offer-footer li:nth-child(3){
		clear: left;
	}
	.offer-footer{
		height: 90px;
	}
	.offer-footer .DView-btn-container{
		clear: left;
		position: relative;
  		top: 6px;
	}
}
.via-m-footer {
    background: #EBF2F7;
    border: none;
    border-top: 2px solid #F3373E;
    padding: 10px;
    margin: 0px auto;
    color: #344755;
    height: initial;
	font-weight: normal;
	text-shadow: initial;
/* 	width: 94%; */
/* 	position: fixed; */
/* 	bottom: 0px; */
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.via-footer-cell {
    font-size: large;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #D3D3D3;
    color: inherit;
    vertical-align: middle;
    text-decoration: initial;
    
}

.via-footer-cell-text {
    font-size: small;
}

.via-footer-row {
    margin: auto;
    display: table;
}

.via-footer-row :last-child {
    border: none;
}
.via-m-header {
	background: #EBF2F7;
	border: none;
	border-bottom: 2px solid #F3373E;
	padding: 10px 0px;
	height: initial;
	font-weight: normal;
	text-shadow: initial;
	display: table;
	width: 100%;
}
.via-header-left-link {
	border-right: 1px dotted #D3D3D3;
	width: 60px;
}
.via-header-right-link {
    width: 60px;
    padding-right: 10px;
    text-align: right;
}
.via-header-cell {
	display: table-cell;
	color: #68737C;
	text-decoration: initial;
	vertical-align: middle;
	padding-right: 4px;
	overflow: hidden;
	font-size: medium;
}

.via-header-cell-text {
	padding-left: 3px;
}

.via-header-menu-icon {
	font-size: small;
	text-align: center;
	padding-right: 2px;
	display: inline-block;
	margin-left:-2px;
	-webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-weight: bold;
}
.via-header-menu-navLink {
	font-size: small;
	text-align: center;
	padding-right: 2px;
	display: inline-block;
}
.via-header-cell-subtext {
    font-size: xx-small;
}

.via-header-icons {
    width: 20px;
    text-align:center;
}
.fr-row {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 1px auto;
}

.fr-row,.fr-row * {
    font-size: x-small;
    font-weight: normal;
    color: #ACAFB1;
}

.fr-main-price {
    font-size: 1.5em;
    font-weight: bold;
    color: #12B58A;
}

.fr-date-info {
    color: #344755;
    display: block;
    line-height: 1.4em;
}

.fr-Refundable {
    color: #12B58A;
    vertical-align: top;
}

.fr-Non-Refundable {
    color: #F3373E;
    vertical-align: top;
}

.fr-cell {
    display: table-cell;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.fr-text-right {
    text-align: right;
}

.fr-flight-img {
    height: 14px;
    vertical-align: text-bottom;
    margin-right: 3px;
}

.fr-text-center {
    text-align: center;
}

.fr-short-cell {
}

.fr-block {
    padding: 0.3em;
    margin: 0.3em auto;
    border-radius: 3px;
    border: 1px solid #CAC9C9;
    background: white;
    box-shadow: 0 2px 6px #B5C3CD;
}
.fr-journey-separator {
	width: 90%;
	margin: 10px auto;
	display: block;
	opacity: 0.3;
}
.fr-journey-separator-img {
	margin: auto;
	margin-top: -2.1em;
	text-align: center;
	background-color: white;
	padding: 0.3em;
	width: 22px;
	position: relative;
}
.fr-sort-header {
    background: #344755;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fr-sort-header span {
    display: table-cell;
    padding: 2.5% 0px;
    white-space: nowrap;
}

.fr-sort-header, .fr-sort-header * {
    color: #EBF2F7;
    font-size: x-small;
    text-transform: uppercase;
    text-align: center;
}
.fr-sort-element-active {
	border-bottom: 4px solid #12B58A;
	background: #2C3E4D;
}

.fr-fl-blk {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 15px 0px;
}

.fr-fl-row{
	display: table-row;
}
.fr-fl-cell {
    display: table-cell;
    text-align: center;
    color: #12B58A;
    font-size: x-large;
}

.fr-fl-text {
    font-size: x-small;
    color: #8796A0;
    font-weight: normal;
    padding-top: 8px;
}

.fr-fl-logo-cell {
    color: #95A4B1;
    font-size: x-large;
    font-weight: normal;
    vertical-align: middle;
}

.fr-fl-cal {
    font-size: inherit;
    margin: 0px 3px;
}

.fr-fl-date {
	display: block;
	font-size: small;
	color: #F3373E;
}

.frf-blk {
    display: table;
    width: 100%;
    margin: 0.6em auto;
}

.frf-border-blk {
    border: 1px solid #46616E;
    border-radius: 3px;
}

.frf-cell {
    display: table-cell;
    text-align: center;
}

.frf-blk, .frf-blk * {
    color: #D7E0E5;
    font-size: x-small;
}

.frf-text-left {
    text-align: left;
}

.frf-text-right {
    text-align: right;
}

.frf-text-center {
    text-align: center;
}

.frf-spl-text, .frf-spl-text * {
    font-size: small;
    vertical-align: initial;
}

.frf-main-blk {
    padding: 0.5em;
    border-bottom: 1px solid #46616E;
}

.frf-icon-stop {
    font-size: xx-small;
}

.frf-icon-time {
    font-size: small;
}

.frf-border-blk .frf-cell {
    padding: 1em;
}


.frf-main-blk input[type="checkbox"] {
    display: none;
}


.frf-cell input[type="checkbox"]+label.frf-gen-checkbox-label {
    border: 1px solid #8fa3ad; background: transparent; height: 14px; width: 14px; display: inline-block; 
    padding: 1px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
}

.frf-cell input:checked[type="checkbox"]+label.frf-gen-checkbox-label:before {
	content: "\e610";
	font-family: icomoon;
	color: #8fa3ad;
	font-size: x-small;
	vertical-align: bottom;
}


input:checked[type="checkbox"]+label.frf-cell,input:checked[type="checkbox"]+label.frf-cell * {
	background: #12B58A;
	color: white;
}

.frf-apply-button {
    color: #12B58A;
}

.frf-apply-button:after {
	content: "\e610";
	font-family: icomoon;
	font-size: x-small;
	margin: 0px 2px;
}

.frf-button {
    text-transform: uppercase;
    font-size: small;
    border: 1px solid;
    padding: 0.3em;
    display: inline-block;

}
.fr-header-j-type-icon {
    font-size: small;
    margin:0px 4px;
}

.vml-background {
    -webkit-filter: blur(2px);          
    filter: blur(2px);                              
    overflow: hidden !important;
}

.vml-content {
	display:none;
    position: fixed;
    background: white;
    width: 90%;
    left:2.4%;
    text-align: center;
    z-index: 1000;
    margin: auto;
    border: 1px solid #AFAFAF;          
    overflow: auto;
    border-radius: 2px;
    padding: 2%;
    max-height: 300px;
    vertical-align: middle;
    top: 25%;
    box-shadow: 0 0 6px #AFAFAF;
}


.vml-icons * {
    display: block;
    font-size: xx-large;
    text-align: center;
    color: #F3373E;
    margin: 15px auto;
}

.vml-icon-span {
	left: 0%;
	display: none;
	position: relative;
	margin:10px;
	width: 20%;
	opacity:0.4;
}

.vml-icon-active {
    display: block;
}

.vml-default-text {
	font-size: small;
	color: #12B58A;
}

.vm-buttons {
	background: #F3373E;
	color: white;
	padding: 8px;
	font-size: medium;
	display: block;
	margin: 8px;
	text-align: center;
	box-shadow: 1px 2px 4px #666;
	border-radius: 1px;
}

.vm-panel {
	position:fixed;
    top: 0px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0px 2px 12px #666;
    background: #FAFBFB;
}

.vmp-item {
    display: table;
    width: 100%;
}

.vmp-content {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    color: #344755;
}

.vmp-item-separator {
	border-top: 1px solid #EBF1F1;
}

.vmp-content * {
    font-size: small;
    color: #344755;
}

.vmp-item-subText {
    font-size: x-small;
    padding: 1px 0px;
}

.vmp-icons {
    width: 30px;
    text-align: center;
    font-size: medium;
}

.vmp-user-content {
    background: #12B58A;
}

.vmp-user-content * {
    color: white;
}

.vmp-user-name {
    font-weight: bold;
}

.vmp-balance {
    font-weight: bold;
    font-size: larger;
}

.vmp-user-options-button {
    font-size: 7px;
    text-align: right;
}

.vmp-item-header {
    background: #E6E6E6;
}

.vmp-item-header .vmp-content {
    padding: 4px 15px;
}

.vmp-left-open {
    left: 0;
    display: block;
}

.vmp-right-open {
    left: 10%;
    display: block;
}

.vmp-left-close {
    left: -92%;
}

.vmp-right-close {
    left: 104%;
}

.vmp-user-code {
    font-size: x-small;
    font-weight: normal;
}

.vm-input-box {
    max-width: 300px;
    margin: 1em auto;
    padding: 0.8em;
    background: white;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.vm-input {
    display: block;
    width: 94%;
    box-sizing: border-box;
    margin: 0px 3% 13px 3%;
    border: none;
    font-size: small;
    height: 34px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vm-facebook-login {
    background: #52689e !important;
}

.vm-google-login {
    background: #D94D32 !important;
}

.icon-FB:before {
    content: '\e626';
}

.icon-GooglePlus:before {
    content: '\e627';
}

.vm-input-text {
    border-bottom: 1px solid #CBCBCB;
}

.vm-login-button {
    width: 42%;
    display: inline-block;
    background: #12B58A;
    vertical-align:top;
}

.vm-forgot-pass {
    font-size: small;
    text-align: right;
    display: inline-block;
    color: #777;
    width: 45%;
}

.vm-sign-up-href, .vm-sign-up-href a {
    font-size: x-small;
    color: #777;
    margin: 4px auto;
    text-align: center;
}

.vm-sign-up-href a {
    font-weight: bold;
}

.vm-sign-up-href {
    display: block;
    margin: 15px auto;
}

input.vm-user-type-radio:checked[type="radio"]+label.vm-user-type-label {
    color: #12B58A;
    border-bottom: 2px solid;
    font-weight: bold;
}

input.vm-user-type-radio[type="radio"]+label.vm-user-type-label {
    display: inline-block;
    text-transform: uppercase;
    width: 40%;
    padding: 1%;
    margin: 6px 3%;
    text-align: center;
    color: #777;
    font-size: small;
    border-radius: 2px;
}

.vm-user-type-radio {
    display: none;
}

.vm-input-error {
	border-bottom: 1px solid red;
}

img.socialLoginSeparator {
    width: 100%; margin: 10px auto; 
    opacity: 0.3;
}

div.socialLoginSeparator {
    margin: auto; 
    margin-top: -27px; text-align: center; background-color: white; padding: 3px; color: #777; width: 22px; 
    font-size: small;
    position: relative;
}


@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.loginbuttonLoading {
	background-repeat: repeat !important;
	background-size: 40px 40px,100% 100% !important;
	background-image: linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3)) !important;
	 -webkit-animation: progress-bar-stripes 2s linear infinite !important; 
	-moz-animation: progress-bar-stripes 2s linear infinite !important;
	animation: progress-bar-stripes 2s linear infinite !important;
}

input#vm-user-type-user:checked[type="radio"]~label.vm-desk-id-label {
    display: block;
}

.vm-desk-id-label {
    display: none;
}

.vm-login-error-msg,.vm-login-userFilter-msg {
    font-size: x-small;
    padding: 0 3%;
    display: block;
    text-align: center;
    color: red;
    margin: 5px 0px;
}


.vm-login-user-icon {
	display: block;
	font-size: 50px;
	color: #CBC9C9;
	margin: 0px auto 10px auto;
	text-align: center;
}

.vm-input-error-msg {
	font-size: x-small;
	color: red;
	margin: 3%;
	display: block;
}

.vm-forgot-msg {
    font-size: small;
    padding: 0 3%;
    display: block;
    text-align: center;
    margin: 8px auto;
    font-style: italic;
    color: #12B58A;
}

.vm-form-error {
	color: red;
}

.vm-input + .vm-input-icons {
	position: absolute;
	font-size: small;
	color: #888888;
	right: 0;
	z-index: 1;
	margin: -44px 12px;
	padding: 8px;
	background: white;
}

.via-footer-hide {
	bottom: -12%;
}

.vm-input:disabled+span.vm-input-icons {
    display: none;
}

input.vm-input:-webkit-autofill {
    background: white;
}

.pp-block {
    padding: 0.5em 2.5%;
    display: table;
    width: 95%;
}

.pp-cell {
    display: table-cell;
    font-size: small;
    padding: 2px 0px;
}

.pp-text-right {
    text-align:right;
}

.pp-block-warning {
    background: #FCF8E5;
    border-top: 1px solid #B9AF98;
}

.pp-icons {
    margin: 0px 4px;
    font-size: large;
    vertical-align: middle;
}

.pp-cell-content {
    max-width: 92%;
}

.pp-block-warning .pp-cell {
    color: #685F4A;
}

.pp-block-coupon {
    padding: 0.8em 0.5em;
}

.pp-block-coupon .pp-row {
    border: 1px dotted #5B6F7E;
    border-style: dashed;
    padding: 4%;
    border-radius: 4px;
    display: block !important;
}

.pp-row {
	display:table-row;
}

.pp-block-coupon .pp-cell {
    color: white;
    font-size: medium;
}

.pp-discount-text-box {
    border: none;
    background: inherit;
    font-size: inherit;
}

.pp-apply-discount {
    background: #12B58A;
    padding: 3%;
    text-align: center;
    border-radius: 2px;
    font-size: smaller;
    width: 38%;
}

.pp-block-payment {
    background: #EBF2F7;
    padding: 0.7em 2.5%;
    border-top: 2px solid #D6E0E8;
}

.pp-block-payment .pp-cell {
    color: #898B8D;
}

.pp-block-payment-mode {
    border-top: 3px solid #D1DAE1;
    padding: 0.7em 2.5%;
    display:table;
}

.pp-payment-mode-head {
    font-size: large;
    color: #595A5B;
    padding: 1px 0px;
}

.pp-block-payment-mode .pp-cell {
    color: #87867D;
}

.pp-payment-open-mode-icon:before {
    color: #12B58A;
    vertical-align: middle;
    font-weight: bold;
}

.pp-price-add {
    color: #F3373E;
}

.pp-discount-text-box:focus {
    outline: none;
}

.pp-card {
    border: 1px solid #E1E8ED;
    border-radius: 4px;
    background: white;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    max-width: 360px;
	margin: auto;
}

.pp-card-row {
    display: table;
    width: 100%;
}

.pp-dark-row {
    background: #EBF2F7;
    border-top: 2px solid #E0E5E9;
    border-bottom: 2px solid #E0E5E9;
}

.pp-card-cell {
    display: table-cell;
    padding: 0.8em;
}

.pp-card-input {
    border: none;
    border-bottom: 1px solid #12B58A;
    height: 35px;
    background: inherit;
    width: 95%;
    box-sizing: border-box;
    color: #777;
    display: block;
    margin: 0px auto;
    font-size: medium;
    -webkit-appearance: none;     -moz-appearance: none;     appearance: none;
}

.pp-card-input:focus {
    outline: none;
    border-color: #0F69AA;
}

.pp-card-icon {
    text-align: center;
    vertical-align: middle;
}

.pp-nb-label {
    text-align: center;
    font-size: small;  
    color: #12B58A;
    margin: 3px auto; 
}

.pp-card-cvv {
    border-left: 1px solid #B6C6D2;
    width: 38%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.pp-nbp-row, .pp-logo-row {
    display: table;
    table-layout: fixed;
    width: 96.4%;
	padding: 7px 2%;
}

.pp-nbp-cell,.pp-logo-cell {
    display: table-cell;
}

.pp-nbp-logo {
    display: block;
    margin: auto;
    height: 50px;
    border-radius: 50%;
    width: 50px;
    padding: 6px;
    background-color: white;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: center;
    border: 3px solid transparent;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.pp-nbp-addon {
    padding: 0.1em 0px;
    margin: 0.8em auto;
}

.pp-text-left {
    text-align: left;
}

.pp-final-price {
    color: #F3373E;
    font-weight: bold;
}


.pp-discount-price {
    color: #12B58A !important;
}

.nbp-radio {
    display: none;
}

#nbp-radio-Mandiri_Clikpay+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/Mandiri.jpg);
}

#nbp-radio-BCA_KlikPay+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/BCA.png);
}


#nbp-radio-CIMB_Clicks_Rekening_Ponsel+label {
    background-image: url(//cdn.via.com/static/img/v1/newui/id/general/bank_logo/CIMB.png);
}

#nbp-radio-Citi_Bank_Singapore_Ltd+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/Citi.jpg);
}

#nbp-radio-DBS_Bank+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/DBS.jpg);
}


#nbp-radio-OCBC_Bank+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/OCBC.jpg);
}

#nbp-radio-Standard_Chartered_Bank+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/Standard_Chartered.jpg);
}


#nbp-radio-United_Overseas_Bank+label {
    background-image: url(//cdn.via.com/static/img/general/bank_logo/UOB.jpg);
}

input:checked.nbp-radio+label {
    box-shadow: 0px 0px 2px 3px #ffd926;
}

.pp-common-radio {
	display: none;
}

input:checked.pp-common-radio+label {
	background: #20C499;
	color: white;
	border-color: #20C499;
}
.pp-bank-name {
	font-size: x-small;
	text-align: center;
	margin: 6px auto;
	color: #797979;
	display:block;
	width:63%;
}

input:checked.nbp-radio~label.pp-bank-name {
    color:#12B58A;
}

.pp-message {
	text-align: center;
	font-size: x-small;
	margin: 10px;
	color: #7B6916;
}

.pp-logo-img {
    width: 70%;
    display: block;
    max-width: 85px;
}

.pp-price-add:before,.pp-discount-price:before {
	font-size: 7px;
	margin: 0px 2px;
}

.pp-expiry-label {
    text-align: center;
    color: rgb(172, 173, 173);
    font-size: x-small;
}

.pp-expiry-row {
    display: table;
    width: 100%;
}

.pp-expiry-cell {
    display: table-cell;
    padding: 0px 0.6em;
}

.pp-hidden-submediums {
	display:none !important;
}

.pp-common-blk {
    width: 80%;
    display: block;
    font-weight: bold;
    margin: 11px auto;
    font-size: small;
    color: #344755;
    padding: 0.7em;
    border: 1px solid #C2D1DA;
    border-radius: 2px;
    background: white;
    box-shadow: 0px 1px 2px #C2D1DA;
}

.pp-common-blk:before {
	width: 12px;
	display: inline-block;
	font-size: smaller;
	color: inherit;
	text-align:center;
}

input.pp-common-radio+label:before{
	content: ' ';
}

input:checked.pp-common-radio+label:before{
	content: '\e675';
}

.recentSearch.ui-panel {
	width : 250px;
	padding : 10px 0px;
	background: #344755;
	color: #A5B5C1;
}
.recentSearchBody *{
	display : inline-block;
	font-size : 12px;
}

.recentSearchBody .result{
	border-bottom: 1px solid #5C6C77;
	padding : 15px;
}
.recentSearchBody .result.resultHeader{
	width : 100%;
	font-size : 15px;
}

.recentSearchBody .tbl-row{
	width : 100%;
}
.recentSearchBody .hp-j-type-image {
	height: 0;
}
.recentSearchBody .placeContainer{
	width : 32%;
	padding : 5px 0px;
	font-weight : bold;
	margin-bottom: 5px;	
}

.recentSearchBody .placeContainer *{
	font-size : 15px;	
	color : #D7E0E5 !important;
}
.recentSearchBody .placeContainer.dest {
	text-align : right;
}

.recentSearchBody .placeContainer.flightIcon {
	text-align : center;
}


/***************jqm_mobile.css***************************/
.auto-hide{
	display: none;
}
.custom-auto-complete{
	list-style: none;
	width: 40%;
	padding:0px;
	margin:0px;
	position: absolute;
	margin-left: 17%;
	margin-top: 22px;
	box-shadow: 2px 2px 6px #666;
	background: white;
	border-radius: 2px;
}
.custom-auto-complete li {
	border-bottom: 1px solid #EDE7E7;
	padding: 5px;
}

/****jqm datebox ****/
/*
 * jQuery Mobile Framework : plugin to provide a date and time picker.
 * https://github.com/jtsage/jquery-mobile-datebox
 */
 
/* Base input element Styles */

.ui-input-datebox { width: 97%; background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; padding-top: 0px; padding-bottom: 0px; background-color: transparent; } 
.ui-input-datebox { min-height: 38px; } /* Fix for IE8 */
.ui-datebox-container > .ui-header:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;	-webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
/*.ui-input-datebox .ui-btn-icon-notext { margin-top: 5px !important; margin-bottom: 5px !important; }*/
.ui-input-datebox input { width: 100% !important; padding: 0 !important; margin-top: 5px !important; margin-right: -40px !important; border: 1px solid transparent !important; vertical-align: middle; display: inline-block !important; background-color: transparent; zoom: 1; *display: inline; }
.ui-input-datebox input:focus { outline: none;}
.ui-input-datebox .ui-btn-text {display: none;}
.ui-input-datebox.ui-mini { min-height: 20px; font-size: 14px; }
/*.ui-input-datebox.ui-mini .ui-btn-icon-notext { margin-top: 2px !important; margin-bottom: 2px !important; }*/
.ui-icon-datebox { background-image: url('image/datebox.png') !important; background-repeat: no-repeat !important; background-position: 99% 8px !important; }
.ui-icon-datebox-alt { background-image: url('image/datebox.png') !important; background-repeat: no-repeat !important; background-position: 99% -28px !important; }
.ui-mini.ui-icon-datebox { background-position: 99% 6px; }
.ui-mini.ui-icon-datebox-alt { background-position: 99% -30px; }

@media all and (min-width: 450px){
  .ui-field-contain .ui-input-datebox { width: 74.7%; display: inline-block; } 
  .ui-hide-label .ui-input-datebox { width: 100%; }
}

/* Full width if in a grid, ignore the media query */
.ui-grid-a .ui-input-datebox { width: 97%; }
.ui-grid-b .ui-input-datebox { width: 97%; }
.ui-grid-c .ui-input-datebox { width: 97%; }
.ui-grid-d .ui-input-datebox { width: 97%; }
.ui-grid-e .ui-input-datebox { width: 97%; }

/* Define a grid, just in case. */
/* grid d: 16.65/16.65/16.65/16.65/16.65/16.65 */
.ui-grid-e .ui-block-a, .ui-grid-e .ui-block-b, .ui-grid-e .ui-block-c, .ui-grid-e .ui-block-d, .ui-grid-e .ui-block-e, .ui-grid-e .ui-block-f { width: 16.65%; }
.ui-grid-e > :nth-child(n) { width: 16.65%; }
.ui-grid-e .ui-block-a { clear: left; }

.ui-grid-e { overflow: hidden; }
.ui-block-f { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* Calendar Mode Styles */

.ui-datebox-gridheader { text-align: center; }
.ui-datebox-gridheader h4 { text-align: center; display: inline-block; margin-top: 10px; margin-bottom: 10px; zoom:1; *display: inline;}
.ui-datebox-gridplus { float: right; }
.ui-datebox-gridminus { float: left; }
.ui-datebox-gridplus-rtl { float: left; }
.ui-datebox-gridminus-rtl { float: right; }
.ui-datebox-gridrow { margin-left: 5px; margin-right: 5px; }
.ui-datebox-grid { clear: both; margin-bottom: 5px; }
.ui-datebox-griddate { cursor: pointer;width: 36px; height: 30px; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; font-weight: bold; font-size: 12px; zoom:1; *display: inline;}
.ui-datebox-griddate-week { width: 31px; height: 30px; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; font-weight: bold; font-size: 12px; zoom:1; *display: inline;}
.ui-datebox-griddate-empty { border: 1px solid transparent; color: #888; }
.ui-datebox-griddate-label { height: 15px !important; line-height: 15px !important; color: black;}
.ui-datebox-griddate-disable { color: #888;text-decoration: line-through;cursor:  default;}

/* Android Mode Styles */

.ui-datebox-header h4 { margin-top: 5px; margin-bottom: 5px; text-align: center; }
.ui-datebox-container fieldset div { margin: 0px !important; }
.ui-datebox-dboxin input { padding: .4em 0 !important; text-align: center; }
.ui-datebox-dboxin label { width: 100%; text-align: center; display: block; margin-top: 5px; margin-bottom: -8px; }
.ui-datebox-controls { text-align: center; }
.ui-datebox-controls div { width: 77px; text-align: center; display: inline-block; zoom: 1; *display: inline;}
.ui-datebox-scontrols { text-align: center; }
.ui-datebox-scontrols div { width: 55px; text-align: center; display: inline-block; zoom: 1; *display: inline;}
.ui-datebox-scontrols .ui-datebox-sinput { width: 68px; }
.ui-datebox-scontrols .ui-datebox-sinput input { width: 48px; text-align: center; margin-left: 3px; }
.ui-datebox-input { width: 74px !important; margin-left: 1px; margin-right: 1px; text-align: center !important; display: inline-block !important; zoom:1; *display: inline; }

/* Slide Mode Styles */

.ui-datebox-slide { width: 280px; margin-left: auto; margin-right: auto;}
.ui-datebox-sliderow-d { margin-bottom: 5px; text-align: center; height: 40px; width: 280px; overflow: hidden;}
.ui-datebox-sliderow-ym { margin-bottom: 5px; text-align: center; height: 32px; width: 280px; overflow: hidden;}
.ui-datebox-sliderow-hi { text-align: center; height: 32px; width: 280px; overflow: hidden;}
.ui-datebox-sliderow-int { display: inline-block; white-space: nowrap;}

.ui-datebox-slideyear { text-align: center; display: inline-block; zoom:1; *display:inline; width: 84px; vertical-align: middle; line-height: 30px; height: 30px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidemonth { text-align: center; display: inline-block; zoom:1; *display:inline; width: 51px; vertical-align: middle; line-height: 30px; height: 30px; font-size: 12px; font-weight: bold; }
.ui-datebox-slideday { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 20px; height: 38px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidehour { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 22px; height: 24px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidemins { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 22px; height: 24px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidearrow { text-align: center; display: inline-block; zoom:1; *display:inline; width: 10px; vertical-align: middle; line-height: 38px; height: 38px; font-size: 10px; font-weight: bold; }
.ui-datebox-slidewday { font-size: 10px; font-weight: normal; }

/* Flip Mode Styles */
.ui-datebox-flipcontent { text-align: center; height: 125px; margin-bottom: -40px;}
.ui-datebox-flipcontent div { margin-left: 3px; margin-right: 3px; width: 77px; height: 120px; display: inline-block; text-align: center; zoom: 1; *display: inline; overflow: hidden;}
.ui-datebox-flipcontentd div { width: 60px; }
.ui-datebox-flipcenter { border: 1px solid #eee; height: 40px; margin-left: 10px; width: 260px; margin-right: auto; margin-left: auto; position: relative; top: -45px;}
.ui-datebox-flipcontent ul { list-style-type: none; display: inline; }
.ui-datebox-flipcontent li { height: 30px; }
.ui-datebox-flipcontent li span { margin-top: 7px; display: block; }
/* Shared Styles */

.ui-datebox-container { border: 5px solid #111 !important; width: 280px; -webkit-transform:translate3d(0,0,0); }
.ui-datebox-screen { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ui-datebox-screen-modal { background-color: black; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.ui-datebox-hidden { display: none; }
.ui-dialog .ui-datebox-container { border: none !important; }
.ui-popup-container .ui-datebox-container { border: none !important; }
.ui-popup-container .ui-datebox-gridrow { margin-left: 0px; margin-right: 0px; }
.ui-datebox-collapse a { display: inline-block; width: 45% }

.ui-datebox-inline { margin-top: 5px; border: 5px solid #111111 !important; margin-left: auto; margin-right: auto; text-align: center; }
.ui-datebox-inlineblind { margin-top: 5px; border: 5px solid #111111 !important; margin-left: auto; margin-right: auto; text-align: center; }




.addon-label-blk {
    background: #EBF2F7;
    padding: 2.2% 4%;
    border-bottom: 1px solid #DBE3E8;
    font-size: small;
    text-transform: capitalize;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: black;
    appearance: none;
    text-decoration: none;
}

.addon-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.addon-cell {
    display: table-cell;
}

.addon-box {
    border-bottom: 1px solid #DBE3E8;
    padding: 5% 9%;
    background: white;
}

.addon-cell:not(:last-child) {
    border-right: 1px solid #DBE3E8;
}

.addon-cell-label {
    font-size: small;
    padding-bottom: 3px;
    color: #9E9B9B;
}
.addon-cell-btn {
    display: block;
    width: 100%;
    border-radius: 4px;
    -webkit-appearance: none;
    background: white;
    -moz-appearance: none;
    appearance: none;
    margin: 3px auto;
    padding: 10px;
    font-size: medium;
    font-weight: bold;
    color: #12b589;
    border: 2px solid #12B589;
}

.addon-cell-btn.selected-btn {
    background: #12b589;
    color: white;
}
.addon-cell-btn:before {
    font-family: 'icomoon'!important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: '\e614';
    display: inline-block;
    margin-left: -10%;
    margin-right: 10%;
    font-size: 11px;
}

.addon-cell-label.colorGreen {
    color: #12b589;
}
.addon-cell-btn.return-flight:before {
    content: '\e615';
}
.addon-cell-btn.selected-btn:before {
    content: '\e610';
}
.addon-price-label {
    float: right;
    font-size: x-small;
    color: #f33;
}

.addon-cell-sel>select {
    background: inherit;
    border: none;
    width: 100%;
    font-size: inherit;
    -webkit-appearance:none;
  -moz-appearance: none;
    -webkit-appearance: none;
}

.addon-cell-sel:after {
    content: '\e67f';
    font-family: 'icomoon';
    color: #12B58A;
    position: absolute;
    transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  -moz-transform: rotate(48deg);
  -o-transform: rotate(48deg);
    bottom: -22%;
    right: -2%;
}

.addon-cell-sel {
    display: block;
    width: 100%;
    border-radius: 0px;
    -webkit-appearance: none;
    background: white;
    -moz-appearance: none;
    font-size: small;
    appearance: none;
    margin: 1px auto;
    padding: 4px 2px;
    border: none;
    border-bottom: 2px solid #12B589;
    position: relative;
}

.addon-done {
    background: #12B58A;
    color: white;
    font-size: large;
    border: none;
    width: 92%;
    padding: 4%;
    text-align:center;
    position: fixed;
    bottom: 0;
    display: block;
}

.addon-dummy {
	padding: 4%;
	visibility: hidden;
	font-size: large;
}
.seatMapOutCont > div:nth-child(2) {
  text-align: center;
  overflow-x: auto;
  margin: auto;
}
.seatMapOutCont > div:last-child {
  display: none;
}
.seatMapOutCont .indicatorCont {
  text-align: center;
}
.seatMapOutCont .indicatorCont .orientationCont {
  border-bottom: 1px solid #bcc8d1;
}

.seatMapOutCont .indicatorCont .orientationCont .orientation {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #DEE5EB;
  border-bottom: none;
  padding: 3px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.seatMapOutCont .indicatorCont .orientationCont .orientation:before {
  font-family: 'icomoon';
  display: initial;
  color: #B2C1CC;
  content: '\e601';
  font-size: 40px;
}

.seatMapOutCont .indicatorCont .indicators > div > div > span {
  display: inline-block;
  padding: 1px 4px;
  vertical-align: middle;
  font-size: small;
  color: #868D92;
  padding-top: 10px;
}
.seatMapOutCont .indicatorCont .indicators > div > div > span:first-child:before {
  min-height: 20px;
  min-width: 20px;
  display: block;
  text-align: center;
  padding: 3px;
  content: ' ';
}
.seatMapOutCont .indicatorCont .indicators .selectedSeat:before {
  color: white;
  background-color: #12B58A !important;
  font-size: 9px;
}
.seatMapOutCont .seatMapCont .seatTable {
  display: table;
  margin: 0 auto;
  table-layout: fixed;
}
.seatMapOutCont .seatMapCont .seatTable > div {
  display: table-row;
}
.seatMapOutCont .seatMapCont .seatTable > div > div {
  display: table-cell;
  padding: 9px 8px;
  border: 1px solid white;
  color: white;
  font-size: 12px;
}
.seatMapOutCont .seatMapCont .seatTable .seatStatus-Open {
  cursor: pointer;
}
.seatMapOutCont .seatMapCont .seatTable .seatStatus-Open.selected {
  background: #12B58A;
}
.seatMapOutCont .seatGrp-1:before, .seatMapOutCont .seatStatus-Open.seatGrp-1 {
  background-color: #4AB8ED;
}
.seatMapOutCont .seatGrp-2:before, .seatMapOutCont .seatStatus-Open.seatGrp-2 {
  background-color: #B589D7;
}
.seatMapOutCont .seatGrp-3:before, .seatMapOutCont .seatStatus-Open.seatGrp-3 {
  background-color: #E9C352;
}
.seatMapOutCont .seatGrp-4:before, .seatMapOutCont .seatStatus-Open.seatGrp-4 {
  background-color: #e69c77;
}
.seatMapOutCont .seatGrp-5:before, .seatMapOutCont .seatStatus-Open.seatGrp-5 {
  background-color: #806a7d;
}
.seatMapOutCont .seatGrp-6:before, .seatMapOutCont .seatStatus-Open.seatGrp-6 {
  background-color: #b9b19b;
}
.seatMapOutCont .seatGrp-7:before, .seatMapOutCont .seatStatus-Open.seatGrp-7 {
  background-color: #e298b9;
}
.seatMapOutCont .seatGrp-8:before, .seatMapOutCont .seatStatus-Open.seatGrp-8 {
  background-color: #7885ad;
}
.seatMapOutCont .seatStatus-Reserved, .seatMapOutCont .indicate-occupied {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.seatMapOutCont .seatStatus-Reserved:before {
  font-family: 'icomoon';
  display: initial;
  color: white;
  content: "\e60f" !important;
  font-size: 8px;
}
.seatMapOutCont .seatStatus-Reserved {
  background: #D5DEE5;
  min-height: 20px;
  min-width: 20px;
  display: block;
  text-align: center;
  padding: 3px;
  vertical-align: middle;
}
.seatMapOutCont .seatStatus-Open.selected, .seatMapOutCont .selectedSeat {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.seatMapOutCont .seatStatus-Open.selected:before {
  font-family: 'icomoon';
  display: initial;
  color: inherit;
  content: "\e610" !important;
  font-size: inherit;
}
.seatMapOutCont .seatStatus-Open.selected:before {
  background: #12B58A;
  color: white;
}

.seatMapOutCont .orientationCont>div {
    display: table-cell;
}

.seatMapOutCont .orientationCont {
    display: table;
    width: 100%;
}

.seatMapOutCont .orientationCont>div>span {
    display: inline-block;
    padding: 1px 4px;
    vertical-align: middle;
    font-size: small;
    color: #A9ADB0;
}

.seatMapOutCont .indicators>div>div {
    display: table-cell;
    text-align: center;
}

.seatMapOutCont .indicators {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #DDE3E8;
}

.seatMapOutCont .indicators>div {
    display: table;
    width: 100%;
}

.seatWBtn {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.seatWBtn>div {
    display: table-cell;
    padding: 5% 6%;
    font-size: medium;
    color: white;
    text-align: center;
}

.seatWBtn>div:first-child {
    background: #334755;
    font-weight: 600;
    text-align: left;
}

.seatWBtn>div:last-child {
    background: #12B589;
    font-weight: 600;
    font-size: large;
    cursor: pointer;
}

.seatMapOutCont .selectedSeat:before {
    min-height: 12px;
    min-width: 15px;
    text-align: center;
    font-size: x-small;
    padding: 3px;
    padding-top: 5px;
    vertical-align: middle;
    background: #12B589;
    font-family: 'icomoon';
    content: '\e610';
    color: white;
    display: inline-block;
}

.seatMapOutCont .indicate-occupied:before {
    min-height: 12px;
    min-width: 15px;
    text-align: center;
    font-size: xx-small;
    padding: 3px;
    padding-top: 6px;
    vertical-align: middle;
    background: #D5DEE5;
    font-family: 'icomoon';
    content: '\e60f';
    color: white;
    display: inline-block;
}

.header-btn-class {
    font-size: small;
    color: #12B589;
}

.addons-page-btn {
    border: 2px solid #12b589;
    color: #12b589;
    padding: 5%;
    font-size: small !important;
    text-decoration: none;
    border-radius: 4px;
}

.amenTable {
    display: table;
    width: 100%;
    padding: 4% 0px;
}

.amenTable>div {
    display: table-row;
}

.amenTable>div>div {
    display: table-cell;
    padding: 4px 2px;
    vertical-align: middle;
    text-transform: capitalize;
}

.amenTable>div>div:last-child {
    text-align: right;
}

.amenTable>div>div:first-child {
    text-align: left;
}

.amenTable .head {
    color: #12b589;
}

.amenTable * {
    font-size: small;
}

.amenTable span {
    /* font-size: smaller; */
}

.amenTable .head>div {
    border-bottom: 1px solid #bcc2d1;
    padding-top: 3%;
}

.header-btn-class {
    font-size: small;
    color: #12B589;
}

.pp-sel-cont {
    margin-bottom: 14px;
}

.ppFadeTxt {
    color: #777;
    font-size: medium;
    text-align: center;
}

span#ppSavedExpiry {
    display: block;
    margin-top: 4%;
}

.tp-message {
    font-size: small;
    margin: 0px auto;
    padding: 3%;
    color: #8A806B;
    text-align:center;
    background: #FCF8E5;
    border-bottom: 1px solid #B9AF98;
    display:block;
}

.spinner {
  margin: 5px auto;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #f33;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;/* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.printBtnCont {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
}

.printBtnCont>a {
    display: table-cell;
    text-align: center;
    font-size: medium;
    padding: 2%;
    text-decoration: none;
    color: white;
    background: #12b589;
}

/*  Erecharge styles*/

#erecharge .ui-content{
padding:0px;	
}
.erechargeBody * {
    font-size: medium;
}
/* line 1, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody {
  background-color: #EBF2F7;
  /* padding: 5px 0px 0px 0px; */
}
/* line 5, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar {
    padding: 5px 0px;
    border-bottom: 2px solid #12B58A;
}
/* line 7, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .productLblCont {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin:5px 0px;
  
}
/* line 11, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .productLblCont .productLbl div {
  display: inline-block;
  vertical-align: top;
}
/* line 12, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .productLblCont .productLbl .erechargeLogo {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
  margin-right: 5px;
  vertical-align: -webkit-baseline-middle;
  margin-left: 10px;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .topBar .productLblCont .productLbl .erechargeLogo:before {
  content: "";
  font-size: 25px;
}
/* line 17, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .productLblCont .productLbl .txt {
  font-size: larger;
  color: #333;
}
/* line 21, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .productLblCont .productLbl .smallTxt {
  font-size: smaller;
}
/* line 26, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-top: 10px;
}
/* line 30, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont .step {
  display: inline-block; 
  text-align: left;
  margin-left: 10px;
  
}
/* line 34, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont .step .num {
  background-color: #FFFFFF;
  border: 2px solid #d4dee5;
  border-radius: 16px;
  font-size: small;
  color: #666;
  width: 14px;
  height: 14px;
  text-align: center;
  padding: 2px;
  display: table-cell;
}
/* line 46, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont .step .txt {
  display: table-cell;
  font-size: small;
  padding-left: 10px;
}
/* line 52, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont .active {
  font-weight: 600;
}
/* line 54, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont .active .num {
  border-color: #12B58A;
}
/* line 57, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .topBar .stepsCont .processed .num {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  background-color: #12B58A;
  border-color: #12B58A;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .topBar .stepsCont .processed .num:before {
  content: "";
  font-size: 10px;
}
/* line 65, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec {
  border: 1px solid #d4dee5;
  border-radius: 4px;
  background-color:#fff;
}
.erechargeBody .container .mainSec h4 {
    margin: 10px auto;
    text-align: center;
    color: #666;
    font-size: large;
    font-weight:400;
}
/* line 68, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes {
  background-color: #fff;
  /*padding: 10px 0px;*/
  /* border-bottom: 2px solid #12B58A; */
  border-radius: 4px 4px 0px 0px;
  /*display:inline-block;*/
  text-align: center;
}
.erechargeBody .container .mainSec .erProdTypes .name,.erechargeBody .container .mainSec .erProdTypes .name .smallTxt,.erechargeBody .container .mainSec .erProdTypes .name .bold {
  color: #666;
  font-size: initial;
  margin-bottom:20px

}
/* line 74, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd {
  padding: 15px 20px;
  min-width: 170px;
  display: inline-block;
  text-decoration: none;
  border-right: 1px solid #d4dee5;
  text-align: center;
}
/* line 81, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .icon {
  color: #999;
  margin-right: 5px;
  vertical-align: middle;
}
/* line 86, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .text {
  color: #333;
  font-size: 16px;
  text-transform: Capitalize;
}
/* line 91, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .dataCard, .erechargeBody .container .mainSec .erProdTypes .erProd .datacard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .dataCard:before, .erechargeBody .container .mainSec .erProdTypes .erProd .datacard:before {
  content: "";
  font-size: 20px;
}
/* line 94, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .callCard, .erechargeBody .container .mainSec .erProdTypes .erProd .callcard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .callCard:before, .erechargeBody .container .mainSec .erProdTypes .erProd .callcard:before {
  content: "";
  font-size: 20px;
}
/* line 97, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .gameCard, .erechargeBody .container .mainSec .erProdTypes .erProd .gamecard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .gameCard:before, .erechargeBody .container .mainSec .erProdTypes .erProd .gamecard:before {
  content: "";
  font-size: 20px;
}
/* line 100, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .satellite, .erechargeBody .container .mainSec .erProdTypes .erProd .satelite {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .satellite:before, .erechargeBody .container .mainSec .erProdTypes .erProd .satelite:before {
  content: "";
  font-size: 20px;
}
/* line 103, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .recharge, .erechargeBody .container .mainSec .erProdTypes .erProd .others {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .recharge:before, .erechargeBody .container .mainSec .erProdTypes .erProd .others:before {
  content: "";
  font-size: 20px;
}
/* line 106, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .mobile {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd .mobile:before {
  content: "";
  font-size: 20px;
}
/* line 110, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd:hover {
  background-color: #12B58A;
}
/* line 112, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd:hover .icon {
  color: #FFFFFF;
}
/* line 115, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd:hover .text {
  color: #FFFFFF;
}
/* line 120, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd:first-of-type {
  border-radius: 4px 0px 0px 0px;
}
/* line 123, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .erProd:last-of-type {
  border-radius: 0px 4px 0px 0px;
  border-right: 0px;
}
/* line 129, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .active {
  background-color: #12B58A;
}
/* line 131, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .active .icon {
  color: #FFFFFF;
}
/* line 134, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdTypes .active .text {
  color: #FFFFFF;
}
/* line 139, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox {
  padding: 25px;
}
/* line 141, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox > div {
  width: 32%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 148, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 153, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .name .smallTxt {
  font-size: small;
}
/* line 155, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .name .smallTxt .bold {
  font-weight: 600;
  color: #000;
  font-size: smaller;
}
/* line 162, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .icon {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 166, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .dataCard, .erechargeBody .container .mainSec .erProdSelBox .selProdType .datacard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .dataCard:before, .erechargeBody .container .mainSec .erProdSelBox .selProdType .datacard:before {
  content: "";
  font-size: 40px;
}
/* line 169, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .callCard, .erechargeBody .container .mainSec .erProdSelBox .selProdType .callcard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .callCard:before, .erechargeBody .container .mainSec .erProdSelBox .selProdType .callcard:before {
  content: "";
  font-size: 40px;
}
/* line 172, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .gameCard, .erechargeBody .container .mainSec .erProdSelBox .selProdType .gamecard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .gameCard:before, .erechargeBody .container .mainSec .erProdSelBox .selProdType .gamecard:before {
  content: "";
  font-size: 40px;
}
/* line 175, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .satellite, .erechargeBody .container .mainSec .erProdSelBox .selProdType .satelite {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .satellite:before, .erechargeBody .container .mainSec .erProdSelBox .selProdType .satelite:before {
  content: "";
  font-size: 40px;
}
/* line 178, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .recharge, .erechargeBody .container .mainSec .erProdSelBox .selProdType .others {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .recharge:before, .erechargeBody .container .mainSec .erProdSelBox .selProdType .others:before {
  content: "";
  font-size: 40px;
}
/* line 181, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .mobile {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .mainSec .erProdSelBox .selProdType .mobile:before {
  content: "";
  font-size: 40px;
}
/* line 186, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .operSBoxCont, .erechargeBody .container .mainSec .erProdSelBox .planSBoxCont {
  margin-right: 25px;
}
/* line 188, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .operSBoxCont .name, .erechargeBody .container .mainSec .erProdSelBox .planSBoxCont .name {
  font-size: small;
  color: #12B58A;
}
/* line 193, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erProdSelBox .planSBoxCont {
  margin-right: 0px;
}
/* line 198, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper {
  background-color: #FFFFFF;
  margin-top:20px;
}
/* line 200, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .erSelOperName {
  border: 1px solid #d4dee5;
  padding: 10px;
}
/* line 203, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .erSelOperName .selOperName {
  font-size: x-large;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
}
select#selPlan {
    width: 90%;
}
/* line 209, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .erSelOperName .plansNum {
  color: #888;
  font-size: small;
  display: inline-block;
  vertical-align: middle;
  margin-top:5px;
  margin-right:10px;
}
/* line 213, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .erSelOperName .plansNum .bold {
  font-weight: 600;
}
/* line 216, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .pointer {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #d4dee5;
  border-width: 1px 0px 0px 1px;
  transform: rotateZ(45deg);
  display: inline-block;
  position: relative;
  left: 5%;
  top: -8px;
}
/* line 228, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans {
  padding: 5px 10px;
}
/* line 230, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #d4dee5;
  border-radius: 4px;
  margin: 5px 0px;
  border-bottom-width: 3px;
  padding: 10px 0px;
  font-size: smaller;
}
/* line 240, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .productName {
  padding: 0px 15px;
  margin: 0px;
  color: #000;
  font-size: medium;
  font-weight: 700;
}
/* line 247, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .comments,.erechargeBody .container .mainSec .erSelOper .plans .plan .rchgTyp {
  padding: 10px 15px;
  font-weight: 600;
}
/* line 250, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .comments label,.erechargeBody .container .mainSec .erSelOper .plans .plan .rchgTyp label {
  font-weight: 400;
}
.erechargeBody .container .mainSec .erSelOper .plans .plan .comments .cmtTxt,.erechargeBody .container .mainSec .erSelOper .plans .plan .rchgTyp .cmtTxt{
	font-size:smaller;
}

/* line 254, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .priceDiv {
  padding: 10px 15px;
  /* font-weight: 600; */
}
/* line 257, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .priceDiv label {
  /* font-weight: 400; */
}
.erechargeBody .container .mainSec .erSelOper .plans .plan .priceDiv .currency {
    font-weight: 600;
    font-size: medium;
}
/* line 261, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .btnDiv {
  padding: 15px 15px 5px 15px;
  border-top: 1px solid #d4dee5;
}
/* line 264, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .btnDiv .disc {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 55%;
  color: #12B58A;
  font-size: smaller;
}
.erechargeBody .container .mainSec .erSelOper .plans .plan .btnDiv .disc label,.erechargeBody .container .mainSec .erSelOper .plans .plan .btnDiv .disc .discVal {
  font-size: smaller;
}	
/* line 271, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .erSelOper .plans .plan .btnDiv .CTA {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  font-size: medium;
  padding: 8px 12px;
  border: 1px solid;
  border-color: #ED1C24;
  background: #ED1C24;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: center;
}
/* line 281, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .mainSec .noResult {
  background-color: #fff;
  padding: 20px;
  text-align: center;
  color: #ED1C24;
}
/* line 288, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot {
  display: none;
  border: 2px solid #d4dee5;
  border-radius: 4px;
  /*padding: 20px 25px;*/
  background-color: #f6f9fc;
  /* margin-top: 20px; */
}
/* line 296, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv {
  padding: 5px 10px;
}
/* line 298, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv > div {
 /*  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-width: 20%; */
  text-align:center;
}
/* line 304, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType > div {
  /* display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; */
}
/* line 308, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .icon {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 312, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .dataCard, .erechargeBody .container .erSnapshot .prodDiv .selProdType .datacard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .dataCard:before, .erechargeBody .container .erSnapshot .prodDiv .selProdType .datacard:before {
  content: "";
  font-size: 40px;
}
/* line 315, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .callCard, .erechargeBody .container .erSnapshot .prodDiv .selProdType .callcard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .callCard:before, .erechargeBody .container .erSnapshot .prodDiv .selProdType .callcard:before {
  content: "";
  font-size: 40px;
}
/* line 318, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .gameCard, .erechargeBody .container .erSnapshot .prodDiv .selProdType .gamecard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .gameCard:before, .erechargeBody .container .erSnapshot .prodDiv .selProdType .gamecard:before {
  content: "";
  font-size: 40px;
}
/* line 321, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .satellite, .erechargeBody .container .erSnapshot .prodDiv .selProdType .satelite {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .satellite:before, .erechargeBody .container .erSnapshot .prodDiv .selProdType .satelite:before {
  content: "";
  font-size: 40px;
}
/* line 324, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .recharge, .erechargeBody .container .erSnapshot .prodDiv .selProdType .others {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .recharge:before, .erechargeBody .container .erSnapshot .prodDiv .selProdType .others:before {
  content: "";
  font-size: 40px;
}
/* line 327, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .mobile {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .selProdType .mobile:before {
  content: "";
  font-size: 40px;
}
/* line 333, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .name,.erechargeBody .container .erSnapshot .prodDiv .name .txt,.erechargeBody .container .erSnapshot .prodDiv .name .smallTxt {
  font-size: small;
}

/* line 335, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .name .smallTxt .bold {
  font-weight: 600;
  color: #000;
  font-size: smaller;
}
/* line 342, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .rightArrow {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e0e5e7;
  margin: 0px 10px;
  min-width: 30px;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .rightArrow:before {
  content: "";
  font-size: 25px;
}
/* line 350, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .selPlanDet .name .smallTxt .bold {
  color: #12B58A;
}
/* line 354, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .modifyBtn {
  width: 30%;
  text-align: center;
  /* float: right; */
  font-size: medium;
  padding: 8px 12px;
  border: 1px solid;
  border-color: #12B58A;
  background: #f6f9fc;
  border-radius: 4px;
  color: #12B58A;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 4px 10px;
  border: 2px solid;
  margin:10px auto 5px auto;
}
/* line 358, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .modifyBtn .modifyIcon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #12B58A;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .prodDiv .modifyBtn .modifyIcon:before {
  content: "";
  font-size: 15px;
}
/* line 13, ../../../sass/sass/modules/_mixins.scss */
.erechargeBody .container .erSnapshot .prodDiv .modifyBtn:hover {
  color: #f6f9fc;
  border-color: #f6f9fc;
  background: #12B58A;
}
/* line 366, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .prodDiv .modifyBtn:hover .modifyIcon {
  color: #FFFFFF;
}
/* line 370, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .subscDiv {
  display: none;
  border-top: 1px solid #e0e5e7;
  padding: 20px 25px;
  font-size: smaller;
}
/* line 375, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .subscDiv > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-width: 25%;
  margin-right: 10px;
}
/* line 381, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .subscDiv .lbl {
  font-weight: 300;
}
/* line 384, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .subscDiv .val {
  font-weight: 600;
  margin: 0px 5px;
  color: #333;
}
/* line 392, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .subscDiv .mobIcon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
  margin: 0px 5px;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .subscDiv .mobIcon:before {
  content: "";
  font-size: 13px;
}
/* line 396, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .erSnapshot .subscDiv .emailIcon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
  margin: 0px 5px;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .erSnapshot .subscDiv .emailIcon:before {
  content: "";
  font-size: 12px;
}
/* line 404, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont {
  display: none;
}
.erechargeBody .container .travCont label{
	font-size:medium;
}
/* line 407, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .blkNote {
  background-color: #fcf8e5;
  border: 1px solid #e6d4b9;
  color: #7a6b52;
  padding: 10px;
  font-size: small;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
  /* margin-top: 20px; */
}
/* line 416, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .blkNote .alertIcon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #7a6b52;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .blkNote .alertIcon:before {
  content: "";
  font-size: 14px;
}
/* line 421, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .subscriberDet, .erechargeBody .container .travCont .captchaDiv {
  background-color: #FFFFFF;
  padding: 10px;
  border: 1px solid #e0e5e7;
  border-width: 0px 2px 1px 2px;
}
/* line 426, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .subscriberDet .subsDet, .erechargeBody .container .travCont .captchaDiv .subsDet {
  /* display: inline-block; */
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* width: 45%; */
  /* border-right: 1px solid #e0e5e7; */
}
/* line 431, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .subscriberDet .subsDet input[type="text"], .erechargeBody .container .travCont .captchaDiv .subsDet input[type="text"], .erechargeBody .travBody .container .travCont .subscriberDet .subsDet .detRow .sectionR .stpCont .blk .blkBody select, .travBody .erechargeBody .container .travCont .subscriberDet .subsDet .detRow .sectionR .stpCont .blk .blkBody select, .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet .subsDet select, .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet .subsDet select, .erechargeBody .travBody .container .travCont .captchaDiv .subsDet .detRow .sectionR .stpCont .blk .blkBody select, .travBody .erechargeBody .container .travCont .captchaDiv .subsDet .detRow .sectionR .stpCont .blk .blkBody select, .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv .subsDet select, .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv .subsDet select, .erechargeBody .travBody .container .travCont .subscriberDet .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .travBody .erechargeBody .container .travCont .subscriberDet .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet .subsDet input[type="tel"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet .subsDet input[type="tel"], .erechargeBody .travBody .container .travCont .captchaDiv .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .travBody .erechargeBody .container .travCont .captchaDiv .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv .subsDet input[type="tel"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv .subsDet input[type="tel"], .erechargeBody .travBody .container .travCont .subscriberDet .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .travBody .erechargeBody .container .travCont .subscriberDet .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet .subsDet input[type="email"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet .subsDet input[type="email"], .erechargeBody .travBody .container .travCont .captchaDiv .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .travBody .erechargeBody .container .travCont .captchaDiv .subsDet .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv .subsDet input[type="email"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv .subsDet input[type="email"] {
  /* border: 1px solid #12B58A; 
  padding: 25px; */
}
/* line 435, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .subscriberDet .subsDet .noteTxt, .erechargeBody .container .travCont .captchaDiv .subsDet .noteTxt {
  font-size: small;
  font-weight: 300;
  color: #999;
}
/* line 441, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .subscriberDet .contactDet, .erechargeBody .container .travCont .captchaDiv .contactDet {
  /* display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 45%;
  padding-left: 25px; */
}
/* line 449, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .subscriberDet input[type="text"], .erechargeBody .container .travCont .captchaDiv input[type="text"], .erechargeBody .travBody .container .travCont .subscriberDet .detRow .sectionR .stpCont .blk .blkBody select, .travBody .erechargeBody .container .travCont .subscriberDet .detRow .sectionR .stpCont .blk .blkBody select, .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet select, .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet select, .erechargeBody .travBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody select, .travBody .erechargeBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody select, .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv select, .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv select, .erechargeBody .travBody .container .travCont .subscriberDet .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .travBody .erechargeBody .container .travCont .subscriberDet .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet input[type="tel"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet input[type="tel"], .erechargeBody .travBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .travBody .erechargeBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="tel"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="tel"], .erechargeBody .travBody .container .travCont .subscriberDet .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .travBody .erechargeBody .container .travCont .subscriberDet .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet input[type="email"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .subscriberDet input[type="email"], .erechargeBody .travBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .travBody .erechargeBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="email"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="email"] {
  /* width: 88%; */
  padding-right: 4%;
  display: block;
  font-weight: 600;
  font-size: smaller;
  /* border: 1px solid #bcc8d1; */
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
  width:90%;
}
/* line 465, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .captchaDiv input[type="text"], .erechargeBody .travBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody select, .travBody .erechargeBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody select, .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv select, .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv select, .erechargeBody .travBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .travBody .erechargeBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="tel"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="tel"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="tel"], .erechargeBody .travBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .travBody .erechargeBody .container .travCont .captchaDiv .detRow .sectionR .stpCont .blk .blkBody input[type="email"], .erechargeBody .travBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="email"], .travBody .erechargeBody .container .detRow .sectionR .stpCont .blk .blkBody .travCont .captchaDiv input[type="email"] {
  /* width: 37%;
  display: inline-block; */
}
/* line 470, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .captchaDiv .captcha {
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0px 50px;
  width: 65%;
}
/* line 476, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .captchaDiv .reloadCaptcha {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #12B58A;
  margin-left: 20px;
  vertical-align: super;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .captchaDiv .reloadCaptcha:before {
  content: "";
  font-size: 18px;
}
/* line 484, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv {
  padding: 10px;
  border: 1px solid #d4dee5;
  border-width: 0px 1px 1px 1px;
  background-color: #f6f9fc;
  border-radius: 0px 0px 4px 4px;
}
/* line 490, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp {
  /* display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%; */
}
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp{
	margin:5px 0px 10px 0px;
}
/* line 494, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp li {
  margin: 5px 0px;
  /* width: 80%; */
}
/* line 498, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp li label {
  font-weight: 600;
  font-size: small;
}
/* line 502, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp li .amt {
  color: #333;
  font-weight: 600;
  float: right;
}
/* line 507, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp li .tranFeeMsg {
  font-size: x-small;
  font-weight: 300;
  margin-left: 5px;
}
/* line 513, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp .total {
  padding-top: 10px;
  border-top: 1px solid #d4dee5;
}
/* line 516, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp .total label {
  font-weight: 600;
  font-size: medium;
}
/* line 521, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .priceBreakUp .prBrUp .total .amt {
  color: #ED1C24;
  font-size: medium;
}
/* line 528, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed {
  /* display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%; */
}
/* line 531, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed .CTA {
  font-size: medium;
  padding: 8px 12px;
  border: 1px solid;
  border-color: #ED1C24;
  background: #ED1C24;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  /* width: 200px; */
  text-align: center;
}
/* line 536, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed .tncDiv {
  font-size: small;
  margin-top: 5px;
}
/* line 539, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed .tncDiv .tncCBox {
  width: 7%;
  vertical-align: middle;
  display:inline-block;
}
/* line 542, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed .tncDiv .tncCBox .customCBox {
  margin: 0px 15px 0px 0px;
}
/* line 547, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed .tncDiv .tncTxt, .erechargeBody .travBody .container .travCont .priceDetDiv .proceed .detRow .sectionR .stpCont .tncDiv .visaTxt, .travBody .erechargeBody .container .travCont .priceDetDiv .proceed .detRow .sectionR .stpCont .tncDiv .visaTxt, .erechargeBody .travBody .container .detRow .sectionR .stpCont .travCont .priceDetDiv .proceed .tncDiv .visaTxt, .travBody .erechargeBody .container .detRow .sectionR .stpCont .travCont .priceDetDiv .proceed .tncDiv .visaTxt {
  width: 87%;
  font-weight: 400;
  color: #666;
  vertical-align: middle;
  font-size: small;
  text-align: left;
  display: inline-block;
  margin-left: 15px;
}
/* line 552, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .priceDetDiv .proceed .tncDiv .tncTxt a, .erechargeBody .travBody .container .travCont .priceDetDiv .proceed .detRow .sectionR .stpCont .tncDiv .visaTxt a, .travBody .erechargeBody .container .travCont .priceDetDiv .proceed .detRow .sectionR .stpCont .tncDiv .visaTxt a, .erechargeBody .travBody .container .detRow .sectionR .stpCont .travCont .priceDetDiv .proceed .tncDiv .visaTxt a, .travBody .erechargeBody .container .detRow .sectionR .stpCont .travCont .priceDetDiv .proceed .tncDiv .visaTxt a {
  text-decoration: none;
  color: #12B58A;
  font-weight: 600;
  cursor: pointer;
}
/* line 563, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv {
  padding: 30px 0px;
  font-size: small;
  color: #666666;
  font-weight: 400;
}
/* line 568, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 571, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt span {
  font-size: medium;
}
/* line 574, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept {
  margin: 20px 0px 10px 0px;
}
/* line 577, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept span {
  padding-right: 20px;
}
/* line 578, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept span:before {
  vertical-align: middle;
}
/* line 582, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .jcb {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .jcb:before {
  content: "";
  font-size: 38px;
}
/* line 583, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .mastercard {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .mastercard:before {
  content: "";
  font-size: 38px;
}
/* line 584, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .maestro {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .maestro:before {
  content: "";
  font-size: 38px;
}
/* line 585, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .visa {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .visa:before {
  content: "";
  font-size: 26px;
}
/* line 586, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .amex {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .travCont .secureInfoDiv .secureInfoTxt .weAccept .amex:before {
  content: "";
  font-size: 36px;
}
/* line 589, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .travCont .secureInfoDiv .verisignDiv {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: right;
  text-align: right;
}
/* line 599, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .paymentCont {
  display: none;
}

.erechargeBody .container .productList{
	position:relative;
}						
.erechargeBody .container .productList .selectedProd{
	background-color: #12B58A;
    border-radius: 4px;
    border: 1px solid #C8D4DD;
    padding: 5px;
    width: 60%;
    font-size:14px;
    cursor:pointer;
    color:#fff;
    height:28px;
    margin:auto;
}
.erechargeBody .container .productList .selectedProd .low{
  	font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ED1C24;
    margin: -5px 5px 0px 0px;
    float: right;
    border-left: 1px solid #C8D4DD;
    height: 33px;
    padding: 5px 0px 0px 10px;
}
.erechargeBody .container .productList .selectedProd .low:before{
    content: "\e608";
    font-size: 4px;
}
.erechargeBody .container .productList .list{
    position: absolute;
    z-index:1;
    width: 63%;
    top: -136px;
    left:18%;
    border: 1px solid #C8D4DD;
    border-radius: 4px;
    background-color: white;
    font-size:smaller;
    cursor:pointer;
}
.erechargeBody .container .productList .list:hover{
	background-color:#12B58A;
	color:#fff;
}
.erechargeBody .container .productList .list .prodTypeCont{
	border-bottom:1px solid #C8D4DD;
	padding:5px;
}
.erechargeBody .container .productList .list .prodTypeCont:last-of-type{
	border-bottom:0px;
}
.erechargeBody .container .productList .list .prodTypeCont:hover{
	/* background-color:#12B58A;
	color:#fff; */
}
.erechargeBody .container .productList .list .prodTypeCont a{
	font-size:smaller;
	color:#333;
	display:block;
}
.erechargeBody .container .productList .list .prodTypeCont a:hover{
	background-color:#12B58A;
	color:#fff;
}

.erechargeBody .container .ticketCont .ticketDetails .det {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 98%;
  border: 2px solid #d4dee5;
  border-radius: 4px;
}
/* line 662, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .receiptHead {
  background-color: #f6f9fc;
  padding: 10px;
  border-bottom: 2px solid #d4dee5;
  border-radius: 4px 4px 0px 0px;
}
/* line 667, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .receiptHead .lbl {
  font-weight: 600;
  font-size: medium;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 40%;
}
/* line 674, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .receiptHead .printBtnCont {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 59%;
}
/* line 680, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock {
  background-color: #fff;
  border-bottom: 1px solid #d4dee5;
  font-size: small;
  padding: 10px 20px;
}
/* line 686, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock .lbl {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 690, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock .val {
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 694, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock .mobIcon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
  margin: 0px 5px 0px 0px;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock .mobIcon:before {
  content: "";
  font-size: 13px;
}
/* line 698, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock .emailIcon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
  margin: 0px 5px 0px 0px;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock .emailIcon:before {
  content: "";
  font-size: 12px;
}
/* line 703, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock:last-of-type {
  border: none;
  border-radius: 0px 0px 4px 4px;
}
/* line 707, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .det .detBlock > div {
  margin: 5px 0px;
}
/* line 711, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .promo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 98%;
  text-align: center;
}
/* line 716, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .promo .iconErecharge {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d9aa4;
}
/* line 43, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .ticketCont .ticketDetails .promo .iconErecharge:before {
  content: "";
  font-size: 60px;
}
/* line 717, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .promo .CTA {
  text-decoration: none;
}
/* line 718, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .promo h4 {
  margin-bottom: 5px;
}
/* line 719, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketCont .ticketDetails .promo p {
  margin-top: 5px;
}
/* line 725, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketFooter {
  margin-top: 20px;
}
/* line 727, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketFooter .ticketImpInfo {
  font-size: small;
}
/* line 729, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketFooter .ticketImpInfo > li {
  margin: 5px 0px;
}
/* line 733, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketFooter .bold {
  font-weight: 600;
}
/* line 736, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketFooter > div:not(:last-child), .erechargeBody .container .ticketFooter > ul {
  border-bottom: 1px solid #BCC8D1;
  padding: 5px 0px;
  margin: 0px;
}
/* line 741, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .ticketFooter .agentInfo {
  text-align: right;
  font-size: small;
  padding: 5px 0px;
}
/* line 749, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printBtnContainer {
  /*border-bottom: 1px solid $border-colors;*/
  padding: 25px 0;
  text-align: right;
}
/* line 753, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printBtnContainer .changeModeTxt {
  font-size: small;
  display: inline-block;
  width: 72%;
  text-align: left;
}
/* line 760, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .cancelBtn, .erechargeBody .container .printBtn, .erechargeBody .container .emailBtn, .erechargeBody .container .payNowBtn {
  display: inline;
  margin-right: 3%;
  font-size: smaller;
  margin-bottom: 20px;
  cursor: pointer;
}
/* line 767, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printBtn, .erechargeBody .container .emailBtn, .erechargeBody .container .payNowBtn {
  color: #12B58A;
  padding: 6px 14px;
  border-radius: 3px;
  border: 1px solid #12B58A;
  transition: all 0.6s;
}
/* line 773, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printBtn:hover, .erechargeBody .container .emailBtn:hover, .erechargeBody .container .payNowBtn:hover {
  color: white;
  background-color: #12B58A;
}
/* line 779, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printBtn:before, .erechargeBody .container .emailBtn:before {
  content: "";
  font-family: 'icomoon';
  margin-right: 5px;
}
/* line 787, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .emailBtn:before {
  content: "";
  font-family: 'icomoon';
  margin-right: 5px;
}
/* line 793, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .cancelBtn {
  color: #ED1C24;
}
/* line 796, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .inDetCell {
  display: table-cell !important;
  padding: 0px 2px;
}
/* line 800, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .inDetRow {
  display: table-row !important;
}
/* line 802, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .inDetRow :first-child {
  font-weight: 300;
}
/* line 805, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .inDetRow :last-child {
  font-weight: 600;
}
/* line 809, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont {
  position: relative;
  top: 1px;
  right: 6px;
  display: none;
}
/* line 814, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .pointer {
  width: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 10px;
  background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.5, #f6f9fc), color-stop(0.5, transparent));
  border: 1px solid #d4dee5;
  border-width: 1px 0px 0px 1px;
  position: relative;
  position: absolute !important;
  right: 101px;
  z-index: 2;
}
/* line 820, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts {
  border: 1px solid #d4dee5;
  border-radius: 4px;
  min-width: 150px;
  right: 0px;
  color: #12B58A;
  text-align: left;
  background-color: white;
  position: absolute;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
  top: 5px;
  z-index: 1;
}
/* line 832, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .printOpt, .erechargeBody .container .printOptsCont .printOpts .printPax {
  font-size: small;
  position: relative;
  padding: 10px;
  cursor: pointer;
  vertical-align: middle;
  display: block;
  color: inherit;
  text-transform: capitalize;
  border-bottom: 1px solid #d4dee5;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 844, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .printOpt:hover, .erechargeBody .container .printOptsCont .printOpts .printPax:hover {
  background: #FCF8E5;
  color: #78684F;
  border-color: #EADCC4;
}
/* line 849, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .printOpt:before, .erechargeBody .container .printOptsCont .printOpts .printPax:before {
  margin-right: 10px;
}
/* line 853, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .subMenu {
  right: 100%;
  display: none;
  top: 0;
}
/* line 858, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .printOpt {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 73, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .printOptsCont .printOpts .printOpt:before {
  font-family: 'icomoon';
  display: initial;
  color: inherit;
  content: "";
  font-size: inherit;
}
/* line 861, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .printOpt:hover > .subMenu {
  display: block;
}
/* line 866, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsCont .printOpts .printPax {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 73, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .printOptsCont .printOpts .printPax:before {
  font-family: 'icomoon';
  display: initial;
  color: inherit;
  content: "";
  font-size: inherit;
}
/* line 872, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsBtn {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 59, ../../../sass/sass/modules/_fonts.scss */
.erechargeBody .container .printOptsBtn:after {
  font-family: 'icomoon';
  display: initial;
  color: #ED1C24;
  content: "";
  font-size: 4px;
}
/* line 874, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsBtn:after {
  vertical-align: middle;
  margin-left: 5px;
}
/* line 879, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsBtn.active {
  background: #12B58A;
  color: white;
}
/* line 882, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsBtn.active:after {
  color: white;
  content: "";
}
/* line 886, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .printOptsBtn.active + div.printOptsCont {
  display: block !important;
}
/* line 890, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .segmentedContent > :not(:last-child) {
  border-bottom: 1px dotted #E0E7EC;
}
/* line 894, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .emailTicketCont {
  padding: 30px;
}
/* line 896, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .emailTicketCont div {
  margin: auto;
  text-align: center;
  padding: 5px;
}
/* line 901, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .emailTicketCont .subscribeCTA {
  font-size: medium;
  border: 1px solid;
  border-color: #12B58A;
  background: #12B58A;
  color: #fff;
  cursor: pointer;
  padding: 12px;
  border-radius: 0px 4px 4px 0px;
  margin-left: -4px;
  font-weight: 600;
}
/* line 913, ../../../sass/sass/partials/_erecharge.scss */
.erechargeBody .container .emailTicketCont .emailTxtBox {
  width: 300px;
  padding: 13px;
  font-weight: 600;
  font-size: smaller;
  border: 1px solid #bcc8d1;
  border-radius: 4px 0px 0px 4px;
}
.validError {
	border: 1px solid #F3373E !important;
}

/* Icons for Mobile Menu */

.icon-UserProfileGeneral:before {
  content:'\e63b';
}
.icon-via_products_flt:before, .mobicon-flightProductNav:before {
  content:'\e601';
}
.icon-via_hotel:before, .mobicon-hotelProductNav:before {
  content:'\e602';
}
.icon-via_products_holiday:before, .mobicon-holidayProductNav:before {
  content:'\e604';
}
.icon-via_products_bus:before, .mobicon-busProductNav:before {
  content:'\e603';
}
.icon-via_products_rail:before, .mobicon-railProductNav:before {
  content:'\e678';
}
.mobicon-erechargeProductNav:before {
  content:'\e909';
}
.tp-message {
    font-size: small;
    margin: 0px auto;
    padding: 2%;
    color: #8A806B;
    text-align:center;
    background: #FCF8E5;
    border-bottom: 1px solid #B9AF98;
    display:block;
    height:50%;
}.insPrice {
    font-weight: 300;
    color: #F3373E;
    padding: 3px;
    font-size: small;
    display: inline-block;
    float: left;
    padding-left: 10px;
}


.box .boxHead>.label {
    font-weight: 700
}

.box .boxHead>.label.right-label {
    float: right;
    margin-top: 2px
}

.box .boxHead.pad {
    padding: 3px 0px
}

.box.grey {
    background: #EDF2F8
}

.box.pad {
    padding: 2% 4% !important
}

.box.bordered {
    border: 1px solid #D3E0E9
}

.box.white {
    background: white
}

.box.white>.boxHead {
    border-bottom: 1px solid #d3e0e9;
    padding: 3px 0px
}

.box.marginVertical {
    margin: 10px 0px
}

.box.padVertical {
    padding: 6px 0px
}

.box.border-top {
    border-top: 1px solid #D3E0E9
}

.box.subBox>.boxHead>.label {
    font-size: small;
    font-weight: normal
}

.boxHead {
    font-size: medium;
}

.blk.marginVertical {
    margin: 10px 0px
}

.blk .inline-blk {
    display: inline-block
}

.blk .inline-blk.top {
    vertical-align: top
}

.blk .inline-blk.middle {
    vertical-align: middle
}

.font-small {
    font-size: small;
}

.font-bold {
    font-weight: bold;
}

.blk {
    color: #333;
}

.clockLogo:before {text-align:center;width:100%;display:block;vertial-align:middle;font-family: 'icomoon';content: '\e61f';color: #adbecf;}

  .mailLogo:before {text-align:center;width:100%;display:block;vertial-align:middle;font-family: 'icomoon';content: '\e607';color: #adbecf;font-size: small;}

  .mapIcon:before {text-align:center;width:100%;display:block;vertial-align:middle;font-family: 'icomoon';content: '\e61a';color: #adbecf;}

  #agentMapContainer #agentMap {
    height: 348px;
    background-color: wheat;
  }
  #agentMapContainer .formattedAddress {

    padding-left: 3px;
    display: block;
    margin: 15px auto;
    font-size: 14px;
  }
  #agentMapContainer  .formattedAddress:before {
    font-family: icomoon;
    content: '\e61a';
    color: #8d9aa4;
    font-size: 14px;
    padding-left: 12px;
    margin-right: 8px;
    padding-top: 14px;
  }
  .u_width10pc {
    width: 10%;
}

.u_width88pc {
    width: 88%;
}