/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
	font-size: 1.5rem;
	color: #0073bd;
}

.ui-menu:hover .ui-menu-item-wrapper:hover {
	background: transparent;
	color: #0073bd;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	display: inline-block;
	border: 1px solid #dddddd;
	background: #fff;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid transparent !important;
	background: transparent !important;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-size: 1.6rem;
}
.ui-widget .ui-widget {
	font-size: 1.6rem;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	/* border: 1px solid #c5c5c5; */
	z-index: 10!important;
}
.ui-widget-content {
	-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	/* color: #ffffff; */
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/* BLUE SHADES */
/* GRAY SHADES */
/* BLACK/WHITE SHADES */
/* Other Colors */
/* Font Family's */
/* MOUSE Varibles */
@font-face {
font-family: 'AllianzB';
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.eot");
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.eot?#iefix") format("embedded-opentype"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.woff2") format("woff2"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.woff") format("woff"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.svg#Allianz Sans Bold") format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0-10FFFF;
}
@font-face {
font-family: 'AllianzSans';
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.eot");
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.eot?#iefix") format("embedded-opentype"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.woff2") format("woff2"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.woff") format("woff"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.svg#Rubik Medium") format("svg");
font-weight: 500;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2084;
}
@font-face {
font-family: 'AllianzSansLight';
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.eot");
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.eot?#iefix") format("embedded-opentype"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.woff2") format("woff2"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.woff") format("woff"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.svg#Rubik Medium") format("svg");
font-weight: 500;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2084;
}
@font-face {
font-family: 'IndianRupee';
src: url('../../../../../../../content/dam/bagicextension/fonts/IndianRupee.ttf') format('ttf'),
url('../../../../../../../content/dam/bagicextension/fonts/IndianRupee.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.indian-rupee {
font-family: 'IndianRupee';
width: auto !important;
}
/* Assign Font Properties - START */
/* line 38, ../sass/_base/_reset.scss */
body,
p,
input,
button,
textarea {
font-family: "AllianzSans";
}
/* line 39, ../sass/_base/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6,
strong {
font-family: "AllianzSans";
}
/* line 40, ../sass/_base/_reset.scss */
a {
color: white;
}
/* line 41, ../sass/_base/_reset.scss */
p,
input,
textarea,
button,
a,
li,
label {
font-size: 1.8rem;
line-height: 1.4;
}
/* Assign Font Properties - END */
/* line 45, ../sass/_base/_reset.scss */
html {
font-size: 62.5%;
}
/****** added by poonam 17sep19 start****/
.vertical-space{ display:block; width:100%; margin:0; clear:both; border:0 none; height:20px; }
/****** added by poonam 17sep19 end****/
/* line 46, ../sass/_base/_reset.scss */
body {
font-family: "AllianzSans";
color: #005596;
overflow: hidden;
}
/*devendra start whatsapp css 23June 2020 */
.whatsappno span img{width: 27px;height: 27px;}
.radioWrapper.pay_go ul li:nth-child(2) {
margin-left: -14px;
}
.pay_go ul li label
{
width: 75% !important;
}
.quest1.steps .sendQuote{top: -13px;}
.sendQuote .whatsappno{position: relative;padding-left: 20px;top: 8px;}
.sendQuote .whatsappno.active:before{border-radius: 4px;width: 22px;height: 20px;top: 0px;background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;background-position: -367px -467px;content: '';left: 81px;position: absolute;z-index: 1;cursor: pointer;}
.sendQuote .whatsappno:before{border-radius: 4px;width: 22px;height: 20px;top: 0px;background:none;
background-color: #b2b2b2;background-position: -367px -467px;content: '';left: 81px;position: absolute;z-index: 1;cursor: pointer;}
/*devendra end whatsapp css 23June 2020 */
/* flipkart-devendra-start 5may-2020 */
.popupSec.disclaimerContentWrap{display: none;position: absolute;background: rgb(255, 255, 255);top: 31%;
left: 24%; padding: 10px;}
.popupSec.callbackthankyou{display: none;position: absolute;background: rgb(255, 255, 255);top: 31%;
left: 24%; padding: 10px;z-index: 999;width: 54%;}
.popupSec.callbackthankyou .closePop{right: 2px; top: 11px;}
.flipkart-new .callBack p{display: none;}
.communicationSec.visible.flipkart-new{position: static !important;}
.callBack{ display: none;}
.flipkart-new .callBack{position: absolute; right: 134px; top: 13px;width: 9%;display: block;}
.quest5 .iconSec{top: -9px !important;}
.stepsWrapper .myCar .stepCircle .quest5 .questionsCont {top: 54%;}
.stepsWrapper .myCar .stepCircle .quest5 .nextBtn {bottom: 5px;}
.span8 #carMake{max-width: 365px;}
/* flipkart-devendra-start 5may-2020 */
/* line 48, ../sass/_base/_reset.scss */
* {
margin: 0;
padding: 0;
outline: none;
list-style: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
/* line 58, ../sass/_base/_reset.scss */
/****Added by Poonam 09th sep 2019 Start****/
.nextBtn.disabled {
cursor: not-allowed;
background: #d8d8d7;
border-color: #a9a6a3;
pointer-events: none;
opacity: 0.5;
}
.pay_go_main label .new{background: #ff8100;
padding: 0 4px;
font-size: 13px;
color: white;
border-radius: 9px;
position: absolute;
top: -21px;
left: 45px;
height: 2rem;}
/*Devendra start 12-Dec-2019 */
.mak-pay{float: right !important;width: auto !important;font-size: 20px; padding-bottom: 5px !important;}
.forRegCar, .forNewCar {width: 500px; position: fixed !important;z-index: 1; bottom: 0px; margin: 1px 0px !important;padding-bottom: 0px !important;}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed-yes {position: absolute !important;top: 0px;width: 92% !important;bottom: auto;width: 97% !important;bottom: auto;margin-left: -10px !important;}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed-no {position: relative !important;width: 108% !important;margin-left: -12px !important;}
.carincpanel .leftpanel .declare-radio .declare {font-size: 1.1rem !important;}
.mak-pay .makePayemnt {min-width: 149px;font-size: 1.5rem !important;width: auto !important;}
.declareCont{width: 65% !important;padding: 5px 0 !important;}
.premiumWrapper .colTitle {font-size: 1.4rem !important;}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {font-size: 1.8rem !important;}
/*Devendra start 12-Dec-2019 */
/* Devendra start 09-09-2019 */
.tp-od{box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2) !important; border-radius: 20px !important;}
.span12 .policy_que {float: none;position: relative;display: inline-block;}
.policy_que label{float: none !important; }
.policy_que ul{margin-left: 15px;}
.tp-od .colTitle{font-size: 1.5rem !important;}
.tp-od .preWrap p{color: #0080c9 !important;font-family: "AllianzSans";font-size: 1.4rem !important;margin-right: 10px;}
.tp-od .preWrap{border-right: 1px solid #ff9b41ba;}
.tp-od{padding: 8px;margin: 17px 0px !important; position: static !important;box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2) !important; border-radius: 20px !important; border: none !important;}
.tp-od .tickIcon{top:7px !important;}
/* Devendra end 09-09-2019 */
/****Added by Poonam 09th sep 2019 end****/
/*Devendra start 09-09-2019 */
.vertical-space{ display:block; width:100%; margin:0; clear:both; border:0 none; height:20px; }
/*Devendra end 09-09-2019 */
/* Devendra start 09-09-2019 */
.makePayemnt.disable, .proceed.disable {
opacity: 0.4;
position: relative;
cursor: default;
}
/* Devendra end 09-09-2019 */
a {
text-decoration: none;
outline: none;
color: #005596;
}
/* line 59, ../sass/_base/_reset.scss */
a:hover {
text-decoration: none;
}
/* line 60, ../sass/_base/_reset.scss */
img {
border: none;
max-width: 100%;
vertical-align: top;
border: none;
}
/* line 61, ../sass/_base/_reset.scss */
html {
width: 100%;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
/* line 63, ../sass/_base/_reset.scss */
p,
.ul,
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 5px;
}
/* line 65, ../sass/_base/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
}
/* line 66, ../sass/_base/_reset.scss */
h1 {
font-size: 5rem;
}
/* line 67, ../sass/_base/_reset.scss */
h2 {
font-size: 3.3rem;
}
/* line 68, ../sass/_base/_reset.scss */
h3 {
font-size: 3rem;
font-family: "AllianzB";
}
/* line 69, ../sass/_base/_reset.scss */
h4 {
font-size: 2.2rem;
font-family: "AllianzB";
}
/* line 70, ../sass/_base/_reset.scss */
h5 {
font-size: 2rem;
}
/* line 71, ../sass/_base/_reset.scss */
h6 {
font-size: 1.6rem;
}
/* line 72, ../sass/_base/_reset.scss */
h3 a,
h4 a,
h5 a,
h6 a {
font-size: inherit;
text-decoration: underline;
}
/* line 73, ../sass/_base/_reset.scss */
table,
table tr td,
table tr th {
border: none;
}
/* line 74, ../sass/_base/_reset.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 76, ../sass/_base/_reset.scss */
input,
textarea {
outline: none;
}
/* line 78, ../sass/_base/_reset.scss */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
section,
summary,
mark {
float: left;
width: 100%;
}
/* line 79, ../sass/_base/_reset.scss */
.fl {
float: left !important;
}
/* line 80, ../sass/_base/_reset.scss */
.fr {
float: right !important;
}
/* line 82, ../sass/_base/_reset.scss */
input[type=submit],
input[type=button],
button[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: none;
}
/* line 1, ../sass/_base/_common.scss */
::selection {
background: #fc8f3d;
color: #fff;
}
/* line 2, ../sass/_base/_common.scss */
input::-webkit-input-placeholder {
color: #b6b6b6;
}
::-moz-placeholder {
color: #b6b6b6;
}
input:-moz-placeholder {
color: #b6b6b6;
}
/* Grid CSS - START */
/* line 6, ../sass/_base/_common.scss */
.span2 {
width: 50%;
padding: 0 15px;
float: left;
}
/* line 11, ../sass/_base/_common.scss */
.span3 {
width: 33.3%;
padding: 0 15px;
float: left;
position: relative;
}
/* line 17, ../sass/_base/_common.scss */
.span4 {
width: 25%;
padding: 0 15px;
float: left;
}
/* line 22, ../sass/_base/_common.scss */
.span5 {
width: 20%;
padding: 0 15px;
float: left;
}
/* line 27, ../sass/_base/_common.scss */
.span40 {
width: 40%;
padding: 0 15px;
float: left;
}
/* line 32, ../sass/_base/_common.scss */
.span60 {
width: 60%;
padding: 0 15px;
float: left;
}
/* line 37, ../sass/_base/_common.scss */
.span6 {
width: 66.6%;
padding: 0 15px;
float: left;
}
/* line 42, ../sass/_base/_common.scss */
.span8 {
width: 100%;
padding: 0 15px;
float: left;
}
/* line 47, ../sass/_base/_common.scss */
.span9 {
width: 80%;
padding: 0 15px;
float: left;
}
/* line 52, ../sass/_base/_common.scss */
.span10 {
width: 90%;
padding: 0 15px;
float: left;
}
/* line 57, ../sass/_base/_common.scss */
.span12 {
width: 100%;
/* Devendra start 09-09-2019 */
padding: 0 5px;
/* Devendra start 09-09-2019 */
float: left;
}
/* line 63, ../sass/_base/_common.scss */
.centered {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
}
/* Grid CSS - END */
/* line 71, ../sass/_base/_common.scss */
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
text-indent: 1px;
text-overflow: '';
}
select::-ms-expand {
display: none;
}
.top-space {
margin-top: 12px;
}
/* line 78, ../sass/_base/_common.scss */
.container {
width: 100%;
margin: 0 auto;
padding: 0 40px;
max-width: 1440px;
position: relative;
}
/* line 86, ../sass/_base/_common.scss */
.mainHeader {
background: #0071bb;
padding: 0 0 22px;
position: relative;
}
/* line 158, ../sass/_base/_mixins.scss */
.mainHeader .container:after {
content: "";
clear: both;
display: block;
}
/* line 93, ../sass/_base/_common.scss */
/*******Added on 18th March 2019 Start**********/
.mainHeader .logoSec {
float: left;
width: 25%;
margin: 10px 0px 0px 10px;
}
/*******Added on 18th March 2019 End**********/
/* line 97, ../sass/_base/_common.scss */
.mainHeader .logoSec a {
display: inline-block;
}
/* line 103, ../sass/_base/_common.scss */
.carInsurance {
width: 100%;
float: left;
position: relative;
}
/* line 108, ../sass/_base/_common.scss */
.carInsurance.blueBg {
background-image: linear-gradient(#ffffff, #e4faff);
}
/* line 111, ../sass/_base/_common.scss */
.carInsurance .topFixStep {
padding: 8px 0;
padding-top: 30px;
}
/* line 114, ../sass/_base/_common.scss */
.carInsurance .topFixStep.fixStep {
position: fixed;
width: 100%;
top: 0;
z-index: 13;
padding-top: 5px;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
left: 0;
background: #fff;
padding: 15px 0;
}
/* line 124, ../sass/_base/_common.scss */
.carInsurance .titleSec h1 {
font-size: 3rem;
color: #4f4f4f;
font-family: "AllianzSans";
font-weight: normal;
line-height: 30px;
text-align: center;
padding-bottom: 20px;
}
/* line 134, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper {
width: 100%;
max-width: 380px;
height: 343px;
position: absolute;
left: 50px;
top: 200px;
background-color: #fff;
padding: 20px 23px;
border: 1px solid #67dddf;
border-right: 4px solid #67dddf;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
box-shadow: 0px 0px 50px #e6eaeb;
z-index: 2;
display: none;
}
/* line 150, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper:before {
content: '';
height: 0;
width: 0;
display: block;
border: 10px transparent solid;
border-right-width: 0;
border-left-color: #67dddf;
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
top: 50%;
right: -12px;
}
/* line 163, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper .span12 {
padding: 5px 0;
}
/* line 167, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper h2 {
font-size: 2rem;
color: #000;
font-weight: normal;
}
/* line 174, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper label {
float: left;
color: #838383;
font-size: 1.4rem;
width: 45%;
}
/* line 181, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper p {
float: right;
color: #0071bb;
font-size: 1.3rem;
/******Added by Samina on 26th Sep 2018*********/
padding: 0 20px 0 0;
position: relative;
width: 55%;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 192, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper p span.icon {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
width: 17px;
height: 12px;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
cursor: pointer;
}
/* line 204, ../sass/_base/_common.scss */
.carInsurance .stepsNumber {
width: 790px;
margin: 30px auto 38px;
}
/* line 158, ../sass/_base/_mixins.scss */
.carInsurance .stepsNumber:after {
content: "";
clear: both;
display: block;
}
/* line 208, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar {
counter-reset: step;
}
/* line 210, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li {
width: calc(33.4% - 2px);
float: left;
position: relative;
height: 9px;
}
/* line 215, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:after {
content: "";
width: 2px;
height: 5px;
background: #a1a1a1;
position: absolute;
left: 8px;
top: 15px;
}
/* line 225, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.active .proText {
color: #4f4f4f;
/* bottom: -35px; */
}
/* line 231, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.active>span span:after {
display: block;
}
/* line 237, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span {
width: 100%;
height: 15px;
float: left;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/progress-bar-bg-1.png) repeat-x 0 0;
right: 0;
position: absolute;
}
/* line 244, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span {
width: 0px;
height: 16px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/progress-bar.png) no-repeat 0 0;
display: block;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
margin: 0 0 0 -1px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
overflow: visible !important;
/* Added by Bhavesh on 17-09-2018 */
}
/* line 253, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span:after {
content: "";
width: 40px;
height: 40px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/tyre-progress-bar.png) no-repeat 0 0;
position: absolute;
right: -16px;
bottom: 16px;
display: none;
}
.carInsurance .stepsNumber .step-progressbar li>span span.active:after {
/* Added by Bhavesh on 17-09-2018 */
/* transform: rotate(359deg);
transition: all 0.5s ease-in infinite; */
animation: tyreAnim 2s infinite linear;
-webkit-animation: tyreAnim 2s infinite linear;
}
@keyframes tyreAnim {
/* line 951, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: all 10s ease-in;
}
/* line 956, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transition: all 10s ease-in;
}
}
@keyframes tyreAnim {
/* line 951, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: all 10s ease-in;
}
/* line 956, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transition: all 10s ease-in;
}
}
/* line 263, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em {
font-size: 1.8rem;
color: #6b6b6b;
border: 1px solid #aeaeae;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
position: absolute;
background: #fff;
font-style: normal;
text-align: center;
padding: 2px 10px;
min-width: 51px;
height: 38px;
right: -76px;
top: -12px;
display: none;
line-height: 32px;
z-index: 1;
}
.carInsurance .stepsNumber .step-progressbar li.active>span span em {
display: block;
}
/* line 281, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:after,
.carInsurance .stepsNumber .step-progressbar li>span span em:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
/* line 291, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 8px;
margin-top: -8px;
}
/* line 297, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:before {
border-color: rgba(0, 0, 0, 0);
border-right-color: #6d6c6c;
border-width: 9px;
margin-top: -9px;
}
/* line 306, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li .proText {
color: #4f4f4f;
font-weight: normal;
font-family: "AllianzSans";
position: absolute;
bottom: -40px;
left: -10px;
white-space: nowrap;
font-size: 1.6rem;
}
/* line 317, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(1)>span {
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-ms-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
/* line 320, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
left: -35px;
}
/* line 325, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2):after {
left: -2px;
}
/* line 328, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText {
left: -53px;
}
/* line 331, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2)>span {
/*@include border-radius(0 10px 10px 0);*/
}
/* line 333, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2)>span span {
background-position: -261px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* line 340, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2).filled>span span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
/* line 342, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2).filled>span span em {
display: none !important;
}
/* line 350, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3):after {
left: -2px;
}
/* line 353, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText {
/* left: -28px; */
}
/* line 356, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3)>span {
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* line 358, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3)>span span {
background-position: -522px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* line 364, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child {
width: 3px;
}
/* line 366, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child:after {
left: -8px;
}
/* line 369, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
left: -50px;
}
/* line 372, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child>span {
width: 0;
}
/* line 378, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.filled>span span {
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-ms-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
/* line 388, ../sass/_base/_common.scss */
.stepsWrapper {
width: 100%;
float: left;
}
.stepsWrapper.carincpanel {
margin-top: 30px;
}
/* line 391, ../sass/_base/_common.scss */
.stepsWrapper .myCar {
width: 100%;
float: left;
}
/* line 395, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle {
width: 400px;
height: 400px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 0px 50px #e6eaeb;
position: relative;
left: 50%;
top: 25px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
float: left;
}
/* line 408, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest1 {
width: 100%;
height: 100%;
}
/* line 413, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle label {
width: 100%;
float: left;
font-size: 1.6rem;
color: #0071bb;
/* Added by Bhavesh on 17-09-2018 */
}
/* line 418, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle input {
float: left;
border-bottom: 1px solid #ccc;
background: none;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
position: relative;
text-align: center;
font-size: 2.2rem;
/* line-height: 2.5; */
color: #ff9b41;
padding-bottom: 3px;
text-transform: capitalize;
width: 90%;
max-width: 215px;
}
.stepsWrapper .myCar .stepCircle input#myDob {
text-transform: none;
}
/* line 431, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec {
width: 83px;
height: 64px;
float: left;
border-bottom: 1px solid #cecece;
position: relative;
left: 50%;
top: 12px; /* code added by poonam */
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
/* line 441, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec:before {
width: 62px;
height: 62px;
background-color: #f7f7f7;
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
/* line 453, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec span {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
/* line 463, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest1 .iconSec span,
.stepsWrapper .myCar .stepCircle .quest6 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 0 no-repeat;
width: 53px;
height: 45px;
}
/* line 474, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest2 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -54px no-repeat;
width: 53px;
height: 45px;
}
/* line 481, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
margin-bottom: 15px;
}
/* line 491, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest3 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -54px no-repeat;
width: 53px;
height: 45px;
}
/* line 502, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest4 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -114px no-repeat;
width: 53px;
height: 45px;
}
/* line 514, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest4 .regDate {
margin-top: 30px;
}
/* line 521, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest5 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -171px no-repeat;
width: 53px;
height: 45px;
}
/* line 532, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest7 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -225px no-repeat;
width: 53px;
height: 50px;
}
/* line 541, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .questionsCont {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 100%;
float: left;
text-align: center;
}
/* line 550, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn {
width: 52px;
height: 52px;
background-color: #ff9b41;
position: absolute;
float: left;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
/* line 560, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span {
height: 24px;
width: 24px;
display: block;
position: relative;
overflow: hidden;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* line 561, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span:before {
content: '';
height: 10px;
width: 10px;
display: block;
border: 2px solid #fff;
border-left-width: 0;
border-top-width: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
position: absolute;
top: 7px;
left: 9px;
}
/* line 562, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span:after {
content: '';
height: 2px;
width: 20px;
display: block;
background: #fff;
position: absolute;
top: 12px;
left: 0px;
}
.stepsWrapper .myCar .stepCircle .nextBtn.getQuote {
max-width: 181px;
min-width: 181px;
font-family: 'AllianzB';
color: #fff;
width: 181px;
line-height: 45px;
border-radius: 100px;
text-align: center;
bottom: 40px;
/* Added by Bhavesh on 17-09-2018 */
padding: 5px 0;
}
/* line 567, ../sass/_base/_common.scss */
.stepsWrapper .buildInsPlan {
position: absolute;
width: 30%;
top: 300px;
font-size: 3rem;
color: #3a3a3a;
font-family: 'AllianzB';
left: 80px;
z-index: 1;
}
/* line 578, ../sass/_base/_common.scss */
.stepsWrapper .almostDone {
position: absolute;
width: 30%;
top: 300px;
font-size: 3rem;
color: #3a3a3a;
font-family: 'AllianzB';
right: 0;
line-height: 35px;
display: none;
}
/* line 590, ../sass/_base/_common.scss */
.stepsWrapper .almostDone span {
color: #ff9b41;
}
/* line 596, ../sass/_base/_common.scss */
.carImg {
position: absolute;
bottom: 25px;
right: 80px;
}
/* line 602, ../sass/_base/_common.scss */
.natureBg {
width: 100%;
position: absolute;
bottom: 0;
}
.natureBg.position {
position: relative;
}
/* line 610, ../sass/_base/_common.scss */
.radioWrapper {
float: left;
}
/* line 613, ../sass/_base/_common.scss */
.radioWrapper ul li {
float: left;
}
/* line 615, ../sass/_base/_common.scss */
.radioWrapper ul li label {
padding: 5px 35px 5px 25px;
background-color: #f7f7f7;
color: #858585 !important;
/* Added by Bhavesh on 17-09-2018 */
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
position: relative;
}
/* line 623, ../sass/_base/_common.scss */
.radioWrapper ul li input {
opacity: 0;
}
/* line 626, ../sass/_base/_common.scss */
.radioWrapper ul li:nth-child(2) {
margin-left: -20px;
}
/* line 631, ../sass/_base/_common.scss */
.radioWrapper ul li.active label {
background-color: #0071bb;
/* Added by Bhavesh on 17-09-2018 */
color: #fff;
z-index: 1;
color: #fff !important;
/* Added by Bhavesh on 17-09-2018 */
}
/* line 642, ../sass/_base/_common.scss */
.radioWrapper.anyClaim li label {
padding: 5px 20px;
}
/* line 645, ../sass/_base/_common.scss */
.radioWrapper.anyClaim li:nth-child(2) {
margin-left: -15px;
}
/* line 655, ../sass/_base/_common.scss */
.selectMulty {
position: absolute;
left: 0px;
min-width: 140px;
width: auto;
display: none;
z-index: 19;
/* Added by Bhavesh on 17-09-2018 */
margin: 0;
}
/* line 663, ../sass/_base/_common.scss */
.selectMulty .innerWrap {
width: 100%;
z-index: 2;
background: #fff;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
max-height: 300px;
overflow-y: auto;
}
/* line 672, ../sass/_base/_common.scss */
.selectMulty ul li {
border-bottom: 1px solid #e4e4e4;
padding: 9px 12px 8px;
cursor: pointer;
}
/* line 676, ../sass/_base/_common.scss */
.selectMulty ul li:last-child {
border-bottom: 0;
padding-bottom: 8px;
}
/* line 682, ../sass/_base/_common.scss */
.selectMulty label {
font-size: 1.8rem;
color: #4f4f4f;
cursor: pointer;
position: relative;
padding-left: 38px;
display: block;
}
/* line 689, ../sass/_base/_common.scss */
.selectMulty label:before {
content: '';
background: #c1c1c1;
left: 8px;
position: absolute;
top: 2px;
width: 20px;
height: 20px;
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
/* line 705, ../sass/_base/_common.scss */
.selectMulty input:checked+label:before {
background: #0072bc;
background-color: #0072bc;
background-position: -369px -468px;
}
/* line 710, ../sass/_base/_common.scss */
.selectMulty input {
width: auto;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: -1;
top: 0;
}
/* line 719, ../sass/_base/_common.scss */
.selectMulty .close {
position: absolute;
top: 0;
right: 0;
font-size: 20px;
color: #000;
width: 30px;
height: 30px;
text-align: center;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -315px -83px;
z-index: 1;
}
/* line 734, ../sass/_base/_common.scss */
.margBtm25 {
margin-bottom: 25px;
}
.margBtm10 {
margin-bottom: 10px;
}
/* line 735, ../sass/_base/_common.scss */
.margTop25 {
margin-top: 25px;
}
/* line 737, ../sass/_base/_common.scss */
.policyExpWrapper {
margin-top: 25px;
}
/* line 740, ../sass/_base/_common.scss */
.customSelect {
position: relative;
border-bottom: 1px solid #ccc;
cursor: pointer;
float: left;
}
/* line 745, ../sass/_base/_common.scss */
.customSelect select {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
font-size: 1.8rem;
color: #4f4f4f;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 759, ../sass/_base/_common.scss */
.customSelect select option {
background: #fff;
color: #4f4f4f;
font-size: 1.8rem;
}
/* line 765, ../sass/_base/_common.scss */
.customSelect .selectedText,
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
position: relative;
z-index: 2;
color: #ff9b41;
font-size: 2rem;
float: left;
padding: 0 12px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.customSelect .ui-widget {
position: relative;
width: 100%;
}
/* line 774, ../sass/_base/_common.scss */
.customSelect .selectedText:after,
.customSelect .ui-widget:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* flipkart-devendra-start 5may-2020 */
display: none !important;
/* flipkart-devendra-end 5may-2020 */
top: 8px;
content: "";
position: absolute;
width: 6px;
height: 6px;
border: 1px solid #cacaca;
border-color: transparent transparent #cacaca #cacaca;
right: 0px;
background: none;
}
/*******Added by Indigo on 7th June 2019 Start*******/
.quest3 .customSelect .selectedText:after,
.quest3 .customSelect .ui-widget:after {
display: none;
}
/*******Added by Indigo on 7th June 2019 End********/
/* .customSelect .ui-widget:after {
right: 21px;
} */
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle,
.stepsWrapper .myCar .stepCircle .customSelect .carModel,
.stepsWrapper .myCar .stepCircle .customSelect .carVariant {
border: none;
line-height: initial;
/* width: 64px; */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.stepsWrapper .myCar .stepCircle .customSelect #carMake {
width: 90%;
}
.stepsWrapper .myCar .stepCircle .customSelect #carModel,
.stepsWrapper .myCar .stepCircle .customSelect .carVariant {
width: 105px;
}
.stepsWrapper .myCar .stepCircle .customSelect ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
.stepsWrapper .myCar .stepCircle ::-webkit-input-placeholder {
font-size: 1.6rem;
}
.stepsWrapper .myCar .stepCircle ::-moz-placeholder {
font-size: 1.6rem;
}
.stepsWrapper .myCar .stepCircle :-ms-input-placeholder {
font-size: 1.6rem;
}
.stepsWrapper .myCar .stepCircle .customSelect ::-moz-placeholder {
/* Firefox 19+ */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
.stepsWrapper .myCar .stepCircle .customSelect :-ms-input-placeholder {
/* IE 10+ */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
.stepsWrapper .myCar .stepCircle .customSelect :-moz-placeholder {
/* Firefox 18- */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
/* line 793, ../sass/_base/_common.scss */
/*******Added on 8th April 2019 Start*********/
.errorMsg,
.validEntry {
color: red;
font-size: 1.1rem;
display: none;
width: 100%;
float: left;
/* padding: 5px 0 15px; */
/*padding: 5px 0 0px;*/
/* Done by bhavesh on 20-09-2018 */
padding: 0px 0 0px; /* Devendra 09-09-2019 */
}
/*******Added on 8th April 2019 End*********/
.elect ul li .tooltipIcon .tooltipCont
{
left: 22px;
}
/* line 803, ../sass/_base/_common.scss */
.ui-datepicker {
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-top: 7px;
}
/* line 808, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-header {
background: #0171bb;
}
/* line 810, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
line-height: 3;
margin: 0 45px;
}
/* line 816, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) 40px -278px no-repeat;
border: 0;
width: auto;
text-align: center;
color: white;
margin: 0 10px;
text-transform: uppercase;
font-size: 1.8rem;
padding-right: 20px;
min-width: 60px;
position: relative;
height: 21px;
}
/* line 829, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
font-size: 1.3rem;
color: black;
outline: none;
padding: 5px;
}
/* line 837, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
background: #005797;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
cursor: pointer;
top: 26px;
}
/* line 846, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-prev {
left: 10px;
}
/* line 849, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-next {
right: 10px;
}
/* line 857, ../sass/_base/_common.scss */
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker html .ui-button.ui-state-disabled:hover,
.ui-datepicker html .ui-button.ui-state-disabled:active {
border: 0;
background: white;
color: #0171bb;
}
/* line 863, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-icon {
border: 2px solid #fff;
border-color: transparent transparent #fff #fff;
width: 12px;
height: 12px;
top: 17px;
left: 19px;
}
/* line 872, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 881, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
-webkit-transform: rotate(-134deg);
-moz-transform: rotate(-134deg);
-ms-transform: rotate(-134deg);
-o-transform: rotate(-134deg);
transform: rotate(-134deg);
left: 14px;
}
/* line 891, ../sass/_base/_common.scss */
.ui-datepicker .ui-state-active {
background: #fe9542;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
color: white;
width: 30px;
height: 30px;
}
/* line 900, ../sass/_base/_common.scss */
.ui-datepicker table td span,
.ui-datepicker table td a {
text-align: center;
color: #267dc0;
font-size: 2rem;
}
/* line 908, ../sass/_base/_common.scss */
.ui-widget.ui-widget-content {
z-index: 12 !important;
/* max-height: 400px;
overflow-y: auto; */
}
.ui-widget.ui-widget-content.dropdownAutocomplete {
z-index: 19 !important;
}
.dropdownAutocomplete {
max-height: 300px;
overflow-y: auto;
}
/* line 913, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
padding: 0;
height: auto;
}
/* line 919, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
max-height: 100px;
}
/* line 925, ../sass/_base/_common.scss */
#Car_2 {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
opacity: 0;
}
/* line 928, ../sass/_base/_common.scss */
#Car_2.active {
animation: carAnim2 10s infinite linear;
-webkit-animation: carAnim2 10s infinite linear;
opacity: 1;
}
/* line 934, ../sass/_base/_common.scss */
#Car_3 {
transform: translateX(100%);
-webkit-transform: translateX(100%);
opacity: 0;
}
/* line 937, ../sass/_base/_common.scss */
#Car_3.active {
animation: carAnim3 10s infinite linear 5s;
-webkit-animation: carAnim3 10s infinite linear 5s;
opacity: 1;
}
/* line 943, ../sass/_base/_common.scss */
#c1_T2aaa {
position: relative;
}
/* line 944, ../sass/_base/_common.scss */
#c1_T2aaa>g {
animation: rotation 2s infinite linear;
-webkit-animation: rotation 2s infinite linear;
}
@keyframes carAnim2 {
/* line 951, ../sass/_base/_common.scss */
from {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in;
}
/* line 956, ../sass/_base/_common.scss */
to {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in;
}
}
@-webkit-keyframes carAnim2 {
/* line 964, ../sass/_base/_common.scss */
from {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in;
}
/* line 969, ../sass/_base/_common.scss */
to {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in;
}
}
@keyframes carAnim3 {
/* line 977, ../sass/_base/_common.scss */
from {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in 5s;
}
/* line 982, ../sass/_base/_common.scss */
to {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in 5s;
}
}
@-webkit-keyframes carAnim3 {
/* line 990, ../sass/_base/_common.scss */
from {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in;
}
/* line 995, ../sass/_base/_common.scss */
to {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in;
}
}
@keyframes rotation {
/* line 1003, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin: left;
}
/* line 1008, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform-origin: left;
}
}
@-webkit-keyframes rotation {
/* line 1016, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin: left;
}
/* line 1021, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform-origin: left;
}
}
/* line 1029, ../sass/_base/_common.scss */
.idv-sum-range {
width: 100%;
height: 8px;
/*******Added by Samina on 18th Sep 2018*********/
float: left;
position: relative;
}
/* line 1034, ../sass/_base/_common.scss */
.idv-sum-range>span {
position: absolute;
border-right: 3px solid #0071bb;
top: 6px;
/*******Added by Samina on 18th Sep 2018*********/
z-index: 99;
width: 3px;
height: 13px;
}
/*******Added by Samina on 18th Sep 2018*********/
/* .idv-sum-range > span:nth-child(3), .idv-sum-range span:last-child {
height: 21px;
top: -8px;
} */
/* line 2, ../sass/_base/_car-insurance.scss */
.tooltip {
position: relative;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -342px -472px;
width: 16px;
height: 16px;
display: inline-block;
margin: 0 5px;
cursor: pointer;
top: 3px;
}
/* line 14, ../sass/_base/_car-insurance.scss */
.toolContent {
width: 200px;
height: auto;
position: absolute;
left: 0;
background: white;
border: 1px solid #ebebeb;
-webkit-transform: rotateX(-50%);
-moz-transform: rotateX(-50%);
-ms-transform: rotateX(-50%);
-o-transform: rotateX(-50%);
transform: rotateX(-50%);
top: -75px;
padding: 10px;
display: none;
font-size: 1.3rem;
line-height: 16px;
z-index: 12;
}
/*-----Custom Tooltip starts-----*/
/* line 31, ../sass/_base/_car-insurance.scss */
label span.tooltip,
p span.tooltip,
div span.tooltip,
span span.tooltip {
position: relative;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -342px -472px;
width: 16px;
height: 16px;
display: inline-block;
margin: 0 5px;
cursor: pointer;
top: 3px;
}
/* line 41, ../sass/_base/_car-insurance.scss */
label span.tooltip label span.toolContent,
label span.tooltip p span.toolContent,
label span.tooltip div span.toolContent,
label span.tooltip span span.toolContent,
p span.tooltip label span.toolContent,
p span.tooltip p span.toolContent,
p span.tooltip div span.toolContent,
p span.tooltip span span.toolContent,
div span.tooltip label span.toolContent,
div span.tooltip p span.toolContent,
div span.tooltip div span.toolContent,
div span.tooltip span span.toolContent,
span span.tooltip label span.toolContent,
span span.tooltip p span.toolContent,
span span.tooltip div span.toolContent,
span span.tooltip span span.toolContent {
width: 200px;
height: auto;
position: absolute;
left: 8px;
background: #fff;
border: 1px solid #ebebeb;
-webkit-transform: rotateX(-50%);
-moz-transform: rotateX(-50%);
-ms-transform: rotateX(-50%);
-o-transform: rotateX(-50%);
transform: rotateX(-50%);
top: -37px;
padding: 10px;
display: none;
color: #909090;
font-size: 1.3rem;
line-height: 16px;
z-index: 12;
}
/*-----Custom Tooltip ends-----*/
/* line 63, ../sass/_base/_car-insurance.scss */
.clearit {
clear: both;
}
/* line 64, ../sass/_base/_car-insurance.scss */
.bredcrumbs {
padding-top: 18px;
clear: both;
}
/* line 68, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li {
font-size: 1.4rem;
font-family: "AllianzSansLight";
color: black;
display: inline-block;
vertical-align: top;
margin-right: 20px;
position: relative;
}
/* line 76, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li a {
font-size: 1.4rem;
font-family: "AllianzSansLight";
color: black;
}
/* line 80, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li a:hover {
text-decoration: underline;
}
/* line 85, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li:before {
content: '';
position: absolute;
right: -12px;
top: 6px;
border: solid black;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
width: 6px;
height: 6px;
}
/* line 98, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li:last-child:before {
display: none;
}
/* line 105, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm {
max-width: 380px;
width: 100%;
background: #67dddf;
padding: 20px 34px 70px;
border-radius: 20px;
}
.summarySec.carsumm.fixed {
position: fixed;
top: 200px;
z-index: 10;
/*******Added by Samina on 20th Sep 2018**********/
}
/* line 112, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .iconSec {
width: 65px;
height: 65px;
background: white url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat -447px 12px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
/* line 120, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
width: 70%;
}
/* line 125, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead p {
font-size: 1.5rem;
margin-top: 5px;
float: left;
}
/* line 129, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead p strong {
font-weight: normal;
font-family: "AllianzB";
}
/* line 135, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec h3 {
padding-bottom: 0;
font-size: 2.4rem;
font-family: "AllianzB";
color: #000;
}
/* line 142, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent {
background: #fff;
margin-top: 20px;
position: relative;
padding: 10px 0;
border-radius: 15px;
box-shadow: 0px 0px 40px rgba(153, 153, 153, 0.54118);
}
/* line 149, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent:before {
top: -30px;
left: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #fff;
border-width: 15px;
margin-left: -15px;
}
/* line 163, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent:after {
bottom: -62px;
content: " ";
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/summary-after.png) no-repeat -33px 0;
width: 100%;
height: 75px;
position: absolute;
background-size: auto 88.7px;
}
/* line 172, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content {
padding: 20px;
}
/* line 174, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content h2 {
font-family: 'AllianzSans';
font-size: 1.8rem;
color: #4f4f4f;
font-weight: normal;
margin-bottom: 10px;
}
/* line 180, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .bluecolor {
color: #0073bd;
}
/* line 182, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .bluecolor span {
color: #757575;
}
/* line 186, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content p {
color: #9e9e9e;
font-family: 'AllianzSans';
font-size: 1.3rem;
}
/* line 191, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content nav {
/* display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
flex-wrap: wrap;
justify-content: space-between; */
display: block;
width: 100%;
}
/* line 195, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content nav a {
color: #fe9542;
border-bottom: 1px solid #fe9542;
position: relative;
margin-right: 15px;
font-size: 1.7rem;
}
.summarySec.carsumm .innerContent .content nav a:first-child:after {
content: '';
position: absolute;
width: 1px;
height: 15px;
background: #fe9542;
right: -9px;
/******Added by Samina on 24th Sep 2018******/
top: 4px;
}
/* line 199, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .dynamiccars {
max-width: 275px;
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
margin: 20px 0;
}
/* line 205, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .dynamiccars img {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
left: 50%;
top: 50%;
position: absolute;
width: 100%;
}
/* line 216, ../sass/_base/_car-insurance.scss */
.fleft {
float: left;
}
/* line 219, ../sass/_base/_car-insurance.scss */
.setnature {
position: relative;
bottom: auto;
overflow: hidden;
}
/* line 223, ../sass/_base/_car-insurance.scss */
/* line 225, ../sass/_base/_car-insurance.scss */
.carincpanel label span.tooltip,
.carincpanel p span.tooltip,
.carincpanel div span.tooltip,
.carincpanel span span.tooltip {
background-position: -349px -443px;
}
/* line 228, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel {
float: left;
width: 65%;
position: relative;
}
/* line 231, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel h2 {
font-family: 'AllianzSans';
font-size: 2.2rem;
color: #4f4f4f;
font-weight: normal;
}
/* line 238, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum {
position: relative;
margin: 63px 0;
}
/* line 242, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-widget-header {
background: #0071bb;
}
/* line 245, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/ui-handle.png") no-repeat center center !important;
width: 36px;
height: 36px;
border: none;
margin-top: -8px;
}
/* line 251, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
position: absolute;
top: -35px;
text-align: center;
width: initial;
height: 30px;
line-height: 30px;
/********Added by Samina on 18th Sep 2018**********/
left: -13px;
/********Added by Samina on 18th Sep 2018**********/
border: 1px solid #999;
border-radius: 5px;
color: #ff9b41;
/********Added by Samina on 18th Sep 2018**********/
padding: 0px 5px;
}
/* line 261, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
right: 44px;
bottom: -16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
border-color: transparent;
border-right-color: #6d6c6c;
border-width: 8px;
margin-top: -9px;
}
/* line 276, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
right: 45px;
bottom: -16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 7px;
bottom: -14px;
}
/* line 295, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
position: absolute;
top: -37px;
text-align: center;
width: initial;
height: 30px;
left: -13px;
border: 1px solid #999;
border-radius: 5px;
color: #0071bb;
padding: 0px 5px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 44px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 45px;
}
/* line 309, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum span.min-range {
color: #000;
font-size: 1.7rem;
display: inline-block;
position: absolute;
left: -3px;
bottom: -77px;
font-family: "AllianzB";
text-align: left;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 318, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range {
color: #000;
font-size: 1.7rem;
display: inline-block;
position: absolute;
right: 0;
bottom: -77px;
font-family: "AllianzB";
text-align: right;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 327, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum input {
color: #0071bb;
position: absolute;
right: 0;
text-align: right;
bottom: -32px;
}
/* line 334, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .minval,
.carincpanel .leftpanel .idv-val-sec .idv-sum .maxval {
color: #989898;
font-size: 1.4rem;
}
/* line 340, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .car-owner,
.ownDamageCover {
/* display: flex; */
align-items: center;
margin-top: 50px;
}
.ownDamageCover {
margin-top: 0;
}
.damageCoverWrapper {
margin-bottom: 0px;
padding-bottom: 0px !important;
}
.carincpanel .leftpanel .siPerPerson {
display: flex;
align-items: center;
margin: 20px 0;
display: none;
}
.carincpanel .leftpanel .car-owner h4.headdefine,
.carincpanel .leftpanel .siPerPerson h4.headdefine,
.ownDamageCover h4.headdefine {
margin-right: 25px;
padding-bottom: 0;
/******Added by Samina on 18th Sep 2018*******/
float: left;
}
/* line 349, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .paCoverWrapper,.carincpanel .leftpanel .additional-pcu {
clear: both;
display: flex;
align-items: center;
display: -ms-flex;
-ms-align-items: center;
margin-top: 20px;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 345, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .car-owner h4.headdefine,
.ownDamageCover h4.headdefine {
margin-right: 25px;
padding-bottom: 0;
/******Added by Samina on 18th Sep 2018*******/
float: left;
}
/* line 349, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .paCoverWrapper,.carincpanel .leftpanel .additional-pcu {
clear: both;
display: flex;
align-items: center;
display: -ms-flex;
-ms-align-items: center;
margin-top: 20px;
/******Added by Samina on 18th Sep 2018*******/
}
/* .carincpanel .leftpanel .paCoverWrapper{ display: none;} */
/* line 354, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine, .carincpanel .leftpanel .additional-pcu h4.headdefine {
margin-right: 25px;
/* display: inline-block; */
float: left;
position: relative;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 357, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .paCoverWrapper ul, .carincpanel .leftpanel .additional-pcu ul {
width: 140px;
border: 1px solid #ccc;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
/* line 363, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .paCoverWrapper ul li, .carincpanel .leftpanel .additional-pcu ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
/* line 369, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .paCoverWrapper ul li input[type='radio'], .carincpanel .leftpanel .additional-pcu ul li input[type='radio'] {
display: none;
}
/* line 372, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .paCoverWrapper ul li label,.carincpanel .leftpanel .additional-pcu ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* line 388, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics h4.headdefine {
width: 75%;
}
/* line 393, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content {
position: relative;
}
/* line 396, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
float: left;
margin-top: 30px;
margin-right: 35px;
/******Added by Samina on 18th Sep 2018*******/
position: relative;
/* Added by Bhavesh on 18-09-2018 */
cursor: pointer;
/* Added by Bhavesh on 18-09-2018 */
width: 228px;
/* Added by Samina on 20-09-2018 */
background-color: #fff;
}
/* line 400, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li:last-child {
margin-right: 0;
}
/* line 403, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li input {
opacity: 0;
z-index: 999;
position: absolute;
top: 0;
}
/* line 410, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a {
display: block;
text-align: center;
color: #fe9542;
background-color: transparent;
font-size: 1.6rem;
font-family: 'AllianzB';
padding: 10px 35px;
/******Added by Samina on 18th Sep 2018*******/
border-radius: 10px;
/* -webkit-box-shadow: 5px 5px 30px 1px #e0e0e0;
-moz-box-shadow: 5px 5px 30px 1px #e0e0e0;
box-shadow: 5px 5px 30px 1px #e0e0e0; */
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
position: relative;
}
/* line 423, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a:before {
content: '';
position: absolute;
left: -10px;
top: -10px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
/* line 434, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a span {
display: block;
text-align: center;
color: #0071bb;
font-size: 3rem;
font-family: 'AllianzSans';
margin-top: 10px;
}
/* line 445, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active {
background-color: #0e8dfa;
/******Added by Samina on 18th Sep 2018*******/
color: #ffffff;
border-radius: 10px;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 448, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active a {
color: #ffffff;
}
/* line 450, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active a span {
color: #ffffff;
}
/* line 458, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail {
background-color: #ffffff;
border: 1px #dddddd solid;
padding: 0px 20px;
/*****Added by Samina on 20th Sep 2018*****/
border-radius: 10px;
padding-bottom: 25px;
margin-top: 40px;
position: relative;
float: left;
}
/* line 467, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before {
content: "";
border: 2px solid #fff;
border-color: transparent transparent #dddddd #dddddd;
width: 20px;
height: 20px;
top: -12px;
left: 98px;
margin: auto;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
background-color: #ffffff;
}
/* line 481, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul {
width: 100%;
/*******Added by Samina on 20th Sep 2018*********/
}
/* line 483, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li {
margin-top: 17px;
width: 33%;
font-size: 1.6rem;
color: #818181;
position: relative;
padding-left: 20px;
float: left;
}
/* line 491, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li:before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 7px;
/******Added by Samina on 18th Sep 2018*******/
height: 7px;
/******Added by Samina on 18th Sep 2018*******/
background-color: #fe9542;
border-radius: 50%;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active input+label a:before {
background: #ff9b41 url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png') no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
/* line 503, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail a {
display: inline-block;
color: #0080c9;
font-size: 1.6rem;
border-bottom: 1px #0080c9 solid;
padding-bottom: 0px;
position: absolute;
right: 25px;
bottom: 26px;
}
/* line 518, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li {
border-bottom: 1px solid #e4e4e4;
padding: 12px 0 13px;
position: relative;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 521, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li label {
font-size: 1.3rem;
color: #4f4f4f;
/******Added by Samina on 18th Sep 2018*******/
cursor: pointer;
position: relative;
padding-left: 32px;
display: block;
line-height: 20px;
}
/* line 529, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li label:before {
content: '';
background: #c1c1c1;
left: 0px;
position: absolute;
top: 1px;
width: 22px;
/******Added by Samina on 18th Sep 2018*******/
height: 22px;
/******Added by Samina on 18th Sep 2018*******/
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
.theft_cover .declare-radio ul li label:before {
content: '';
background: #c1c1c1;
left: 0px;
position: absolute;
top: 1px;
width: 22px;
/******Added by Samina on 18th Sep 2018*******/
height: 22px;
/******Added by Samina on 18th Sep 2018*******/
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
/* line 542, ../sass/_base/_car-insurance.scss */
.theft_cover .declare-radio ul li.active label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -367px -467px;
}
.carincpanel .leftpanel .declare-radio ul li input:checked+label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -367px -467px;
}
.carincpanel .leftpanel .check-reg ul li label:before {
content: '';
background: #fff !important;
border: 1px solid #c1c1c1;
left: 0px;
position: absolute;
/*Devendra start 27-Nov-2019 */
top: 0px;
/*Devendra end 27-Nov-2019 */
width: 22px;
/******Added by Samina on 18th Sep 2018*******/
height: 22px;
/******Added by Samina on 18th Sep 2018*******/
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
.carincpanel .leftpanel .noreg-dec ul li label:before{
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -367px -467px;
}
/* .carincpanel .leftpanel .declare-radio ul li.active input + label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -368px -468px;
} */
/* line 547, ../sass/_base/_car-insurance.scss */
.theft_cover .declare-radio ul li input {
width: auto;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: -1;
top: 0;
}
.carincpanel .leftpanel .declare-radio ul li input {
width: auto;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: -1;
top: 0;
}
/* line 556, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li:last-child {
border-bottom: 0;
padding-bottom: 8px;
}
/* line 564, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .rowline {
padding: 15px 6px;
float: left;
width: 100%;
}
/* line 574, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul {
display: flex;
align-items: center;
margin-top: 7px;
}
/* line 578, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li {
border-bottom: none;
margin-right: 20px;
float: left;
}
/* line 581, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label {
color: #4f4f4f;
font-size: 1.8rem;
/***Add by Samina on 24th Sep 2018***/
font-family: 'AllianzSans';
}
/* line 585, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label:before {
top: -3px;
background-color: transparent;
border: 1px solid #c1c1c1;
}
/* line 591, ../sass/_base/_car-insurance.scss */
/* .carincpanel .leftpanel .enhance-topup .declare-radio ul li input:checked + label:before {
background-color: transparent;
background-position: -394px -465px;
} */
/* line 607, ../sass/_base/_car-insurance.scss */
.carincpanel .rightpanel {
float: right;
width: 28%;
}
/* line 694, ../sass/_base/_car-insurance.scss */
.btn {
background: #f89c30;
padding: 9px 0px 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: white;
font-size: 2.4rem;
display: inline-block;
clear: both;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
border: 1px solid #f89c30;
font-family: 'AllianzB';
letter-spacing: 1px;
max-width: 235px;
min-width: 235px;
width: 90%;
}
/* line 712, ../sass/_base/_car-insurance.scss */
.btn:before {
content: '';
z-index: -1;
background: white;
position: absolute;
top: 50%;
right: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
/* line 727, ../sass/_base/_car-insurance.scss */
.btn:hover {
color: #f89c30;
}
/* line 729, ../sass/_base/_car-insurance.scss */
.btn:hover:before {
-webkit-transform: scale3d(9, 9, 1);
-moz-transform: scale3d(9, 9, 1);
-ms-transform: scale3d(9, 9, 1);
-o-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
/* line 859, ../sass/_base/_car-insurance.scss */
.customSelect select {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
font-size: 1.8rem;
color: #4f4f4f;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 873, ../sass/_base/_car-insurance.scss */
.customSelect select option {
background: #fff;
color: #4f4f4f;
font-size: 1.8rem;
}
/* line 879, ../sass/_base/_car-insurance.scss */
.customSelect .selectedText {
position: relative;
z-index: 2;
color: #ff9b41;
float: left;
padding: 0 12px 0 0;
/******Added by Samina on 18th Sep 2018*******/
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
font-size: 1.9rem;
}
/* line 888, ../sass/_base/_car-insurance.scss */
.customSelect .selectedText:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 6px;
content: "";
position: absolute;
width: 6px;
height: 6px;
border: 1px solid #cacaca;
border-color: transparent transparent #cacaca #cacaca;
right: -5px;
background: none;
}
/* line 903, ../sass/_base/_car-insurance.scss */
h4.headdefine {
font-size: 1.8rem;
/***Add by Samina on 24th Sep 2018***/
font-family: "AllianzB";
color: #000;
}
/* line 908, ../sass/_base/_car-insurance.scss */
.add-disc {
display: flex;
display: -ms-flex;
align-items: center;
-ms-align-items: center;
}
.add-disc h4 {
float: left;
}
/* line 912, ../sass/_base/_car-insurance.scss */
.premiupPopup {
display: none;
}
/* line 914, ../sass/_base/_car-insurance.scss */
.premiupPopup,
.offlinePopup,
.popup {
max-width: 600px;
width: 95%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 99913;
display: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
/* line 927, ../sass/_base/_car-insurance.scss */
.premiupPopup .close,
.offlinePopup .close,
.popup .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
/* line 938, ../sass/_base/_car-insurance.scss */
.premiupPopup h3,
.offlinePopup h3 {
color: #ff9b41;
font-size: 2.4rem;
font-family: "AllianzB";
width: 90%;
}
/* line 944, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop,
.offlinePopup .rowPop {
width: 100%;
float: left;
padding: 15px 0;
}
/* line 948, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop,
.offlinePopup .rowPop .colPop {
float: left;
color: #4f4f4f;
font-family: "AllianzSans";
font-size: 2.0rem;
}
/* line 954, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:first-child,
.offlinePopup .rowPop .colPop:first-child {
width: 70%;
position: relative;
}
/* line 957, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:first-child:before,
.offlinePopup .rowPop .colPop:first-child:before {
position: absolute;
content: ':';
right: 0;
}
/* line 963, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:last-child,
.offlinePopup .rowPop .colPop:last-child {
width: 30%;
text-align: right;
}
/* line 968, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop:last-child,
.offlinePopup .rowPop:last-child {
border-top: 1px solid #d2d2d2;
}
/* line 971, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop:last-child .colPop,
.offlinePopup .rowPop:last-child .colPop {
color: #0071bb;
}
/* line 978, ../sass/_base/_car-insurance.scss */
.bodyOverlay {
position: fixed;
left: 0;
width: 100%;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
/* line 990, ../sass/_base/_car-insurance.scss */
.radioBtn input:checked+label {
background: #0080c9 !important;
color: #fff !important;
}
/* line 994, ../sass/_base/_car-insurance.scss */
label {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #4f4f4f;
font-weight: normal;
}
.clear {
clear: both;
}
.centered,
.paymentWrapper form .prefieldWrap,
.paymentWrapper form .inputRow,
.carousel_wrap #carousel .shadow,
.carousel_wrap .roundAboutArrow .roundAboutNumbers p,
.congWrapper .congWrap,
.congWrapper .carDetails,
.congWrapper .digiLock {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1
}
.common-style,
.paymentWrapper form .prefieldWrap,
.paymentWrapper form .inputRow,
.congWrapper .congWrap,
.congWrapper .carDetails,
.congWrapper .digiLock {
float: left;
width: 100%
}
.paymentWrapper h1 {
font-family: "AllianzB";
font-size: 3rem;
color: #fd9442
}
.paymentWrapper h2 {
font-family: "AllianzB";
font-size: 3rem;
color: #555555;
margin-bottom: 32px
}
/******Added on 27th Feb 2019 Start*******/
.paymentWrapper .allDetailWrap {
margin: 21px auto 42px;
padding: 32px 6px 50px;
/* background-color:#0e8dfa; */
border-radius: 8px;
border: 1px solid #0E8DFA;
max-width: 810px;
width: 90%;
position: relative;
/******Added by Samina on 18th Sep 2018*******/
}
/******Added on 27th Feb 2019 End*******/
.paymentWrapper .allDetailWrap .allDetailTabs ul {
display: inline-block
}
/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #000;
text-align: center;
padding: 6px 25px;
float: left;
border: 1px solid #0E8DFA;
border-radius: 100px;
margin-right: 20px;
box-sizing: border-box;
cursor: pointer
}
/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li:last-child {
margin-right: 0
}
/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li.active {
color: #fff;
background-color: #0E8DFA
}
/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield {
background-color: #ffc400;
border: 1px solid #ffc400;
color: #000;
position: relative
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield:before {
content: '';
position: absolute;
top: 39%;
left: 5px;
width: 14px;
height: 11px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tick.png") no-repeat
}
.paymentWrapper form {
margin: 0 auto;
max-width: 745px;
width: 90%
}
.paymentWrapper form input {
display: inline-block;
width: 100%;
border-bottom: 1px solid #0071bb;
padding-bottom: 0;
/* margin-bottom:15px; */
background: none;
}
.paymentWrapper form label {
font-family: "AllianzB";
font-size: 2rem;
color: #000;
margin-bottom: 13px;
display: block
}
.paymentWrapper form .btn {
display: block;
margin: 0 auto
}
.paymentWrapper form .prefieldWrap {
margin-bottom: 25px
}
.paymentWrapper form .prefieldWrap label {
display: inline-block;
font-family: "AllianzSans";
font-size: 1.6rem;
color: #4f4f4f
}
.paymentWrapper form .prefieldWrap label.right-space {
padding-right: 20px
}
.paymentWrapper form .inputRow {
max-width: 610px;
margin-bottom: 15px;
position: relative;
}
.paymentWrapper form .prefieldWrap {
max-width: 610px;
}
.paymentWrapper form .inputRow input {
margin-bottom: 0
}
.paymentWrapper form .inputRow label,
.paymentWrapper form .inputRow .inputWrap {
float: left
}
.paymentWrapper form .inputRow label {
width: 35%
}
.paymentWrapper form .inputRow label.centered,
.paymentWrapper form .inputRow label.prefieldWrap,
.paymentWrapper form .inputRow label.inputRow,
.paymentWrapper form .inputRow .carousel_wrap #carousel label.shadow,
.carousel_wrap #carousel .paymentWrapper form .inputRow label.shadow,
.paymentWrapper form .inputRow .congWrapper label.congWrap,
.congWrapper .paymentWrapper form .inputRow label.congWrap,
.paymentWrapper form .inputRow .congWrapper label.carDetails,
.congWrapper .paymentWrapper form .inputRow label.carDetails,
.paymentWrapper form .inputRow .congWrapper label.digiLock,
.congWrapper .paymentWrapper form .inputRow label.digiLock {
width: 100%
}
.paymentWrapper form .inputRow .inputWrap {
width: 65%;
position: relative;
}
.paymentWrapper form .inputRow .inputWrap.centered,
.paymentWrapper form .inputRow .inputWrap.prefieldWrap,
.paymentWrapper form .inputRow .inputWrap.inputRow,
.paymentWrapper form .inputRow .carousel_wrap #carousel .inputWrap.shadow,
.carousel_wrap #carousel .paymentWrapper form .inputRow .inputWrap.shadow,
.paymentWrapper form .inputRow .carousel_wrap .roundAboutArrow .roundAboutNumbers p.inputWrap,
.carousel_wrap .roundAboutArrow .roundAboutNumbers .paymentWrapper form .inputRow p.inputWrap,
.paymentWrapper form .inputRow .congWrapper .inputWrap.congWrap,
.congWrapper .paymentWrapper form .inputRow .inputWrap.congWrap,
.paymentWrapper form .inputRow .congWrapper .inputWrap.carDetails,
.congWrapper .paymentWrapper form .inputRow .inputWrap.carDetails,
.paymentWrapper form .inputRow .congWrapper .inputWrap.digiLock,
.congWrapper .paymentWrapper form .inputRow .inputWrap.digiLock {
width: 25%
}
.paymentWrapper form .inputRow.bottom-space {
margin-bottom: 0
}
.tooltipIcon_pay{top: -23px;}
.tooltipIcon,.tooltipIcon_pay {
display: inline-block;
position: relative;
}
.tooltipIcon:after,.tooltipIcon_pay:after {
content: '';
position: absolute;
right: -20px;
top: 12px;
width: 16px;
height: 15px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat
}
.carousel_wrap #carousel {
height: 380px;
width: 484px;
margin: 0 auto;
}
/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap #carousel .shadow {
width: 320px;
height: 320px;
/* background-color:#fff; */
border-radius: 50%;
padding: 39px 0 39px;
margin-top: 34px;
cursor: pointer;
-webkit-box-shadow: 0 0 8px 1px #888;
-moz-box-shadow: 0 0 8px 1px #888;
-ms-box-shadow: 0 0 8px 1px #888;
-o-box-shadow: 0 0 8px 1px #888;
box-shadow: 0 0 8px 1px #888;
background: #fff;
border: 1px solid #0E8DFA;
}
/*********Added on 27th Feb 2019 End**********/
.carousel_wrap #carousel .shadow h3 {
font-family: "AllianzB";
font-size: 2.2rem;
color: #888888;
text-align: center;
margin-bottom: 0;
}
.carousel_wrap #carousel .shadow .inputRow {
margin-bottom: 20px
}
.carousel_wrap #carousel .shadow .inputRow:first-child {
margin-top: 10px
}
.carousel_wrap #carousel .shadow .inputRow:last-child {
margin-bottom: 0px
}
.carousel_wrap #carousel .shadow .inputRow label,
.carousel_wrap #carousel .shadow .wheelWrap label {
font-family: "AllianzSans";
font-size: 1.5rem;
color: #0073bd
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #ff9b41;
border-bottom: 1px solid #ebebeb;
padding-bottom: 5px;
text-align: center;
margin: 5px auto 0;
display: block;
width: 100%;
}
.carousel_wrap #carousel .shadow .inputRow .inputWrap {
position: relative
}
/* .carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after{
right:65px
} */
.carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
right: -17px;
top: 6px;
}
/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap .roundAboutArrow {
max-width: 165px;
width: 100%;
margin: 0 auto;
display: block;
position: relative;
margin: 0px 0px 0 0;
float: right;
top: -45px;
right: 100px;
z-index: 3;
}
.carousel_wrap .roundAboutArrow a {
width: 50px;
height: 50px;
font-size: 0;
position: relative;
/* display:inline-block; */
vertical-align: top;
cursor: pointer;
float: left;
}
.carousel_wrap .roundAboutArrow a:before {
width: 40px;
height: 40px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
position: absolute;
content: '';
left: 0;
background: #005596;
}
.carousel_wrap .roundAboutArrow a.prev:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
content: '';
width: 10px;
height: 10px;
left: 16px;
top: 13px;
border: 2px solid #fff;
border-color: transparent transparent #fff #fff;
}
.carousel_wrap .roundAboutArrow a.next:after {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
position: absolute;
content: '';
width: 10px;
height: 10px;
left: 10px;
top: 13px;
border: 2px solid #fff;
border-color: transparent transparent #fff #fff;
}
.carousel_wrap .roundAboutArrow .roundAboutNumbers {
text-align: center;
width: 65px;
padding-left: 0;
/* display:inline-block; */
text-align: center;
float: left;
}
.carousel_wrap .roundAboutArrow .roundAboutNumbers p {
color: #0E8DFA;
line-height: 40px;
font-size: 1.8rem;
/* display:inline-block; */
margin-left: -6px;
text-align: center;
float: left;
}
.carousel_wrap .roundAboutArrow .roundAboutNumbers p.activeRoundabout,
.carousel_wrap .roundAboutArrow .roundAboutNumbers p.totalRoundabout {
width: auto;
color: #fff;
font-size: 1.8rem;
float: left
}
/*********Added on 27th Feb 2019 End**********/
.paymentWrapper,
.congWrapper {
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
}
.paymentWrapper .natureBg,
.congWrapper .natureBg {
position: relative;
}
.paymentWrapper p,
.congWrapper p {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #4f4f4f
}
.paymentWrapper input,
.congWrapper input {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #ff9b41;
border-bottom: 1px solid #d1e3e7
}
@-webkit-keyframes fadeInUpThumb {
0% {
width: 0;
height: 0
}
100% {
width: 126px;
width: 126px
}
}
@keyframes fadeInUpThumb {
0% {
width: 0;
height: 0
}
100% {
width: 126px;
width: 126px
}
}
@-webkit-keyframes fadeInUpThumbSvg {
0% {
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-ms-transform: scale(.1);
-o-transform: scale(.1);
transform: scale(.1)
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes fadeInUpThumbSvg {
0% {
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-ms-transform: scale(.1);
-o-transform: scale(.1);
transform: scale(.1)
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes fadeInUpDecorate {
0% {
-ms-transform: rotate(0deg) scale(0.1);
-webkit-transform: rotate(0deg) scale(0.1);
transform: rotate(0deg) scale(0.1)
}
80% {
-ms-transform: rotate(360deg) scale(1);
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1)
}
100% {
-ms-transform: rotate(360deg) scale(0);
-webkit-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0)
}
}
@keyframes fadeInUpDecorate {
0% {
-ms-transform: rotate(0deg) scale(0.1);
-webkit-transform: rotate(0deg) scale(0.1);
transform: rotate(0deg) scale(0.1)
}
80% {
-ms-transform: rotate(360deg) scale(1);
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1)
}
100% {
-ms-transform: rotate(360deg) scale(0);
-webkit-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
}
.congWrapper .congWrap {
max-width: 1140px;
width: 90%;
margin: 0 auto;
border-bottom: 1px solid #d1e3e7;
padding: 35px 0px;
}
.noTopPad {
padding-top: 0px !important;
}
.congWrapper .congWrap.footerWrap {
border: none;
}
.congWrapper .congWrap .innerWrap {
max-width: 740px;
width: 100%;
margin: 0 auto;
}
.congWrapper .congWrap .innerWrap .align-left p {
font-family: "AllianzB";
font-size: 1.8rem;
color: #555555;
}
.congWrapper .congWrap .innerWrap .align-left p.email {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #434343;
margin-top: 26px
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber p {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #0073bd;
position: relative;
text-align: left;
display: inline-block;
float: left
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber p span:after {
top: 6px;
right: -19px
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber input,
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .btn {
display: inline-block
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .eiaRow {
margin-top: 10px
}
.congWrapper .congWrap .innerWrap .align-right .eiaReg p {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #757575;
text-align: left;
margin-top: 6px
}
.congWrapper .congWrap .column {
width: 33.3%;
float: left;
padding: 0px 20px;
position: relative;
}
.congWrapper .congWrap .column h2 {
font-family: "AllianzB";
font-size: 2.8rem;
color: #5f6364;
text-align: left
}
.congWrapper .congWrap .column .voucher {
margin-right: 22px
}
.congWrapper .congWrap .column .socialMedia {
position: relative;
float: left;
margin-top: 10px
}
.congWrapper .congWrap .column .socialMedia span {
display: inline-block;
position: relative;
margin-right: 35px;
cursor: pointer
}
.congWrapper .congWrap .column .socialMedia span:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 33px;
height: 33px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png") no-repeat
}
.congWrapper .congWrap .column .socialMedia span:last-child {
margin-right: 0
}
.congWrapper .congWrap .column .socialMedia span.fb:after {
background-position: -544px -458px
}
.congWrapper .congWrap .column .socialMedia span.twitter:after {
background-position: -587px -458px
}
.congWrapper .congWrap .column .socialMedia span.linkdin:after {
background-position: -630px -458px
}
.congWrapper .congWrap .column .socialMedia span.blog:after {
background-position: -674px -458px
}
.congWrapper .congWrap .column .socialMedia span.insta:after {
background-position: -717px -458px
}
.congWrapper .congWrap .column .socialMedia span.youtube:after {
background-position: -760px -458px
}
/* code was merged on 12July Start */
/*******Added by Indigo Dated 9th July 2019 Start*****/
.socialInner p {
color: #5F6364;
font-size: 1.8rem;
font-family: "AllianzSans";
}
.socialInner h4 {
color: #5f6364;
font-size: 2.8rem;
font-family: "AllianzB";
}
.socialInner ul {
padding: 15px 0;
}
.socialInner ul li {
float: left;
}
.socialInner .socialBtn {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
font-family: "AllianzSans";
color: #fff;
position: relative;
z-index: 1;
margin-right: 15px;
display: inline-block;
width: 30px;
height: 30px;
}
.socialInner .socialBtn:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(0, 0, 0, 0.2);
z-index: -1;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
border-radius: inherit;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.socialInner .socialBtn:hover {
color: #fff;
}
.socialInner .socialBtn:hover:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.socialInner .socialBtn.facebookShare {
background: #3559a0;
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -544px -458px;
}
.socialInner .socialBtn.tweeterShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -587px -458px;
}
.socialInner .socialBtn.linkInShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -630px -458px;
}
.socialInner .socialBtn.blogShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -674px -458px;
}
.socialInner .socialBtn.instaShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -717px -458px;
}
.socialInner .socialBtn.youtubeShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -760px -458px;
}
/*******Added by Indigo Dated 9th July 2019 End*****/
.congWrapper .congWrap .column p {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #4f4f4f;
text-align: left
}
.congWrapper .congWrap .column .btn {
max-width: 142px;
min-width: 142px;
height: 30px;
font-family: "AllianzSans";
font-size: 1.6rem;
color: #fff;
float: left;
padding: 4px 0;
}
.congWrapper .congWrap .column .btn:hover {
color: #f89c30;
}
.congWrapper .congWrap .column:first-child p {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #5f6364
}
.congWrapper .congWrap .column:first-child p span {
font-family: "AllianzB";
font-size: 2.8rem
}
.congWrapper .congWrap .column:first-child .btn {
margin-top: 18px
}
.congWrapper h1 {
font-family: Arial;
font-weight: bold;
font-size: 3.5rem;
color: #fd9442
}
.congWrapper .carDetails {
max-width: 596px;
width: 100%;
border: 1px solid #1793fe;
border-radius: 10px;
margin-top: 29px;
overflow: hidden
}
.congWrapper .carDetails .detailsHeader {
background-color: #1793fe;
padding: 18px;
display: block;
width: 100%;
}
.congWrapper .carDetails .detailsHeader h2 {
font-family: "AllianzB";
font-size: 2.5rem;
color: #fff;
float: left
}
/*********Added on 18th March 2019 Start******************/
/* code was merged on 12July Start */
.congWrapper .congWrap .column p {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #4f4f4f;
text-align: left
}
.congWrapper .congWrap .column .btn {
max-width: 142px;
min-width: 142px;
height: 30px;
font-family: "AllianzSans";
font-size: 1.6rem;
color: #fff;
float: left;
padding: 4px 0;
}
.congWrapper .congWrap .column .btn:hover {
color: #f89c30;
}
.congWrapper .congWrap .column:first-child p {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #5f6364
}
.congWrapper .congWrap .column:first-child p span {
font-family: "AllianzB";
font-size: 2.8rem
}
.congWrapper .congWrap .column:first-child .btn {
margin-top: 18px
}
.congWrapper h1 {
font-family: Arial;
font-weight: bold;
font-size: 3.5rem;
color: #fd9442
}
.congWrapper .carDetails {
max-width: 596px;
width: 100%;
border: 1px solid #1793fe;
border-radius: 10px;
margin-top: 29px;
overflow: hidden
}
.congWrapper .carDetails .detailsHeader {
background-color: #1793fe;
padding: 18px;
display: block;
width: 100%;
}
.congWrapper .carDetails .detailsHeader h2 {
font-family: "AllianzB";
font-size: 2.5rem;
color: #fff;
float: left
}
/*********Added on 18th March 2019 Start******************/
.congWrapper .carDetails .detailsHeader .align-right {
margin-top: 10px;
width: 150px;
}
/*********Added on 18th March 2019 End******************/
.congWrapper .carDetails .detailsHeader h2 {
margin: 20px 0px 0px 15px
}
.congWrapper .carDetails .detailsHeader .userImg {
background-color: #fff;
width: 65px;
height: 65px;
border-radius: 50%;
display: inline-block;
overflow: hidden;
float: left
}
.congWrapper .carDetails .detailsHeader .userImg img {
padding-top: 10px
}
.congWrapper .carDetails .detailsCont {
padding: 28px 18px
}
.congWrapper .carDetails .detailsCont .userCarDetails {
border-left: 1px solid #e4e4e4;
width: 48%;
float: left;
padding-left: 30px;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carName {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #4f4f4f;
text-align: left;
}
.congWrapper .carDetails .detailsCont .userCarDetails:first-child {
border: none;
padding: 0;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont {
margin-bottom: 10px;
float: left;
width: 100%;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont img {
float: left;
margin-top: 3px
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont span {
font-family: "AllianzSans";
color: #757575;
font-size: 1.6rem;
display: inline-block;
margin-left: 10px;
float: left
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p {
font-family: "AllianzB";
color: #035b95;
font-size: 1.8rem;
margin-top: 10px;
text-align: left;
clear: both
}
.congWrapper .carDetails .detailsCont .userCarDetails p a {
font-family: "AllianzB";
display: inline-block;
font-size: 1.6rem;
color: #fd9442;
position: relative;
padding-left: 25px;
float: left
}
.congWrapper .carDetails .detailsCont .userCarDetails p a:before {
content: '';
position: absolute;
width: 17px;
height: 17px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: -655px -128px;
left: 0px;
top: 4px
}
.congWrapper .carDetails .detailsCont .userCarDetails p a:after {
content: '';
position: absolute;
width: 90%;
height: 1px;
background-color: #fd9442;
left: 25px;
bottom: 0px
}
.congWrapper .carDetails .detailsCont .userCarImg {
float: right;
width: 50%;
padding: 0px 16px
}
.congWrapper .carDetails .detailsCont .userCarImg p {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #4f4f4f;
text-align: left
}
.congWrapper .carDetails .detailsCont .userCarImg img {
float: left
}
.congWrapper .congratsSvg {
width: 250px;
height: 250px;
display: inline-block;
vertical-align: top;
position: relative
}
.congWrapper .congratsSvg #congratsDecoration {
width: 100%;
height: 100%;
float: left
}
.congWrapper .congratsSvg #congratsDecoration.activeDecoration {
-webkit-animation: fadeInUpDecorate 2s ease-in 0s 1;
-moz-animation: fadeInUpDecorate 2s ease-in 0s 1;
-ms-animation: fadeInUpDecorate 2s ease-in 0s 1;
-o-animation: fadeInUpDecorate 2s ease-in 0s 1;
animation: fadeInUpDecorate 2s ease-in 0s 1;
opacity: 1
}
.congWrapper .congratsSvg .congratsThumb {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-animation: fadeInUpThumb 1s ease-in 0s 1;
-moz-animation: fadeInUpThumb 1s ease-in 0s 1;
-ms-animation: fadeInUpThumb 1s ease-in 0s 1;
-o-animation: fadeInUpThumb 1s ease-in 0s 1;
animation: fadeInUpThumb 1s ease-in 0s 1;
background: #fff;
/* -webkit-box-shadow:0 5px 20px 5px #eaeaea;
-moz-box-shadow:0 5px 20px 5px #eaeaea;
-ms-box-shadow:0 5px 20px 5px #eaeaea;
-o-box-shadow:0 5px 20px 5px #eaeaea;
box-shadow:0 5px 20px 5px #eaeaea; */
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
border-radius: 50%;
height: 126px;
width: 126px;
position: absolute;
left: 50%;
top: 50%
}
.congWrapper .congratsSvg .congratsThumb #congratsThumbsvg {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%
}
.congWrapper .digiLock {
position: relative;
margin-top: 18px
}
.congWrapper .digiLock p {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #4f4f4f
}
.congWrapper .digiLock p a {
font-size: 1.4rem;
color: #4f4f4f;
border-bottom: 1px solid #4f4f4f;
position: relative
}
/* .congWrapper .digiLock p a:after{
content:'';
position:absolute;
right:-22px;
top:0;
width:16px;
height:15px;
background:url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat
} */
.congWrapper .align-left {
float: left
}
.congWrapper .align-right {
float: right
}
.congWrapper .starRating {
margin-bottom: 10px
}
.congWrapper .starRating .startWrap {
width: 100%;
margin-top: 8px
}
.congWrapper .starRating .startWrap ul {
margin: 0 auto;
display: inline-block;
position: relative
}
.congWrapper .starRating .startWrap ul li {
margin-right: 7px;
opacity: 1;
filter: alpha(opacity=0);
width: 27px;
height: 25px;
position: relative;
float: left;
left: 0;
z-index: 2;
cursor: pointer;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -389px -72px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.congWrapper .starRating .startWrap ul li.active {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -353px -72px
}
.congWrapper .starRating .startWrap ul li:last-child {
margin-right: 0
}
.congWrapper .starRating .startWrap ul li input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
opacity: 0;
}
.congWrapper .link {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #0071bb;
border-bottom: 1px solid #0071bb
}
.congWrapper .getInTouch {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
position: fixed;
top: 50%;
right: 28px;
z-index: 1;
cursor: pointer
}
.congWrapper .getInTouch p {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #000;
margin-top: 5px
}
.paymentWrapper .btn,
.congWrapper .btn {
background: #f89c30;
padding: 9px 0px 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: white;
font-size: 2.4rem;
display: inline-block;
clear: both;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
border: 1px solid #f89c30;
font-family: 'AllianzB';
letter-spacing: 1px;
max-width: 235px;
min-width: 235px;
width: 90%;
}
.paymentWrapper .btn:before,
.congWrapper .btn:before {
content: '';
z-index: -1;
background: white;
position: absolute;
top: 50%;
right: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.paymentWrapper .btn:hover,
.congWrapper .btn:hover {
color: #f89c30;
}
.paymentWrapper .btn:hover:before,
.congWrapper .btn:hover:before {
-webkit-transform: scale3d(9, 9, 1);
-moz-transform: scale3d(9, 9, 1);
-ms-transform: scale3d(9, 9, 1);
-o-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.paymentWrapper .btn.btn-small,
.congWrapper .btn.btn-small {
max-width: 110px;
min-width: 110px;
padding: 3px 0;
font-family: "AllianzSans";
font-size: 1.6rem
}
.congWrapper .congWrap .column .btn.btn-share {
position: relative;
padding-left: 13px;
margin-top: 10px
}
.congWrapper .congWrap .column .btn.btn-share:after {
content: '';
position: absolute;
left: 31px;
top: 5px;
width: 17px;
height: 20px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png") no-repeat;
background-position: -175px -440px;
margin: 0;
transform: none;
}
.congWrapper .congWrap .column .btn.btn-share:hover:after {
background-position: -199px -440px;
}
/*******Style Added by Samina on 14th Sep 2018 Start**********/
/* .healthBenefits {
-webkit-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.healthBenefits ul {
border: 1px solid #e1e1e1;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-moz-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-ms-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-o-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
padding: 35px 10px;
}
.healthBenefits ul li {
display: inline-block;
vertical-align: top;
width: 33%;
text-align: center;
padding: 0 20px;
position: relative;
margin-bottom: 40px;
} */
/*added by pankaj pawar on 20th july 2023*/
@media screen and (max-width: 767px) {
.popupSec.hiddenShowContent.maxContent .showAllContent {
height:300px
}
.tableOuter table td,.tableOuter table th {
font-size: 1.4rem !important;
}
.popupSec.hiddenShowContent .closePop {
padding-top: 5px
}
}
.covragetablehealth .firsttr {
background: #0080c9 !important;
}
.tableOuter table td,
.tableOuter table th {
border-left: 1px solid #cbcbcb;
border-left-width: 1px;
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
padding: .3em 1em;
font-size: 1.6rem
}
.tableOuter table td td,.tableOuter table tr:nth-child(2n-1) td {
background-color: #e8e8e8
}
.healthBenefits ul li .imgSec {
height: 57px;
width: 57px;
margin: 0 auto;
margin-bottom: 20px;
}
.healthBenefits ul li .imgSec svg {
height: 57px;
width: 57px;
}
.healthBenefits ul li h4 {
font-size: 2rem;
color: #005596;
font-family: "AllianzSans";
font-weight: normal;
}
.healthBenefits ul li p {
margin-top: 15px;
font-size: 1.6rem;
color: #58585a;
line-height: 26px;
}
.healthBenefits ul li:after {
content: "";
width: 1px;
height: 80%;
background: #ebebeb;
position: absolute;
right: 0;
top: 10%;
}
.healthBenefits ul li:last-child:after {
display: none;
}
.healthBenefits ul li:nth-child(3n + 3):after {
display: none;
}
/*******Style Added by Samina on 14th Sep 2018 End**********/
/** Added by Bhavesh on 17-09-2018 START **/
.summaryContainer {
height: 260px;
overflow: auto;
padding: 0 5px 0 0;
}
.claimYear {
position: relative;
}
.claimYear.disabled:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.7;
z-index: 1;
}
.ui-slider .ui-slider-handle {
z-index: 100;
}
.summaryLightbox {
width: 600px;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
z-index: 15;
padding: 45px 40px 30px 40px;
}
.summaryLightbox h2 {
font-size: 2.5rem;
color: #8b8b8b;
padding-bottom: 35px;
}
.summaryLightbox .span12 {
padding: 10px 0;
}
.summaryLightboxContainer .span12 input {
color: #ff9b41;
border-bottom: 1px solid #ccc;
}
.summaryLightboxContainer .span12>label {
float: left;
width: 37%;
font-size: 1.8rem;
color: #0071bb;
}
/****Added by Samina on 21st Sep 2018*****/
.personalLightbox .span12>label {
width: 31%;
}
.summaryLightboxContainer .radioWrapper ul li label {
padding: 5px 25px 5px 25px;
}
.summaryLightboxContainer .radioWrapper ul li {
position: relative
}
.summaryLightboxContainer .radioWrapper ul li input[type=radio] {
position: absolute;
left: 0;
top: 0;
}
.summaryLightbox .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
.summaryLightbox {
max-width: 600px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 17;
display: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.overlay {
position: fixed;
left: 0;
width: 100%;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 16;
display: none;
}
.reCalculate {
max-width: none;
width: auto;
padding: 10px 30px;
}
.summaryLightbox .note {
color: #818181;
font-size: 1.6rem;
}
/* .carInsurance .stepsNumber .step-progressbar li > span span em:before {
border-color: transparent;
border-right-color: #6d6c6c;
border-width: 9px;
margin-top: -9px;
}
.carInsurance .stepsNumber .step-progressbar li > span span em:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 8px;
margin-top: -8px;
}
.carInsurance .stepsNumber .step-progressbar li > span span em:after, .carInsurance .stepsNumber .step-progressbar li > span span em:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
} */
#Cloud_1 {
animation: cloudAnim 50s infinite linear;
}
#Cloud_2 {
animation: cloudAnim1 50s infinite linear;
}
@keyframes cloudAnim {
0% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
25% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
50% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
75% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
100% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
}
@-webkit-keyframes cloudAnim {
0% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
25% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
50% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
75% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
100% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
}
@keyframes cloudAnim1 {
0% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
25% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
50% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
75% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
100% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
}
@-webkit-keyframes cloudAnim1 {
0% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
25% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
50% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
75% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
100% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
}
#ui-datepicker-div.ui-datepicker {
z-index: 17 !important;
}
/** Added by Bhavesh on 17-09-2018 END **/
/******PlanReviewSec Added by Samina on 17th Sep 2018 Start*********/
.planReviewSec ul {
margin: 35px 0;
border: 1px solid #e1e1e1;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-moz-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-ms-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-o-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
padding: 35px 10px;
background-color: #fff;
}
.planReviewSec ul li {
display: inline-block;
vertical-align: top;
width: 33%;
text-align: center;
padding: 0 20px;
position: relative;
margin-bottom: 40px;
}
.planReviewSec ul li:after {
content: "";
width: 1px;
height: 80%;
background: #ebebeb;
position: absolute;
right: 0;
top: 10%;
}
/******Added by Indigo Dated 21St June 2019 Start****/
.planReviewSec ul li:last-child:after {
display: none;
}
/******Added by Indigo Dated 21St June 2019 End****/
.planReviewSec ul li:nth-child(3):after,
.planReviewSec ul li:nth-child(6):after {
width: 0;
}
.planReviewSec ul li .imgSec {
height: 57px;
width: 57px;
margin: 0 auto;
margin-bottom: 20px;
}
.planReviewSec ul li h4 {
font-size: 2rem;
color: #005596;
font-family: "AllianzSans";
font-weight: normal;
}
.planReviewSec ul li p {
margin-top: 15px;
font-size: 1.4rem;
color: #58585a;
line-height: 26px;
}
/******PlanReviewSec Added by Samina on 17th Sep 2018 End*********/
/******Car Insurance Section Style Added by Samina on 17th Sep 2018 Start**********/
#compName,
#bankFinance {
/***Added by Samina on 18th Sep 2018***/
border-bottom: 1px solid #0071bb;
margin-left: 27px;
color: #ff9b41;
font-size: 1.8rem;
display: none;
}
.FinanceRow {
display: none;
}
#bankFinance {
margin-top: 15px;
margin-left: 0;
display: block;
text-align: center;
}
.planReviewSec {
display: none;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail-content h4 {
color: #fe9542;
font-size: 1.6rem;
font-family: 'AllianzB';
margin-top: 17px;
}
.fitmentCont {
display: none;
}
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label:before {
top: 3px;
background: transparent;
border: 1px solid #c1c1c1;
width: 20px;
height: 20px;
}
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
font-size: 2rem;
line-height: 1.4;
}
.carincpanel .leftpanel .fitmentCont .declare-radio ul li input:checked+label:before {
background-position: -368px -468px;
}
.theft_cover .declare-radio ul li input:checked+label:before {
background-position: -368px -468px;
}
.fitmentCont .elect .electCont {
float: left;
width: 100%;
margin: 10px 0 0 32px;
/******Added by Samina on 18th Sep 2018*******/
}
.fitmentCont .elect .electCont div {
float: left;
width: 48%;
position: relative;
}
.carincpanel .leftpanel .fitmentCont .elect .electCont div input {
border-bottom: 1px solid #0071bb;
background: transparent;
padding-left: 6px;
color: #fe9542;
width: 100px;
padding-left: 13px;
opacity: 1;
z-index: 9;
}
.fitmentCont .elect .electCont div .inputRow {
position: relative;
float: left;
width: 30%;
margin-left: 6px;
}
.carincpanel .leftpanel .fitmentCont .elect .electCont div label {
float: left;
padding-left: 0;
}
.carincpanel .leftpanel .fitmentCont .elect .electCont div label:before {
width: 0;
height: 0;
border: none;
}
.fitmentCont .elect .electCont div .indian-rupee {
position: absolute;
left: 0;
color: #fe9542;
font-size: 2rem;
}
.carincpanel .leftpanel .fitmentCont .declare-radio.elect ul li.listPos {
position: relative;
padding-bottom: 55px;
/*****Added by Samina on 18th Sep 2018*******/
}
.fitmentCont .elect .electCont.electRow,
.fitmentCont .elect .electCont.nonElectRow,
.fitmentCont .elect .electCont.nonElect {
display: none;
}
/*----------Added by Indigo on 15th May 2019 By Suraj Start-------*/
/*----------Added by Indigo on 3rd July 2019 By Sameer Start-------*/
.carincpanel .leftpanel .rowline.driveSmartYes {
display: none;
}
/*----------Added by Indigo on 3rd July 2019 By Sameer Start-------*/
.carincpanel .leftpanel .rowline.driveSmart,
.carincpanel .leftpanel .rowline.driveSmartOpt {
display: none;
}
.carincpanel .leftpanel .rowline.driveSmartOptNo {
/*display: none;*/
}
/*----------Added by Indigo on 15th May 2019 By Suraj End-------*/
.stepsWrapper.carincpanel .leftpanel .rowline.driveSmartOpt .additional-fitments h4.headdefine .tooltipIcon:after {
right: -18px;
}
.congWrapper input {
background: none;
}
/******Car Insurance Section Style Added by Samina on 17th Sep 2018 End**********/
.sendQuote,
.mobNumber {
position: relative;
}
/*--4*/
.mobNumber input {
padding-left: 0px;
}
.sendQuote input {
padding-left: 32px;
width: 100%
}
.captcha input {
width: 100%
}
.captcha .tooltipIcon {
top: -9px;
position: absolute
}
.preFixed {
font-size: 2.2rem;
line-height: 2.5;
color: #ff9b41;
position: absolute;
left: 27px;
top: 10px;
}
.mobNumber .preFixed {
left: 251px;
top: 12px;
font-size: 1.8rem;
line-height: inherit;
}
/* Code added by BAGIC TEAM 26-11-2019 */
.quest1 .preFixed
{
left: 72px;
}
/* Code end by BAGIC TEAM 26-11-2019 */
/***Add by Samina on 24th Sep 2018***/
.policyExpireStatus .span9 {
padding: 0;
}
.sendQuote,
.mobNumber {
position: relative;
}
/*--4*/
.sendQuote input 
{
padding-left: 36px;
}
.preFixed {
font-size: 2.2rem;
line-height: 2.5;
color: #ff9b41;
position: absolute;
left: 27px;
top: 10px;
}
.mobNumber .preFixed {
left: 251px;
top: 12px;
font-size: 1.8rem;
line-height: inherit;
}
/***Add by Samina on 24th Sep 2018***/
.policyExpireStatus .span9 {
padding: 0;
}
/* Feddback Popup added by Bhavesh 18-09-2018 - START */
.referNowPopup,
.ratingFbPopup,
.proceedThankyou {
max-width: 600px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 99913;
display: none;
/* box-shadow: 0 0 40px 1px #b9b6b6; */
}
.referNowPopup .close,
.ratingFbPopup .close,
.proceedThankyou .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
.referNowPopup .innerContainer,
.ratingFbPopup .innerContainer,
.proceedThankyou .innerContainer {
padding: 10px;
}
.referNowPopup .innerContainer ul li,
.ratingFbPopup .innerContainer ul li,
.proceedThankyou .innerContainer ul li {
width: 100%;
margin-bottom: 18px;
padding-bottom: 15px;
float: left;
position: relative;
}
.referNowPopup .innerContainer ul li label,
.ratingFbPopup .innerContainer ul li label {
display: block;
color: #005596;
}
.referNowPopup .innerContainer ul li label sub,
.ratingFbPopup .innerContainer ul li label sub {
vertical-align: top;
}
.referNowPopup .innerContainer ul li input,
.ratingFbPopup .innerContainer ul li input {
width: 100%;
border-bottom: 1px solid #d7d7d7;
}
.referNowPopup .innerContainer ul li .customSelect .selectedText,
.ratingFbPopup .innerContainer ul li .customSelect .selectedText {
border-bottom: 1px solid #d7d7d7;
color: #4f4f4f;
}
.referNowPopup .innerContainer ul li .customSelect .selectedText:after,
.ratingFbPopup .innerContainer ul li .customSelect .selectedText:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
content: "";
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #9c9a9a;
border-color: transparent transparent #9c9a9a #9c9a9a;
right: 5px;
background: none;
}
.referNowPopup .innerContainer ul li:nth-child(2n + 2),
.ratingFbPopup .innerContainer ul li:nth-child(2n + 2) {
float: right;
}
.referNowPopup .innerContainer .error,
.ratingFbPopup .innerContainer .error {
padding: 0;
display: none;
width: 100%;
padding-top: 2px;
color: red;
font-size: 1.4rem;
bottom: -4px;
position: absolute;
}
.zIndex {
z-index: 444444;
}
.congratulationMain .referNowPopup .innerContainer .btn,
.congratulationMain .proceedThankyou .innerContainer .btn {
padding: 8px 30px 10px;
font-size: 1.8rem;
}
.ratingFbPopup .innerContainer ul li {
width: 100%;
text-align: left;
}
.ratingFbPopup .innerContainer ul li textarea {
border-bottom: 1px solid #d7d7d7;
color: #4f4f4f;
width: 100%;
resize: none;
}
.ratingFbPopup .innerContainer ul li p {
font-weight: normal;
}
.ratingFbPopup .customSelect {
width: 100%;
}
.ratingFbPopup .selectedText {
left: 0;
float: none;
padding: 0;
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
}
.ratingFbPopup .btn,
.referNowPopup .btn,
.reCalculate,
.personalLightbox .btn,
.proceedThankyou .btn {
width: auto;
padding: 9px 30px 9px;
max-width: none;
min-width: 1px !important;
font-size: 1.8rem;
}
.proceedThankyou h2 {
padding-bottom: 20px;
}
.proceedThankyou .btn {
margin-top: 20px;
}
/* Feddback Popup added by Bhavesh 18-09-2018 - END */
/*********Style Added by Samina on 18th Sep 2018**********/
#compName {
background: none;
}
.makePayment {
opacity: 1;
z-index: 1;
}
.makePayemnt.disable,
.proceedBtn.disable {
opacity: 0.4;
position: relative;
cursor: default;
}
.makePayemnt.disable:hover,
.proceedBtn.disable:hover {
color: #fff;
}
.makePayemnt.disable:before,
.proceedBtn.disable:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
background: none;
}
.fitmentCont ul li {
position: relative;
display: inline-block;
}
.stepsWrapper.carincpanel .tooltipIcon:after {
top: -14px;
}
.stepsWrapper.carincpanel .leftpanel .additional-fitments h4.headdefine .tooltipIcon {
position: relative;
}
.stepsWrapper.carincpanel .leftpanel .additional-fitments h4.headdefine .tooltipIcon:after {
top: -13px;
right: 13px;
}
.paymentWrapper input {
color: #000;
}
/* .loanDiv label, .loanDiv input{
display: inline-block;
float: left;
} */
/* .loanSelect {
float: left;
} */
/* .loanSelect .customSelect {
margin: 0 15px;
} */
.loanSelect .customSelect .selectedText:after {
right: -1px;
}
.loanSelect .tooltipIcon:after {
top: 4px;
right: -24px;
}
.loanDiv input {
color: #ff9b41;
font-family: "AllianzSans";
font-size: 2rem;
}
.loanDiv label {
float: left;
}
.loanDiv .customSelect {
margin-left: 10px;
}
.nomineeDiv .loanSelect {
max-width: 200px;
text-align: center;
}
.nomineeDiv label {
text-align: center;
display: block;
}
.nomineeDiv .customeSelect {
width: 100%;
display: block;
}
/* .nomineeDiv .wheelWrap .tooltipIcon {
position: relative;
} */
.nomineeDiv .wheelWrap .tooltipIcon:after {
top: -62px;
right: -105px;
}
.wheelWrap .customSelect .selectedText {
font-size: 1.5rem;
}
.add-disc .drpWrapper {
margin-left: 15px;
position: relative;
top: -8px;
}
.car-owner .drpWrapper,
.ownDamageCover .drpWrapper {
position: relative;
top: -7px;
z-index: 0;
float: left;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 98px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 395px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 660px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 260px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 530px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
display: block;
text-align: center;
color: #fe9542;
background-color: transparent;
font-size: 1.6rem;
font-family: 'AllianzB';
padding: 10px 35px;
/******Added by Samina on 18th Sep 2018*******/
border-radius: 10px;
-webkit-box-shadow: 5px 5px 30px 1px #e0e0e0;
-moz-box-shadow: 5px 5px 30px 1px #e0e0e0;
box-shadow: 5px 5px 30px 1px #e0e0e0;
position: relative;
}
/* line 423, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p:before {
content: '';
position: absolute;
left: -10px;
top: -10px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
/* line 434, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
display: block;
text-align: center;
color: #0071bb;
font-size: 2.7rem;
/***Add by Samina on 24th Sep 2018***/
font-family: 'AllianzSans';
margin-top: 10px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active input+label p:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p {
color: #ffffff;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p span:last-child {
color: #ffffff;
}
/* .carincpanel .leftpanel .rowline .premiumBreakCol {
margin-right: 50px;
position: relative;
float: left;
max-width: 295px;
width: 100%;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont {
position: relative;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText,  .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow{
color: #0080c9;
font-size: 1.6rem;
font-family: "AllianzB";
text-align: center;
margin-bottom: 3px;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText {
display: none;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon {
position: relative;
left: 0;
float: left;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon:before {
content: '';
position: absolute;
left: -10px;
top: -16px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon.active:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont input {
opacity: 0;
z-index: 999;
position: absolute;
top: 0;
} */
.tooltipIcon .tooltipCont,.tooltipIcon_pay .tooltipCont_pay {
width: 260px;
height: auto;
position: absolute;
/*     right: 0; */
background: #fff;
border: 1px solid #ebebeb;
-webkit-transform: rotateX(-50%);
-moz-transform: rotateX(-50%);
-ms-transform: rotateX(-50%);
-o-transform: rotateX(-50%);
transform: rotateX(-50%);
font-family: 'AllianzSans';
top: -40px;
padding: 10px;
text-align: left;
display: none;
color: #909090;
font-size: 1.3rem;
line-height: 16px;
z-index: 999;
font-weight: lighter;
}
/*********Style Added by Samina on 18th Sep 2018 END**********/
/**********Style Added by Samina on 19th Sep 2018*************/
.backTop {
margin-top: 20px;
float: right;
display: none;
position: absolute;
right: -90px;
bottom: 30px;
display: none;
}
.backTop:before {
background: none;
content: "";
border: 2px solid #757575;
border-color: transparent transparent #ff9b41 #ff9b41;
-webkit-transform: rotate(134deg);
-moz-transform: rotate(134deg);
-ms-transform: rotate(134deg);
-o-transform: rotate(134deg);
transform: rotate(134deg);
width: 8px;
height: 8px;
margin: 10px 0 0 10px;
vertical-align: top;
display: block;
margin: 0 auto;
}
.bluecolor input {
color: #ff9b41;
/* border-bottom: 1px solid #0071bb; */
width: 12%;
margin-bottom: 10px;
text-align: center;
}
.align-middle {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.rowline.hideCont .tooltipIcon:after {
top: -13px;
}
.wheelWrap .tooltipIcon,
.formWrapper .tooltipIcon,
.eiaNumber .tooltipIcon {
position: static;
}
.wheelWrap .loanSelect {
position: relative;
display: inline-block;
}
.digiLock .tooltipIcon:after {
top: -12px;
}
.inputDiv {
float: left;
}
.eiaRow .inputDiv .errorMsg {
float: none;
/* display: none; */
}
/***********Added by Samina on 20h Sep 2018*****************/
.paymentWrapper {
margin: 30px auto 0;
}
.paymentWrapper #address {
text-align: center;
}
.paymentWrapper .formWrapper label {
color: #0073bd;
}
.driveSmart ul,
.driveSmartYes ul {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
display: inline-block;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 25px;
}
/* .premiumWrapper .premiumBreakCont {
width: 100%;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p:before{
transform: translateX(-50%) scale(0.7);
-webkit-transform: translateX(-50%) scale(0.7);
-moz-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
-o-transform: translateX(-50%) scale(0.7);
top: 5px;
left: 50px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR {
padding: 10px 20px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink{
font-size: 1.4rem;
border-bottom: 1px solid #9e9f9f;
display: block;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink:before{
width: 0;
height: 0;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.7rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p .preWrap {
padding-left: 100px;
float: left;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p {
padding-left: 100px;
color: #0e8dfa;
} */
.carincpanel .leftpanel .declare-radio.checkboxStyle ul li label:before {
border-radius: 4px;
width: 20px;
height: 20px;
}
.carincpanel .leftpanel .declare-radio.checkboxStyle ul li input:checked+label:before {
background-position: -368px -468px;
}
.summaryLightboxContainer {
height: 575px;
overflow: auto;
}
/* .rowline.premiumWrapper.fixed {
width: 920px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont {
max-width: 100%;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
position: static;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p {
float: left;
width: 100%;
display: block;
padding: 0 0 0 91px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p:before {
top: -8px;
-webkit-transform: translateX(-50%) scale(0.6);
-moz-transform: translateX(-50%) scale(0.6);
-ms-transform: translateX(-50%) scale(0.6);
-o-transform: translateX(-50%) scale(0.6);
transform: translateX(-50%) scale(0.6);
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
margin-left: 0;
} */
/* .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
padding: 5px 0 10px 0;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap{
display: initial;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol{
margin-right: 0;
position: relative;
width: 50%;
float: left;
padding-right: 15px;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol .premiumBreakCont {
border-radius: 0;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakContR:first-child{
border-right: 1px solid #e8e8e8;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p {
padding-left: 122px;
}
.carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol .preText {
margin-bottom: 0;
display: block;
}
.carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol .preTextShow {
margin-bottom: 0;
display: none;
}
.carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCont .tickIcon {
position: relative;
left: 102px;
top: 28px;
float: left;
display: inline-block;
z-index: 1;
}
.rowline.premiumWrapper.forNewCar.fixed {
border-radius: 10px;
padding: 10px 5px 0 5px;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
background: #fff;
z-index: 13;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol .premiumBreakCont {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
position: relative;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:first-child:after {
content: '';
position: absolute;
width: 2px;
height: 50px;
top: 50%;
right: 0;
background: #e8e8e8;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.summaryLightboxContainer.personalLightbox {
height: auto;
}
.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.7rem;
} */
.formWrapper .errorMsg,
.eiaRow .errorMsg {
text-align: left;
}
.stepsWrapper .myCar .stepCircle input.regNum {
text-transform: uppercase !important;
}
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p {
padding-left: 15px;
} */
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p:before {
width: 0;
height: 0;
} */
/* .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText.preCont, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow.preCont {
font-size: 1.1rem;
font-family: 'AllianzSans';
color: #4f4f4f;
text-align: center;
padding: 0px 5px;
margin-bottom: 8px;
} */
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p{
padding-left: 43px;
} */
/* .rowline.premiumWrapper .premiumBreakCont {
max-width: 295px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont {
max-width: 100%;
} */
/* .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakCont .tickIcon {
left: 23px;
} */
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
display: block;
} */
/*
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
max-width: 450px;
} */
.personalLightbox .preFixed {
left: 171px;
}
/* Added by Bhavesh on 25-09-2018 - START */
.vehicleRegNo .nameVal,
.summaryCarRegNo input {
text-transform: uppercase;
}
.stepCircle select {
width: 0;
}
/* Added by Bhavesh on 25-09-2018 - END */
.wheelWrap .loanSelect .customSelect .selectedText:after {
width: 5px;
height: 5px;
top: 6px;
}
.stepsWrapper .myCar .stepCircle .ui-widget {
font-size: 1.5rem;
color: #0171bb;
/* width: 130px; */
}
.stepsWrapper .myCar .stepCircle .ui-widget .ui-widget {
font-size: 1.5rem;
}
.stepsWrapper .myCar .stepCircle .ui-widget.ui-widget-content {
/* border: 1px solid #c5c5c5; */
z-index: 10 !important;
}
.stepsWrapper .myCar .stepCircle .ui-widget.ui-widget-content:hover {
/* border: 1px solid #c5c5c5; */
z-index: 10 !important;
outline: none;
}
.stepsWrapper .myCar .stepCircle .ui-widget-content {
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
background: #ffffff;
color: #333333;
outline: none;
}
.nomineeDiv .wheelWrap .nomineeSelect {
float: left;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon {
position: relative;
float: right;
bottom: 0;
left: 0;
right: 0;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after {
top: 6px;
right: -29px;
}
/*****Add by Samina on 3rd October 2018 Start******/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow :-ms-input-placeholder,
.paymentWrapper form .inputRow :-ms-input-placeholder,
.stepsWrapper .myCar .stepCircle :-ms-input-placeholder {
color: #b5b5bc !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.8rem;
padding: 9px 12px 8px;
}
.ui-menu .ui-menu-item {
border-bottom: 1px solid #e4e4e4;
}
.ui-menu .ui-menu-item:last-child {
border-bottom: none;
}
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
border: none;
line-height: initial;
width: 130px;
}
/* .customSelect .ui-widget:after {
top: 5px;
right: 20px;
} */
.ui-datepicker .ui-state-default.ui-state-active {
width: auto !important;
height: auto !important;
color: #0171bb !important;
}
/*****Add by Samina on 3rd October 2018 End******/
.customSelect input {
border: none !important;
}
.customSelect .ui-widget input {
font-size: 1.8rem;
}
.planReviewSec ul li .imgSec img {
width: 100%
}
.stepsWrapper .myCar .stepCircle .ui-widget :-ms-input-placeholder {
color: #ff9b41 !important;
}
input::-ms-clear {
display: none;
}
/*****Add by Samina on 8th October 2018 Start*****/
.btn,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
background: #f89c30;
padding: 9px 0px 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: white;
font-size: 2.4rem;
display: inline-block;
clear: both;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
border: 1px solid #f89c30;
font-family: 'AllianzB';
letter-spacing: 1px;
max-width: 235px;
min-width: 235px;
width: 90%;
}
/* line 712, ../sass/_base/_car-insurance.scss */
.btn:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:before {
content: '';
z-index: -1;
background: white;
position: absolute;
top: 50%;
right: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
/* line 727, ../sass/_base/_car-insurance.scss */
.btn:hover,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover {
color: #f89c30;
}
/* line 729, ../sass/_base/_car-insurance.scss */
.btn:hover:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover:before {
-webkit-transform: scale3d(9, 9, 1);
-moz-transform: scale3d(9, 9, 1);
-ms-transform: scale3d(9, 9, 1);
-o-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
position: absolute;
max-width: 181px !important;
min-width: 181px !important;
line-height: 35px !important;
}
.btn.reCalculate {
max-width: 275px;
min-width: 275px;
}
.btn.reCalculate:before {
width: 50px;
}
.stepsWrapper .myCar .stepCircle .nextBtn {
position: absolute;
}
.stepsWrapper .myCar .stepCircle .nextBtn:hover {
background: #fff;
border: 1px solid #f89c30;
}
.stepsWrapper .myCar .stepCircle .nextBtn:hover span:before {
border: 2px solid #f89c30;
border-left-width: 0;
border-top-width: 0;
}
.stepsWrapper .myCar .stepCircle .nextBtn:hover span:after {
background: #f89c30;
}
#trees_front {
max-width: 100%;
width: 100%;
}
/*****Add by Samina on 8th October 2018 End*****/
/****Add by Samina on 10th October 2018 Start*******/
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle {
float: left;
width: 100%;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul {
display: block;
float: left;
width: 100%;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li {
width: 30%;
}
.stepsWrapper.carincpanel {
min-height: 715px;
}
.congWrapper .carDetails .detailsHeader .align-left,
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 70%;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
float: left;
text-align: left;
}
.stepsWrapper .myCar .stepCircle .regDate input::-moz-placeholder,
.stepsWrapper .myCar .stepCircle .expiryDate input::-moz-placeholder {
color: #b5b5bc !important;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input::-moz-placeholder,
.paymentWrapper .formWrapper .inputRow input::-moz-placeholder {
color: #b5b5bc !important;
}
.paymentWrapper .formWrapper .tooltipIcon:after {
right: -12px;
top: 6px;
}
.carousel_wrap #carousel .shadow:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 4;
opacity: 0;
}
.carousel_wrap #carousel .shadow.carousel-center:before {
display: none;
}
.dropdownAutocomplete {
max-height: 300px;
overflow-x: hidden;
}
.paymentWrapper h1 .personName {
width: 60%;
}
.stepTwoCarousel .shadow select {
width: 0;
}
.carincpanel .leftpanel .declare-radio ul li label.declareMob,
.carincpanel .leftpanel .declare-radio ul li input.declareMobCheck {
display: none;
}
/****Add by Samina on 10th October 2018 End*******/
/*******Edit Details Start********/
.editWrapper {
padding-bottom: 25px;
margin-top: 0px;
margin-right: 35px;
float: right;
display: none;
}
.editDetails {
float: right;
margin-bottom: 10px;
display: none;
}
.editDetails span {
/* flipkart-devendra-start 5may-2020 */
font-size: 1.7rem !important;
/* flipkart-devendra-end 5may-2020 */
color: #4f4f4f;
font-family: 'AllianzSans';
border-bottom: 1px solid #4f4f4f;
position: relative;
}
.editDetails span:before {
content: '';
position: absolute;
top: -2px;
left: -16px;
width: 13px;
height: 15px;
background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
background-position: -37px -301px;
}
.editCategoryDetails ul {
float: left;
}
.editCategoryDetails {
-webkit-box-shadow: 0 0 5px 2px #f7efef;
-moz-box-shadow: 0 0 5px 2px #f7efef;
-ms-box-shadow: 0 0 5px 2px #f7efef;
box-shadow: 0 0 5px 2px #f7efef;
float: right;
display: none;
}
.editCategoryDetails ul li {
font-size: 1.2rem;
color: #4f4f4f;
font-family: 'AllianzSans';
float: left;
border-right: 1px solid #d8d8d8;
position: relative;
padding: 11px 20px 11px 40px;
}
.editCategoryDetails ul li a {
/* flipkart-devendra-start 5may-2020 */
font-size: 1.7rem;
/* flipkart-devendra-end 5may-2020 */
color: #4f4f4f;
border-bottom: 1px solid #4f4f4f;
}
.editCategoryDetails ul li:before {
content: '';
position: absolute;
top: 11px;
left: 22px;
width: 13px;
height: 15px;
background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
background-position: -37px -301px;
}
.editWrapper .close {
float: right;
position: relative;
top: 10px;
left: 20px;
padding: 11px 20px 11px 20px;
}
.close span {
position: relative;
}
.close span:before,
.close span:after {
content: '';
height: 3px;
width: 16px;
display: block;
background: #4f4f4f;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position: absolute;
top: 7px;
left: -8px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.close span:after {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.viewDetailsBtn,
.carNameWrap {
display: none;
}
/*******Edit Details End********/
/* .premiumError{ padding:15px 0 5px 0px; display: none}
.forNewCar.fixed .premiumError{ padding:5px 0 5px 0px; display: none} */
.premiumError {
padding: 5px 0 5px 0px;
display: none;
float: left;
clear: both;
}
.claimYear,
.ncbDrpdwn {
position: relative;
}
.ncbDrpdwn {
display: none;
}
/* .ncbDrpdwn select{ width:100%;} */
.claimYear.disabled:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.7;
z-index: 1;
}
.drivingLicense .drpWrapper {
margin: -5px 14px 0 7px;
float: left;
}
.summaryLightboxContainer .customSelect .selectedText {
font-size: 1.8rem;
}
.anyClaimWrapper>label {
width: auto !important;
float: left !important;
}
.anyClaimWrapper .radioWrapper {
float: left;
margin: -20px 0 0 15px;
}
.area {
width: auto !important;
}
.areaDrpCont {
width: 200px !important;
float: left;
}
.genderCont {
width: 190px !important;
float: left;
}
.genderCont .drpWrapper {
float: left;
margin-left: 5px;
}
#otherArea {
width: 160px;
float: left;
display: none;
}
.bikeOwnedTooltip {
margin: 0 0 0 10px;
}
/*Devendra start 11Feb-2020 */
/*====== --22-11-2023 ================= */
/*.scpa-hide{display: none!important;}*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*poonam code start 29-jul-2020*/
.pay_pre_brand_new{width: 100%;display: block!important;margin-top: 10px; float: left;}
.pay_pre_brand_new label{font-size: 13px;color: #000;}
.pay_pre_brand_new .first-label{border-right: 1px solid #d27304;padding-right: 5px;margin-right: 5px;}
/*poonam code end 29-jul-2020*/
.pay_pre{width: 100%;display: block;margin-top: 10px; float: left;}
.pay_pre label{font-size: 13px;color: #000;}
.pay_pre .first-label{border-right: 1px solid #d27304;padding-right: 5px;margin-right: 5px;}
.pay_go_change .rowline .customSelect{border-bottom: 0.5px solid #ccc !important;}
.pay_go_change .rowline .customSelect input{width: 52px;font-size: 16px;color: #ff9b41;}
.pay_go_change .rowline .headdefine{margin-right: 7px !important;}
.pay_go_change .no_day{width: 27% !important;}
.payWrapper>label {
width: auto !important;
float: left !important;
}
.payWrapper .radioWrapper {
float: left;
margin: -20px 0 0 15px;
}
.pay_go_change,.theft_cover{width: 72%;background: #fff; display: inline-block;box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
padding: 18px 15px;}
.pay_go_change h4,.theft_cover h4{margin-bottom: 13px !important;}
.pay_go_change .first-row{width: 46% !important;padding-bottom: 0px !important;}
.pay_go_change .second-row{width: 27% !important;padding-bottom: 0px !important;}
.pay_go_change .rowline h4{font-size: 15px !important;color: #7d7b7b !important;}
.pay_go_main .pay_go ul li label{border: 0.5px #c3c2c2 solid !important;}
.tppay_que .tppay ul li label{border: 0.5px #c3c2c2 solid !important;}
.questionsCont .pay_go_main {
padding: inherit;
margin-bottom: 32px;
display: flex;
justify-content: center;
}
/* .questionsCont .pay_go_main{padding: 0 44px;margin-bottom: 32px;} */
/*Devendra end 11Feb-2020 */
/*Devendra start 17Apr-2020 */
.theft_cover .declare-radio{margin-bottom: 13px;border-bottom: 1px solid #c5c5c5;}
/* --4 */
.theft_cover .declare-radio label{font-size: 15px !important;display: inline-block !important;width: 100% !important;}
.theft_cover .declare-radio ul li{display: inline-block;width: 45%;font-size: 20px;border: none;}
.theft_cover .rowline{width: 50% !important; display: inline-block; margin-bottom: 0px;}
.theft_cover .rowline .headdefine{font-size: 18px !important;}
.theft_cover .rowline .inputWrap{margin-left: -35px;}
.theft_cover .rowline .inputWrap input{display: inline-block;border-bottom: 1px solid #0071bb;margin-left: 27px;
color: #ff9b41;font-size: 1.8rem;}
.tooltipCont_pay{left: 31px !important;right: 0px;}
.paytolltipdisable{ display: none !important;}
/*Devendra end 17Apr-2020 */
/* Devendra start 11Feb-2020 */
.stepsWrapper .myCar .stepCircle .quest8 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -225px no-repeat;
width: 53px;
height: 50px;
}
/* Devendra end 11Feb-2020 */
/*******Added on 18th March 2019 Start**********/
.summaryLightboxContainer span.icon {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
width: 17px;
height: 12px;
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: 1;
cursor: pointer;
}
/*******Added on 18th March 2019 End**********/
.refIdCont {
margin-top: 20px;
font-size: 1.5rem;
}
.refIdCont span {
text-transform: uppercase;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
position: relative;
float: right;
bottom: 0;
left: 0;
right: 0;
}
.nomineeDiv .wheelWrap .nomineeSelect,
.policyDetails .wheelWrap .nomineeSelect {
float: left;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon:after {
top: 6px;
right: -21px;
}
.editSummaryLightbox .inputDiv {
position: relative;
}
.nameVal {
text-transform: capitalize
}
.companyName .errorMsg {
margin-left: 27px;
}
.carousel_wrap .tooltipIcon {
position: absolute;
right: 0;
top: 0
}
.policyExpireStatus .customSelect {
position: relative
}
.policyExpireTooltip .tooltipIcon {
position: absolute;
right: 0;
top: 0
}
.electRowError {
margin: 30px 0 -36px 38px;
float: left;
}
/********Added by Samina on 7th Dec 2018 Start*********/
.nomineeSelect label {
float: none !important;
text-align: center;
}
.otherAreaRow {
float: left;
}
.otherAreaRow span {
float: none;
}
/******Added by Indigo on 6th June 2019 Start*********/
.companyNameNew,.companyName {
position: relative;
float: left;
top: -5px;
/* left: 20px; */
}
/******Added by Indigo on 6th June 2019 End*********/
/*
.companyName .errorMsg {
position: absolute;
} */
.otherAreaRow input {
font-size: 1.9rem;
}
.otherAreaRow span {
float: left;
}
/*****Added by Indigo on 25th April 2019 Start*******/
.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText {
display: block;
}
.wheelWrap .nomineeSelect.existSelect label {
width: 100%;
display: block;
}
/*****Added by Indigo on 25th April 2019 End*******/
.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText:after {
right: 2px;
}
.policyDetails .wheelWrap .nomineeSelect.existSelect .tooltipIcon:after {
right: -20px;
}
/********Added by Samina on 7th Dec 2018 End*********/
.fitmentCont {
margin-top: 15px;
}
.carincpanel .leftpanel .siPerPerson {
margin: 20px 0 0 32px;
}
.carincpanel .leftpanel .siPerPerson h4 {
font-size: 2rem;
color: #4f4f4f;
font-family: "AllianzSans";
font-weight: normal;
}
.carincpanel .leftpanel .siPerPerson .drpWrapper {
position: relative;
top: -4px;
left: -10px;
}
.carincpanel .leftpanel .siPerPerson .customSelect {
border-bottom: 1px solid #0071bb;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input, .stepsWrapper .myCar .stepCircle .quest1 input {
padding: 0px 10px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
position: absolute;
/* left: 0; */
left: 7px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
left: -7px;
padding-left: 16px;
}
.webRupeeSupprt .rsWrap {
margin-right: 3px;
}
.webRupeeSupprt .rsWrap:before {
content: 'Rs.';
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
content: 'Rs.';
width: 10px;
height: 10px;
position: absolute;
left: 1px;
top: 0px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
padding-left: 22px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 51px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 52px;
}
/* .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
padding-left: 17px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
width: 10px;
height: 10px;
position: absolute;
left: 1px;
top: -5px;
} */
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
width: initial;
height: initial;
} */
.showError {
display: block;
}
.selectMulty .innerWrap {
max-height: 200px;
}
.companyNote {
color: #818181;
font-size: 1.2rem;
display: none;
padding: 6px 0 0 27px;
float: left;
width: 100%;
}
.individualNote,
.ownDamageCoverNote {
color: #818181;
font-size: 1.2rem;
padding: 6px 0 0 0;
float: left;
clear: both;
width: auto;
}
.policyLink,
.policyLink:hover {
font-size: 1.4rem;
padding: 10px 0 0 0;
float: left;
width: 100%;
text-align: center;
text-decoration: underline
}
/******Add by Samina on 13th Dec 2018 Start***********/
.premiumWrapper {
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #0080c9;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
position: relative;
background-color: #fff;
width: auto;
/* height: 120px; */
padding: 15px;
}
.carincpanel .leftpanel .rowline.premiumWrapper {
padding: 15px;
width: 890px;
/* height: 120px; */
margin: 20px 0px;
z-index: 99;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
position: fixed;
z-index: 15;
bottom: -20px
}
.premiumSection {
/* float: left; */
/* transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); */
position: relative;
/* top: 50%; */
}
/*---Added by Indigo on 12th June 2019 Start--*/
.premiumWrapper .premiumBreakCol {
margin-right: 20px;
float: left;
max-width: 270px;
/*
width: 100%;*/
position: relative;
}
.disclaimner-registartion {
font-size: 1.1rem;
clear: both;
padding-top: 5px;
}
/*---Added by Indigo on 12th June 2019 End--*/
.premiumWrapper .premiumBreakCol:nth-child(2):after,
.premiumWrapper .premiumBreakCol:nth-child(3):after {
content: '';
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
top: 50%;
left: -30px;
width: 1px;
height: 70%;
background: #0080c9;
display: none;
}
.premiumWrapper .premiumBreakCol:last-child {
margin-right: 0px;
}
.separateCompulsoryCover {
margin: 10px 0 0 0;
width: 100%;
float: left;
}
.separateCompulsoryCoverWrapper .userCarDetails {
margin: 20px 0;
}
.separateCompulsoryCoverWrapper .downloadPolicy {
position: relative;
bottom: 0;
}
.thankyouWrapepr {
display: none;
}
/* .premiumWrapper .premiumBreakCol:last-child:after {
display: none;
} */
.premiumWrapper .premiumBreakCont,
.premiumWrapper .premiumBreakContR {
width: 100%;
float: left;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText,
.premiumWrapper .colTitle {
color: #fd9b4b;
font-size: 1.6rem;
font-family: "AllianzB";
text-align: left;
margin-bottom: 3px;
padding-left: 35px;
}
.premiumBreakCont .premiumBreakContR p {
font-family: "AllianzSans";
font-size: 1.8rem;
padding: 0;
position: relative;
float: left;
text-align: left;
}
.premiumWrapper .preCont {
font-family: "AllianzSans";
font-size: 1.1rem;
color: #484848;
float: left;
width: 85%;
margin-top: 5px;
}
.premiumWrapper .preWrap {
float: left;
position: relative;
padding-right: 10px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2rem;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
color: #757575;
font-size: 1.4rem;
text-transform: uppercase;
margin-left: 0px;
}
.premiumBreakCont .premiumBreakContR p a.textLink {
color: #9e9f9f;
font-size: 1rem;
border-bottom: 1px solid #9e9f9f;
margin-left: 5px;
}
.premiumWrapper .tickIcon {
position: absolute;
top: 0px;
left: 0;
width: 22px;
height: 22px;
}
.premiumWrapper .tickIcon:before {
content: '';
position: absolute;
left: 0px;
top: 0;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
.premiumWrapper .tickIcon.active:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
/* code added by poonam */
.marital_status {
position: relative;
top: 4px;
left: 0;
width: 22px;
height: 22px;
padding: 10px;
}
.marital_status.active:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.marital_status:before {
content: '';
position: absolute;
left: 0px;
top: 0;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
.premiumWrapper input {
opacity: 0;
z-index: 0;
position: absolute;
top: 0;
}
.widthAuto {
width: auto !important;
}
/* .premiumTitle {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
float: left;
background-color: #0080c9;
max-width: 135px;
height: 110px;
} */
/* .premiumTitle div {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: relative;
left: 50%;
top: 50%;
height: 70px;
width: 60%;
margin: 0 auto;
}
.premiumTitle div img, .premiumTitle div p {
float: left;
} */
/* .premiumTitle div img {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: relative;
top: 50%;
}
.premiumTitle div p {
color: #fff;
font-family: "AllianzSans";
font-size: 1.6rem;
} */
/******Add by Samina on 13th Dec 2018 End***********/
.summaryLightboxContainer.personalLightbox {
height: auto;
}
.quest3 .customSelect,
.quest4 .customSelect,
.summaryLightboxContainer .carMakeWrapper .customSelect,
.summaryLightboxContainer .carModelWrapper .customSelect,
.summaryLightboxContainer .carVariantWrapper .customSelect,
.summaryLightboxContainer .cityWrapper .customSelect {
cursor: default !important;
}
.summaryLightboxContainer .customSelect .ui-widget input {
width: 90%;
}
.summaryCarRegNo .errorMsg {
float: none;
clear: both;
}
.stepsWrapper.carincpanel .personName {
text-transform: capitalize;
}
/* 4.1 */
/* .consExpense .tooltipIcon {
position: absolute;
left: 197px;
top: -5px;
cursor: default;
} */
.consExpense:before {
display: none;
}
.expiryNote {
margin-top: 10px;
color: #818181 !important;
font-size: 1.1rem !important;
padding: 0;
display: none;
}
.quest5 .questionsCont.topMarg {
margin-top: 19px;
}
.cancelBtn {
margin-left: 10px;
}
.thankyouWrapepr a {
font-size: 2.2rem;
}
.fueltypeWrapper .customSelect .selectedText:after {
display: none;
}
.hideCont {
display: none;
}
.policyExpDetail {
font-size: 1.8rem !important;
}
/*
#carMake::-webkit-input-placeholder, #carModel::-webkit-input-placeholder, #carVariant::-webkit-input-placeholder, #carVariant::-webkit-input-placeholder, #regCity::-webkit-input-placeholder{
font-family: 'AllianzB';
} */
/*
#carMake::-moz-placeholder, #carModel::-moz-placeholder, #carVariant::-moz-placeholder, #regCity::-moz-placeholder {  Firefox 19+
font-family: 'AllianzB';
}*/
/*
#carMake:-ms-input-placeholder, #carModel:-ms-input-placeholder, #carVariant:-ms-input-placeholder, #regCity:-ms-input-placeholder { IE 10+
font-family: 'AllianzB';
} */
/*
#carMake:-moz-placeholder, #carModel:-moz-placeholder, #carVariant:-moz-placeholder, #regCity:-moz-placeholder { Firefox 18-
font-family: 'AllianzB';
}*/
.congWrapper .carDetails .detailsCont .userCarDetails .separateCompulsoryCover .carCont img {
width: 5%;
float: left;
}
.congWrapper .carDetails .detailsCont .userCarDetails .separateCompulsoryCover .carCont span {
text-align: left;
width: 80%;
margin-bottom: 0px;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p.downloadPolicy {
margin-top: 0;
}
/***********Added by Samina on 11th Feb 2019 Start**************/
.confirmPopup p {
text-align: center;
margin-top: 20px;
}
/* Popup message - START */
.popupMessage,
.popupErrorMessage {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 90%;
max-width: 400px;
background: #fff;
border-radius: 10px;
z-index: 18;
padding: 15px;
text-align: center;
display: none;
}
.popupMessage p,
.popupErrorMessage p {
padding-bottom: 10px;
}
.popupMessage .btnWrapper,
.popupErrorMessage .btnWrapper {
float: left;
}
.popupMessage .btn,
.popupErrorMessage .btn {
max-width: 95px;
min-width: 95px;
float: left;
margin: 0 10px;
clear: none;
font-size: 1.8rem;
}
.btnWrap {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
display: inline-block;
}
.existSelect .span12 {
width: 100%;
padding: 0 15px;
float: left;
margin: 0 auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
}
.nomineeDiv .customSelect {
width: auto;
}
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
position: absolute;
}
.carousel_wrap #carousel .shadow {
padding: 30px 0px;
}
.shadow .align-middle {
width: 90%;
}
.nomineeDiv .loanSelect {
max-width: 100%;
width: 100%;
}
.carousel_wrap #carousel .shadow .inputRow {
width: 66%;
margin: 10px auto;
}
/* Popup message - END */
.shadow .existingUser {
border: none;
line-height: initial;
/* width: 64px; */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.existSelect .customSelect .ui-widget:after {
right: -10px;
}
/***********Added by Samina on 11th Feb 2019 End**************/
/**********Added by Samina on 27th Feb 2019 Start*************/
.fieldbox {
float: left;
width: 100%;
}
.voluntaryWrapper label {
font-size: 1.8rem;
font-family: "AllianzB";
color: #000;
float: left;
}
.inputSec {
float: left;
width: auto;
position: relative;
}
.voluntaryWrapper .rsWrap {
float: left;
font-size: 1.9rem;
color: #ff9b41;
line-height: 25px;
}
.hideWrap {
display: none;
}
.voluntaryWrapper h4 span {
float: left;
margin-right: 5px;
}
.voluntaryWrapper .selectWrap {
margin: 0px 15px 0px 5px;
float: left;
position: relative;
top: -5px;
}
.voluntaryWrapper .select {
z-index: -11;
}
.carincpanel .leftpanel .voluntaryWrapper h4.headdefine {
margin-right: 5px;
}
.carincpanel .leftpanel .rowline h4.headdefine.fixedWrap {
width: 75%;
}
.fitmentCont .elect .electCont.nonElect .inputRow {
float: left;
padding-bottom: 30px;
}
.fitmentCont .elect .electCont.nonElect .errorMsg {
margin-left: 6px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li .viewCover,
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active .viewCover {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
font-size: 1.4rem;
color: #0e8dfa;
font-family: "AllianzB";
text-decoration: underline;
margin-top: 10px;
text-align: center;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content {
margin-bottom: 40px;
}
/*****Added by Indigo on 20th June 2019 Start*******/
/* .carincpanel .leftpanel .telematics-service .telematics-service-content ul li .viewCover {
display: none;
} */
/*****Added by Indigo on 20th June 2019 End*******/
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active .viewCover {
display: block;
}
/**********Added by Samina on 27th Feb 2019 End*************/
/*********Added on 12th March 2019 Start********/
.summaryClaimYear {
display: none;
}
/*********Added on 12th March 2019 End********/
/********Added on 18th March 2019 Start**********/
.carincpanel .leftpanel .siPerPerson .rsWrap {
float: left;
font-size: 1.9rem;
color: #ff9b41;
position: relative;
top: 2px;
}
/********Added on 18th March 2019 End**********/
/********Added by Indigo Start***********/
.sepCoverYesNote {
position: relative;
top: -13px;
float: left;
}
.sepCoverYesNote p {
color: #000;
font-size: 1.3rem;
}
/********Added by Indigo on 3rd June 2019 Start*******/
/*code added by poonam*/
.thankYouPopup p, .disclaimer-popup p, .disclaimer-makepay-popup p, .disclaimer-makepay-popup1 p, .pay_go_popup p, .vehiclecpopup p {
text-align: center;
padding-top: 20px;
}
.thankYouPopup .btnWrapper, .disclaimer-popup .btnWrapper, .disclaimer-makepay-popup .btnWrapper, .disclaimer-makepay-popup1 .btnWrapper, .pay_go_popup .btnWrapper, .vehiclecpopup .btnWrapper {
width: 100%;
display: inline-block;
margin: 10px auto;
text-align: center;
}
.thankYouPopup .btnWrapper .btn, .disclaimer-popup .btnWrapper .btn, .disclaimer-makepay-popup .btn, .disclaimer-makepay-popup1 .btn, .pay_go_popup .btn, .vehiclecpopup .btn {
max-width: 100px;
min-width: 100px;
padding: 3px 0px;
font-size: 2rem;
margin: 0 auto;
text-align: center;
}
.tandc{
font-size: 12px;
text-decoration: underline;
padding: 20px;
position: relative;
left: 17px;
}
/* code ended by poonam */
.quest7 .centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.newBikeNote {
display: none;
}
.newBikeNote.disclaimner-registartion {
padding-top: 20px;
font-size: 1.3rem;
float: left;
margin: 0 auto;
text-align: center;
width: 100%;
}
.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper ul {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
text-align: center;
position: relative;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/********Added by Indigo on 3rd June 2019 End*******/
/*****Added by Indigo on 7th June 2019 Start*******/
.electRowError {
width: 70%;
text-align: center;
}
.formWrapper input,
.innerContainer textarea,
.innerContainer .selectedText,
.referNowPopup .innerContainer ul li input {
color: #ff9b41;
}
/*****Added by Indigo on 7th June 2019 End*******/
/*******Added by Indigo on 20th June 2019 Start**********/
.summaryClaimYear.divHide {
display: none !important;
}
/*******Added by Indigo on 20th June 2019 End**********/
/*******Added by Indigo Dated 25th June 2019 Start*****/
.damageCoverWrapperForNew {
display: none;
}
.carincpanel .leftpanel .rowline.rangeBar {
margin-bottom: 70px;
}
.carincpanel .leftpanel .car-owner {
margin-top: 0;
}
/*******Added by Indigo Dated 25th June 2019 End*****/
/*---Added by Sameer on 18th Aug starts---*/
.addressSec {
float: right;
margin-top: 20px;
}
.addressSec p {
color: #ffffff;
font-size: 1.2rem;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/addressIcon.png") no-repeat top 3px left;
background-size: auto;
background-size: 15px;
padding-left: 20px;
}
/*---Added by Sameer on 18th Aug ends---*/
/********Added by Indigo End***********/
@media only screen and (max-width: 1366px) {
.dropdownAutocomplete {
max-height: 200px; /* Updated by Mr. Pritish Rajpurohit */
}
.selectMulty .innerWrap {
max-height: 90px;
}
.summaryLightboxContainer {
height: 500px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail .tooltipIcon .tooltipCont {
width: 210px;
}
}
/******Media Query*******/
@media only screen and (max-width: 1280px) {
/*****Step 2 Start******/
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 215px;
margin-right: 13px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 20px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 132px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 369px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 602px !important;
}
/*****Step 2 End******/
.carincpanel .leftpanel .rowline.premiumWrapper {
width: 830px;
}
.premiumWrapper .premiumBreakCol {
max-width: 250px;
}
.premiumWrapper .premiumBreakCol:after {
right: 0;
}
}
@media only screen and (max-width: 1185px) {
.carincpanel .leftpanel .rowline.premiumWrapper {
width: 802px;
}
.premiumWrapper .premiumBreakCol {
max-width: 250px;
margin-right: 10px;
}
}
@media only screen and (max-width: 1140px) {
/*****Step 1 Start******/
.carInsurance .titleSec h1 {
font-size: 2.3rem;
}
.stepsWrapper .buildInsPlan {
font-size: 2.3rem;
padding-right: 20px;
}
/*****Step 1 End******/
/*****Step 2 Start******/
.carincpanel .leftpanel {
width: 100%;
}
.carincpanel .rightpanel {
display: none;
}
.backTop {
right: 50%;
bottom: -23px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 279px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 506px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 739px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 388px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 617px !important;
}
.carincpanel .leftpanel .declare-radio ul li {
width: 100%;
}
.viewDetailsBtn {
float: right;
width: 123px;
height: 29px;
line-height: 29px;
background-color: #f1ce6e;
text-align: center;
color: #000;
border-radius: 100px;
margin: 32px 15px 0px 0px;
}
.viewDetailsBtn span {
display: block;
position: relative;
padding-left: 22px;
}
.viewDetailsBtn span:before {
content: '';
position: absolute;
left: 32px;
top: 7px;
width: 15px;
height: 15px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) no-repeat;
background-position: -4px -302px;
}
.carincpanel .leftpanel {
width: 100%;
padding: 0px 15px;
}
/* .carincpanel .rightpanel, .carincpanel .leftpanel h2 {
display: none;
} */
.carincpanel .rightpanel {
float: left;
width: auto;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 225px;
z-index: 16;
}
/*****Step 2 End******/
.carincpanel .leftpanel .rowline.premiumWrapper {
width: auto;
}
.premiumWrapper .premiumBreakCol:after {
right: 15px;
}
.premiumWrapper .premiumBreakCol {
max-width: 260px;
}
}
@media only screen and (max-width: 1024px) {
/*****Step 1 Start******/
/* .carInsurance .stepsNumber {
width: 90%;
}
.stepsWrapper .buildInsPlan {
padding-right: 50px;
} */
/*****Step 1 End******/
/*****Step 1 Start******/
.container,
.stepsWrapper {
padding: 0 0px;
}
.mainHeader .logoSec {
width: 50%;
}
.carInsurance .summaryWrapper,
.natureBg {
display: none !important;
}
.editDetails {
margin-bottom: 0px;
}
.editWrapper {
display: block;
margin-right: 73px;
margin-top: 4px;
padding-bottom: 10px;
}
.carInsurance .stepsNumber {
width: 85%;
}
.carInsurance .stepsNumber .step-progressbar li .proText {
font-size: 1.4rem;
}
.carInsurance .stepsNumber .step-progressbar li>span {
height: 10px;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
left: -2px;
}
.carInsurance .topFixStep.fixStep .stepsNumber {
padding: 0px 15px;
}
.stepsWrapper .myCar .stepCircle {
background-color: transparent;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
}
.carInsurance.blueBg {
background-image: linear-gradient(#ffffff, #ffffff);
}
.stepsWrapper .buildInsPlan {
display: none;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText,
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText,
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText,
.carInsurance .stepsNumber .step-progressbar li:nth-child(4) .proText {
text-indent: -999px;
}
.carInsurance .stepsNumber .step-progressbar li .proText.active {
position: relative;
text-indent: -999px;
}
.carInsurance .stepsNumber .step-progressbar li .proText.active:before,
.carInsurance .stepsNumber .step-progressbar li.active .proText.active:before {
content: '';
position: absolute;
left: 0;
top: -22px;
width: 22px;
height: 22px;
background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
background-position: -29px -327px;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText.active:before {
left: 27px;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText.active:before {
left: 15px;
}
/*****Step 1 End******/
/*****Step 2 Start******/
.carincpanel .leftpanel .declare-radio ul li label.declareMob,
.carincpanel .leftpanel .declare-radio ul li input.declareMobCheck {
display: block;
}
/*--Added by Sameer on 1st August starts--*/
/* .carincpanel .leftpanel .declare-radio ul li label.declare, .carincpanel .leftpanel .declare-radio ul li input.declareCheck {
display: none;
} */
/*--Added by Sameer on 1st August ends--*/
.carincpanel .leftpanel .rowline.declareCont a {
font-size: 1.5rem;
text-decoration: underline;
}
.carincpanel .leftpanel .declare-radio ul li label {
font-size: 1.5rem;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label {
font-size: 1.6rem;
}
.btn.makePayemnt {
transform: translateX(-50%);
/*-webkit-transform: translateX(-50%);*/
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
/*left: 50%;*/
/* background: #0071bb;
border: 1px solid #0071bb; */
max-width: 162px;
min-width: 162px;
font-size: 1.8rem;
}
.carincpanel .leftpanel .declare-radio ul li label:before {
top: 0px;
}
.carincpanel .leftpanel .declare-radio.countryList li {
width: 50%;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 194px;
margin-right: 13px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 661px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 443px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 238px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 343px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 556px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li {
width: 100%;
}
.carincpanel .leftpanel .rowline.rangeBar {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
width: 88%;
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
right: -28px;
top: 0;
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
height: 33px;
line-height: 28px;
top: -5px;
}
.carincpanel .leftpanel h2 {
font-size: 1.9rem;
}
.premiumWrapper.fixed {
position: relative;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail .tooltipIcon .tooltipCont {
right: -283px;
width: 260px;
}
/*****Step 2 End******/
.carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
right: 2px;
top: 3px;
}
.congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper {
margin: 10px 0px;
}
.congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper .carCont {
float: left;
width: auto;
}
.congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper .carCont.rightSpace {
margin-right: 40px;
}
}
@media only screen and (max-width: 900px) {
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label:before {
top: 0px;
}
.companyNote {
padding: 6px 0 0 0px;
}
/*****Step 2 Start******/
.companyName .errorMsg {
margin-left: 0px;
}
/*******Added by Indigo on 20th June 2019 Start*******/
.companyName {
left: 0;
margin-top: 25px;
}
/*******Added by Indigo on 20th June 2019 End*******/
#compName {
width: 100%;
}
.carincpanel .leftpanel .car-owner,
.ownDamageCover {
display: block;
}
.tooltipIcon .tooltipCont {
/*         right: -62px; */
}
/*******Added by Indigo on 20th June 2019 Start*******/
.carincpanel .leftpanel .crar-owne h4.headdefine,
.ownDamageCover h4.headdefine {
margin-right: 0;
color: #000;
font-family: 'AllianzSans';
}
/*******Added by Indigo on 20th June 2019 End*******/
#compName {
margin-left: 0;
width: 100%;
float: left;
}
.car-owner .drpWrapper,
.ownDamageCover .drpWrapper {
top: -4px;
right: 0;
float: left;
margin-left: 20px;
}
.carincpanel .leftpanel .customSelect .selectedText,
.carincpanel .leftpanel h4.headdefine,
#compName,
#bankFinance,
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
font-size: 1.6rem;
}
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine,.carincpanel .leftpanel .additional-pcu,
.carincpanel .leftpanel .additional-pcu h4.headdefine {
display: block;
}
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine, .carincpanel .leftpanel .additional-pcu h4.headdefine {
font-family: 'AllianzSans';
color: #4f4f4f;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .paCoverWrapper ul li, .carincpanel .leftpanel .additional-pcu ul li {
height: 31px;
}
.carincpanel .leftpanel .declare-radio ul li {
width: 100%;
}
.carincpanel .leftpanel .declare-radio ul li {
width: 100%;
}
.carincpanel .leftpanel .additional-fitments ul li label, .carincpanel .leftpanel .additional-pcu ul li label {
line-height: 31px;
font-size: 1.5rem;
}
.carincpanel .leftpanel .telematics h4.headdefine {
width: 100%;
}
.add-disc .drpWrapper {
top: -4px;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li,
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li,
.fitmentCont .elect .electCont div,
.fitmentCont .elect .electCont div .inputRow {
width: 100%;
}
/* .carincpanel .leftpanel .declare-radio ul li label {
color: #0071bb;
} */
.carincpanel .leftpanel .fitmentCont .elect .electCont div input {
width: 80%;
}
.carincpanel .leftpanel .declare-radio ul li input {
top: 3px;
}
.fitmentCont .elect .electCont .top-margin {
margin-top: 55px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 9px;
}
/* .rowline.premiumWrapper .premiumBreakCont {
max-width: 155px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR {
padding: 10px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p{
padding-left: 0;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.4rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
font-size: 1.2rem;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
font-size: 1.4rem;
}
.premiumBreakCont .premiumBreakContR p:before {
display: none;
}
.carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol {
max-width: 152px;
margin-right: 20px;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow {
margin-bottom: 10px;
color: #4f4f4f;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText.preCont, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow.preCont {
display: none;
} */
.carincpanel .leftpanel .declare-radio ul li label:before {
top: 0px;
}
.planReviewSec ul {
margin: 30px 0px 50px;
}
.planReviewSec ul li {
width: 100%;
}
.planReviewSec ul li:after {
display: none;
}
.backTop {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: absolute;
left: 50%;
bottom: 0;
text-align: center;
width: 100%;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
/* width: 65px;       */
font-size: 1.2rem;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
left: -16px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
padding: 0px 2px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
padding-left: 13px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
top: -8px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
right: 28px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
right: 29px;
}
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
width: 63px;
left: -13px;
}
*/
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 28px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 29px;
}
.idv-sum-range>span:nth-child(3),
.idv-sum-range span:last-child {
top: 0;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range {
right: -10px;
}
*/ .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 200px;
margin-right: 20px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 180px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 396px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 616px !important;
}
/* .rowline.premiumWrapper.fixed {
width: 97%;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
width: 100%;
max-width: 50%;
} */
/* .preBox {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
float: left;
position: relative;
left: 50%;
} */
.carincpanel .leftpanel .rowline.rangeBar {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
width: 90%;
}
.eiaNumber .tooltipIcon .tooltipCont {
right: -82px;
top: 29px;
}
.congWrapper .digiLock .tooltipIcon .tooltipCont {
top: -140px;
}
.stepsWrapper.carincpanel .customSelect .selectedText:after {
top: 3px;
}
/* .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCont .tickIcon {
left: -20px;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p {
padding: 0;
} */
.carincpanel .leftpanel .car-owner h4.headdefine {
margin-right: 0px;
}
.drpWrapper.noLeftSpace {
float: left;
width: 100%;
top: 10px;
}
.fieldbox .inputSec .rsWrap,
.fieldbox .inputSec label {
font-size: 1.6rem;
}
/*****Step 2 End******/
/*****Step 3 Start******/
.paymentWrapper {
margin: 30px auto 30px;
}
.paymentWrapper h1,
.paymentWrapper h2 {
font-size: 2rem;
}
.paymentWrapper p {
font-size: 1.6rem;
}
.paymentWrapper form {
max-width: 100%;
width: 100%;
}
.paymentWrapper form label {
font-size: 1.5rem;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: static;
left: 0;
}
.paymentWrapper #address {
text-align: left;
}
.paymentWrapper input {
font-size: 1.6rem;
}
.prefieldWrap,
.paymentWrapper .formWrapper label {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: static;
left: 0;
text-align: left;
}
.paymentWrapper form .inputRow,
.paymentWrapper form label {
margin-bottom: 0;
}
.paymentWrapper form .prefieldWrap label {
font-size: 1.4rem;
}
.paymentWrapper form .inputRow label {
width: initial;
}
.paymentWrapper form .inputRow .inputWrap.centered {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: relative;
left: 0;
text-align: left;
float: left;
width: 100%;
}
.paymentWrapper form .inputRow {
width: 100%;
}
.paymentWrapper .formWrapper {
float: left;
padding: 0px 20px;
}
.paymentWrapper .formWrapper .inputRow:nth-child(3) {
margin-bottom: 25px;
}
.paymentWrapper form .inputRow .inputWrap,
.paymentWrapper form .inputRow {
width: 100%;
}
.paymentWrapper .formWrapper inputWrap.centered {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: static;
left: 0;
text-align: left;
}
.paymentWrapper .btn {
max-width: 252px;
min-width: 252px;
font-size: 1.8rem;
}
.paymentWrapper .allDetailWrap {
width: 100%;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul {
margin-left: 21px;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
width: 45%;
margin-right: 5%;
font-size: 1.5rem;
padding: 6px 10px;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
margin-right: 0;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(1),
.paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
margin-bottom: 15px;
}
/* .areaDrpCont {
width: 20% !important;
} */
.paymentWrapper form .inputRow.area,
.paymentWrapper form .inputRow.genderCont {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
left: 0;
width: 100% !important;
margin-bottom: 20px;
}
.paymentWrapper form .inputRow.genderCont {
margin-top: 15px;
}
.formWrapper .customSelect .selectedText {
font-size: 1.6rem;
}
.areaDrpCont .customSelect {
margin-left: 10px;
}
.paymentWrapper form .inputRow,
.paymentWrapper form .prefieldWrap {
max-width: 100%;
}
.otherAreaRow {
float: left;
width: 100%;
margin-top: 10px;
}
#otherArea {
width: 100%;
}
/*****Step 3 End******/
/*****Step 4 Start******/
.congWrapper .congWrap .innerWrap .align-left {
border-bottom: 1px solid #e4e4e4;
margin-bottom: 20px;
padding-bottom: 35px;
width: 100%;
}
.congWrapper .align-right {
float: left;
display: inline-block;
}
.congWrap.footerWrap .column {
width: auto;
margin-bottom: 20px;
padding-bottom: 35px;
}
.congWrap.footerWrap .column:first-child .align-left:first-child {
float: right;
}
.congWrap.footerWrap .column:last-child {
border-bottom: none;
}
.congWrapper .congratsSvg .congratsThumb #congratsThumbsvg {
transform: translate(-50%, -50%) scale(0.8);
-webkit-transform: translate(-50%, -50%) scale(0.8);
-moz-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
}
.congWrapper .congratsSvg .congratsThumb {
height: 100px;
width: 100px;
}
.congWrapper .congratsSvg {
width: 220px;
height: 220px;
}
.congWrapper h1 {
font-size: 3rem;
margin-top: -15px;
}
.congWrapper p {
font-size: 1.8rem;
}
.congWrapper .carDetails .detailsHeader .align-left {
width: 100%;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 80%;
}
.congWrapper .carDetails .detailsHeader .align-right {
display: none;
}
.congWrapper .carDetails .detailsCont .userCarImg {
display: none;
}
.congWrapper .carDetails .detailsCont .userCarDetails {
border-right: none;
width: 100%;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont {
margin-bottom: 5px;
}
/* .congWrapper .carDetails .detailsCont .userCarDetails .carCont:nth-child(2), .carNameWrap {
border-bottom: 1px solid #e4e4e4;
} */
.carNameWrap {
display: block;
float: left;
width: 100%;
padding-bottom: 5px;
}
.getInTouch {
display: none;
}
.referNowPopup,
.ratingFbPopup,
.proceedThankyou {
width: 95%;
}
.referNowPopup .close,
.ratingFbPopup .close,
.proceedThankyou .close {
top: 12px;
}
.referNowPopup .innerContainer ul li label,
.ratingFbPopup .innerContainer ul li label,
.referNowPopup .customSelect .selectedText,
.ratingFbPopup .customSelect .selectedText {
font-size: 1.5rem;
}
.congWrapper .congratsSvg {
margin-top: -30px;
}
.congWrapper .carDetails .detailsHeader h2 {
margin: 15px 0px 0px 15px;
font-size: 1.8rem;
}
.congWrapper .carDetails .detailsHeader .userImg {
width: 45px;
height: 45px;
}
.congWrapper .carDetails {
margin-top: 15px;
}
.congWrapper .congWrap .column {
padding: 0px;
}
/*****Step 4 End******/
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
top: 0;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 28px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 29px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
padding-left: 15px;
}
.congWrapper .carDetails .detailsCont .userCarDetails>.carName {
display: none;
}
.congWrapper .carDetails .detailsCont .userCarDetails {
border: none;
padding: 0;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carNameWrap {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin: 10px 0px;
padding-top: 5px;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carNameWrap span {
margin-left: 0;
}
.congWrapper .carDetails .detailsCont {
padding-bottom: 30px;
}
/* devendra start 6nov */
.downloadPolicy {
position: relative;
bottom: 5px;
}
/* devendra end 6nov */
.downloadPolicy a {
font-family: "AllianzB";
display: inline-block;
font-size: 1.6rem;
color: #fd9442;
position: relative;
padding-left: 25px;
float: left;
}
/********Added on 18th March 2019 Start**********/
.carincpanel .leftpanel .siPerPerson .rsWrap {
font-size: 1.6rem;
}
/********Added on 18th March 2019 End**********/
/*******Added by Indigo on 20th June 2019 Start*********/
.carincpanel .leftpanel .rowline h4.headdefine.fixedWrap {
width: 100%;
}
/*******Added by Indigo on 20th June 2019 End*********/
}
@media only screen and (max-width: 870px) {
.carincpanel .leftpanel .rowline.premiumWrapper {
width: 100%;
padding: 25px 15px;
height: 130px;
}
.premiumWrapper .premiumBreakCol {
max-width: 237px;
}
.premiumWrapper .premiumBreakCol:after {
right: 5px;
}
}
@media only screen and (max-width: 800px) {
.carincpanel .leftpanel .rowline.premiumWrapper,
.premiumWrapper {
height: initial
}
.premiumWrapper .premiumBreakCol {
max-width: 100%;
width: 100%;
}
.premiumSection {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
top: 0;
}
.premiumWrapper .premiumBreakCol {
margin-bottom: 35px;
}
.premiumWrapper .premiumBreakCol:last-child {
margin-bottom: 0;
}
.premiumWrapper .premiumBreakCol:after {
display: none;
}
.premiumWrapper .preCont {
width: 100%;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
position: relative;
bottom: initial;
}
.summaryLightboxContainer {
height: 400px;
}
}
@media only screen and (max-width: 768px) {
.carousel_wrap #carousel {
width: 455px;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li .showFeatures .tooltipCont {
top: 22px;
left: 82px;
width: 195px;
}
/* .premiumWrapper.fixed {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: 50%;
} */
}
@media only screen and (max-width: 767px) {
/*Devendra start 11Feb-2020 */
.sendQuote .whatsappno.active:before{left: 66px;}
.sendQuote .whatsappno:before{left: 66px;}
.btn.makePayemnt {
/* left: -50% !important;*/
}
.pay_go_change .first-row {width: 48% !important;padding-bottom: 0 !important;}
.pay_go_change {width: 101%;}
.pay_go_change .rowline .drpWrapper{margin-top: -6px;}
.pay_go_change .rowline h4 {font-size: 13px !important;}
.pay_go_change h4 {margin-bottom: 4px !important;}
.pay_go_change .second-row {width: 24% !important;padding-bottom: 26px !important;}
.pay_go_change, .theft_cover {width: 100%;}
.theft_cover .rowline {width: 51% !important;}
.theft_cover .tooltipCont{left: 29px;right:0;}
/*Devendra start 11Feb-2020 */
.declareCont {width: 101% !important; padding: 5px 0 !important; margin-top: 0px !important;}
.mak-pay {
padding: 0px 0 !important;
}
.selectMulty {
left: 108 !important;
}
.stepsWrapper .myCar .stepCircle input {
font-size: 2rem;
}
.stepsWrapper .myCar .stepCircle::-webkit-input-placeholder {
font-size: 1.5rem;
}
.stepsWrapper .myCar .stepCircle input:-moz-placeholder {
font-size: 1.5rem;
}
.stepsWrapper .myCar .stepCircle:-ms-input-placeholder {
font-size: 1.5rem;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow::-webkit-input-placeholder {
font-size: 1.4rem !important;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input:-moz-placeholder {
font-size: 1.4rem !important;
}
/*--for IE10 support--*/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow:-ms-input-placeholder {
font-size: 1.4rem !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.6rem;
}
.preFixed {
top: 10px;
font-size: 2rem;
}
.carincpanel .leftpanel .rowline.declareCont a {
font-size: 1.3rem;
text-decoration: underline;
}
.carincpanel .leftpanel .declare-radio ul li label {
font-size: 1.3rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 231px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 458px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 178px;
margin-right: 15px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 5px;
}
.paymentWrapper .formWrapper .tooltipIcon .tooltipCont {
right: -9px;
top: -52px;
}
.carousel_wrap .tooltipIcon .tooltipCont {
right: -100px;
}
.congWrapper .digiLock .tooltipIcon .tooltipCont {
right: -2px;
}
.summaryLightbox {
top: 425px;
position: absolute;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -139px;
right: 0;
top: 5px;
}
/* 4.1 */
/* .consExpense .tooltipIcon .tooltipCont
{
left: -139px !important;
} */
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -39px;
right: 0;
top: 5px;
}
.selectMulty .innerWrap {
width: 87%;
}
/****Step 3 Start*****/
.carousel_wrap #carousel .shadow {
display: none !important;
}
.carousel_wrap #carousel .shadow.carousel-center {
display: block !important;
}
.carousel_wrap #carousel.centered {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: relative;
left: 0;
}
.carousel_wrap #carousel {
width: 176px;
}
/*****Added on 27th Feb 2019 Start*********/
.carousel_wrap .roundAboutArrow {
left: 50%;
top: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
float: none;
}
/*****Added on 27th Feb 2019 End*********/
/****Step 3 End******/
/*--Added by Sameer on 1st August starts--*/
.summaryLightboxContainer span.icon {
right: 30px;
}
/*--Added by Sameer on 1st August ends--*/
}
@media only screen and (max-width: 640px) {
.editWrapper {
margin-right: 50px;
}
.stepsWrapper .myCar .stepCircle .iconSec {
top: 0px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 96px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 289px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 489px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 197px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 391px !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.5rem;
padding: 9px 0px 8px 5px;
}
}
@media only screen and (max-width: 600px) {
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 90px;
height: 40px;
margin-right: 0px;
font-size: 1.4rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active label p span {
font-family: 'AllianzB';
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail a {
position: static;
margin-top: 13px;
color: #fe9542;
border-bottom: 1px #fe9542 solid;
font-size: 1.6rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 160px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 266px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 368px !important;
}
.carincpanel .leftpanel .rowline.driveSmartYes .telematics-service .telematics-service-content ul li {
width: 115px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 200px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 329px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
font-size: 1.4rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span {
font-size: 1.4rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p .driveTitle {
display: none;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
margin-top: 0px;
font-size: 1.5rem;
}
/* .premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
font-size: 1.1rem;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow {
font-size: 1.4rem;
}
.carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol {
max-width: 140px;
margin-right: 10px;
}
.carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol:last-child {
margin-right: 0px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
padding: 5px 0 10px 10px;
}
.rowline.premiumWrapper.fixed {
width: 95%;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
margin-right: 0;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2rem;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p{
padding-left: 0 !important;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR {
padding-left: 44px;
} */
.summaryLightbox {
width: 90%;
}
.summaryLightboxContainer .span12>label,
.summaryLightboxContainer .span12 input,
.summaryLightboxContainer .customSelect .selectedText,
.radioWrapper ul li label {
font-size: 1.4rem;
}
.btn.reCalculate {
max-width: 215px;
min-width: 215px;
}
.summaryLightboxContainer .btn {
font-size: 1.8rem;
}
.summaryLightbox .note {
font-size: 1.3rem;
}
.summaryLightbox h2 {
font-size: 2rem;
}
.personalLightbox .preFixed {
left: 154px;
}
.mobNumber .preFixed {
top: 12px;
font-size: 1.4rem;
}
.carInsurance .stepsNumber .step-progressbar li>span span:after {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
right: -35px;
top: -7px;
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
font-size: 1.5rem;
}
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
left: -58px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -10px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
right: 24px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
right: 25px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
left: -10px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 24px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 25px;
}
/* .idv-sum-range > span:nth-child(3), .idv-sum-range span:last-child {
right: 0 !important;
} */
.carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range,
.carincpanel .leftpanel .idv-val-sec .idv-sum span.min-range {
bottom: -64px;
font-size: 1.5rem;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
}
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
width: 59px;
} */
.carInsurance .titleSec h1 {
font-size: 2rem;
}
/********Added by Samina on 27th Feb 2019 Start************/
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li .viewCover,
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active .viewCover {
font-size: 1rem;
width: 100%;
}
/********Added by Samina on 27th Feb 2019 End************/
}
@media only screen and (max-width: 550px) {
.personalLightbox .preFixed {
left: 126px;
}
.summaryLightboxContainer label {
width: 40%;
}
.summaryLightboxContainer .inputDiv {
width: 60%;
}
}
@media only screen and (max-width: 480px) {
.fitmentCont .declare-radio ul li label{
width: 80% !important;
}
.elect ul li:last-child{
width: 80% !important;
}
.idv-val-sec .tooltipIcon .tooltipCont
{
right: -50px;
}
.sales-icon a{font-size: 14px;}
.sales-icon{font-size: 14px;}
.ph-numbers-header{top: 76px !important; width: 46%;}
/******Step 1 Start*********/
#carousel .shadow.policyDetails{left: -71.5px !important;}
.carInsurance .titleSec h1 {
padding-bottom: 0px;
}
.carInsurance .topFixStep {
padding-top: 20px;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.4rem;
padding: 9px 5px;
}
/* .ui-menu .ui-menu-item {
width: 100px;
} */
/* .preFixed {
top: 16px;
} */
.stepsWrapper .myCar .stepCircle .questionsCont {
top: 48%;
}
.stepsWrapper .myCar .stepCircle .nextBtn {
bottom: -8px;
}
.stepsWrapper .myCar .stepCircle .quest5 .nextBtn {
bottom: -39px;
}
/******Step 1 End*********/
/*****Step 2 Start******/
.carincpanel .leftpanel h2 {
font-size: 1.6rem;
}
.personalLightbox .preFixed {
left: 110px;
}
.summaryLightbox h2 {
font-size: 1.8rem;
}
.summaryLightbox .close {
top: 11px;
}
.summaryLightbox {
padding: 10px;
}
.personalLightbox .btn {
font-size: 1.6rem;
padding: 7px 30px 7px;
}
.editWrapper {
margin-right: 44px;
}
.editCategoryDetails ul li {
padding: 11px 10px 11px 20px;
}
.editCategoryDetails ul li:before {
left: 5px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 113px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 209px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 311px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 148px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 273px !important;
}
.viewDetailsBtn {
margin: 27px 15px 0px 0px;
}
.planReviewSec ul {
padding: 35px 0px;
}
.planReviewSec ul li h4,
.premiupPopup h3,
.offlinePopup h3 {
font-size: 1.8rem;
}
.premiupPopup .rowPop .colPop,
.offlinePopup .rowPop .colPop {
font-size: 1.4rem;
}
.premiupPopup,
.offlinePopup {
width: 90%;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: -261px;
top: 8px;
}
.enhance-topup.prestigeCont .headdefine .tooltipIcon .tooltipCont {
top: 8px;
right: -19px;
}
.carousel_wrap #carousel {
width: 155px !important;
}
.carousel_wrap #carousel .shadow {
width: 300px;
height: 300px;
}
.carousel_wrap #carousel .shadow h3 {
font-size: 2rem;
}
.carousel_wrap #carousel .shadow .inputRow label,
.carousel_wrap #carousel .shadow .wheelWrap label {
font-size: 1.4rem;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
font-size: 1.5rem;
}
.carInsurance .stepsNumber {
width: 85%;
}
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
width: 63px;
} */
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 119px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 221px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 320px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 156px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 280px !important;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -95px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -245px;
}
.carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.forNewCar.fixed .premiumBreakCont .tickIcon:before {
width: 20px;
height: 20px;
left: 7px;
}
.carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.forNewCar.fixed .premiumBreakCont .tickIcon.active:before {
background-position: -368px -468px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -19px;
}
.fieldbox .inputSec .rsWrap,
.fieldbox .inputSec label {
font-size: 1.5rem;
}
/*****Step 2 End******/
.carincpanel .leftpanel .customSelect .selectedText,
.carincpanel .leftpanel h4.headdefine,
#compName,
#bankFinance,
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
font-size: 1.5rem;
}
/*****Step 4 Start******/
.congWrapper h1 {
font-size: 2.5rem;
}
.congWrapper p {
font-size: 1.6rem;
}
.congWrapper .carDetails .detailsHeader {
padding: 10px;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 65%;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont span,
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p,
.congWrapper .carDetails .detailsCont .userCarDetails p a,
.congWrapper .congWrap .column p {
font-size: 1.4rem;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont img {
margin-top: -2px;
}
.congWrapper .carDetails .detailsHeader .userImg img {
padding-top: 2px;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber p {
font-size: 1.5rem;
}
.congWrapper input,
.congWrapper .congWrap .column:first-child p,
.congWrapper .congWrap .column h2 {
font-size: 1.8rem;
}
.congWrapper .congWrap .column:first-child p span {
font-size: 2rem;
}
.congWrapper .congWrap .column {
padding: 0px 10px 20px 10px;
}
.congWrapper .congWrap .column .voucher {
margin-right: 0px;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
margin-top: -18px;
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .btn {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 35px;
}
.congWrapper .innerWrap .align-right {
padding-bottom: 55px;
}
.congWrapper .congWrap {
padding: 20px 0px;
}
.congWrapper .carDetails .detailsHeader h2 {
font-size: 1.5rem;
margin: 12px 0px 0px 7px;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 75%;
}
/*****Step 4 End******/
.popup {
width: 90%;
}
}
/* 2688x1242px at 458ppi */
@media only screen and (max-width: 414px) {
.stepsWrapper .myCar .stepCircle::-webkit-input-placeholder {
font-size: 1.4rem;
}
.stepsWrapper .myCar .stepCircle input:-moz-placeholder {
font-size: 1.4rem;
}
.stepsWrapper .myCar .stepCircle:-ms-input-placeholder {
font-size: 1.4rem;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow::-webkit-input-placeholder {
font-size: 1.3rem !important;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input:-moz-placeholder {
font-size: 1.3rem !important;
}
/*--for IE10 support--*/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow:-ms-input-placeholder {
font-size: 1.3rem !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 69px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 169px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 269px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 107px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 228px !important;
}
.mobNumber .preFixed {
left: 100px;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: -130px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -103px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -248px;
}
.carincpanel .leftpanel .rowline.driveSmartOpt h4.headdefine .tooltipIcon .tooltipCont {
right: 0px;
top: 2px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail .tooltipIcon .tooltipCont {
right: -145px;
top: 4px;
}
}
@media only screen and (max-width: 393px) {
.drpWrapper.noLeftSpace {
margin-left: 0px;
margin-top: 10px;
}
.span12 {padding: 0 1px !important;}
.selectMulty .innerWrap {
position: relative;
left: 0px;
}
/*code added by poonam */
.reduceprebox  .span12 {padding: 5px 1px !important;}
.reduceprebox{width: 98% !important;}
.btn.reCalculate{max-width: 275px; font-size: 2.0rem;}
}
@media only screen and (max-width: 375px) {
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: 0px;
}
/* .carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol  {
max-width: 135px;
} */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -7px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
left: 3px;
}
}
@media only screen and (max-width: 360px) {
.editWrapper {
margin-right: 33px;
}
.mobNumber .preFixed {
left: 100px;
font-size: 1.4rem;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
padding-right: 0px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 1.8rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
font-size: 1rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 46px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 147px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 249px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 71px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 228px !important;
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
right: -27px;
}
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
left: -65px;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: 0;
top: 8px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -45px;
}
.rowline.declareCont .declare-radio.checkboxStyle {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: 50%;
position: relative;
width: auto;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 320px) {
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
font-size: 1.4rem;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: -130px;
}
.mobNumber .preFixed {
left: 92px;
;
top: 11px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -185px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -150px;
}
.carincpanel .leftpanel .rowline.driveSmartOpt h4.headdefine .tooltipIcon .tooltipCont {
right: -224px;
top: 6px;
}
/* .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
padding: 0;
} */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -25px;
padding: 0 10px;
}
}
/********Added on 30th March Start**********/
/*******Share Btn Section Start*******/
.shareBtnWrapper {
position: relative;
}
.shareBtnSec {
display: none;
position: absolute;
bottom: -50px;
left: 25px;
}
.shareBtnSec a {
display: inline-block;
width: 36px;
height: 36px;
margin-right: 8px;
vertical-align: top;
background-size: 100% !important;
}
.shareBtnSec a.fb {
background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/facebook-icon.png) no-repeat 0 0;
}
.shareBtnSec a.twitter {
background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/twitter-icon.png) no-repeat 0 0;
}
.shareBtnSec a.whatsappli {
background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/whatsapp-icon.png) no-repeat 0 0;
}
/*******Share Btn Section End*******/
/********Added on 30th March 2019 End**********/
/*---Added by Indigo on 12th June 2019 Start--*/
.damageCoverWrapper {
display: none;
}
/*---Added by Indigo on 12th June 2019 End--*/
/*---Added by Sameer on 18th Aug starts---*/
.addressSec {
float: right;
margin-top: 20px;
}
.addressSec p {
color: #ffffff;
font-size: 1.2rem;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/addressIcon.png") no-repeat top 3px left;
background-size: auto;
background-size: 15px;
padding-left: 20px;
}
@media only screen and (max-width: 1199px) {
.addressSec {
display: block;
}
}
/*---Added by Sameer on 18th Aug ends---*/
/* vidya start */
.reducepremiumWrapper ul li:nth-child(2) label, .reduceprebox ul li:nth-child(2) label{
border-left: solid 1px #9a9a9a;
}
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .reducepremiumWrapper,.carincpanel .leftpanel .additional-pcu {
clear: both;
display: flex;
align-items: center;
display: -ms-flex;
-ms-align-items: center;
}
.carincpanel .leftpanel .reducepremiumWrapper {
margin-top: 20px;
}
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .reducepremiumWrapper h4.headdefine,.carincpanel .leftpanel .additional-pcu h4.headdefine {
margin-right: 25px;
/* display: inline-block; */
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .reducepremiumWrapper ul,.carincpanel .leftpanel .additional-pcu ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .reducepremiumWrapper ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .reducepremiumWrapper ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .reducepremiumWrapper ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* 1.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .challanWrapper ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .challanWrapper ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .challanWrapper ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .challanWrapper ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* ====================1 */
.reduceprebox h2 {
font-size: 2.5rem;
color: #8b8b8b;
padding-bottom: 35px;
}
.reduceprebox .span12 {
padding: 10px 0;
}
.reduceprebox .inputDiv {
position: relative;
width: 47%;
}
.reduceprebox .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
.reduceprebox {
max-width: 750px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 17;
display: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.reducepreboxContainer .span12 input {
color: #ff9b41;
border-bottom: 1px solid #ccc;
}
.reducepreboxContainer .span12>label {
float: left;
width: 50%;
font-size: 1.8rem;
color: #0071bb;
}
/****Added by Samina on 21st Sep 2018*****/
.personalLightbox .span12>label {
width: 31%;
}
.reducepreboxContainer .radioWrapper ul li label {
padding: 5px 25px 5px 25px;
}
.reducepreboxContainer .radioWrapper ul li {
position: relative
}
.reducepreboxContainer .radioWrapper ul li input[type=radio] {
position: absolute;
left: 0;
top: 0;
}
.reducepreboxContainer input, textarea {
outline: none;
border-bottom: 1px solid #ccc;
}
.reducepreboxContainer .span12 input {
color: #ff9b41;
border-bottom: 1px solid #ccc;
}
.ok-reducpremium {margin-top: 33px;}
.challandiv .drpWrapper {
margin: -5px 14px 0 7px;
float: left;
}
#challan_disclaimer{
display: none;
}
.declare-radio ul li label {width: 543px;}
/* vidya end */
/* 10-FEB-2020 poonam code*/
.challan_error, .bagic_policy, .other_bagic{
text-align: center;
padding-left: 88px;
}
/*Vidya Start 3-Apr-2020*/
/* 2.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .with-us ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .with-us ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .with-us ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .with-us ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* ==================== 2 */
/* 3.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .with-us-nonmotor ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
/*   .carincpanel .leftpanel .additional-fitments ul li,a */
/* BLUE SHADES */
/* GRAY SHADES */
/* BLACK/WHITE SHADES */
/* Other Colors */
/* Font Family's */
/* MOUSE Varibles */
@font-face {
font-family: 'AllianzB';
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.eot");
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.eot?#iefix") format("embedded-opentype"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.woff2") format("woff2"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.woff") format("woff"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz Sans Bold.svg#Allianz Sans Bold") format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0-10FFFF;
}
@font-face {
font-family: 'AllianzSans';
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.eot");
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.eot?#iefix") format("embedded-opentype"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.woff2") format("woff2"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.woff") format("woff"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans.svg#Rubik Medium") format("svg");
font-weight: 500;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2084;
}
@font-face {
font-family: 'AllianzSansLight';
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.eot");
src: url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.eot?#iefix") format("embedded-opentype"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.woff2") format("woff2"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.woff") format("woff"), url("../../../../../../../content/dam/bagicextension/fonts/Allianz-Sans-Light.svg#Rubik Medium") format("svg");
font-weight: 500;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2084;
}
@font-face {
font-family: 'IndianRupee';
src: url('../../../../../../../content/dam/bagicextension/fonts/IndianRupee.ttf') format('ttf'),
url('../../../../../../../content/dam/bagicextension/fonts/IndianRupee.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.indian-rupee {
font-family: 'IndianRupee';
width: auto !important;
}
/* Assign Font Properties - START */
/* line 38, ../sass/_base/_reset.scss */
body,
p,
input,
button,
textarea {
font-family: "AllianzSans";
}
/* line 39, ../sass/_base/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6,
strong {
font-family: "AllianzSans";
}
/* line 40, ../sass/_base/_reset.scss */
a {
color: white;
}
/* line 41, ../sass/_base/_reset.scss */
p,
input,
textarea,
button,
a,
li,
label {
font-size: 1.8rem;
line-height: 1.4;
}
/* Assign Font Properties - END */
/* line 45, ../sass/_base/_reset.scss */
html {
font-size: 62.5%;
}
/****** added by poonam 17sep19 start****/
.vertical-space{ display:block; width:100%; margin:0; clear:both; border:0 none; height:20px; }
/****** added by poonam 17sep19 end****/
/* line 46, ../sass/_base/_reset.scss */
body {
font-family: "AllianzSans";
color: #005596;
overflow: hidden;
/*overflow-y: scroll;*/
}
/* line 48, ../sass/_base/_reset.scss */
* {
margin: 0;
padding: 0;
outline: none;
list-style: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
/* line 58, ../sass/_base/_reset.scss */
/****Added by Poonam 09th sep 2019 Start****/
.nextBtn.disabled {
cursor: not-allowed;
background: #d8d8d7;
border-color: #a9a6a3;
pointer-events: none;
opacity: 0.5;
}
/*Devendra start 12-Dec-2019 */
.mak-pay{float: right !important;width: auto !important;font-size: 20px; padding-bottom: 5px !important;}
.forRegCar, .forNewCar {width: 500px; position: fixed !important;z-index: 1; bottom: 0px; margin: 1px 0px !important;padding-bottom: 0px !important;}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed-yes {position: absolute !important;top: 180px;width: 92% !important;bottom: auto;width: 97% !important;bottom: auto;margin-left: -10px !important;}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed-no {position: relative !important;width: 108% !important;margin-left: -12px !important;}
.carincpanel .leftpanel .declare-radio .declare {font-size: 1.1rem !important;}
.mak-pay .makePayemnt {min-width: 149px;font-size: 1.5rem !important;width: auto !important;}
.declareCont{width: 65% !important;padding: 5px 0 !important;}
.premiumWrapper .colTitle {font-size: 1.4rem !important;}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {font-size: 1.8rem !important;}
/*Devendra start 12-Dec-2019 */
/* Devendra start 09-09-2019 */
.tp-od{box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2) !important; border-radius: 20px !important;}
.span12 .policy_que {float: none;position: relative;display: inline-block;}
.policy_que label{float: none !important; }
.policy_que ul{margin-left: 15px;}
.tp-od .colTitle{font-size: 1.5rem !important;}
.tp-od .preWrap p{color: #0080c9 !important;font-family: "AllianzSans";font-size: 1.4rem !important;margin-right: 10px;}
.tp-od .preWrap{border-right: 1px solid #ff9b41ba;}
.tp-od{padding: 8px;margin: 17px 0px !important; position: static !important;box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2) !important; border-radius: 20px !important; border: none !important;}
.tp-od .tickIcon{top:7px !important;}
/* Devendra end 09-09-2019 */
/****Added by Poonam 09th sep 2019 end****/
/*Devendra start 09-09-2019 */
.vertical-space{ display:block; width:100%; margin:0; clear:both; border:0 none; height:20px; }
/*Devendra end 09-09-2019 */
/* Devendra start 09-09-2019 */
.makePayemnt.disable, .proceed.disable {
opacity: 0.4;
position: relative;
cursor: default;
}
/* Devendra end 09-09-2019 */
a {
text-decoration: none;
outline: none;
color: #005596;
}
/* line 59, ../sass/_base/_reset.scss */
a:hover {
text-decoration: none;
}
/* line 60, ../sass/_base/_reset.scss */
img {
border: none;
max-width: 100%;
vertical-align: top;
border: none;
}
/* line 61, ../sass/_base/_reset.scss */
html {
width: 100%;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
/* line 63, ../sass/_base/_reset.scss */
p,
.ul,
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 5px;
}
/* line 65, ../sass/_base/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
}
/* line 66, ../sass/_base/_reset.scss */
h1 {
font-size: 5rem;
}
/* line 67, ../sass/_base/_reset.scss */
h2 {
font-size: 3.3rem;
}
/* line 68, ../sass/_base/_reset.scss */
h3 {
font-size: 3rem;
font-family: "AllianzB";
}
/* line 69, ../sass/_base/_reset.scss */
h4 {
font-size: 2.2rem;
font-family: "AllianzB";
}
/* line 70, ../sass/_base/_reset.scss */
h5 {
font-size: 2rem;
}
/* line 71, ../sass/_base/_reset.scss */
h6 {
font-size: 1.6rem;
}
/* line 72, ../sass/_base/_reset.scss */
h3 a,
h4 a,
h5 a,
h6 a {
font-size: inherit;
text-decoration: underline;
}
/* line 73, ../sass/_base/_reset.scss */
table,
table tr td,
table tr th {
border: none;
}
/* line 74, ../sass/_base/_reset.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 76, ../sass/_base/_reset.scss */
input,
textarea {
outline: none;
}
/* line 78, ../sass/_base/_reset.scss */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
section,
summary,
mark {
float: left;
width: 100%;
}
/* line 79, ../sass/_base/_reset.scss */
.fl {
float: left !important;
}
/* line 80, ../sass/_base/_reset.scss */
.fr {
float: right !important;
}
/* line 82, ../sass/_base/_reset.scss */
input[type=submit],
input[type=button],
button[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: none;
}
/* line 1, ../sass/_base/_common.scss */
::selection {
background: #fc8f3d;
color: #fff;
}
/* line 2, ../sass/_base/_common.scss */
input::-webkit-input-placeholder {
color: #b6b6b6;
}
::-moz-placeholder {
color: #b6b6b6;
}
input:-moz-placeholder {
color: #b6b6b6;
}
/* Grid CSS - START */
/* line 6, ../sass/_base/_common.scss */
.span2 {
width: 50%;
padding: 0 15px;
float: left;
}
/* line 11, ../sass/_base/_common.scss */
.span3 {
width: 33.3%;
padding: 0 15px;
float: left;
position: relative;
}
/* line 17, ../sass/_base/_common.scss */
.span4 {
width: 25%;
padding: 0 15px;
float: left;
}
/* line 22, ../sass/_base/_common.scss */
.span5 {
width: 20%;
padding: 0 15px;
float: left;
}
/* line 27, ../sass/_base/_common.scss */
.span40 {
width: 40%;
padding: 0 15px;
float: left;
}
/* line 32, ../sass/_base/_common.scss */
.span60 {
width: 60%;
padding: 0 15px;
float: left;
}
/* line 37, ../sass/_base/_common.scss */
.span6 {
width: 66.6%;
padding: 0 15px;
float: left;
}
/* line 42, ../sass/_base/_common.scss */
.span8 {
width: 100%;
padding: 0 15px;
float: left;
}
/* line 47, ../sass/_base/_common.scss */
.span9 {
width: 80%;
padding: 0 15px;
float: left;
}
/* line 52, ../sass/_base/_common.scss */
.span10 {
width: 90%;
padding: 0 15px;
float: left;
}
/* line 57, ../sass/_base/_common.scss */
.span12 {
width: 100%;
/* Devendra start 09-09-2019 */
padding: 0 5px;
/* Devendra start 09-09-2019 */
float: left;
}
/* line 63, ../sass/_base/_common.scss */
.centered {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
}
/* Grid CSS - END */
/* line 71, ../sass/_base/_common.scss */
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
text-indent: 1px;
text-overflow: '';
}
select::-ms-expand {
display: none;
}
.top-space {
margin-top: 12px;
}
/* line 78, ../sass/_base/_common.scss */
.container {
width: 100%;
margin: 0 auto;
padding: 0 40px;
max-width: 1440px;
position: relative;
}
/* line 86, ../sass/_base/_common.scss */
.mainHeader {
background: #0071bb;
padding: 0 0 22px;
position: relative;
}
/* line 158, ../sass/_base/_mixins.scss */
.mainHeader .container:after {
content: "";
clear: both;
display: block;
}
/* line 93, ../sass/_base/_common.scss */
/*******Added on 18th March 2019 Start**********/
.mainHeader .logoSec {
float: left;
width: 25%;
margin: 10px 0px 0px 10px;
}
/*******Added on 18th March 2019 End**********/
/* line 97, ../sass/_base/_common.scss */
.mainHeader .logoSec a {
display: inline-block;
}
/* line 103, ../sass/_base/_common.scss */
.carInsurance {
width: 100%;
float: left;
position: relative;
}
/* line 108, ../sass/_base/_common.scss */
.carInsurance.blueBg {
background-image: linear-gradient(#ffffff, #e4faff);
}
/* line 111, ../sass/_base/_common.scss */
.carInsurance .topFixStep {
padding: 8px 0;
padding-top: 30px;
}
/* line 114, ../sass/_base/_common.scss */
.carInsurance .topFixStep.fixStep {
position: fixed;
width: 100%;
top: 0;
z-index: 13;
padding-top: 5px;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
left: 0;
background: #fff;
padding: 15px 0;
}
/* line 124, ../sass/_base/_common.scss */
.carInsurance .titleSec h1 {
font-size: 3rem;
color: #4f4f4f;
font-family: "AllianzSans";
font-weight: normal;
line-height: 30px;
text-align: center;
padding-bottom: 20px;
}
/* line 134, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper {
width: 100%;
max-width: 380px;
height: 343px;
position: absolute;
left: 50px;
top: 200px;
background-color: #fff;
padding: 20px 23px;
border: 1px solid #67dddf;
border-right: 4px solid #67dddf;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
box-shadow: 0px 0px 50px #e6eaeb;
z-index: 2;
display: none;
}
/* line 150, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper:before {
content: '';
height: 0;
width: 0;
display: block;
border: 10px transparent solid;
border-right-width: 0;
border-left-color: #67dddf;
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
top: 50%;
right: -12px;
}
/* line 163, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper .span12 {
padding: 5px 0;
}
/* line 167, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper h2 {
font-size: 2rem;
color: #000;
font-weight: normal;
}
/* line 174, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper label {
float: left;
color: #838383;
font-size: 1.4rem;
width: 45%;
}
/* line 181, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper p {
float: right;
color: #0071bb;
font-size: 1.3rem;
/******Added by Samina on 26th Sep 2018*********/
padding: 0 20px 0 0;
position: relative;
width: 55%;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 192, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper p span.icon {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
width: 17px;
height: 12px;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
cursor: pointer;
}
/* line 204, ../sass/_base/_common.scss */
.carInsurance .stepsNumber {
width: 790px;
margin: 30px auto 38px;
}
/* line 158, ../sass/_base/_mixins.scss */
.carInsurance .stepsNumber:after {
content: "";
clear: both;
display: block;
}
/* line 208, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar {
counter-reset: step;
}
/* line 210, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li {
width: calc(33.4% - 2px);
float: left;
position: relative;
height: 9px;
}
/* line 215, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:after {
content: "";
width: 2px;
height: 5px;
background: #a1a1a1;
position: absolute;
left: 8px;
top: 15px;
}
/* line 225, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.active .proText {
color: #4f4f4f;
/* bottom: -35px; */
}
/* line 231, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.active>span span:after {
display: block;
}
/* line 237, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span {
width: 100%;
height: 15px;
float: left;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/progress-bar-bg-1.png) repeat-x 0 0;
right: 0;
position: absolute;
}
/* line 244, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span {
width: 0px;
height: 16px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/progress-bar.png) no-repeat 0 0;
display: block;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
margin: 0 0 0 -1px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
overflow: visible !important;
/* Added by Bhavesh on 17-09-2018 */
}
/* line 253, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span:after {
content: "";
width: 40px;
height: 40px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/tyre-progress-bar.png) no-repeat 0 0;
position: absolute;
right: -16px;
bottom: 16px;
display: none;
}
.carInsurance .stepsNumber .step-progressbar li>span span.active:after {
/* Added by Bhavesh on 17-09-2018 */
/* transform: rotate(359deg);
transition: all 0.5s ease-in infinite; */
animation: tyreAnim 2s infinite linear;
-webkit-animation: tyreAnim 2s infinite linear;
}
@keyframes tyreAnim {
/* line 951, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: all 10s ease-in;
}
/* line 956, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transition: all 10s ease-in;
}
}
@keyframes tyreAnim {
/* line 951, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: all 10s ease-in;
}
/* line 956, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transition: all 10s ease-in;
}
}
/* line 263, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em {
font-size: 1.8rem;
color: #6b6b6b;
border: 1px solid #aeaeae;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
position: absolute;
background: #fff;
font-style: normal;
text-align: center;
padding: 2px 10px;
min-width: 51px;
height: 38px;
right: -76px;
top: -12px;
display: none;
line-height: 32px;
z-index: 1;
}
.carInsurance .stepsNumber .step-progressbar li.active>span span em {
display: block;
}
/* line 281, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:after,
.carInsurance .stepsNumber .step-progressbar li>span span em:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
/* line 291, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 8px;
margin-top: -8px;
}
/* line 297, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:before {
border-color: rgba(0, 0, 0, 0);
border-right-color: #6d6c6c;
border-width: 9px;
margin-top: -9px;
}
/* line 306, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li .proText {
color: #4f4f4f;
font-weight: normal;
font-family: "AllianzSans";
position: absolute;
bottom: -40px;
left: -10px;
white-space: nowrap;
font-size: 1.6rem;
}
/* line 317, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(1)>span {
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-ms-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
/* line 320, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
left: -35px;
}
/* line 325, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2):after {
left: -2px;
}
/* line 328, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText {
left: -53px;
}
/* line 331, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2)>span {
/*@include border-radius(0 10px 10px 0);*/
}
/* line 333, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2)>span span {
background-position: -261px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* line 340, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2).filled>span span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
/* line 342, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2).filled>span span em {
display: none !important;
}
/* line 350, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3):after {
left: -2px;
}
/* line 353, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText {
/* left: -28px; */
}
/* line 356, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3)>span {
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* line 358, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3)>span span {
background-position: -522px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* line 364, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child {
width: 3px;
}
/* line 366, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child:after {
left: -8px;
}
/* line 369, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
left: -50px;
}
/* line 372, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child>span {
width: 0;
}
/* line 378, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.filled>span span {
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-ms-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
/* line 388, ../sass/_base/_common.scss */
.stepsWrapper {
width: 100%;
float: left;
}
.stepsWrapper.carincpanel {
margin-top: 30px;
}
/* line 391, ../sass/_base/_common.scss */
.stepsWrapper .myCar {
width: 100%;
float: left;
}
/* line 395, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle {
width: 400px;
height: 400px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 0px 50px #e6eaeb;
position: relative;
left: 50%;
top: 25px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
float: left;
}
/* line 408, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest1 {
width: 100%;
height: 100%;
}
/* line 413, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle label {
width: 100%;
float: left;
font-size: 1.6rem;
color: #0071bb;
/* Added by Bhavesh on 17-09-2018 */
}
/* line 418, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle input {
float: left;
border-bottom: 1px solid #ccc;
background: none;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
position: relative;
text-align: center;
font-size: 2.2rem;
/* line-height: 2.5; */
color: #ff9b41;
padding-bottom: 3px;
text-transform: capitalize;
width: 90%;
max-width: 215px;
}
.stepsWrapper .myCar .stepCircle input#myDob {
text-transform: none;
}
/* line 431, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec {
width: 83px;
height: 64px;
float: left;
border-bottom: 1px solid #cecece;
position: relative;
left: 50%;
top: 12px; /* code added by poonam */
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
/* line 441, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec:before {
width: 62px;
height: 62px;
background-color: #f7f7f7;
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
/* line 453, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec span {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
/* line 463, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest1 .iconSec span,
.stepsWrapper .myCar .stepCircle .quest6 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 0 no-repeat;
width: 53px;
height: 45px;
}
/* line 474, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest2 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -54px no-repeat;
width: 53px;
height: 45px;
}
/* line 481, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
margin-bottom: 15px;
}
/* line 491, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest3 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -54px no-repeat;
width: 53px;
height: 45px;
}
/* line 502, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest4 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -114px no-repeat;
width: 53px;
height: 45px;
}
/* line 514, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest4 .regDate {
margin-top: 16px;
}
/* line 521, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest5 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -171px no-repeat;
width: 53px;
height: 45px;
}
/* line 532, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest7 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -225px no-repeat;
width: 53px;
height: 50px;
}
/* line 541, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .questionsCont {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 100%;
float: left;
text-align: center;
}
/* line 550, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn {
width: 52px;
height: 52px;
background-color: #ff9b41;
position: absolute;
float: left;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
/* line 560, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span {
height: 24px;
width: 24px;
display: block;
position: relative;
overflow: hidden;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* line 561, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span:before {
content: '';
height: 10px;
width: 10px;
display: block;
border: 2px solid #fff;
border-left-width: 0;
border-top-width: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
position: absolute;
top: 7px;
left: 9px;
}
/* line 562, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span:after {
content: '';
height: 2px;
width: 20px;
display: block;
background: #fff;
position: absolute;
top: 12px;
left: 0px;
}
.stepsWrapper .myCar .stepCircle .nextBtn.getQuote {
max-width: 181px;
min-width: 181px;
font-family: 'AllianzB';
color: #fff;
width: 181px;
line-height: 45px;
border-radius: 100px;
text-align: center;
bottom: 40px;
/* Added by Bhavesh on 17-09-2018 */
padding: 5px 0;
}
/* line 567, ../sass/_base/_common.scss */
.stepsWrapper .buildInsPlan {
position: absolute;
width: 30%;
top: 300px;
font-size: 3rem;
color: #3a3a3a;
font-family: 'AllianzB';
left: 80px;
z-index: 1;
}
/* line 578, ../sass/_base/_common.scss */
.stepsWrapper .almostDone {
position: absolute;
width: 30%;
top: 300px;
font-size: 3rem;
color: #3a3a3a;
font-family: 'AllianzB';
right: 0;
line-height: 35px;
display: none;
}
/* line 590, ../sass/_base/_common.scss */
.stepsWrapper .almostDone span {
color: #ff9b41;
}
/* line 596, ../sass/_base/_common.scss */
.carImg {
position: absolute;
bottom: 25px;
right: 80px;
}
/* line 602, ../sass/_base/_common.scss */
.natureBg {
width: 100%;
position: absolute;
bottom: 0;
}
.natureBg.position {
position: relative;
}
/* line 610, ../sass/_base/_common.scss */
.radioWrapper {
float: left;
}
/* line 613, ../sass/_base/_common.scss */
.radioWrapper ul li {
float: left;
}
/* line 615, ../sass/_base/_common.scss */
.radioWrapper ul li label {
padding: 5px 35px 5px 25px;
background-color: #f7f7f7;
color: #858585 !important;
/* Added by Bhavesh on 17-09-2018 */
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
position: relative;
}
/* line 623, ../sass/_base/_common.scss */
.radioWrapper ul li input {
opacity: 0;
}
/* line 626, ../sass/_base/_common.scss */
.radioWrapper ul li:nth-child(2) {
margin-left: -20px;
}
/* line 631, ../sass/_base/_common.scss */
.radioWrapper ul li.active label {
background-color: #0071bb;
/* Added by Bhavesh on 17-09-2018 */
color: #fff;
z-index: 1;
color: #fff !important;
/* Added by Bhavesh on 17-09-2018 */
}
/* line 642, ../sass/_base/_common.scss */
.radioWrapper.anyClaim li label {
padding: 5px 20px;
}
/* line 645, ../sass/_base/_common.scss */
.radioWrapper.anyClaim li:nth-child(2) {
margin-left: -15px;
}
/* line 655, ../sass/_base/_common.scss */
.selectMulty {
position: absolute;
left: 0px;
min-width: 140px;
width: auto;
display: none;
z-index: 19;
/* Added by Bhavesh on 17-09-2018 */
margin: 0;
}
/* line 663, ../sass/_base/_common.scss */
.selectMulty .innerWrap {
width: 100%;
z-index: 2;
background: #fff;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
max-height: 300px;
overflow-y: auto;
}
/* line 672, ../sass/_base/_common.scss */
.selectMulty ul li {
border-bottom: 1px solid #e4e4e4;
padding: 9px 12px 8px;
cursor: pointer;
}
/* line 676, ../sass/_base/_common.scss */
.selectMulty ul li:last-child {
border-bottom: 0;
padding-bottom: 8px;
}
/* line 682, ../sass/_base/_common.scss */
.selectMulty label {
font-size: 1.8rem;
color: #4f4f4f;
cursor: pointer;
position: relative;
padding-left: 38px;
display: block;
}
/* line 689, ../sass/_base/_common.scss */
.selectMulty label:before {
content: '';
background: #c1c1c1;
left: 8px;
position: absolute;
top: 2px;
width: 20px;
height: 20px;
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
/* line 705, ../sass/_base/_common.scss */
.selectMulty input:checked+label:before {
background: #0072bc;
background-color: #0072bc;
background-position: -369px -468px;
}
/* line 710, ../sass/_base/_common.scss */
.selectMulty input {
width: auto;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: -1;
top: 0;
}
/* line 719, ../sass/_base/_common.scss */
.selectMulty .close {
position: absolute;
top: 0;
right: 0;
font-size: 20px;
color: #000;
width: 30px;
height: 30px;
text-align: center;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -315px -83px;
z-index: 1;
}
/* line 734, ../sass/_base/_common.scss */
.margBtm25 {
margin-bottom: 25px;
}
.margBtm10 {
margin-bottom: 10px;
}
/* line 735, ../sass/_base/_common.scss */
.margTop25 {
margin-top: 25px;
}
/* line 737, ../sass/_base/_common.scss */
.policyExpWrapper {
margin-top: 25px;
}
/* line 740, ../sass/_base/_common.scss */
.customSelect {
position: relative;
border-bottom: 1px solid #ccc;
cursor: pointer;
float: left;
}
/* line 745, ../sass/_base/_common.scss */
.customSelect select {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
font-size: 1.8rem;
color: #4f4f4f;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 759, ../sass/_base/_common.scss */
.customSelect select option {
background: #fff;
color: #4f4f4f;
font-size: 1.8rem;
}
/* line 765, ../sass/_base/_common.scss */
.customSelect .selectedText,
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
position: relative;
z-index: 2;
color: #ff9b41;
font-size: 2rem;
float: left;
padding: 0 12px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.customSelect .ui-widget {
position: relative;
width: 100%;
}
/* line 774, ../sass/_base/_common.scss */
.customSelect .selectedText:after,
.customSelect .ui-widget:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 8px;
content: "";
position: absolute;
width: 6px;
height: 6px;
border: 1px solid #cacaca;
border-color: transparent transparent #cacaca #cacaca;
right: 0px;
background: none;
}
/*******Added by Indigo on 7th June 2019 Start*******/
.quest3 .customSelect .selectedText:after,
.quest3 .customSelect .ui-widget:after {
display: none;
}
/*******Added by Indigo on 7th June 2019 End********/
/* .customSelect .ui-widget:after {
right: 21px;
} */
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle,
.stepsWrapper .myCar .stepCircle .customSelect .carModel,
.stepsWrapper .myCar .stepCircle .customSelect .carVariant {
border: none;
line-height: initial;
/* width: 64px; */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.stepsWrapper .myCar .stepCircle .customSelect #carMake {
width: 90%;
}
.stepsWrapper .myCar .stepCircle .customSelect #carModel,
.stepsWrapper .myCar .stepCircle .customSelect .carVariant {
width: 105px;
}
.stepsWrapper .myCar .stepCircle .customSelect ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
.stepsWrapper .myCar .stepCircle ::-webkit-input-placeholder {
font-size: 1.6rem;
}
.stepsWrapper .myCar .stepCircle ::-moz-placeholder {
font-size: 1.6rem;
}
.stepsWrapper .myCar .stepCircle :-ms-input-placeholder {
font-size: 1.6rem;
}
.stepsWrapper .myCar .stepCircle .customSelect ::-moz-placeholder {
/* Firefox 19+ */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
.stepsWrapper .myCar .stepCircle .customSelect :-ms-input-placeholder {
/* IE 10+ */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
.stepsWrapper .myCar .stepCircle .customSelect :-moz-placeholder {
/* Firefox 18- */
color: #ff9b41;
font-size: 1.6rem;
opacity: 1;
}
/* line 793, ../sass/_base/_common.scss */
/*******Added on 8th April 2019 Start*********/
.errorMsg,
.validEntry {
color: red;
font-size: 1.1rem;
display: none;
width: 100%;
float: left;
/* padding: 5px 0 15px; */
/*padding: 5px 0 0px;*/
/* Done by bhavesh on 20-09-2018 */
padding: 0px 0 0px; /* Devendra 09-09-2019 */
}
/*******Added on 8th April 2019 End*********/
/* line 803, ../sass/_base/_common.scss */
.ui-datepicker {
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-top: 7px;
}
/* line 808, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-header {
background: #0171bb;
}
/* line 810, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
line-height: 3;
margin: 0 45px;
}
/* line 816, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) 40px -278px no-repeat;
border: 0;
width: auto;
text-align: center;
color: white;
margin: 0 10px;
text-transform: uppercase;
font-size: 1.8rem;
padding-right: 20px;
min-width: 60px;
position: relative;
height: 21px;
}
/* line 829, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
font-size: 1.3rem;
color: black;
outline: none;
padding: 5px;
}
/* line 837, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
background: #005797;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
cursor: pointer;
top: 26px;
}
/* line 846, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-prev {
left: 10px;
}
/* line 849, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-next {
right: 10px;
}
/* line 857, ../sass/_base/_common.scss */
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker html .ui-button.ui-state-disabled:hover,
.ui-datepicker html .ui-button.ui-state-disabled:active {
border: 0;
background: white;
color: #0171bb;
}
/* line 863, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-icon {
border: 2px solid #fff;
border-color: transparent transparent #fff #fff;
width: 12px;
height: 12px;
top: 17px;
left: 19px;
}
/* line 872, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 881, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
-webkit-transform: rotate(-134deg);
-moz-transform: rotate(-134deg);
-ms-transform: rotate(-134deg);
-o-transform: rotate(-134deg);
transform: rotate(-134deg);
left: 14px;
}
/* line 891, ../sass/_base/_common.scss */
.ui-datepicker .ui-state-active {
background: #fe9542;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
color: white;
width: 30px;
height: 30px;
}
/* line 900, ../sass/_base/_common.scss */
.ui-datepicker table td span,
.ui-datepicker table td a {
text-align: center;
color: #267dc0;
font-size: 2rem;
}
/* line 908, ../sass/_base/_common.scss */
.ui-widget.ui-widget-content {
z-index: 12 !important;
/* max-height: 400px;
overflow-y: auto; */
}
.ui-widget.ui-widget-content.dropdownAutocomplete {
z-index: 19 !important;
}
.dropdownAutocomplete {
max-height: 300px;
overflow-y: auto;
}
/* line 913, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
padding: 0;
height: auto;
}
/* line 919, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
max-height: 100px;
}
/* line 925, ../sass/_base/_common.scss */
#Car_2 {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
opacity: 0;
}
/* line 928, ../sass/_base/_common.scss */
#Car_2.active {
animation: carAnim2 10s infinite linear;
-webkit-animation: carAnim2 10s infinite linear;
opacity: 1;
}
/* line 934, ../sass/_base/_common.scss */
#Car_3 {
transform: translateX(100%);
-webkit-transform: translateX(100%);
opacity: 0;
}
/* line 937, ../sass/_base/_common.scss */
#Car_3.active {
animation: carAnim3 10s infinite linear 5s;
-webkit-animation: carAnim3 10s infinite linear 5s;
opacity: 1;
}
/* line 943, ../sass/_base/_common.scss */
#c1_T2aaa {
position: relative;
}
/* line 944, ../sass/_base/_common.scss */
#c1_T2aaa>g {
animation: rotation 2s infinite linear;
-webkit-animation: rotation 2s infinite linear;
}
@keyframes carAnim2 {
/* line 951, ../sass/_base/_common.scss */
from {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in;
}
/* line 956, ../sass/_base/_common.scss */
to {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in;
}
}
@-webkit-keyframes carAnim2 {
/* line 964, ../sass/_base/_common.scss */
from {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in;
}
/* line 969, ../sass/_base/_common.scss */
to {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in;
}
}
@keyframes carAnim3 {
/* line 977, ../sass/_base/_common.scss */
from {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in 5s;
}
/* line 982, ../sass/_base/_common.scss */
to {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in 5s;
}
}
@-webkit-keyframes carAnim3 {
/* line 990, ../sass/_base/_common.scss */
from {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 10s ease-in;
}
/* line 995, ../sass/_base/_common.scss */
to {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 10s ease-in;
}
}
@keyframes rotation {
/* line 1003, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin: left;
}
/* line 1008, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform-origin: left;
}
}
@-webkit-keyframes rotation {
/* line 1016, ../sass/_base/_common.scss */
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin: left;
}
/* line 1021, ../sass/_base/_common.scss */
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform-origin: left;
}
}
/* line 1029, ../sass/_base/_common.scss */
.idv-sum-range {
width: 100%;
height: 8px;
/*******Added by Samina on 18th Sep 2018*********/
float: left;
position: relative;
}
/* line 1034, ../sass/_base/_common.scss */
.idv-sum-range>span {
position: absolute;
border-right: 3px solid #0071bb;
top: 6px;
/*******Added by Samina on 18th Sep 2018*********/
z-index: 99;
width: 3px;
height: 13px;
}
/*******Added by Samina on 18th Sep 2018*********/
/* .idv-sum-range > span:nth-child(3), .idv-sum-range span:last-child {
height: 21px;
top: -8px;
} */
/* line 2, ../sass/_base/_car-insurance.scss */
.tooltip {
position: relative;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -342px -472px;
width: 16px;
height: 16px;
display: inline-block;
margin: 0 5px;
cursor: pointer;
top: 3px;
}
/* line 14, ../sass/_base/_car-insurance.scss */
.toolContent {
width: 200px;
height: auto;
position: absolute;
left: 0;
background: white;
border: 1px solid #ebebeb;
-webkit-transform: rotateX(-50%);
-moz-transform: rotateX(-50%);
-ms-transform: rotateX(-50%);
-o-transform: rotateX(-50%);
transform: rotateX(-50%);
top: -75px;
padding: 10px;
display: none;
font-size: 1.3rem;
line-height: 16px;
z-index: 12;
}
/*-----Custom Tooltip starts-----*/
/* line 31, ../sass/_base/_car-insurance.scss */
label span.tooltip,
p span.tooltip,
div span.tooltip,
span span.tooltip {
position: relative;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -342px -472px;
width: 16px;
height: 16px;
display: inline-block;
margin: 0 5px;
cursor: pointer;
top: 3px;
}
/* line 41, ../sass/_base/_car-insurance.scss */
label span.tooltip label span.toolContent,
label span.tooltip p span.toolContent,
label span.tooltip div span.toolContent,
label span.tooltip span span.toolContent,
p span.tooltip label span.toolContent,
p span.tooltip p span.toolContent,
p span.tooltip div span.toolContent,
p span.tooltip span span.toolContent,
div span.tooltip label span.toolContent,
div span.tooltip p span.toolContent,
div span.tooltip div span.toolContent,
div span.tooltip span span.toolContent,
span span.tooltip label span.toolContent,
span span.tooltip p span.toolContent,
span span.tooltip div span.toolContent,
span span.tooltip span span.toolContent {
width: 200px;
height: auto;
position: absolute;
left: 8px;
background: #fff;
border: 1px solid #ebebeb;
-webkit-transform: rotateX(-50%);
-moz-transform: rotateX(-50%);
-ms-transform: rotateX(-50%);
-o-transform: rotateX(-50%);
transform: rotateX(-50%);
top: -37px;
padding: 10px;
display: none;
color: #909090;
font-size: 1.3rem;
line-height: 16px;
z-index: 12;
}
/*-----Custom Tooltip ends-----*/
/* line 63, ../sass/_base/_car-insurance.scss */
.clearit {
clear: both;
}
/* line 64, ../sass/_base/_car-insurance.scss */
.bredcrumbs {
padding-top: 18px;
clear: both;
}
/* line 68, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li {
font-size: 1.4rem;
font-family: "AllianzSansLight";
color: black;
display: inline-block;
vertical-align: top;
margin-right: 20px;
position: relative;
}
/* line 76, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li a {
font-size: 1.4rem;
font-family: "AllianzSansLight";
color: black;
}
/* line 80, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li a:hover {
text-decoration: underline;
}
/* line 85, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li:before {
content: '';
position: absolute;
right: -12px;
top: 6px;
border: solid black;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
width: 6px;
height: 6px;
}
/* line 98, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li:last-child:before {
display: none;
}
/* line 105, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm {
max-width: 380px;
width: 100%;
background: #67dddf;
padding: 20px 34px 70px;
border-radius: 20px;
}
.summarySec.carsumm.fixed {
position: fixed;
top: 200px;
z-index: 10;
/*******Added by Samina on 20th Sep 2018**********/
}
/* line 112, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .iconSec {
width: 65px;
height: 65px;
background: white url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat -447px 12px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
/* line 120, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
width: 70%;
}
/* line 125, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead p {
font-size: 1.5rem;
margin-top: 5px;
float: left;
}
/* line 129, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead p strong {
font-weight: normal;
font-family: "AllianzB";
}
/* line 135, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec h3 {
padding-bottom: 0;
font-size: 2.4rem;
font-family: "AllianzB";
color: #000;
}
/* line 142, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent {
background: #fff;
margin-top: 20px;
position: relative;
padding: 10px 0;
border-radius: 15px;
box-shadow: 0px 0px 40px rgba(153, 153, 153, 0.54118);
}
/* line 149, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent:before {
top: -30px;
left: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #fff;
border-width: 15px;
margin-left: -15px;
}
/* line 163, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent:after {
bottom: -62px;
content: " ";
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/summary-after.png) no-repeat -33px 0;
width: 100%;
height: 75px;
position: absolute;
background-size: auto 88.7px;
}
/* line 172, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content {
padding: 20px;
}
/* line 174, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content h2 {
font-family: 'AllianzSans';
font-size: 1.8rem;
color: #4f4f4f;
font-weight: normal;
margin-bottom: 10px;
}
/* line 180, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .bluecolor {
color: #0073bd;
}
/* line 182, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .bluecolor span {
color: #757575;
}
/* line 186, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content p {
color: #9e9e9e;
font-family: 'AllianzSans';
font-size: 1.3rem;
}
/* line 191, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content nav {
/* display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
flex-wrap: wrap;
justify-content: space-between; */
display: block;
width: 100%;
}
/* line 195, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content nav a {
color: #fe9542;
border-bottom: 1px solid #fe9542;
position: relative;
margin-right: 15px;
font-size: 1.7rem;
}
.summarySec.carsumm .innerContent .content nav a:first-child:after {
content: '';
position: absolute;
width: 1px;
height: 15px;
background: #fe9542;
right: -9px;
/******Added by Samina on 24th Sep 2018******/
top: 4px;
}
/* line 199, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .dynamiccars {
max-width: 275px;
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
margin: 20px 0;
}
/* line 205, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .dynamiccars img {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
left: 50%;
top: 50%;
position: absolute;
width: 100%;
}
/* line 216, ../sass/_base/_car-insurance.scss */
.fleft {
float: left;
}
/* line 219, ../sass/_base/_car-insurance.scss */
.setnature {
position: relative;
bottom: auto;
overflow: hidden;
}
/* line 223, ../sass/_base/_car-insurance.scss */
/* line 225, ../sass/_base/_car-insurance.scss */
.carincpanel label span.tooltip,
.carincpanel p span.tooltip,
.carincpanel div span.tooltip,
.carincpanel span span.tooltip {
background-position: -349px -443px;
}
/* line 228, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel {
float: left;
width: 65%;
position: relative;
}
/* line 231, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel h2 {
font-family: 'AllianzSans';
font-size: 2.2rem;
color: #4f4f4f;
font-weight: normal;
}
/* line 238, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum {
position: relative;
margin: 63px 0;
}
/* line 242, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-widget-header {
background: #0071bb;
}
/* line 245, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/ui-handle.png") no-repeat center center !important;
width: 36px;
height: 36px;
border: none;
margin-top: -8px;
}
/* line 251, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
position: absolute;
top: -35px;
text-align: center;
width: initial;
height: 30px;
line-height: 30px;
/********Added by Samina on 18th Sep 2018**********/
left: -13px;
/********Added by Samina on 18th Sep 2018**********/
border: 1px solid #999;
border-radius: 5px;
color: #ff9b41;
/********Added by Samina on 18th Sep 2018**********/
padding: 0px 5px;
}
/* line 261, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
right: 44px;
bottom: -16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
border-color: transparent;
border-right-color: #6d6c6c;
border-width: 8px;
margin-top: -9px;
}
/* line 276, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
right: 45px;
bottom: -16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 7px;
bottom: -14px;
}
/* line 295, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
position: absolute;
top: -37px;
text-align: center;
width: initial;
height: 30px;
left: -13px;
border: 1px solid #999;
border-radius: 5px;
color: #0071bb;
padding: 0px 5px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 44px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 45px;
}
/* line 309, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum span.min-range {
color: #000;
font-size: 1.7rem;
display: inline-block;
position: absolute;
left: -3px;
bottom: -77px;
font-family: "AllianzB";
text-align: left;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 318, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range {
color: #000;
font-size: 1.7rem;
display: inline-block;
position: absolute;
right: 0;
bottom: -77px;
font-family: "AllianzB";
text-align: right;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 327, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum input {
color: #0071bb;
position: absolute;
right: 0;
text-align: right;
bottom: -32px;
}
/* line 334, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .minval,
.carincpanel .leftpanel .idv-val-sec .idv-sum .maxval {
color: #989898;
font-size: 1.4rem;
}
/* line 340, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .car-owner,
.ownDamageCover {
/* display: flex; */
align-items: center;
margin-top: 50px;
}
.ownDamageCover {
margin-top: 0;
}
.damageCoverWrapper {
margin-bottom: 0px;
padding-bottom: 0px !important;
}
.carincpanel .leftpanel .siPerPerson {
display: flex;
align-items: center;
margin: 20px 0;
display: none;
}
.carincpanel .leftpanel .car-owner h4.headdefine,
.carincpanel .leftpanel .siPerPerson h4.headdefine,
.ownDamageCover h4.headdefine {
margin-right: 25px;
padding-bottom: 0;
/******Added by Samina on 18th Sep 2018*******/
float: left;
}
/* line 349, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .paCoverWrapper {
clear: both;
display: flex;
align-items: center;
display: -ms-flex;
-ms-align-items: center;
margin-top: 20px;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 345, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .car-owner h4.headdefine,
.ownDamageCover h4.headdefine {
margin-right: 25px;
padding-bottom: 0;
/******Added by Samina on 18th Sep 2018*******/
float: left;
}
/* line 349, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .paCoverWrapper {
clear: both;
display: flex;
align-items: center;
display: -ms-flex;
-ms-align-items: center;
margin-top: 20px;
/******Added by Samina on 18th Sep 2018*******/
}
/* .carincpanel .leftpanel .paCoverWrapper{ display: none;} */
/* line 354, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine {
margin-right: 25px;
/* display: inline-block; */
float: left;
position: relative;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 357, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .paCoverWrapper ul {
width: 140px;
border: 1px solid #ccc;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
/* line 363, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .paCoverWrapper ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
/* line 369, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .paCoverWrapper ul li input[type='radio'] {
display: none;
}
/* line 372, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .paCoverWrapper ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* line 388, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics h4.headdefine {
width: 75%;
}
/* line 393, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content {
position: relative;
}
/* line 396, ../sass/_base/_car-insurance.scss */
/* --35 */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
float: left;
margin-top: 15px;
margin-right: 35px;
/******Added by Samina on 18th Sep 2018*******/
position: relative;
/* Added by Bhavesh on 18-09-2018 */
cursor: pointer;
/* Added by Bhavesh on 18-09-2018 */
width: 228px;
/* Added by Samina on 20-09-2018 */
background-color: #fff;
}
/* line 400, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li:last-child {
margin-right: 0;
}
/* line 403, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li input {
opacity: 0;
z-index: 999;
position: absolute;
top: 0;
}
/* line 410, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a {
display: block;
text-align: center;
color: #fe9542;
background-color: transparent;
font-size: 1.6rem;
font-family: 'AllianzB';
padding: 10px 35px;
/******Added by Samina on 18th Sep 2018*******/
border-radius: 10px;
/* -webkit-box-shadow: 5px 5px 30px 1px #e0e0e0;
-moz-box-shadow: 5px 5px 30px 1px #e0e0e0;
box-shadow: 5px 5px 30px 1px #e0e0e0; */
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
position: relative;
}
/* line 423, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a:before {
content: '';
position: absolute;
left: -10px;
top: -10px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
/* line 434, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a span {
display: block;
text-align: center;
color: #0071bb;
font-size: 3rem;
font-family: 'AllianzSans';
margin-top: 10px;
}
/* line 445, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active {
background-color: #0e8dfa;
/******Added by Samina on 18th Sep 2018*******/
color: #ffffff;
border-radius: 10px;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 448, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active a {
color: #ffffff;
}
/* line 450, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active a span {
color: #ffffff;
}
/* line 458, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail {
background-color: #ffffff;
border: 1px #dddddd solid;
padding: 0px 20px;
/*****Added by Samina on 20th Sep 2018*****/
border-radius: 10px;
padding-bottom: 25px;
margin-top: 40px;
position: relative;
float: left;
}
/* line 467, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before {
content: "";
border: 2px solid #fff;
border-color: transparent transparent #dddddd #dddddd;
width: 20px;
height: 20px;
top: -12px;
left: 98px;
margin: auto;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
background-color: #ffffff;
}
/* line 481, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul {
width: 100%;
/*******Added by Samina on 20th Sep 2018*********/
}
/* line 483, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li {
margin-top: 17px;
width: 33%;
font-size: 1.6rem;
color: #818181;
position: relative;
padding-left: 20px;
float: left;
}
/* line 491, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li:before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 7px;
/******Added by Samina on 18th Sep 2018*******/
height: 7px;
/******Added by Samina on 18th Sep 2018*******/
background-color: #fe9542;
border-radius: 50%;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active input+label a:before {
background: #ff9b41 url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png') no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
/* line 503, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail a {
display: inline-block;
color: #0080c9;
font-size: 1.6rem;
border-bottom: 1px #0080c9 solid;
padding-bottom: 0px;
position: absolute;
right: 25px;
bottom: 26px;
}
/* line 518, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li {
border-bottom: 1px solid #e4e4e4;
padding: 12px 0 13px;
position: relative;
/******Added by Samina on 18th Sep 2018*******/
}
/* line 521, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li label {
font-size: 1.3rem;
color: #4f4f4f;
/******Added by Samina on 18th Sep 2018*******/
cursor: pointer;
position: relative;
padding-left: 32px;
display: block;
line-height: 20px;
}
/* line 529, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li label:before {
content: '';
background: #c1c1c1;
left: 0px;
position: absolute;
top: 1px;
width: 22px;
/******Added by Samina on 18th Sep 2018*******/
height: 22px;
/******Added by Samina on 18th Sep 2018*******/
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
.theft_cover .declare-radio ul li label:before {
content: '';
background: #c1c1c1;
left: 0px;
position: absolute;
top: 1px;
width: 22px;
/******Added by Samina on 18th Sep 2018*******/
height: 22px;
/******Added by Samina on 18th Sep 2018*******/
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
/* line 542, ../sass/_base/_car-insurance.scss */
.theft_cover .declare-radio ul li.active label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -367px -467px;
}
.carincpanel .leftpanel .declare-radio ul li input:checked+label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -367px -467px;
}
.carincpanel .leftpanel .check-reg ul li label:before {
content: '';
background: #fff !important;
border: 1px solid #c1c1c1;
left: 0px;
position: absolute;
/*Devendra start 27-Nov-2019 */
top: 0px;
/*Devendra end 27-Nov-2019 */
width: 22px;
/******Added by Samina on 18th Sep 2018*******/
height: 22px;
/******Added by Samina on 18th Sep 2018*******/
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
.carincpanel .leftpanel .noreg-dec ul li label:before{
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -367px -467px;
}
/* .carincpanel .leftpanel .declare-radio ul li.active input + label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -368px -468px;
} */
/* line 547, ../sass/_base/_car-insurance.scss */
.theft_cover .declare-radio ul li input {
width: auto;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: -1;
top: 0;
}
.carincpanel .leftpanel .declare-radio ul li input {
width: auto;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: -1;
top: 0;
}
/* line 556, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li:last-child {
border-bottom: 0;
padding-bottom: 8px;
}
/* line 564, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .rowline {
padding: 15px 0;
float: left;
width: 100%;
}
/* line 574, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul {
display: flex;
align-items: center;
margin-top: 7px;
}
/* line 578, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li {
border-bottom: none;
margin-right: 20px;
float: left;
}
/* line 581, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label {
color: #4f4f4f;
font-size: 1.8rem;
/***Add by Samina on 24th Sep 2018***/
font-family: 'AllianzSans';
}
/* line 585, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label:before {
top: -3px;
background-color: transparent;
border: 1px solid #c1c1c1;
}
/* line 591, ../sass/_base/_car-insurance.scss */
/* .carincpanel .leftpanel .enhance-topup .declare-radio ul li input:checked + label:before {
background-color: transparent;
background-position: -394px -465px;
} */
/* line 607, ../sass/_base/_car-insurance.scss */
.carincpanel .rightpanel {
float: right;
width: 28%;
}
/* line 694, ../sass/_base/_car-insurance.scss */
.btn {
background: #f89c30;
padding: 9px 0px 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: white;
font-size: 2.4rem;
display: inline-block;
clear: both;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
border: 1px solid #f89c30;
font-family: 'AllianzB';
letter-spacing: 1px;
max-width: 235px;
min-width: 235px;
width: 90%;
}
/* line 712, ../sass/_base/_car-insurance.scss */
.btn:before {
content: '';
z-index: -1;
background: white;
position: absolute;
top: 50%;
right: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
/* line 727, ../sass/_base/_car-insurance.scss */
.btn:hover {
color: #f89c30;
}
/* line 729, ../sass/_base/_car-insurance.scss */
.btn:hover:before {
-webkit-transform: scale3d(9, 9, 1);
-moz-transform: scale3d(9, 9, 1);
-ms-transform: scale3d(9, 9, 1);
-o-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
/* line 859, ../sass/_base/_car-insurance.scss */
.customSelect select {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
font-size: 1.8rem;
color: #4f4f4f;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 873, ../sass/_base/_car-insurance.scss */
.customSelect select option {
background: #fff;
color: #4f4f4f;
font-size: 1.8rem;
}
/* line 879, ../sass/_base/_car-insurance.scss */
.customSelect .selectedText {
/* flipkart-devendra-start 5may-2020 */
width: 100%;
/* flipkart-devendra-end 5may-2020 */
position: relative;
z-index: 2;
color: #ff9b41;
float: left;
padding: 0 12px 0 0;
/******Added by Samina on 18th Sep 2018*******/
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
font-size: 1.9rem;
}
/* line 888, ../sass/_base/_car-insurance.scss */
.customSelect .selectedText:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 6px;
content: "";
position: absolute;
width: 6px;
height: 6px;
border: 1px solid #cacaca;
border-color: transparent transparent #cacaca #cacaca;
right: -5px;
background: none;
}
/* line 903, ../sass/_base/_car-insurance.scss */
h4.headdefine {
font-size: 1.8rem;
/***Add by Samina on 24th Sep 2018***/
font-family: "AllianzB";
color: #000;
}
/* line 908, ../sass/_base/_car-insurance.scss */
.add-disc {
display: flex;
display: -ms-flex;
align-items: center;
-ms-align-items: center;
}
.add-disc h4 {
float: left;
}
/* line 912, ../sass/_base/_car-insurance.scss */
.premiupPopup {
display: none;
}
/* line 914, ../sass/_base/_car-insurance.scss */
.premiupPopup,
.offlinePopup,
.popup {
max-width: 600px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 99913;
display: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
/* line 927, ../sass/_base/_car-insurance.scss */
.premiupPopup .close,
.offlinePopup .close,
.popup .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
/* line 938, ../sass/_base/_car-insurance.scss */
.premiupPopup h3,
.offlinePopup h3 {
color: #ff9b41;
font-size: 2.4rem;
font-family: "AllianzB";
width: 90%;
}
/* line 944, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop,
.offlinePopup .rowPop {
width: 100%;
float: left;
padding: 15px 0;
}
/* line 948, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop,
.offlinePopup .rowPop .colPop {
float: left;
color: #4f4f4f;
font-family: "AllianzSans";
font-size: 2.0rem;
}
/* line 954, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:first-child,
.offlinePopup .rowPop .colPop:first-child {
width: 70%;
position: relative;
}
/* line 957, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:first-child:before,
.offlinePopup .rowPop .colPop:first-child:before {
position: absolute;
content: ':';
right: 0;
}
/* line 963, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:last-child,
.offlinePopup .rowPop .colPop:last-child {
width: 30%;
text-align: right;
}
/* line 968, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop:last-child,
.offlinePopup .rowPop:last-child {
border-top: 1px solid #d2d2d2;
}
/* line 971, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop:last-child .colPop,
.offlinePopup .rowPop:last-child .colPop {
color: #0071bb;
}
/* line 978, ../sass/_base/_car-insurance.scss */
.bodyOverlay {
position: fixed;
left: 0;
width: 100%;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
/* line 990, ../sass/_base/_car-insurance.scss */
.radioBtn input:checked+label {
background: #0080c9 !important;
color: #fff !important;
}
/* line 994, ../sass/_base/_car-insurance.scss */
label {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #4f4f4f;
font-weight: normal;
}
.clear {
clear: both;
}
.centered,
.paymentWrapper form .prefieldWrap,
.paymentWrapper form .inputRow,
.carousel_wrap #carousel .shadow,
.carousel_wrap .roundAboutArrow .roundAboutNumbers p,
.congWrapper .congWrap,
.congWrapper .carDetails,
.congWrapper .digiLock {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1
}
.common-style,
.paymentWrapper form .prefieldWrap,
.paymentWrapper form .inputRow,
.congWrapper .congWrap,
.congWrapper .carDetails,
.congWrapper .digiLock {
float: left;
width: 100%
}
.paymentWrapper h1 {
font-family: "AllianzB";
font-size: 3rem;
color: #fd9442
}
.paymentWrapper h2 {
font-family: "AllianzB";
font-size: 3rem;
color: #555555;
margin-bottom: 32px
}
/******Added on 27th Feb 2019 Start*******/
.paymentWrapper .allDetailWrap {
margin: 21px auto 42px;
padding: 32px 6px 50px;
/* background-color:#0e8dfa; */
border-radius: 8px;
border: 1px solid #0E8DFA;
max-width: 810px;
width: 90%;
position: relative;
/******Added by Samina on 18th Sep 2018*******/
}
/******Added on 27th Feb 2019 End*******/
.paymentWrapper .allDetailWrap .allDetailTabs ul {
display: inline-block
}
/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #000;
text-align: center;
padding: 6px 25px;
float: left;
border: 1px solid #0E8DFA;
border-radius: 100px;
margin-right: 20px;
box-sizing: border-box;
cursor: pointer
}
/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li:last-child {
margin-right: 0
}
/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li.active {
color: #fff;
background-color: #0E8DFA
}
/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield {
background-color: #ffc400;
border: 1px solid #ffc400;
color: #000;
position: relative
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield:before {
content: '';
position: absolute;
top: 39%;
left: 5px;
width: 14px;
height: 11px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tick.png") no-repeat
}
.paymentWrapper form {
margin: 0 auto;
max-width: 745px;
width: 90%
}
.paymentWrapper form input {
display: inline-block;
width: 100%;
border-bottom: 1px solid #0071bb;
padding-bottom: 0;
/* margin-bottom:15px; */
background: none;
}
.paymentWrapper form label {
font-family: "AllianzB";
font-size: 2rem;
color: #000;
margin-bottom: 13px;
display: block
}
.paymentWrapper form .btn {
display: block;
margin: 0 auto
}
.paymentWrapper form .prefieldWrap {
margin-bottom: 25px
}
.paymentWrapper form .prefieldWrap label {
display: inline-block;
font-family: "AllianzSans";
font-size: 1.6rem;
color: #4f4f4f
}
.paymentWrapper form .prefieldWrap label.right-space {
padding-right: 20px
}
.paymentWrapper form .inputRow {
max-width: 610px;
margin-bottom: 15px;
position: relative;
}
.paymentWrapper form .prefieldWrap {
max-width: 610px;
}
.paymentWrapper form .inputRow input {
margin-bottom: 0
}
.paymentWrapper form .inputRow label,
.paymentWrapper form .inputRow .inputWrap {
float: left
}
.paymentWrapper form .inputRow label {
width: 35%
}
.paymentWrapper form .inputRow label.centered,
.paymentWrapper form .inputRow label.prefieldWrap,
.paymentWrapper form .inputRow label.inputRow,
.paymentWrapper form .inputRow .carousel_wrap #carousel label.shadow,
.carousel_wrap #carousel .paymentWrapper form .inputRow label.shadow,
.paymentWrapper form .inputRow .congWrapper label.congWrap,
.congWrapper .paymentWrapper form .inputRow label.congWrap,
.paymentWrapper form .inputRow .congWrapper label.carDetails,
.congWrapper .paymentWrapper form .inputRow label.carDetails,
.paymentWrapper form .inputRow .congWrapper label.digiLock,
.congWrapper .paymentWrapper form .inputRow label.digiLock {
width: 100%
}
.paymentWrapper form .inputRow .inputWrap {
width: 65%;
position: relative;
}
.paymentWrapper form .inputRow .inputWrap.centered,
.paymentWrapper form .inputRow .inputWrap.prefieldWrap,
.paymentWrapper form .inputRow .inputWrap.inputRow,
.paymentWrapper form .inputRow .carousel_wrap #carousel .inputWrap.shadow,
.carousel_wrap #carousel .paymentWrapper form .inputRow .inputWrap.shadow,
.paymentWrapper form .inputRow .carousel_wrap .roundAboutArrow .roundAboutNumbers p.inputWrap,
.carousel_wrap .roundAboutArrow .roundAboutNumbers .paymentWrapper form .inputRow p.inputWrap,
.paymentWrapper form .inputRow .congWrapper .inputWrap.congWrap,
.congWrapper .paymentWrapper form .inputRow .inputWrap.congWrap,
.paymentWrapper form .inputRow .congWrapper .inputWrap.carDetails,
.congWrapper .paymentWrapper form .inputRow .inputWrap.carDetails,
.paymentWrapper form .inputRow .congWrapper .inputWrap.digiLock,
.congWrapper .paymentWrapper form .inputRow .inputWrap.digiLock {
width: 25%
}
.paymentWrapper form .inputRow.bottom-space {
margin-bottom: 0
}
.tooltipIcon_pay{top: -23px;}
.tooltipIcon,.tooltipIcon_pay {
display: inline-block;
position: relative;
}
.tooltipIcon:after,.tooltipIcon_pay:after {
content: '';
position: absolute;
right: -20px;
top: 12px;
width: 16px;
height: 15px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat
}
.carousel_wrap #carousel {
height: 380px;
width: 484px;
margin: 0 auto;
}
/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap #carousel .shadow {
width: 320px;
height: 320px;
/* background-color:#fff; */
border-radius: 50%;
padding: 39px 0 39px;
margin-top: 34px;
cursor: pointer;
-webkit-box-shadow: 0 0 8px 1px #888;
-moz-box-shadow: 0 0 8px 1px #888;
-ms-box-shadow: 0 0 8px 1px #888;
-o-box-shadow: 0 0 8px 1px #888;
box-shadow: 0 0 8px 1px #888;
background: #fff;
border: 1px solid #0E8DFA;
}
/*********Added on 27th Feb 2019 End**********/
.carousel_wrap #carousel .shadow h3 {
font-family: "AllianzB";
font-size: 2.2rem;
color: #888888;
text-align: center;
margin-bottom: 0;
}
.carousel_wrap #carousel .shadow .inputRow {
margin-bottom: 20px
}
.carousel_wrap #carousel .shadow .inputRow:first-child {
margin-top: 10px
}
.carousel_wrap #carousel .shadow .inputRow:last-child {
margin-bottom: 0px
}
.carousel_wrap #carousel .shadow .inputRow label,
.carousel_wrap #carousel .shadow .wheelWrap label {
font-family: "AllianzSans";
font-size: 1.5rem;
color: #0073bd
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #ff9b41;
border-bottom: 1px solid #ebebeb;
padding-bottom: 5px;
text-align: center;
margin: 5px auto 0;
display: block;
width: 100%;
}
.carousel_wrap #carousel .shadow .inputRow .inputWrap {
position: relative
}
/* .carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after{
right:65px
} */
.carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
right: -17px;
top: 6px;
}
/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap .roundAboutArrow {
max-width: 165px;
width: 100%;
margin: 0 auto;
display: block;
position: relative;
margin: 0px 0px 0 0;
float: right;
top: -45px;
right: 100px;
z-index: 3;
}
.carousel_wrap .roundAboutArrow a {
width: 50px;
height: 50px;
font-size: 0;
position: relative;
/* display:inline-block; */
vertical-align: top;
cursor: pointer;
float: left;
}
.carousel_wrap .roundAboutArrow a:before {
width: 40px;
height: 40px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
position: absolute;
content: '';
left: 0;
background: #005596;
}
.carousel_wrap .roundAboutArrow a.prev:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
content: '';
width: 10px;
height: 10px;
left: 16px;
top: 13px;
border: 2px solid #fff;
border-color: transparent transparent #fff #fff;
}
.carousel_wrap .roundAboutArrow a.next:after {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
position: absolute;
content: '';
width: 10px;
height: 10px;
left: 10px;
top: 13px;
border: 2px solid #fff;
border-color: transparent transparent #fff #fff;
}
.carousel_wrap .roundAboutArrow .roundAboutNumbers {
text-align: center;
width: 65px;
padding-left: 0;
/* display:inline-block; */
text-align: center;
float: left;
}
.carousel_wrap .roundAboutArrow .roundAboutNumbers p {
color: #0E8DFA;
line-height: 40px;
font-size: 1.8rem;
/* display:inline-block; */
margin-left: -6px;
text-align: center;
float: left;
}
.carousel_wrap .roundAboutArrow .roundAboutNumbers p.activeRoundabout,
.carousel_wrap .roundAboutArrow .roundAboutNumbers p.totalRoundabout {
width: auto;
color: #fff;
font-size: 1.8rem;
float: left
}
/*********Added on 27th Feb 2019 End**********/
.paymentWrapper,
.congWrapper {
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
}
.paymentWrapper .natureBg,
.congWrapper .natureBg {
position: relative;
}
.paymentWrapper p,
.congWrapper p {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #4f4f4f
}
.paymentWrapper input,
.congWrapper input {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #ff9b41;
border-bottom: 1px solid #d1e3e7
}
@-webkit-keyframes fadeInUpThumb {
0% {
width: 0;
height: 0
}
100% {
width: 126px;
width: 126px
}
}
@keyframes fadeInUpThumb {
0% {
width: 0;
height: 0
}
100% {
width: 126px;
width: 126px
}
}
@-webkit-keyframes fadeInUpThumbSvg {
0% {
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-ms-transform: scale(.1);
-o-transform: scale(.1);
transform: scale(.1)
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes fadeInUpThumbSvg {
0% {
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-ms-transform: scale(.1);
-o-transform: scale(.1);
transform: scale(.1)
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes fadeInUpDecorate {
0% {
-ms-transform: rotate(0deg) scale(0.1);
-webkit-transform: rotate(0deg) scale(0.1);
transform: rotate(0deg) scale(0.1)
}
80% {
-ms-transform: rotate(360deg) scale(1);
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1)
}
100% {
-ms-transform: rotate(360deg) scale(0);
-webkit-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0)
}
}
@keyframes fadeInUpDecorate {
0% {
-ms-transform: rotate(0deg) scale(0.1);
-webkit-transform: rotate(0deg) scale(0.1);
transform: rotate(0deg) scale(0.1)
}
80% {
-ms-transform: rotate(360deg) scale(1);
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1)
}
100% {
-ms-transform: rotate(360deg) scale(0);
-webkit-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
}
.congWrapper .congWrap {
max-width: 1140px;
width: 90%;
margin: 0 auto;
border-bottom: 1px solid #d1e3e7;
padding: 35px 0px;
}
.noTopPad {
padding-top: 0px !important;
}
.congWrapper .congWrap.footerWrap {
border: none;
}
.congWrapper .congWrap .innerWrap {
max-width: 740px;
width: 100%;
margin: 0 auto;
}
.congWrapper .congWrap .innerWrap .align-left p {
font-family: "AllianzB";
font-size: 1.8rem;
color: #555555;
}
.congWrapper .congWrap .innerWrap .align-left p.email {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #434343;
margin-top: 26px
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber p {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #0073bd;
position: relative;
text-align: left;
display: inline-block;
float: left
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber p span:after {
top: 6px;
right: -19px
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber input,
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .btn {
display: inline-block
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .eiaRow {
margin-top: 10px
}
.congWrapper .congWrap .innerWrap .align-right .eiaReg p {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #757575;
text-align: left;
margin-top: 6px
}
.congWrapper .congWrap .column {
width: 33.3%;
float: left;
padding: 0px 20px;
position: relative;
}
.congWrapper .congWrap .column h2 {
font-family: "AllianzB";
font-size: 2.8rem;
color: #5f6364;
text-align: left
}
.congWrapper .congWrap .column .voucher {
margin-right: 22px
}
.congWrapper .congWrap .column .socialMedia {
position: relative;
float: left;
margin-top: 10px
}
.congWrapper .congWrap .column .socialMedia span {
display: inline-block;
position: relative;
margin-right: 35px;
cursor: pointer
}
.congWrapper .congWrap .column .socialMedia span:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 33px;
height: 33px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png") no-repeat
}
.congWrapper .congWrap .column .socialMedia span:last-child {
margin-right: 0
}
.congWrapper .congWrap .column .socialMedia span.fb:after {
background-position: -544px -458px
}
.congWrapper .congWrap .column .socialMedia span.twitter:after {
background-position: -587px -458px
}
.congWrapper .congWrap .column .socialMedia span.linkdin:after {
background-position: -630px -458px
}
.congWrapper .congWrap .column .socialMedia span.blog:after {
background-position: -674px -458px
}
.congWrapper .congWrap .column .socialMedia span.insta:after {
background-position: -717px -458px
}
.congWrapper .congWrap .column .socialMedia span.youtube:after {
background-position: -760px -458px
}
/* code was merged on 12July Start */
/*******Added by Indigo Dated 9th July 2019 Start*****/
.socialInner p {
color: #5F6364;
font-size: 1.8rem;
font-family: "AllianzSans";
}
.socialInner h4 {
color: #5f6364;
font-size: 2.8rem;
font-family: "AllianzB";
}
.socialInner ul {
padding: 15px 0;
}
.socialInner ul li {
float: left;
}
.socialInner .socialBtn {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
font-family: "AllianzSans";
color: #fff;
position: relative;
z-index: 1;
margin-right: 15px;
display: inline-block;
width: 30px;
height: 30px;
}
.socialInner .socialBtn:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(0, 0, 0, 0.2);
z-index: -1;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
border-radius: inherit;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.socialInner .socialBtn:hover {
color: #fff;
}
.socialInner .socialBtn:hover:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.socialInner .socialBtn.facebookShare {
background: #3559a0;
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -544px -458px;
}
.socialInner .socialBtn.tweeterShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -587px -458px;
}
.socialInner .socialBtn.linkInShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -630px -458px;
}
.socialInner .socialBtn.blogShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -674px -458px;
}
.socialInner .socialBtn.instaShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -717px -458px;
}
.socialInner .socialBtn.youtubeShare {
width: 30px;
height: 30px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -760px -458px;
}
/*******Added by Indigo Dated 9th July 2019 End*****/
.congWrapper .congWrap .column p {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #4f4f4f;
text-align: left
}
.congWrapper .congWrap .column .btn {
max-width: 142px;
min-width: 142px;
height: 30px;
font-family: "AllianzSans";
font-size: 1.6rem;
color: #fff;
float: left;
padding: 4px 0;
}
.congWrapper .congWrap .column .btn:hover {
color: #f89c30;
}
.congWrapper .congWrap .column:first-child p {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #5f6364
}
.congWrapper .congWrap .column:first-child p span {
font-family: "AllianzB";
font-size: 2.8rem
}
.congWrapper .congWrap .column:first-child .btn {
margin-top: 18px
}
.congWrapper h1 {
font-family: Arial;
font-weight: bold;
font-size: 3.5rem;
color: #fd9442
}
.congWrapper .carDetails {
max-width: 596px;
width: 100%;
border: 1px solid #1793fe;
border-radius: 10px;
margin-top: 29px;
overflow: hidden
}
.congWrapper .carDetails .detailsHeader {
background-color: #1793fe;
padding: 18px;
display: block;
width: 100%;
}
.congWrapper .carDetails .detailsHeader h2 {
font-family: "AllianzB";
font-size: 2.5rem;
color: #fff;
float: left
}
/*********Added on 18th March 2019 Start******************/
/* code was merged on 12July Start */
.congWrapper .congWrap .column p {
font-family: "AllianzSans";
font-size: 1.6rem;
color: #4f4f4f;
text-align: left
}
.congWrapper .congWrap .column .btn {
max-width: 142px;
min-width: 142px;
height: 30px;
font-family: "AllianzSans";
font-size: 1.6rem;
color: #fff;
float: left;
padding: 4px 0;
}
.congWrapper .congWrap .column .btn:hover {
color: #f89c30;
}
.congWrapper .congWrap .column:first-child p {
font-family: "AllianzSans";
font-size: 2.2rem;
color: #5f6364
}
.congWrapper .congWrap .column:first-child p span {
font-family: "AllianzB";
font-size: 2.8rem
}
.congWrapper .congWrap .column:first-child .btn {
margin-top: 18px
}
.congWrapper h1 {
font-family: Arial;
font-weight: bold;
font-size: 3.5rem;
color: #fd9442
}
.congWrapper .carDetails {
max-width: 596px;
width: 100%;
border: 1px solid #1793fe;
border-radius: 10px;
margin-top: 29px;
overflow: hidden
}
.congWrapper .carDetails .detailsHeader {
background-color: #1793fe;
padding: 18px;
display: block;
width: 100%;
}
.congWrapper .carDetails .detailsHeader h2 {
font-family: "AllianzB";
font-size: 2.5rem;
color: #fff;
float: left
}
/*********Added on 18th March 2019 Start******************/
.congWrapper .carDetails .detailsHeader .align-right {
margin-top: 10px;
width: 150px;
}
/*********Added on 18th March 2019 End******************/
.congWrapper .carDetails .detailsHeader h2 {
margin: 20px 0px 0px 15px
}
.congWrapper .carDetails .detailsHeader .userImg {
background-color: #fff;
width: 65px;
height: 65px;
border-radius: 50%;
display: inline-block;
overflow: hidden;
float: left
}
.congWrapper .carDetails .detailsHeader .userImg img {
padding-top: 10px
}
.congWrapper .carDetails .detailsCont {
padding: 28px 18px
}
.congWrapper .carDetails .detailsCont .userCarDetails {
border-left: 1px solid #e4e4e4;
width: 48%;
float: left;
padding-left: 30px;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carName {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #4f4f4f;
text-align: left;
}
.congWrapper .carDetails .detailsCont .userCarDetails:first-child {
border: none;
padding: 0;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont {
margin-bottom: 10px;
float: left;
width: 100%;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont img {
float: left;
margin-top: 3px
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont span {
font-family: "AllianzSans";
color: #757575;
font-size: 1.6rem;
display: inline-block;
margin-left: 10px;
float: left
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p {
font-family: "AllianzB";
color: #035b95;
font-size: 1.8rem;
margin-top: 10px;
text-align: left;
clear: both
}
.congWrapper .carDetails .detailsCont .userCarDetails p a {
font-family: "AllianzB";
display: inline-block;
font-size: 1.6rem;
color: #fd9442;
position: relative;
padding-left: 25px;
float: left
}
.congWrapper .carDetails .detailsCont .userCarDetails p a:before {
content: '';
position: absolute;
width: 17px;
height: 17px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: -655px -128px;
left: 0px;
top: 4px
}
.congWrapper .carDetails .detailsCont .userCarDetails p a:after {
content: '';
position: absolute;
width: 90%;
height: 1px;
background-color: #fd9442;
left: 25px;
bottom: 0px
}
.congWrapper .carDetails .detailsCont .userCarImg {
float: right;
width: 50%;
padding: 0px 16px
}
.congWrapper .carDetails .detailsCont .userCarImg p {
font-family: "AllianzSans";
font-size: 1.8rem;
color: #4f4f4f;
text-align: left
}
.congWrapper .carDetails .detailsCont .userCarImg img {
float: left
}
.congWrapper .congratsSvg {
width: 250px;
height: 250px;
display: inline-block;
vertical-align: top;
position: relative
}
.congWrapper .congratsSvg #congratsDecoration {
width: 100%;
height: 100%;
float: left
}
.congWrapper .congratsSvg #congratsDecoration.activeDecoration {
-webkit-animation: fadeInUpDecorate 2s ease-in 0s 1;
-moz-animation: fadeInUpDecorate 2s ease-in 0s 1;
-ms-animation: fadeInUpDecorate 2s ease-in 0s 1;
-o-animation: fadeInUpDecorate 2s ease-in 0s 1;
animation: fadeInUpDecorate 2s ease-in 0s 1;
opacity: 1
}
.congWrapper .congratsSvg .congratsThumb {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-animation: fadeInUpThumb 1s ease-in 0s 1;
-moz-animation: fadeInUpThumb 1s ease-in 0s 1;
-ms-animation: fadeInUpThumb 1s ease-in 0s 1;
-o-animation: fadeInUpThumb 1s ease-in 0s 1;
animation: fadeInUpThumb 1s ease-in 0s 1;
background: #fff;
/* -webkit-box-shadow:0 5px 20px 5px #eaeaea;
-moz-box-shadow:0 5px 20px 5px #eaeaea;
-ms-box-shadow:0 5px 20px 5px #eaeaea;
-o-box-shadow:0 5px 20px 5px #eaeaea;
box-shadow:0 5px 20px 5px #eaeaea; */
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
border-radius: 50%;
height: 126px;
width: 126px;
position: absolute;
left: 50%;
top: 50%
}
.congWrapper .congratsSvg .congratsThumb #congratsThumbsvg {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%
}
.congWrapper .digiLock {
position: relative;
margin-top: 18px
}
.congWrapper .digiLock p {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #4f4f4f
}
.congWrapper .digiLock p a {
font-size: 1.4rem;
color: #4f4f4f;
border-bottom: 1px solid #4f4f4f;
position: relative
}
/* .congWrapper .digiLock p a:after{
content:'';
position:absolute;
right:-22px;
top:0;
width:16px;
height:15px;
background:url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat
} */
.congWrapper .align-left {
float: left
}
.congWrapper .align-right {
float: right
}
.congWrapper .starRating {
margin-bottom: 10px
}
.congWrapper .starRating .startWrap {
width: 100%;
margin-top: 8px
}
.congWrapper .starRating .startWrap ul {
margin: 0 auto;
display: inline-block;
position: relative
}
.congWrapper .starRating .startWrap ul li {
margin-right: 7px;
opacity: 1;
filter: alpha(opacity=0);
width: 27px;
height: 25px;
position: relative;
float: left;
left: 0;
z-index: 2;
cursor: pointer;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -389px -72px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.congWrapper .starRating .startWrap ul li.active {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -353px -72px
}
.congWrapper .starRating .startWrap ul li:last-child {
margin-right: 0
}
.congWrapper .starRating .startWrap ul li input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
opacity: 0;
}
.congWrapper .link {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #0071bb;
border-bottom: 1px solid #0071bb
}
.congWrapper .getInTouch {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
position: fixed;
top: 50%;
right: 28px;
z-index: 1;
cursor: pointer
}
.congWrapper .getInTouch p {
font-family: "AllianzSans";
font-size: 1.4rem;
color: #000;
margin-top: 5px
}
.paymentWrapper .btn,
.congWrapper .btn {
background: #f89c30;
padding: 9px 0px 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: white;
font-size: 2.4rem;
display: inline-block;
clear: both;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
border: 1px solid #f89c30;
font-family: 'AllianzB';
letter-spacing: 1px;
max-width: 235px;
min-width: 235px;
width: 90%;
}
.paymentWrapper .btn:before,
.congWrapper .btn:before {
content: '';
z-index: -1;
background: white;
position: absolute;
top: 50%;
right: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.paymentWrapper .btn:hover,
.congWrapper .btn:hover {
color: #f89c30;
}
.paymentWrapper .btn:hover:before,
.congWrapper .btn:hover:before {
-webkit-transform: scale3d(9, 9, 1);
-moz-transform: scale3d(9, 9, 1);
-ms-transform: scale3d(9, 9, 1);
-o-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.paymentWrapper .btn.btn-small,
.congWrapper .btn.btn-small {
max-width: 110px;
min-width: 110px;
padding: 3px 0;
font-family: "AllianzSans";
font-size: 1.6rem
}
.congWrapper .congWrap .column .btn.btn-share {
position: relative;
padding-left: 13px;
margin-top: 10px
}
.congWrapper .congWrap .column .btn.btn-share:after {
content: '';
position: absolute;
left: 31px;
top: 5px;
width: 17px;
height: 20px;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png") no-repeat;
background-position: -175px -440px;
margin: 0;
transform: none;
}
.congWrapper .congWrap .column .btn.btn-share:hover:after {
background-position: -199px -440px;
}
/*******Style Added by Samina on 14th Sep 2018 Start**********/
/* .healthBenefits {
-webkit-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.healthBenefits ul {
border: 1px solid #e1e1e1;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-moz-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-ms-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-o-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
padding: 35px 10px;
} */
/* .healthBenefits ul li {
display: inline-block;
vertical-align: top;
width: 33%;
text-align: center;
padding: 0 20px;
position: relative;
margin-bottom: 40px;
} */
.healthBenefits ul li .imgSec {
height: 57px;
width: 57px;
margin: 0 auto;
margin-bottom: 20px;
}
.healthBenefits ul li .imgSec svg {
height: 57px;
width: 57px;
}
.healthBenefits ul li h4 {
font-size: 2rem;
color: #005596;
font-family: "AllianzSans";
font-weight: normal;
}
.healthBenefits ul li p {
margin-top: 15px;
font-size: 1.6rem;
color: #58585a;
line-height: 26px;
}
.healthBenefits ul li:after {
content: "";
width: 1px;
height: 80%;
background: #ebebeb;
position: absolute;
right: 0;
top: 10%;
}
.healthBenefits ul li:last-child:after {
display: none;
}
.healthBenefits ul li:nth-child(3n + 3):after {
display: none;
}
/*******Style Added by Samina on 14th Sep 2018 End**********/
/** Added by Bhavesh on 17-09-2018 START **/
.summaryContainer {
height: 260px;
overflow: auto;
padding: 0 5px 0 0;
}
.claimYear {
position: relative;
}
.claimYear.disabled:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.7;
z-index: 1;
}
.ui-slider .ui-slider-handle {
z-index: 100;
}
.summaryLightbox {
width: 600px;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
z-index: 15;
padding: 45px 40px 30px 40px;
}
.summaryLightbox h2 {
font-size: 2.5rem;
color: #8b8b8b;
padding-bottom: 35px;
}
.summaryLightbox .span12 {
padding: 10px 0;
}
.summaryLightboxContainer .span12 input {
color: #ff9b41;
border-bottom: 1px solid #ccc;
}
.summaryLightboxContainer .span12>label {
float: left;
width: 37%;
font-size: 1.8rem;
color: #0071bb;
}
/****Added by Samina on 21st Sep 2018*****/
.personalLightbox .span12>label {
width: 31%;
}
.summaryLightboxContainer .radioWrapper ul li label {
padding: 5px 25px 5px 25px;
}
.summaryLightboxContainer .radioWrapper ul li {
position: relative
}
.summaryLightboxContainer .radioWrapper ul li input[type=radio] {
position: absolute;
left: 0;
top: 0;
}
.summaryLightbox .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
.summaryLightbox {
max-width: 600px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 17;
display: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.overlay {
position: fixed;
left: 0;
width: 100%;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 16;
display: none;
}
.reCalculate {
max-width: none;
width: auto;
padding: 10px 30px;
}
.summaryLightbox .note {
color: #818181;
font-size: 1.6rem;
}
/* .carInsurance .stepsNumber .step-progressbar li > span span em:before {
border-color: transparent;
border-right-color: #6d6c6c;
border-width: 9px;
margin-top: -9px;
}
.carInsurance .stepsNumber .step-progressbar li > span span em:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 8px;
margin-top: -8px;
}
.carInsurance .stepsNumber .step-progressbar li > span span em:after, .carInsurance .stepsNumber .step-progressbar li > span span em:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
} */
#Cloud_1 {
animation: cloudAnim 50s infinite linear;
}
#Cloud_2 {
animation: cloudAnim1 50s infinite linear;
}
@keyframes cloudAnim {
0% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
25% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
50% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
75% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
100% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
}
@-webkit-keyframes cloudAnim {
0% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
25% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
50% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
75% {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
100% {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
}
}
@keyframes cloudAnim1 {
0% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
25% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
50% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
75% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
100% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
}
@-webkit-keyframes cloudAnim1 {
0% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
25% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
50% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
75% {
transform: translateX(5%);
-moz-transform: translateX(5%);
-webkit-transform: translateX(5%);
}
100% {
transform: translateX(-5%);
-moz-transform: translateX(-5%);
-webkit-transform: translateX(-5%);
}
}
#ui-datepicker-div.ui-datepicker {
z-index: 17 !important;
}
/** Added by Bhavesh on 17-09-2018 END **/
/******PlanReviewSec Added by Samina on 17th Sep 2018 Start*********/
.planReviewSec ul {
margin: 35px 0;
border: 1px solid #e1e1e1;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-moz-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-ms-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
-o-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
padding: 35px 10px;
background-color: #fff;
}
.planReviewSec ul li {
display: inline-block;
vertical-align: top;
width: 33%;
text-align: center;
padding: 0 20px;
position: relative;
margin-bottom: 40px;
}
.planReviewSec ul li:after {
content: "";
width: 1px;
height: 80%;
background: #ebebeb;
position: absolute;
right: 0;
top: 10%;
}
/******Added by Indigo Dated 21St June 2019 Start****/
.planReviewSec ul li:last-child:after {
display: none;
}
/******Added by Indigo Dated 21St June 2019 End****/
.planReviewSec ul li:nth-child(3):after,
.planReviewSec ul li:nth-child(6):after {
width: 0;
}
.planReviewSec ul li .imgSec {
height: 57px;
width: 57px;
margin: 0 auto;
margin-bottom: 20px;
}
.planReviewSec ul li h4 {
font-size: 2rem;
color: #005596;
font-family: "AllianzSans";
font-weight: normal;
}
.planReviewSec ul li p {
margin-top: 15px;
font-size: 1.4rem;
color: #58585a;
line-height: 26px;
}
/******PlanReviewSec Added by Samina on 17th Sep 2018 End*********/
/******Car Insurance Section Style Added by Samina on 17th Sep 2018 Start**********/
#compName,
#bankFinance {
/***Added by Samina on 18th Sep 2018***/
border-bottom: 1px solid #0071bb;
margin-left: 27px;
color: #ff9b41;
font-size: 1.8rem;
display: none;
}
.FinanceRow {
display: none;
}
#bankFinance {
margin-top: 15px;
margin-left: 0;
display: block;
text-align: center;
}
.planReviewSec {
display: none;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail-content h4 {
color: #fe9542;
font-size: 1.6rem;
font-family: 'AllianzB';
margin-top: 17px;
}
.fitmentCont {
display: none;
}
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label:before {
top: 3px;
background: transparent;
border: 1px solid #c1c1c1;
width: 20px;
height: 20px;
}
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
font-size: 2rem;
line-height: 1.4;
}
.carincpanel .leftpanel .fitmentCont .declare-radio ul li input:checked+label:before {
background-position: -368px -468px;
}
.theft_cover .declare-radio ul li input:checked+label:before {
background-position: -368px -468px;
}
.fitmentCont .elect .electCont {
float: left;
width: 100%;
margin: 10px 0 0 32px;
/******Added by Samina on 18th Sep 2018*******/
}
.fitmentCont .elect .electCont div {
float: left;
width: 48%;
position: relative;
}
.carincpanel .leftpanel .fitmentCont .elect .electCont div input {
border-bottom: 1px solid #0071bb;
background: transparent;
padding-left: 6px;
color: #fe9542;
width: 100px;
padding-left: 13px;
opacity: 1;
z-index: 9;
}
.fitmentCont .elect .electCont div .inputRow {
position: relative;
float: left;
width: 30%;
margin-left: 6px;
}
.carincpanel .leftpanel .fitmentCont .elect .electCont div label {
float: left;
padding-left: 0;
}
.carincpanel .leftpanel .fitmentCont .elect .electCont div label:before {
width: 0;
height: 0;
border: none;
}
.fitmentCont .elect .electCont div .indian-rupee {
position: absolute;
left: 0;
color: #fe9542;
font-size: 2rem;
}
.carincpanel .leftpanel .fitmentCont .declare-radio.elect ul li.listPos {
position: relative;
padding-bottom: 55px;
/*****Added by Samina on 18th Sep 2018*******/
}
.fitmentCont .elect .electCont.electRow,
.fitmentCont .elect .electCont.nonElectRow,
.fitmentCont .elect .electCont.nonElect {
display: none;
}
/*----------Added by Indigo on 15th May 2019 By Suraj Start-------*/
/*----------Added by Indigo on 3rd July 2019 By Sameer Start-------*/
.carincpanel .leftpanel .rowline.driveSmartYes {
display: none;
}
/*----------Added by Indigo on 3rd July 2019 By Sameer Start-------*/
.carincpanel .leftpanel .rowline.driveSmart,
.carincpanel .leftpanel .rowline.driveSmartOpt {
display: none;
}
.carincpanel .leftpanel .rowline.driveSmartOptNo {
/*display: none;*/
}
/*----------Added by Indigo on 15th May 2019 By Suraj End-------*/
.stepsWrapper.carincpanel .leftpanel .rowline.driveSmartOpt .additional-fitments h4.headdefine .tooltipIcon:after {
right: -18px;
}
.congWrapper input {
background: none;
}
/******Car Insurance Section Style Added by Samina on 17th Sep 2018 End**********/
.sendQuote,
.mobNumber {
position: relative;
}
/*--4*/
.mobNumber input {
padding-left: 0px;
}
.sendQuote input {
padding-left: 32px;
width: 100%
}
.captcha input {
width: 100%
}
.captcha .tooltipIcon {
top: -9px;
position: absolute
}
.preFixed {
font-size: 2.2rem;
line-height: 2.5;
color: #ff9b41;
position: absolute;
left: 27px;
top: 10px;
}
.mobNumber .preFixed {
left: 251px;
top: 12px;
font-size: 1.8rem;
line-height: inherit;
}
/* Code added by BAGIC TEAM 26-11-2019 */
.quest1 .preFixed
{
left: 72px;
}
/* Code end by BAGIC TEAM 26-11-2019 */
/***Add by Samina on 24th Sep 2018***/
.policyExpireStatus .span9 {
padding: 0;
}
.sendQuote,
.mobNumber {
position: relative;
}
/*--4*/
.sendQuote input 
{
padding-left: 36px;
}
.preFixed {
font-size: 2.2rem;
line-height: 2.5;
color: #ff9b41;
position: absolute;
left: 27px;
top: 10px;
}
.mobNumber .preFixed {
left: 251px;
top: 12px;
font-size: 1.8rem;
line-height: inherit;
}
/***Add by Samina on 24th Sep 2018***/
.policyExpireStatus .span9 {
padding: 0;
}
/* Feddback Popup added by Bhavesh 18-09-2018 - START */
.referNowPopup,
.ratingFbPopup,
.proceedThankyou {
max-width: 600px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 99913;
display: none;
/* box-shadow: 0 0 40px 1px #b9b6b6; */
}
.referNowPopup .close,
.ratingFbPopup .close,
.proceedThankyou .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
.referNowPopup .innerContainer,
.ratingFbPopup .innerContainer,
.proceedThankyou .innerContainer {
padding: 10px;
}
.referNowPopup .innerContainer ul li,
.ratingFbPopup .innerContainer ul li,
.proceedThankyou .innerContainer ul li {
width: 100%;
margin-bottom: 18px;
padding-bottom: 15px;
float: left;
position: relative;
}
.referNowPopup .innerContainer ul li label,
.ratingFbPopup .innerContainer ul li label {
display: block;
color: #005596;
}
.referNowPopup .innerContainer ul li label sub,
.ratingFbPopup .innerContainer ul li label sub {
vertical-align: top;
}
.referNowPopup .innerContainer ul li input,
.ratingFbPopup .innerContainer ul li input {
width: 100%;
border-bottom: 1px solid #d7d7d7;
}
.referNowPopup .innerContainer ul li .customSelect .selectedText,
.ratingFbPopup .innerContainer ul li .customSelect .selectedText {
border-bottom: 1px solid #d7d7d7;
color: #4f4f4f;
}
.referNowPopup .innerContainer ul li .customSelect .selectedText:after,
.ratingFbPopup .innerContainer ul li .customSelect .selectedText:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
content: "";
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #9c9a9a;
border-color: transparent transparent #9c9a9a #9c9a9a;
right: 5px;
background: none;
}
.referNowPopup .innerContainer ul li:nth-child(2n + 2),
.ratingFbPopup .innerContainer ul li:nth-child(2n + 2) {
float: right;
}
.referNowPopup .innerContainer .error,
.ratingFbPopup .innerContainer .error {
padding: 0;
display: none;
width: 100%;
padding-top: 2px;
color: red;
font-size: 1.4rem;
bottom: -4px;
position: absolute;
}
.zIndex {
z-index: 444444;
}
.congratulationMain .referNowPopup .innerContainer .btn,
.congratulationMain .proceedThankyou .innerContainer .btn {
padding: 8px 30px 10px;
font-size: 1.8rem;
}
.ratingFbPopup .innerContainer ul li {
width: 100%;
text-align: left;
}
.ratingFbPopup .innerContainer ul li textarea {
border-bottom: 1px solid #d7d7d7;
color: #4f4f4f;
width: 100%;
resize: none;
}
.ratingFbPopup .innerContainer ul li p {
font-weight: normal;
}
.ratingFbPopup .customSelect {
width: 100%;
}
.ratingFbPopup .selectedText {
left: 0;
float: none;
padding: 0;
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
}
.ratingFbPopup .btn,
.referNowPopup .btn,
.reCalculate,
.personalLightbox .btn,
.proceedThankyou .btn {
width: auto;
padding: 9px 30px 9px;
max-width: none;
min-width: 1px !important;
font-size: 1.8rem;
}
.proceedThankyou h2 {
padding-bottom: 20px;
}
.proceedThankyou .btn {
margin-top: 20px;
}
/* Feddback Popup added by Bhavesh 18-09-2018 - END */
/*********Style Added by Samina on 18th Sep 2018**********/
#compName {
background: none;
}
.makePayment {
opacity: 1;
z-index: 1;
}
.makePayemnt.disable,
.proceedBtn.disable {
opacity: 0.4;
position: relative;
cursor: default;
}
.makePayemnt.disable:hover,
.proceedBtn.disable:hover {
color: #fff;
}
.makePayemnt.disable:before,
.proceedBtn.disable:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
background: none;
}
.fitmentCont ul li {
position: relative;
display: inline-block;
}
.stepsWrapper.carincpanel .tooltipIcon:after {
top: -14px;
}
.stepsWrapper.carincpanel .leftpanel .additional-fitments h4.headdefine .tooltipIcon {
position: relative;
}
.stepsWrapper.carincpanel .leftpanel .additional-fitments h4.headdefine .tooltipIcon:after {
top: -13px;
right: 13px;
}
.paymentWrapper input {
color: #000;
}
/* .loanDiv label, .loanDiv input{
display: inline-block;
float: left;
} */
/* .loanSelect {
float: left;
} */
/* .loanSelect .customSelect {
margin: 0 15px;
} */
.loanSelect .customSelect .selectedText:after {
right: -1px;
}
.loanSelect .tooltipIcon:after {
top: 4px;
right: -24px;
}
.loanDiv input {
color: #ff9b41;
font-family: "AllianzSans";
font-size: 2rem;
}
.loanDiv label {
float: left;
}
.loanDiv .customSelect {
margin-left: 10px;
}
.nomineeDiv .loanSelect {
max-width: 200px;
text-align: center;
}
.nomineeDiv label {
text-align: center;
display: block;
}
.nomineeDiv .customeSelect {
width: 100%;
display: block;
}
/* .nomineeDiv .wheelWrap .tooltipIcon {
position: relative;
} */
.nomineeDiv .wheelWrap .tooltipIcon:after {
top: -62px;
right: -105px;
}
.wheelWrap .customSelect .selectedText {
font-size: 1.5rem;
}
.add-disc .drpWrapper {
margin-left: 15px;
position: relative;
top: -8px;
}
.car-owner .drpWrapper,
.ownDamageCover .drpWrapper {
position: relative;
top: -7px;
z-index: 0;
float: left;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 98px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 395px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 660px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 260px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 530px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
display: block;
text-align: center;
color: #fe9542;
background-color: transparent;
font-size: 1.6rem;
font-family: 'AllianzB';
padding: 10px 35px;
/******Added by Samina on 18th Sep 2018*******/
border-radius: 10px;
-webkit-box-shadow: 5px 5px 30px 1px #e0e0e0;
-moz-box-shadow: 5px 5px 30px 1px #e0e0e0;
box-shadow: 5px 5px 30px 1px #e0e0e0;
position: relative;
}
/* line 423, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p:before {
content: '';
position: absolute;
left: -10px;
top: -10px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
/* line 434, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
display: block;
text-align: center;
color: #0071bb;
font-size: 2.7rem;
/***Add by Samina on 24th Sep 2018***/
font-family: 'AllianzSans';
margin-top: 10px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active input+label p:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p {
color: #ffffff;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p span:last-child {
color: #ffffff;
}
/* .carincpanel .leftpanel .rowline .premiumBreakCol {
margin-right: 50px;
position: relative;
float: left;
max-width: 295px;
width: 100%;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont {
position: relative;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText,  .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow{
color: #0080c9;
font-size: 1.6rem;
font-family: "AllianzB";
text-align: center;
margin-bottom: 3px;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText {
display: none;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon {
position: relative;
left: 0;
float: left;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon:before {
content: '';
position: absolute;
left: -10px;
top: -16px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon.active:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont input {
opacity: 0;
z-index: 999;
position: absolute;
top: 0;
} */
.tooltipIcon .tooltipCont,.tooltipIcon_pay .tooltipCont_pay {
width: 260px;
height: auto;
position: absolute;
/*     right: 0; */
background: #fff;
border: 1px solid #ebebeb;
-webkit-transform: rotateX(-50%);
-moz-transform: rotateX(-50%);
-ms-transform: rotateX(-50%);
-o-transform: rotateX(-50%);
transform: rotateX(-50%);
font-family: 'AllianzSans';
top: -40px;
padding: 10px;
text-align: left;
display: none;
color: #909090;
font-size: 1.3rem;
line-height: 16px;
z-index: 999;
font-weight: lighter;
}
/*********Style Added by Samina on 18th Sep 2018 END**********/
/**********Style Added by Samina on 19th Sep 2018*************/
.backTop {
margin-top: 20px;
float: right;
display: none;
position: absolute;
right: -90px;
bottom: 30px;
display: none;
}
.backTop:before {
background: none;
content: "";
border: 2px solid #757575;
border-color: transparent transparent #ff9b41 #ff9b41;
-webkit-transform: rotate(134deg);
-moz-transform: rotate(134deg);
-ms-transform: rotate(134deg);
-o-transform: rotate(134deg);
transform: rotate(134deg);
width: 8px;
height: 8px;
margin: 10px 0 0 10px;
vertical-align: top;
display: block;
margin: 0 auto;
}
.bluecolor input {
color: #ff9b41;
/* border-bottom: 1px solid #0071bb; */
width: 12%;
margin-bottom: 10px;
text-align: center;
}
.align-middle {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.rowline.hideCont .tooltipIcon:after {
top: -13px;
}
.wheelWrap .tooltipIcon,
.formWrapper .tooltipIcon,
.eiaNumber .tooltipIcon {
position: static;
}
.wheelWrap .loanSelect {
position: relative;
display: inline-block;
}
.digiLock .tooltipIcon:after {
top: -12px;
}
.inputDiv {
float: left;
}
.eiaRow .inputDiv .errorMsg {
float: none;
/* display: none; */
}
/***********Added by Samina on 20h Sep 2018*****************/
.paymentWrapper {
margin: 30px auto 0;
}
.paymentWrapper #address {
text-align: center;
}
.paymentWrapper .formWrapper label {
color: #0073bd;
}
.driveSmart ul,
.driveSmartYes ul {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
display: inline-block;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 25px;
}
/* .premiumWrapper .premiumBreakCont {
width: 100%;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p:before{
transform: translateX(-50%) scale(0.7);
-webkit-transform: translateX(-50%) scale(0.7);
-moz-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
-o-transform: translateX(-50%) scale(0.7);
top: 5px;
left: 50px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR {
padding: 10px 20px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink{
font-size: 1.4rem;
border-bottom: 1px solid #9e9f9f;
display: block;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink:before{
width: 0;
height: 0;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.7rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p .preWrap {
padding-left: 100px;
float: left;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p {
padding-left: 100px;
color: #0e8dfa;
} */
.carincpanel .leftpanel .declare-radio.checkboxStyle ul li label:before {
border-radius: 4px;
width: 20px;
height: 20px;
}
.carincpanel .leftpanel .declare-radio.checkboxStyle ul li input:checked+label:before {
background-position: -368px -468px;
}
.summaryLightboxContainer {
height: 575px;
overflow: auto;
}
/* .rowline.premiumWrapper.fixed {
width: 920px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont {
max-width: 100%;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
position: static;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p {
float: left;
width: 100%;
display: block;
padding: 0 0 0 91px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p:before {
top: -8px;
-webkit-transform: translateX(-50%) scale(0.6);
-moz-transform: translateX(-50%) scale(0.6);
-ms-transform: translateX(-50%) scale(0.6);
-o-transform: translateX(-50%) scale(0.6);
transform: translateX(-50%) scale(0.6);
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
margin-left: 0;
} */
/* .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
padding: 5px 0 10px 0;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap{
display: initial;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol{
margin-right: 0;
position: relative;
width: 50%;
float: left;
padding-right: 15px;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol .premiumBreakCont {
border-radius: 0;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakContR:first-child{
border-right: 1px solid #e8e8e8;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p {
padding-left: 122px;
}
.carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol .preText {
margin-bottom: 0;
display: block;
}
.carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol .preTextShow {
margin-bottom: 0;
display: none;
}
.carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCont .tickIcon {
position: relative;
left: 102px;
top: 28px;
float: left;
display: inline-block;
z-index: 1;
}
.rowline.premiumWrapper.forNewCar.fixed {
border-radius: 10px;
padding: 10px 5px 0 5px;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
background: #fff;
z-index: 13;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol .premiumBreakCont {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
position: relative;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:first-child:after {
content: '';
position: absolute;
width: 2px;
height: 50px;
top: 50%;
right: 0;
background: #e8e8e8;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.summaryLightboxContainer.personalLightbox {
height: auto;
}
.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.7rem;
} */
.formWrapper .errorMsg,
.eiaRow .errorMsg {
text-align: left;
}
.stepsWrapper .myCar .stepCircle input.regNum {
text-transform: uppercase !important;
}
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p {
padding-left: 15px;
} */
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p:before {
width: 0;
height: 0;
} */
/* .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText.preCont, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow.preCont {
font-size: 1.1rem;
font-family: 'AllianzSans';
color: #4f4f4f;
text-align: center;
padding: 0px 5px;
margin-bottom: 8px;
} */
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p{
padding-left: 43px;
} */
/* .rowline.premiumWrapper .premiumBreakCont {
max-width: 295px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont {
max-width: 100%;
} */
/* .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakCont .tickIcon {
left: 23px;
} */
/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
display: block;
} */
/*
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
max-width: 450px;
} */
.personalLightbox .preFixed {
left: 171px;
}
/* Added by Bhavesh on 25-09-2018 - START */
.vehicleRegNo .nameVal,
.summaryCarRegNo input {
text-transform: uppercase;
}
.stepCircle select {
width: 0;
}
/* Added by Bhavesh on 25-09-2018 - END */
.wheelWrap .loanSelect .customSelect .selectedText:after {
width: 5px;
height: 5px;
top: 6px;
}
.stepsWrapper .myCar .stepCircle .ui-widget {
font-size: 1.5rem;
color: #0171bb;
/* width: 130px; */
}
.stepsWrapper .myCar .stepCircle .ui-widget .ui-widget {
font-size: 1.5rem;
}
.stepsWrapper .myCar .stepCircle .ui-widget.ui-widget-content {
/* border: 1px solid #c5c5c5; */
z-index: 10 !important;
}
.stepsWrapper .myCar .stepCircle .ui-widget.ui-widget-content:hover {
/* border: 1px solid #c5c5c5; */
z-index: 10 !important;
outline: none;
}
.stepsWrapper .myCar .stepCircle .ui-widget-content {
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
background: #ffffff;
color: #333333;
outline: none;
}
.nomineeDiv .wheelWrap .nomineeSelect {
float: left;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon {
position: relative;
float: right;
bottom: 0;
left: 0;
right: 0;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after {
top: 6px;
right: -29px;
}
/*****Add by Samina on 3rd October 2018 Start******/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow :-ms-input-placeholder,
.paymentWrapper form .inputRow :-ms-input-placeholder,
.stepsWrapper .myCar .stepCircle :-ms-input-placeholder {
color: #b5b5bc !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.8rem;
padding: 9px 12px 8px;
}
.ui-menu .ui-menu-item {
border-bottom: 1px solid #e4e4e4;
}
.ui-menu .ui-menu-item:last-child {
border-bottom: none;
}
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
border: none;
line-height: initial;
width: 130px;
}
/* .customSelect .ui-widget:after {
top: 5px;
right: 20px;
} */
.ui-datepicker .ui-state-default.ui-state-active {
width: auto !important;
height: auto !important;
color: #0171bb !important;
}
/*****Add by Samina on 3rd October 2018 End******/
.customSelect input {
border: none !important;
}
.customSelect .ui-widget input {
font-size: 1.8rem;
}
.planReviewSec ul li .imgSec img {
width: 100%
}
.stepsWrapper .myCar .stepCircle .ui-widget :-ms-input-placeholder {
color: #ff9b41 !important;
}
input::-ms-clear {
display: none;
}
/*****Add by Samina on 8th October 2018 Start*****/
.btn,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
background: #f89c30;
padding: 9px 0px 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: white;
font-size: 2.4rem;
display: inline-block;
clear: both;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
border: 1px solid #f89c30;
font-family: 'AllianzB';
letter-spacing: 1px;
max-width: 235px;
min-width: 235px;
width: 90%;
}
/* line 712, ../sass/_base/_car-insurance.scss */
.btn:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:before {
content: '';
z-index: -1;
background: white;
position: absolute;
top: 50%;
right: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
/* line 727, ../sass/_base/_car-insurance.scss */
.btn:hover,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover {
color: #f89c30;
}
/* line 729, ../sass/_base/_car-insurance.scss */
.btn:hover:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover:before {
-webkit-transform: scale3d(9, 9, 1);
-moz-transform: scale3d(9, 9, 1);
-ms-transform: scale3d(9, 9, 1);
-o-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
position: absolute;
max-width: 181px !important;
min-width: 181px !important;
line-height: 35px !important;
}
.btn.reCalculate {
max-width: 275px;
min-width: 275px;
}
.btn.reCalculate:before {
width: 50px;
}
.stepsWrapper .myCar .stepCircle .nextBtn {
position: absolute;
}
.stepsWrapper .myCar .stepCircle .nextBtn:hover {
background: #fff;
border: 1px solid #f89c30;
}
.stepsWrapper .myCar .stepCircle .nextBtn:hover span:before {
border: 2px solid #f89c30;
border-left-width: 0;
border-top-width: 0;
}
.stepsWrapper .myCar .stepCircle .nextBtn:hover span:after {
background: #f89c30;
}
#trees_front {
max-width: 100%;
width: 100%;
}
/*****Add by Samina on 8th October 2018 End*****/
/****Add by Samina on 10th October 2018 Start*******/
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle {
float: left;
width: 100%;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul {
display: block;
float: left;
width: 100%;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li {
width: 30%;
}
.stepsWrapper.carincpanel {
min-height: 715px;
}
.congWrapper .carDetails .detailsHeader .align-left,
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 70%;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
float: left;
text-align: left;
}
.stepsWrapper .myCar .stepCircle .regDate input::-moz-placeholder,
.stepsWrapper .myCar .stepCircle .expiryDate input::-moz-placeholder {
color: #b5b5bc !important;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input::-moz-placeholder,
.paymentWrapper .formWrapper .inputRow input::-moz-placeholder {
color: #b5b5bc !important;
}
.paymentWrapper .formWrapper .tooltipIcon:after {
right: -12px;
top: 6px;
}
.carousel_wrap #carousel .shadow:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 4;
opacity: 0;
}
.carousel_wrap #carousel .shadow.carousel-center:before {
display: none;
}
.dropdownAutocomplete {
max-height: 300px;
overflow-x: hidden;
}
.paymentWrapper h1 .personName {
width: 60%;
}
.stepTwoCarousel .shadow select {
width: 0;
}
.carincpanel .leftpanel .declare-radio ul li label.declareMob,
.carincpanel .leftpanel .declare-radio ul li input.declareMobCheck {
display: none;
}
/****Add by Samina on 10th October 2018 End*******/
/*******Edit Details Start********/
.editWrapper {
padding-bottom: 25px;
margin-top: 0px;
margin-right: 35px;
float: right;
display: none;
}
.editDetails {
float: right;
margin-bottom: 10px;
display: none;
}
.editDetails span {
font-size: 1.2rem;
color: #4f4f4f;
font-family: 'AllianzSans';
border-bottom: 1px solid #4f4f4f;
position: relative;
}
.editDetails span:before {
content: '';
position: absolute;
top: -2px;
left: -16px;
width: 13px;
height: 15px;
background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
background-position: -37px -301px;
}
.editCategoryDetails ul {
float: left;
}
.editCategoryDetails {
-webkit-box-shadow: 0 0 5px 2px #f7efef;
-moz-box-shadow: 0 0 5px 2px #f7efef;
-ms-box-shadow: 0 0 5px 2px #f7efef;
box-shadow: 0 0 5px 2px #f7efef;
float: right;
display: none;
}
.editCategoryDetails ul li {
font-size: 1.2rem;
color: #4f4f4f;
font-family: 'AllianzSans';
float: left;
border-right: 1px solid #d8d8d8;
position: relative;
padding: 11px 20px 11px 40px;
}
.editCategoryDetails ul li a {
font-size: 1.7rem;
color: #4f4f4f;
border-bottom: 1px solid #4f4f4f;
}
.editCategoryDetails ul li:before {
content: '';
position: absolute;
top: 11px;
left: 22px;
width: 13px;
height: 15px;
background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
background-position: -37px -301px;
}
.editWrapper .close {
float: right;
position: relative;
top: 4px;
left: 0px;
padding: 11px 20px 11px 20px;
}
.close span {
position: relative;
}
.close span:before,
.close span:after {
content: '';
height: 3px;
width: 16px;
display: block;
background: #4f4f4f;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position: absolute;
top: 3px;
left: -11px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.close span:after {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.viewDetailsBtn,
.carNameWrap {
display: none;
}
/*******Edit Details End********/
/* .premiumError{ padding:15px 0 5px 0px; display: none}
.forNewCar.fixed .premiumError{ padding:5px 0 5px 0px; display: none} */
.premiumError {
padding: 5px 0 5px 0px;
display: none;
float: left;
clear: both;
}
.claimYear,
.ncbDrpdwn {
position: relative;
}
.ncbDrpdwn {
display: none;
}
/* .ncbDrpdwn select{ width:100%;} */
.claimYear.disabled:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.7;
z-index: 1;
}
.drivingLicense .drpWrapper {
margin: -5px 14px 0 7px;
float: left;
}
.summaryLightboxContainer .customSelect .selectedText {
font-size: 1.8rem;
}
.anyClaimWrapper>label {
width: auto !important;
float: left !important;
}
.anyClaimWrapper .radioWrapper {
float: left;
margin: -20px 0 0 15px;
}
.area {
width: auto !important;
}
.areaDrpCont {
width: 200px !important;
float: left;
}
.genderCont {
width: 190px !important;
float: left;
}
.genderCont .drpWrapper {
float: left;
margin-left: 5px;
}
#otherArea {
width: 160px;
float: left;
display: none;
}
.bikeOwnedTooltip {
margin: 0 0 0 10px;
}
/*Devendra start 11Feb-2020 */
/*====== --22-11-2023 ================= */
/*.scpa-hide{display: none!important;}*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.pay_pre_brand_new{width: 100%;display: block!important;margin-top: 10px; float: left;}
.pay_pre_brand_new label{font-size: 13px;color: #000;}
.pay_pre_brand_new .first-label{border-right: 1px solid #d27304;padding-right: 5px;margin-right: 5px;}
.pay_pre{width: 100%;display: block;margin-top: 10px; float: left;}
.pay_pre label{font-size: 13px;color: #000;}
.pay_pre .first-label{border-right: 1px solid #d27304;padding-right: 5px;margin-right: 5px;}
.pay_go_change .rowline .customSelect{border-bottom: 0.5px solid #ccc !important;}
.pay_go_change .rowline .customSelect input{width: 52px;font-size: 16px;color: #ff9b41;}
.pay_go_change .rowline .headdefine{margin-right: 7px !important;}
.pay_go_change .no_day{width: 27% !important;}
.payWrapper>label {
width: auto !important;
float: left !important;
}
.payWrapper .radioWrapper {
float: left;
margin: -20px 0 0 15px;
}
.pay_go_change,.theft_cover{width: 72%;background: #fff; display: inline-block;box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
padding: 18px 15px;}
.pay_go_change h4,.theft_cover h4{margin-bottom: 13px !important;}
.pay_go_change .first-row{width: 46% !important;padding-bottom: 0px !important;}
.pay_go_change .second-row{width: 27% !important;padding-bottom: 0px !important;}
.pay_go_change .rowline h4{font-size: 15px !important;color: #7d7b7b !important;}
.pay_go_main .pay_go ul li label{border: 0.5px #c3c2c2 solid !important;}
.tppay_que .tppay ul li label{border: 0.5px #c3c2c2 solid !important;}
/*Devendra end 11Feb-2020 */
/*Devendra start 17Apr-2020 */
.theft_cover .declare-radio{margin-bottom: 13px;border-bottom: 1px solid #c5c5c5;}
/* --4 */
.theft_cover .declare-radio label{font-size: 15px !important;display: inline-block !important;width: 100% !important;}
.theft_cover .declare-radio ul li{display: inline-block;width: 45%;font-size: 20px;border: none;}
.theft_cover .rowline{width: 50% !important; display: inline-block; margin-bottom: 0px;}
.theft_cover .rowline .headdefine{font-size: 18px !important;}
.theft_cover .rowline .inputWrap{margin-left: -35px;}
.theft_cover .rowline .inputWrap input{display: inline-block;border-bottom: 1px solid #0071bb;margin-left: 27px;
color: #ff9b41;font-size: 1.8rem;}
.tooltipCont_pay{left: 31px !important;right: 0px;}
.paytolltipdisable{ display: none !important;}
/*Devendra end 17Apr-2020 */
/* Devendra start 11Feb-2020 */
.stepsWrapper .myCar .stepCircle .quest8 .iconSec span {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -225px no-repeat;
width: 53px;
height: 50px;
}
/* Devendra end 11Feb-2020 */
/*******Added on 18th March 2019 Start**********/
.summaryLightboxContainer span.icon {
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
width: 17px;
height: 12px;
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: 1;
cursor: pointer;
}
/*******Added on 18th March 2019 End**********/
.refIdCont {
margin-top: 20px;
font-size: 1.5rem;
}
.refIdCont span {
text-transform: uppercase;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
position: relative;
float: right;
bottom: 0;
left: 0;
right: 0;
}
.nomineeDiv .wheelWrap .nomineeSelect,
.policyDetails .wheelWrap .nomineeSelect {
float: left;
}
.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon:after {
top: 6px;
right: -21px;
}
.editSummaryLightbox .inputDiv {
position: relative;
}
.nameVal {
text-transform: capitalize
}
.companyName .errorMsg {
margin-left: 27px;
}
.carousel_wrap .tooltipIcon {
position: absolute;
right: 0;
top: 0
}
.policyExpireStatus .customSelect {
position: relative
}
.policyExpireTooltip .tooltipIcon {
position: absolute;
right: 0;
top: 0
}
.electRowError {
margin: 30px 0 -36px 38px;
float: left;
}
/********Added by Samina on 7th Dec 2018 Start*********/
.nomineeSelect label {
float: none !important;
text-align: center;
}
.otherAreaRow {
float: left;
}
.otherAreaRow span {
float: none;
}
/******Added by Indigo on 6th June 2019 Start*********/
.companyNameNew,.companyName {
position: relative;
float: left;
top: -5px;
/* left: 20px; */
}
/******Added by Indigo on 6th June 2019 End*********/
/*
.companyName .errorMsg {
position: absolute;
} */
.otherAreaRow input {
font-size: 1.9rem;
}
.otherAreaRow span {
float: left;
}
/*****Added by Indigo on 25th April 2019 Start*******/
.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText {
display: block;
}
.wheelWrap .nomineeSelect.existSelect label {
width: 100%;
display: block;
}
/*****Added by Indigo on 25th April 2019 End*******/
.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText:after {
right: 2px;
}
.policyDetails .wheelWrap .nomineeSelect.existSelect .tooltipIcon:after {
right: -20px;
}
/********Added by Samina on 7th Dec 2018 End*********/
.fitmentCont {
margin-top: 15px;
}
.carincpanel .leftpanel .siPerPerson {
margin: 20px 0 0 32px;
}
.carincpanel .leftpanel .siPerPerson h4 {
font-size: 2rem;
color: #4f4f4f;
font-family: "AllianzSans";
font-weight: normal;
}
.carincpanel .leftpanel .siPerPerson .drpWrapper {
position: relative;
top: -4px;
left: -10px;
}
.carincpanel .leftpanel .siPerPerson .customSelect {
border-bottom: 1px solid #0071bb;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input, .stepsWrapper .myCar .stepCircle .quest1 input {
padding: 0px 10px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
position: absolute;
/* left: 0; */
left: 7px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
left: -7px;
padding-left: 16px;
}
.webRupeeSupprt .rsWrap {
margin-right: 3px;
}
.webRupeeSupprt .rsWrap:before {
content: 'Rs.';
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
content: 'Rs.';
width: 10px;
height: 10px;
position: absolute;
left: 1px;
top: 0px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
padding-left: 22px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 51px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 52px;
}
/* .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
padding-left: 17px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
width: 10px;
height: 10px;
position: absolute;
left: 1px;
top: -5px;
} */
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
width: initial;
height: initial;
} */
.showError {
display: block;
}
.selectMulty .innerWrap {
max-height: 200px;
}
.companyNote {
color: #818181;
font-size: 1.2rem;
display: none;
padding: 6px 0 0 27px;
float: left;
width: 100%;
}
.individualNote,
.ownDamageCoverNote {
color: #818181;
font-size: 1.2rem;
padding: 6px 0 0 0;
float: left;
clear: both;
width: auto;
}
.policyLink,
.policyLink:hover {
font-size: 1.4rem;
padding: 10px 0 0 0;
float: left;
width: 100%;
text-align: center;
text-decoration: underline
}
/******Add by Samina on 13th Dec 2018 Start***********/
.premiumWrapper {
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #0080c9;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
position: relative;
background-color: #fff;
width: auto;
/* height: 120px; */
padding: 15px;
}
.carincpanel .leftpanel .rowline.premiumWrapper {
padding: 15px;
width: 890px;
/* height: 120px; */
margin: 20px 0px;
z-index: 99;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
position: fixed;
z-index: 15;
bottom: -20px
}
.premiumSection {
/* float: left; */
/* transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); */
position: relative;
/* top: 50%; */
}
/*---Added by Indigo on 12th June 2019 Start--*/
.premiumWrapper .premiumBreakCol {
margin-right: 20px;
float: left;
max-width: 270px;
/*
width: 100%;*/
position: relative;
}
.disclaimner-registartion {
font-size: 1.1rem;
clear: both;
padding-top: 5px;
}
/*---Added by Indigo on 12th June 2019 End--*/
.premiumWrapper .premiumBreakCol:nth-child(2):after,
.premiumWrapper .premiumBreakCol:nth-child(3):after {
content: '';
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
top: 50%;
left: -30px;
width: 1px;
height: 70%;
background: #0080c9;
display: none;
}
.premiumWrapper .premiumBreakCol:last-child {
margin-right: 0px;
}
.separateCompulsoryCover {
margin: 10px 0 0 0;
width: 100%;
float: left;
}
.separateCompulsoryCoverWrapper .userCarDetails {
margin: 20px 0;
}
.separateCompulsoryCoverWrapper .downloadPolicy {
position: relative;
bottom: 0;
}
.thankyouWrapepr {
display: none;
}
/* .premiumWrapper .premiumBreakCol:last-child:after {
display: none;
} */
.premiumWrapper .premiumBreakCont,
.premiumWrapper .premiumBreakContR {
width: 100%;
float: left;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText,
.premiumWrapper .colTitle {
color: #fd9b4b;
font-size: 1.6rem;
font-family: "AllianzB";
text-align: left;
margin-bottom: 3px;
padding-left: 35px;
}
.premiumBreakCont .premiumBreakContR p {
font-family: "AllianzSans";
font-size: 1.8rem;
padding: 0;
position: relative;
float: left;
text-align: left;
}
.premiumWrapper .preCont {
font-family: "AllianzSans";
font-size: 1.1rem;
color: #484848;
float: left;
width: 85%;
margin-top: 5px;
}
.premiumWrapper .preWrap {
float: left;
position: relative;
padding-right: 10px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2rem;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
color: #757575;
font-size: 1.4rem;
text-transform: uppercase;
margin-left: 0px;
}
.premiumBreakCont .premiumBreakContR p a.textLink {
color: #9e9f9f;
font-size: 1rem;
border-bottom: 1px solid #9e9f9f;
margin-left: 5px;
}
.premiumWrapper .tickIcon {
position: absolute;
top: 0px;
left: 0;
width: 22px;
height: 22px;
}
.premiumWrapper .tickIcon:before {
content: '';
position: absolute;
left: 0px;
top: 0;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
.premiumWrapper .tickIcon.active:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.premiumWrapper input {
opacity: 0;
z-index: 0;
position: absolute;
top: 0;
}
.widthAuto {
width: auto !important;
}
/* .premiumTitle {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
float: left;
background-color: #0080c9;
max-width: 135px;
height: 110px;
} */
/* .premiumTitle div {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: relative;
left: 50%;
top: 50%;
height: 70px;
width: 60%;
margin: 0 auto;
}
.premiumTitle div img, .premiumTitle div p {
float: left;
} */
/* .premiumTitle div img {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: relative;
top: 50%;
}
.premiumTitle div p {
color: #fff;
font-family: "AllianzSans";
font-size: 1.6rem;
} */
/******Add by Samina on 13th Dec 2018 End***********/
.summaryLightboxContainer.personalLightbox {
height: auto;
}
.quest3 .customSelect,
.quest4 .customSelect,
.summaryLightboxContainer .carMakeWrapper .customSelect,
.summaryLightboxContainer .carModelWrapper .customSelect,
.summaryLightboxContainer .carVariantWrapper .customSelect,
.summaryLightboxContainer .cityWrapper .customSelect {
cursor: default !important;
}
.summaryLightboxContainer .customSelect .ui-widget input {
width: 90%;
}
.summaryCarRegNo .errorMsg {
float: none;
clear: both;
}
.stepsWrapper.carincpanel .personName {
text-transform: capitalize;
}
/* 4.1 */
/* .consExpense .tooltipIcon {
position: absolute;
left: 197px;
top: -5px;
cursor: default;
} */
.consExpense:before {
display: none;
}
.expiryNote {
margin-top: 10px;
color: #818181 !important;
font-size: 1.1rem !important;
padding: 0;
display: none;
}
.quest5 .questionsCont.topMarg {
margin-top: 19px;
}
.cancelBtn {
margin-left: 10px;
}
.thankyouWrapepr a {
font-size: 2.2rem;
}
.fueltypeWrapper .customSelect .selectedText:after {
display: none;
}
.hideCont {
display: none;
}
.policyExpDetail {
font-size: 1.8rem !important;
}
/*
#carMake::-webkit-input-placeholder, #carModel::-webkit-input-placeholder, #carVariant::-webkit-input-placeholder, #carVariant::-webkit-input-placeholder, #regCity::-webkit-input-placeholder{
font-family: 'AllianzB';
} */
/*
#carMake::-moz-placeholder, #carModel::-moz-placeholder, #carVariant::-moz-placeholder, #regCity::-moz-placeholder {  Firefox 19+
font-family: 'AllianzB';
}*/
/*
#carMake:-ms-input-placeholder, #carModel:-ms-input-placeholder, #carVariant:-ms-input-placeholder, #regCity:-ms-input-placeholder { IE 10+
font-family: 'AllianzB';
} */
/*
#carMake:-moz-placeholder, #carModel:-moz-placeholder, #carVariant:-moz-placeholder, #regCity:-moz-placeholder { Firefox 18-
font-family: 'AllianzB';
}*/
.congWrapper .carDetails .detailsCont .userCarDetails .separateCompulsoryCover .carCont img {
width: 5%;
float: left;
}
.congWrapper .carDetails .detailsCont .userCarDetails .separateCompulsoryCover .carCont span {
text-align: left;
width: 80%;
margin-bottom: 0px;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p.downloadPolicy {
margin-top: 0;
}
/***********Added by Samina on 11th Feb 2019 Start**************/
.confirmPopup p {
text-align: center;
margin-top: 20px;
}
/* Popup message - START */
.popupMessage,
.popupErrorMessage {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 90%;
max-width: 400px;
background: #fff;
border-radius: 10px;
z-index: 18;
padding: 15px;
text-align: center;
display: none;
}
.popupMessage p,
.popupErrorMessage p {
padding-bottom: 10px;
}
.popupMessage .btnWrapper,
.popupErrorMessage .btnWrapper {
float: left;
}
.popupMessage .btn,
.popupErrorMessage .btn {
max-width: 95px;
min-width: 95px;
float: left;
margin: 0 10px;
clear: none;
font-size: 1.8rem;
}
.btnWrap {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
display: inline-block;
}
.existSelect .span12 {
width: 100%;
padding: 0 15px;
float: left;
margin: 0 auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
}
.nomineeDiv .customSelect {
width: auto;
}
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
position: absolute;
}
.carousel_wrap #carousel .shadow {
padding: 30px 0px;
}
.shadow .align-middle {
width: 90%;
}
.nomineeDiv .loanSelect {
max-width: 100%;
width: 100%;
}
.carousel_wrap #carousel .shadow .inputRow {
width: 66%;
margin: 10px auto;
}
/* Popup message - END */
.shadow .existingUser {
border: none;
line-height: initial;
/* width: 64px; */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.existSelect .customSelect .ui-widget:after {
right: -10px;
}
/***********Added by Samina on 11th Feb 2019 End**************/
/**********Added by Samina on 27th Feb 2019 Start*************/
.fieldbox {
float: left;
width: 100%;
}
.voluntaryWrapper label {
font-size: 1.8rem;
font-family: "AllianzB";
color: #000;
float: left;
}
.inputSec {
float: left;
width: auto;
position: relative;
}
.voluntaryWrapper .rsWrap {
float: left;
font-size: 1.9rem;
color: #ff9b41;
line-height: 25px;
}
.hideWrap {
display: none;
}
.voluntaryWrapper h4 span {
float: left;
margin-right: 5px;
}
.voluntaryWrapper .selectWrap {
margin: 0px 15px 0px 5px;
float: left;
position: relative;
top: -5px;
}
.voluntaryWrapper .select {
z-index: -11;
}
.carincpanel .leftpanel .voluntaryWrapper h4.headdefine {
margin-right: 5px;
}
.carincpanel .leftpanel .rowline h4.headdefine.fixedWrap {
width: 75%;
}
.fitmentCont .elect .electCont.nonElect .inputRow {
float: left;
padding-bottom: 30px;
}
.fitmentCont .elect .electCont.nonElect .errorMsg {
margin-left: 6px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li .viewCover,
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active .viewCover {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
font-size: 1.4rem;
color: #0e8dfa;
font-family: "AllianzB";
text-decoration: underline;
margin-top: 10px;
text-align: center;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content {
margin-bottom: 40px;
}
/*****Added by Indigo on 20th June 2019 Start*******/
/* .carincpanel .leftpanel .telematics-service .telematics-service-content ul li .viewCover {
display: none;
} */
/*****Added by Indigo on 20th June 2019 End*******/
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active .viewCover {
display: block;
}
/**********Added by Samina on 27th Feb 2019 End*************/
/*********Added on 12th March 2019 Start********/
.summaryClaimYear {
display: none;
}
/*********Added on 12th March 2019 End********/
/********Added on 18th March 2019 Start**********/
.carincpanel .leftpanel .siPerPerson .rsWrap {
float: left;
font-size: 1.9rem;
color: #ff9b41;
position: relative;
top: 2px;
}
/********Added on 18th March 2019 End**********/
/********Added by Indigo Start***********/
.sepCoverYesNote {
position: relative;
top: -13px;
float: left;
}
.sepCoverYesNote p {
color: #000;
font-size: 1.3rem;
}
/********Added by Indigo on 3rd June 2019 Start*******/
/*code added by poonam*/
.thankYouPopup p, .disclaimer-popup p, .disclaimer-makepay-popup p, .pay_go_popup p {
text-align: center;
padding-top: 20px;
}
.thankYouPopup .btnWrapper, .disclaimer-popup .btnWrapper, .disclaimer-makepay-popup .btnWrapper, .pay_go_popup .btnWrapper {
width: 100%;
display: inline-block;
margin: 10px auto;
text-align: center;
}
.thankYouPopup .btnWrapper .btn, .disclaimer-popup .btnWrapper .btn, .disclaimer-makepay-popup .btn, .pay_go_popup .btn {
max-width: 100px;
min-width: 100px;
padding: 3px 0px;
font-size: 2rem;
margin: 0 auto;
text-align: center;
}
.tandc{
font-size: 12px;
text-decoration: underline;
padding: 20px;
position: relative;
left: 17px;
}
/* code ended by poonam */
.quest7 .centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.newBikeNote {
display: none;
}
.newBikeNote.disclaimner-registartion {
padding-top: 20px;
font-size: 1.3rem;
float: left;
margin: 0 auto;
text-align: center;
width: 100%;
}
.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper ul {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
text-align: center;
position: relative;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/********Added by Indigo on 3rd June 2019 End*******/
/*****Added by Indigo on 7th June 2019 Start*******/
.electRowError {
width: 70%;
text-align: center;
}
.formWrapper input,
.innerContainer textarea,
.innerContainer .selectedText,
.referNowPopup .innerContainer ul li input {
color: #ff9b41;
}
/*****Added by Indigo on 7th June 2019 End*******/
/*******Added by Indigo on 20th June 2019 Start**********/
.summaryClaimYear.divHide {
display: none !important;
}
/*******Added by Indigo on 20th June 2019 End**********/
/*******Added by Indigo Dated 25th June 2019 Start*****/
.damageCoverWrapperForNew {
display: none;
}
.carincpanel .leftpanel .rowline.rangeBar {
margin-bottom: 70px;
}
.carincpanel .leftpanel .car-owner {
margin-top: 0;
}
/*******Added by Indigo Dated 25th June 2019 End*****/
/*---Added by Sameer on 18th Aug starts---*/
.addressSec {
float: right;
margin-top: 20px;
}
.addressSec p {
color: #ffffff;
font-size: 1.2rem;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/addressIcon.png") no-repeat top 3px left;
background-size: auto;
background-size: 15px;
padding-left: 20px;
}
/*---Added by Sameer on 18th Aug ends---*/
/********Added by Indigo End***********/
@media only screen and (max-width: 1366px) {
.dropdownAutocomplete {
max-height: 200px; /* Updated by Mr. Pritish Rajpurohit */
}
.selectMulty .innerWrap {
max-height: 90px;
}
.summaryLightboxContainer {
height: 500px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail .tooltipIcon .tooltipCont {
width: 210px;
}
}
/******Media Query*******/
@media only screen and (max-width: 1280px) {
/*****Step 2 Start******/
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 215px;
margin-right: 13px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 20px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 132px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 369px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 602px !important;
}
/*****Step 2 End******/
.carincpanel .leftpanel .rowline.premiumWrapper {
width: 830px;
}
.premiumWrapper .premiumBreakCol {
max-width: 250px;
}
.premiumWrapper .premiumBreakCol:after {
right: 0;
}
}
@media only screen and (max-width: 1185px) {
.carincpanel .leftpanel .rowline.premiumWrapper {
width: 802px;
}
.premiumWrapper .premiumBreakCol {
max-width: 250px;
margin-right: 10px;
}
}
@media only screen and (max-width: 1140px) {
/*****Step 1 Start******/
.carInsurance .titleSec h1 {
font-size: 2.3rem;
}
.stepsWrapper .buildInsPlan {
font-size: 2.3rem;
padding-right: 20px;
}
/*****Step 1 End******/
/*****Step 2 Start******/
.carincpanel .leftpanel {
width: 100%;
}
.carincpanel .rightpanel {
display: none;
}
.backTop {
right: 50%;
bottom: -23px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 279px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 506px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 739px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 388px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 617px !important;
}
.carincpanel .leftpanel .declare-radio ul li {
width: 100%;
}
.viewDetailsBtn {
float: right;
width: 123px;
height: 29px;
line-height: 29px;
background-color: #f1ce6e;
text-align: center;
color: #000;
border-radius: 100px;
margin: 32px 15px 0px 0px;
}
.viewDetailsBtn span {
display: block;
position: relative;
padding-left: 22px;
}
.viewDetailsBtn span:before {
content: '';
position: absolute;
left: 32px;
top: 7px;
width: 15px;
height: 15px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) no-repeat;
background-position: -4px -302px;
}
.carincpanel .leftpanel {
width: 100%;
padding: 0px 15px;
}
/* .carincpanel .rightpanel, .carincpanel .leftpanel h2 {
display: none;
} */
.carincpanel .rightpanel {
float: left;
width: auto;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 225px;
z-index: 16;
}
/*****Step 2 End******/
.carincpanel .leftpanel .rowline.premiumWrapper {
width: auto;
}
.premiumWrapper .premiumBreakCol:after {
right: 15px;
}
.premiumWrapper .premiumBreakCol {
max-width: 260px;
}
}
@media only screen and (max-width: 1024px) {
/*****Step 1 Start******/
/* .carInsurance .stepsNumber {
width: 90%;
}
.stepsWrapper .buildInsPlan {
padding-right: 50px;
} */
/*****Step 1 End******/
/*****Step 1 Start******/
.container,
.stepsWrapper {
padding: 0 0px;
}
.mainHeader .logoSec {
width: 50%;
}
.carInsurance .summaryWrapper,
.natureBg {
display: none !important;
}
.editDetails {
margin-bottom: 0px;
}
.editWrapper {
display: block;
margin-right: 73px;
margin-top: 4px;
padding-bottom: 10px;
}
.carInsurance .stepsNumber {
width: 85%;
}
.carInsurance .stepsNumber .step-progressbar li .proText {
font-size: 1.4rem;
}
.carInsurance .stepsNumber .step-progressbar li>span {
height: 10px;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
left: -2px;
}
.carInsurance .topFixStep.fixStep .stepsNumber {
padding: 0px 15px;
}
.stepsWrapper .myCar .stepCircle {
background-color: transparent;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
}
.carInsurance.blueBg {
background-image: linear-gradient(#ffffff, #ffffff);
}
.stepsWrapper .buildInsPlan {
display: none;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText,
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText,
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText,
.carInsurance .stepsNumber .step-progressbar li:nth-child(4) .proText {
text-indent: -999px;
}
.carInsurance .stepsNumber .step-progressbar li .proText.active {
position: relative;
text-indent: -999px;
}
.carInsurance .stepsNumber .step-progressbar li .proText.active:before,
.carInsurance .stepsNumber .step-progressbar li.active .proText.active:before {
content: '';
position: absolute;
left: 0;
top: -22px;
width: 22px;
height: 22px;
background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
background-position: -29px -327px;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText.active:before {
left: 27px;
}
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText.active:before {
left: 15px;
}
/*****Step 1 End******/
/*****Step 2 Start******/
.carincpanel .leftpanel .declare-radio ul li label.declareMob,
.carincpanel .leftpanel .declare-radio ul li input.declareMobCheck {
display: block;
}
/*--Added by Sameer on 1st August starts--*/
/* .carincpanel .leftpanel .declare-radio ul li label.declare, .carincpanel .leftpanel .declare-radio ul li input.declareCheck {
display: none;
} */
/*--Added by Sameer on 1st August ends--*/
.carincpanel .leftpanel .rowline.declareCont a {
font-size: 1.5rem;
text-decoration: underline;
}
.carincpanel .leftpanel .declare-radio ul li label {
font-size: 1.5rem;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label {
font-size: 1.6rem;
}
.btn.makePayemnt {
transform: translateX(-50%);
/*-webkit-transform: translateX(-50%);*/
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
/*left: 50%;*/
/* background: #0071bb;
border: 1px solid #0071bb; */
max-width: 162px;
min-width: 162px;
font-size: 1.8rem;
}
.carincpanel .leftpanel .declare-radio ul li label:before {
top: 0px;
}
.carincpanel .leftpanel .declare-radio.countryList li {
width: 50%;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 194px;
margin-right: 13px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 661px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 443px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 238px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 343px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 556px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li {
width: 100%;
}
.carincpanel .leftpanel .rowline.rangeBar {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
width: 88%;
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
right: -28px;
top: 0;
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
height: 33px;
line-height: 28px;
top: -5px;
}
.carincpanel .leftpanel h2 {
font-size: 1.9rem;
}
.premiumWrapper.fixed {
position: relative;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail .tooltipIcon .tooltipCont {
right: -283px;
width: 260px;
}
/*****Step 2 End******/
.carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
right: 2px;
top: 3px;
}
.congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper {
margin: 10px 0px;
}
.congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper .carCont {
float: left;
width: auto;
}
.congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper .carCont.rightSpace {
margin-right: 40px;
}
}
@media only screen and (max-width: 900px) {
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label:before {
top: 0px;
}
.companyNote {
padding: 6px 0 0 0px;
}
/*****Step 2 Start******/
.companyName .errorMsg {
margin-left: 0px;
}
/*******Added by Indigo on 20th June 2019 Start*******/
.companyName {
left: 0;
margin-top: 25px;
}
/*******Added by Indigo on 20th June 2019 End*******/
#compName {
width: 100%;
}
.carincpanel .leftpanel .car-owner,
.ownDamageCover {
display: block;
}
.tooltipIcon .tooltipCont {
/* right: -179px;*/
/*     right: -179px; */
}
.car-owner .tooltipIcon .tooltipCont {
right: 0px !important;
}
.payfire
{
right: 1px !important;
}
.tooltipCont_pay
{
margin-left: -240px !important;
}
.span9 .tooltipIcon .tooltipCont {
right: -45px
}
/*******Added by Indigo on 20th June 2019 Start*******/
.carincpanel .leftpanel .crar-owne h4.headdefine,
.ownDamageCover h4.headdefine {
margin-right: 0;
color: #000;
font-family: 'AllianzSans';
}
/*******Added by Indigo on 20th June 2019 End*******/
#compName {
margin-left: 0;
width: 100%;
float: left;
}
.car-owner .drpWrapper,
.ownDamageCover .drpWrapper {
top: -4px;
right: 0;
float: left;
margin-left: 20px;
}
.carincpanel .leftpanel .customSelect .selectedText,
.carincpanel .leftpanel h4.headdefine,
#compName,
#bankFinance,
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
font-size: 1.6rem;
}
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine {
display: block;
}
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine {
font-family: 'AllianzSans';
color: #4f4f4f;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .paCoverWrapper ul li {
height: 31px;
}
.carincpanel .leftpanel .declare-radio ul li {
width: 100%;
}
.carincpanel .leftpanel .declare-radio ul li {
width: 100%;
}
.carincpanel .leftpanel .additional-fitments ul li label {
line-height: 31px;
font-size: 1.5rem;
}
.carincpanel .leftpanel .telematics h4.headdefine {
width: 100%;
}
.add-disc .drpWrapper {
top: -4px;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li,
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li,
.fitmentCont .elect .electCont div,
.fitmentCont .elect .electCont div .inputRow {
width: 100%;
}
/* .carincpanel .leftpanel .declare-radio ul li label {
color: #0071bb;
} */
.carincpanel .leftpanel .fitmentCont .elect .electCont div input {
width: 80%;
}
.carincpanel .leftpanel .declare-radio ul li input {
top: 3px;
}
.fitmentCont .elect .electCont .top-margin {
margin-top: 55px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 9px;
}
/* .rowline.premiumWrapper .premiumBreakCont {
max-width: 155px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR {
padding: 10px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p{
padding-left: 0;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.4rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
font-size: 1.2rem;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
font-size: 1.4rem;
}
.premiumBreakCont .premiumBreakContR p:before {
display: none;
}
.carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol {
max-width: 152px;
margin-right: 20px;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow {
margin-bottom: 10px;
color: #4f4f4f;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText.preCont, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow.preCont {
display: none;
} */
.carincpanel .leftpanel .declare-radio ul li label:before {
top: 0px;
}
.planReviewSec ul {
margin: 30px 0px 50px;
}
.planReviewSec ul li {
width: 100%;
}
.planReviewSec ul li:after {
display: none;
}
.backTop {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: absolute;
left: 50%;
bottom: 0;
text-align: center;
width: 100%;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
/* width: 65px;       */
font-size: 1.2rem;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
left: -16px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
padding: 0px 2px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
padding-left: 13px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
top: -8px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
right: 28px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
right: 29px;
}
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
width: 63px;
left: -13px;
}
*/
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 28px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 29px;
}
.idv-sum-range>span:nth-child(3),
.idv-sum-range span:last-child {
top: 0;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range {
right: -10px;
}
*/ .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 200px;
margin-right: 20px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 180px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 396px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 616px !important;
}
/* .rowline.premiumWrapper.fixed {
width: 97%;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
width: 100%;
max-width: 50%;
} */
/* .preBox {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
float: left;
position: relative;
left: 50%;
} */
.carincpanel .leftpanel .rowline.rangeBar {
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
width: 90%;
}
.eiaNumber .tooltipIcon .tooltipCont {
right: -82px;
top: 29px;
}
.congWrapper .digiLock .tooltipIcon .tooltipCont {
top: -140px;
}
.stepsWrapper.carincpanel .customSelect .selectedText:after {
top: 3px;
}
/* .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCont .tickIcon {
left: -20px;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p {
padding: 0;
} */
.carincpanel .leftpanel .car-owner h4.headdefine {
margin-right: 0px;
}
.drpWrapper.noLeftSpace {
float: left;
width: 100%;
top: 10px;
}
.fieldbox .inputSec .rsWrap,
.fieldbox .inputSec label {
font-size: 1.6rem;
}
/*****Step 2 End******/
/*****Step 3 Start******/
.paymentWrapper {
margin: 30px auto 30px;
}
.paymentWrapper h1,
.paymentWrapper h2 {
font-size: 2rem;
}
.paymentWrapper p {
font-size: 1.6rem;
}
.paymentWrapper form {
max-width: 100%;
width: 100%;
}
.paymentWrapper form label {
font-size: 1.5rem;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: static;
left: 0;
}
.paymentWrapper #address {
text-align: left;
}
.paymentWrapper input {
font-size: 1.6rem;
}
.prefieldWrap,
.paymentWrapper .formWrapper label {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: static;
left: 0;
text-align: left;
}
.paymentWrapper form .inputRow,
.paymentWrapper form label {
margin-bottom: 0;
}
.paymentWrapper form .prefieldWrap label {
font-size: 1.4rem;
}
.paymentWrapper form .inputRow label {
width: initial;
}
.paymentWrapper form .inputRow .inputWrap.centered {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: relative;
left: 0;
text-align: left;
float: left;
width: 100%;
}
.paymentWrapper form .inputRow {
width: 100%;
}
.paymentWrapper .formWrapper {
float: left;
padding: 0px 20px;
}
.paymentWrapper .formWrapper .inputRow:nth-child(3) {
margin-bottom: 25px;
}
.paymentWrapper form .inputRow .inputWrap,
.paymentWrapper form .inputRow {
width: 100%;
}
.paymentWrapper .formWrapper inputWrap.centered {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: static;
left: 0;
text-align: left;
}
.paymentWrapper .btn {
max-width: 252px;
min-width: 252px;
font-size: 1.8rem;
}
.paymentWrapper .allDetailWrap {
width: 100%;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul {
margin-left: 21px;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
width: 45%;
margin-right: 5%;
font-size: 1.5rem;
padding: 6px 10px;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
margin-right: 0;
}
.paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(1),
.paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
margin-bottom: 15px;
}
/* .areaDrpCont {
width: 20% !important;
} */
.paymentWrapper form .inputRow.area,
.paymentWrapper form .inputRow.genderCont {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
left: 0;
width: 100% !important;
margin-bottom: 20px;
}
.paymentWrapper form .inputRow.genderCont {
margin-top: 15px;
}
.formWrapper .customSelect .selectedText {
font-size: 1.6rem;
}
.areaDrpCont .customSelect {
margin-left: 10px;
}
.paymentWrapper form .inputRow,
.paymentWrapper form .prefieldWrap {
max-width: 100%;
}
.otherAreaRow {
float: left;
width: 100%;
margin-top: 10px;
}
#otherArea {
width: 100%;
}
/*****Step 3 End******/
/*****Step 4 Start******/
.congWrapper .congWrap .innerWrap .align-left {
border-bottom: 1px solid #e4e4e4;
margin-bottom: 20px;
padding-bottom: 35px;
width: 100%;
}
.congWrapper .align-right {
float: left;
display: inline-block;
}
.congWrap.footerWrap .column {
width: auto;
margin-bottom: 20px;
padding-bottom: 35px;
}
.congWrap.footerWrap .column:first-child .align-left:first-child {
float: right;
}
.congWrap.footerWrap .column:last-child {
border-bottom: none;
}
.congWrapper .congratsSvg .congratsThumb #congratsThumbsvg {
transform: translate(-50%, -50%) scale(0.8);
-webkit-transform: translate(-50%, -50%) scale(0.8);
-moz-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
}
.congWrapper .congratsSvg .congratsThumb {
height: 100px;
width: 100px;
}
.congWrapper .congratsSvg {
width: 220px;
height: 220px;
}
.congWrapper h1 {
font-size: 3rem;
margin-top: -15px;
}
.congWrapper p {
font-size: 1.8rem;
}
.congWrapper .carDetails .detailsHeader .align-left {
width: 100%;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 80%;
}
.congWrapper .carDetails .detailsHeader .align-right {
display: none;
}
.congWrapper .carDetails .detailsCont .userCarImg {
display: none;
}
.congWrapper .carDetails .detailsCont .userCarDetails {
border-right: none;
width: 100%;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont {
margin-bottom: 5px;
}
/* .congWrapper .carDetails .detailsCont .userCarDetails .carCont:nth-child(2), .carNameWrap {
border-bottom: 1px solid #e4e4e4;
} */
.carNameWrap {
display: block;
float: left;
width: 100%;
padding-bottom: 5px;
}
.getInTouch {
display: none;
}
.referNowPopup,
.ratingFbPopup,
.proceedThankyou {
width: 95%;
}
.referNowPopup .close,
.ratingFbPopup .close,
.proceedThankyou .close {
top: 12px;
}
.referNowPopup .innerContainer ul li label,
.ratingFbPopup .innerContainer ul li label,
.referNowPopup .customSelect .selectedText,
.ratingFbPopup .customSelect .selectedText {
font-size: 1.5rem;
}
.congWrapper .congratsSvg {
margin-top: -30px;
}
.congWrapper .carDetails .detailsHeader h2 {
margin: 15px 0px 0px 15px;
font-size: 1.8rem;
}
.congWrapper .carDetails .detailsHeader .userImg {
width: 45px;
height: 45px;
}
.congWrapper .carDetails {
margin-top: 15px;
}
.congWrapper .congWrap .column {
padding: 0px;
}
/*****Step 4 End******/
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
top: 0;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 28px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 29px;
}
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
padding-left: 15px;
}
.congWrapper .carDetails .detailsCont .userCarDetails>.carName {
display: none;
}
.congWrapper .carDetails .detailsCont .userCarDetails {
border: none;
padding: 0;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carNameWrap {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin: 10px 0px;
padding-top: 5px;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carNameWrap span {
margin-left: 0;
}
.congWrapper .carDetails .detailsCont {
padding-bottom: 30px;
}
/* devendra start 6nov */
.downloadPolicy {
position: relative;
bottom: 5px;
}
/* devendra end 6nov */
.downloadPolicy a {
font-family: "AllianzB";
display: inline-block;
font-size: 1.6rem;
color: #fd9442;
position: relative;
padding-left: 25px;
float: left;
}
/********Added on 18th March 2019 Start**********/
.carincpanel .leftpanel .siPerPerson .rsWrap {
font-size: 1.6rem;
}
/********Added on 18th March 2019 End**********/
/*******Added by Indigo on 20th June 2019 Start*********/
.carincpanel .leftpanel .rowline h4.headdefine.fixedWrap {
width: 100%;
}
/*******Added by Indigo on 20th June 2019 End*********/
}
@media only screen and (max-width: 870px) {
.carincpanel .leftpanel .rowline.premiumWrapper {
width: 100%;
padding: 25px 15px;
height: 130px;
}
.premiumWrapper .premiumBreakCol {
max-width: 237px;
}
.premiumWrapper .premiumBreakCol:after {
right: 5px;
}
}
@media only screen and (max-width: 800px) {
.carincpanel .leftpanel .rowline.premiumWrapper,
.premiumWrapper {
height: initial
}
.premiumWrapper .premiumBreakCol {
max-width: 100%;
width: 100%;
}
.premiumSection {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
top: 0;
}
.premiumWrapper .premiumBreakCol {
margin-bottom: 35px;
}
.premiumWrapper .premiumBreakCol:last-child {
margin-bottom: 0;
}
.premiumWrapper .premiumBreakCol:after {
display: none;
}
.premiumWrapper .preCont {
width: 100%;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
position: relative;
bottom: initial;
}
.summaryLightboxContainer {
height: 400px;
}
}
@media only screen and (max-width: 768px) {
.carousel_wrap #carousel {
width: 455px;
}
.carincpanel .leftpanel .enhance-topup .declare-radio ul li .showFeatures .tooltipCont {
top: 22px;
left: 82px;
width: 195px;
}
/* .premiumWrapper.fixed {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: 50%;
} */
}
@media only screen and (max-width: 767px) {
/*Devendra start 11Feb-2020 */
.pay_go_change .first-row {width: 48% !important;padding-bottom: 0 !important;}
.pay_go_change {width: 101%;}
.pay_go_change .rowline .drpWrapper{margin-top: -6px;}
.pay_go_change .rowline h4 {font-size: 13px !important;}
.pay_go_change h4 {margin-bottom: 4px !important;}
.pay_go_change .second-row {width: 24% !important;padding-bottom: 26px !important;}
.pay_go_change, .theft_cover {width: 100%;}
.theft_cover .rowline {width: 51% !important;}
.theft_cover .tooltipCont{left: 29px;right:0;}
/*Devendra start 11Feb-2020 */
.declareCont {width: 101% !important; padding: 5px 0 !important; margin-top: 0px !important;}
.mak-pay {
padding: 0px 0 !important;
}
.selectMulty {
left: 108 !important;
}
.stepsWrapper .myCar .stepCircle input {
font-size: 2rem;
}
.stepsWrapper .myCar .stepCircle::-webkit-input-placeholder {
font-size: 1.5rem;
}
.stepsWrapper .myCar .stepCircle input:-moz-placeholder {
font-size: 1.5rem;
}
.stepsWrapper .myCar .stepCircle:-ms-input-placeholder {
font-size: 1.5rem;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow::-webkit-input-placeholder {
font-size: 1.4rem !important;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input:-moz-placeholder {
font-size: 1.4rem !important;
}
/*--for IE10 support--*/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow:-ms-input-placeholder {
font-size: 1.4rem !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.6rem;
}
.preFixed {
top: 10px;
font-size: 2rem;
}
.carincpanel .leftpanel .rowline.declareCont a {
font-size: 1.3rem;
text-decoration: underline;
}
.carincpanel .leftpanel .declare-radio ul li label {
font-size: 1.3rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 231px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 458px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 178px;
margin-right: 15px;
}
.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
padding: 10px 5px;
}
.paymentWrapper .formWrapper .tooltipIcon .tooltipCont {
right: -9px;
top: -52px;
}
.carousel_wrap .tooltipIcon .tooltipCont {
right: -100px;
}
.congWrapper .digiLock .tooltipIcon .tooltipCont {
right: -2px;
}
.summaryLightbox {
top: 425px;
position: absolute;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -139px;
right: 0;
top: 5px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -39px;
right: 0;
top: 5px;
}
.selectMulty .innerWrap {
width: 87%;
}
/****Step 3 Start*****/
.carousel_wrap #carousel .shadow {
display: none !important;
}
.carousel_wrap #carousel .shadow.carousel-center {
display: block !important;
}
.carousel_wrap #carousel.centered {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
position: relative;
left: 0;
}
.carousel_wrap #carousel {
width: 176px;
}
/*****Added on 27th Feb 2019 Start*********/
.carousel_wrap .roundAboutArrow {
left: 50%;
top: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 1;
float: none;
}
/*****Added on 27th Feb 2019 End*********/
/****Step 3 End******/
/*--Added by Sameer on 1st August starts--*/
.summaryLightboxContainer span.icon {
right: 30px;
}
/*--Added by Sameer on 1st August ends--*/
}
@media only screen and (max-width: 640px) {
.editWrapper {
margin-right: 50px;
}
.stepsWrapper .myCar .stepCircle .iconSec {
top: 0px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 96px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 289px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 489px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 197px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 391px !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.5rem;
padding: 9px 0px 8px 5px;
}
}
@media only screen and (max-width: 600px) {
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
width: 90px;
height: 40px;
margin-right: 10px;
font-size: 1.4rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active label p span {
font-family: 'AllianzB';
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail a {
position: static;
margin-top: 13px;
color: #fe9542;
border-bottom: 1px #fe9542 solid;
font-size: 1.6rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 160px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 266px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 368px !important;
}
.carincpanel .leftpanel .rowline.driveSmartYes .telematics-service .telematics-service-content ul li {
width: 115px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 200px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 329px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
font-size: 1.4rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span {
font-size: 1.4rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p .driveTitle {
display: none;
}
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
margin-top: 0px;
font-size: 1.5rem;
}
/* .premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
font-size: 1.1rem;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow {
font-size: 1.4rem;
}
.carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol {
max-width: 140px;
margin-right: 10px;
}
.carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol:last-child {
margin-right: 0px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
padding: 5px 0 10px 10px;
}
.rowline.premiumWrapper.fixed {
width: 95%;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
margin-right: 0;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2rem;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p{
padding-left: 0 !important;
}
.rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR {
padding-left: 44px;
} */
.summaryLightbox {
width: 90%;
}
.summaryLightboxContainer .span12>label,
.summaryLightboxContainer .span12 input,
.summaryLightboxContainer .customSelect .selectedText,
.radioWrapper ul li label {
font-size: 1.4rem;
}
.btn.reCalculate {
max-width: 215px;
min-width: 215px;
}
.summaryLightboxContainer .btn {
font-size: 1.8rem;
}
.summaryLightbox .note {
font-size: 1.3rem;
}
.summaryLightbox h2 {
font-size: 2rem;
}
.personalLightbox .preFixed {
left: 154px;
}
.mobNumber .preFixed {
top: 12px;
font-size: 1.4rem;
}
.carInsurance .stepsNumber .step-progressbar li>span span:after {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
right: -35px;
top: -7px;
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
font-size: 1.5rem;
}
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
left: -58px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -10px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
right: 24px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
right: 25px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
left: -10px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
right: 24px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
right: 25px;
}
/* .idv-sum-range > span:nth-child(3), .idv-sum-range span:last-child {
right: 0 !important;
} */
.carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range,
.carincpanel .leftpanel .idv-val-sec .idv-sum span.min-range {
bottom: -64px;
font-size: 1.5rem;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
}
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
width: 59px;
} */
.carInsurance .titleSec h1 {
font-size: 2rem;
}
/********Added by Samina on 27th Feb 2019 Start************/
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li .viewCover,
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active .viewCover {
font-size: 1rem;
width: 100%;
}
/********Added by Samina on 27th Feb 2019 End************/
}
@media only screen and (max-width: 550px) {
.personalLightbox .preFixed {
left: 126px;
}
.summaryLightboxContainer label {
width: 40%;
}
.summaryLightboxContainer .inputDiv {
width: 60%;
}
}
@media only screen and (max-width: 480px) {
/* flipkart-devendra-start 5may-2020 */
#carousel .shadow.policyDetails{left: -71.5px !important;}
.stepsWrapper .myCar .stepCircle .quest1 .iconSec {
top: -18px;
}
.popupSec .closePop{padding-top: 14px !important;}
.popupSec.disclaimerContentWrap{display: none;left: 5%;}
.popupSec.callbackthankyou{display: none;left: 5%; width: 100%;}
.popupSec.callbackthankyou .closePop{right: 0px; top: -20px;}
.flipkart-new .callBack p{display: none;}
.errorMsg, .validEntry {font-size: 1.5rem !important;}
.communicationSec.visible.flipkart-new .callBack{position: absolute !important;right: 10px !important;top: 53px !important;width: 14% !important;display: block;}
.mainHeader{height: 11rem;}
.addressSec {margin-top: 5px !important;}
.stepsWrapper .myCar .stepCircle label {
font-size: 2.0rem;
}
.pay_go label{font-size: 1.6rem !important;}
/*     .questionsCont .pay_go_main{padding: 0 37px;} */
.questionsCont .pay_go_main {
padding: inherit;
}
.pay_go_main label .new{top: -22px;padding: 2px 4px;left: 36px;}
.premiumWrapper .premiumBreakCol {
margin-bottom: 0px !important;
max-width: 46%;
}
.forRegCar.premiumWrapper .premiumBreakCol {
margin-bottom: 0px !important;
max-width: 100% !important;
}
/* --4 */
.carincpanel .leftpanel .idv-val-sec .idv-sum {
position: relative;
       zoom: 1.2;
}
.stepsWrapper.carincpanel {
margin-top: 0px !important;
}
/* flipkart-devendra-end 5may-2020 */
/******Step 1 Start*********/
.carInsurance .titleSec h1 {
padding-bottom: 0px;
}
.carInsurance .topFixStep {
padding-top: 20px;
}
.ui-menu .ui-menu-item-wrapper {
font-size: 1.4rem;
padding: 9px 5px;
}
/* .ui-menu .ui-menu-item {
width: 100px;
} */
/* .preFixed {
top: 16px;
} */
.stepsWrapper .myCar .stepCircle .questionsCont {
top: 48%;
}
.stepsWrapper .myCar .stepCircle .quest5 .questionsCont {
top: 61%;
}
.stepsWrapper .myCar .stepCircle .nextBtn {
bottom: 22px;
}
/******Step 1 End*********/
/*****Step 2 Start******/
.carincpanel .leftpanel h2 {
font-size: 1.6rem;
}
.personalLightbox .preFixed {
left: 110px;
}
.summaryLightbox h2 {
font-size: 1.8rem;
}
.summaryLightbox .close {
top: 11px;
}
.summaryLightbox {
padding: 10px;
}
.personalLightbox .btn {
font-size: 1.6rem;
padding: 7px 30px 7px;
}
.editWrapper {
margin-right: 44px;
}
.editCategoryDetails ul li {
padding: 11px 10px 11px 20px;
}
.editCategoryDetails ul li:before {
left: 5px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 113px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 209px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 311px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 148px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 273px !important;
}
.viewDetailsBtn {
margin: 2%;
}
.planReviewSec ul {
padding: 35px 0px;
}
.planReviewSec ul li h4,
.premiupPopup h3,
.offlinePopup h3 {
font-size: 1.8rem;
}
.premiupPopup .rowPop .colPop,
.offlinePopup .rowPop .colPop {
font-size: 1.4rem;
}
.premiupPopup,
.offlinePopup {
width: 90%;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: -261px;
top: 8px;
}
.enhance-topup.prestigeCont .headdefine .tooltipIcon .tooltipCont {
top: 8px;
right: -19px;
}
.carousel_wrap #carousel {
width: 155px !important;
}
.carousel_wrap #carousel .shadow {
width: 300px;
height: 300px;
}
.carousel_wrap #carousel .shadow h3 {
font-size: 2rem;
}
.carousel_wrap #carousel .shadow .inputRow label,
.carousel_wrap #carousel .shadow .wheelWrap label {
font-size: 1.4rem;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
font-size: 1.5rem;
}
.carInsurance .stepsNumber {
width: 85%;
}
/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
width: 63px;
} */
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 119px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 221px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 320px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 156px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 280px !important;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -95px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -245px;
}
.carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.forNewCar.fixed .premiumBreakCont .tickIcon:before {
width: 20px;
height: 20px;
left: 7px;
}
.carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.forNewCar.fixed .premiumBreakCont .tickIcon.active:before {
background-position: -368px -468px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -19px;
}
.fieldbox .inputSec .rsWrap,
.fieldbox .inputSec label {
font-size: 1.5rem;
}
/*****Step 2 End******/
.carincpanel .leftpanel .customSelect .selectedText,
.carincpanel .leftpanel h4.headdefine,
#compName,
#bankFinance,
.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
font-size: 1.5rem;
}
/*****Step 4 Start******/
.congWrapper h1 {
font-size: 2.5rem;
}
.congWrapper p {
font-size: 1.6rem;
}
.congWrapper .carDetails .detailsHeader {
padding: 10px;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 65%;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont span,
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p,
.congWrapper .carDetails .detailsCont .userCarDetails p a,
.congWrapper .congWrap .column p {
font-size: 1.4rem;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont img {
margin-top: -2px;
}
.congWrapper .carDetails .detailsHeader .userImg img {
padding-top: 2px;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber p {
font-size: 1.5rem;
}
.congWrapper input,
.congWrapper .congWrap .column:first-child p,
.congWrapper .congWrap .column h2 {
font-size: 1.8rem;
}
.congWrapper .congWrap .column:first-child p span {
font-size: 2rem;
}
.congWrapper .congWrap .column {
padding: 0px 10px 20px 10px;
}
.congWrapper .congWrap .column .voucher {
margin-right: 0px;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
margin-top: -18px;
}
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .btn {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 35px;
}
.congWrapper .innerWrap .align-right {
padding-bottom: 55px;
}
.congWrapper .congWrap {
padding: 20px 0px;
}
.congWrapper .carDetails .detailsHeader h2 {
font-size: 1.5rem;
margin: 12px 0px 0px 7px;
}
.congWrapper .carDetails .detailsHeader .align-left .personName {
width: 75%;
}
/*****Step 4 End******/
.popup {
width: 90%;
}
}
@media only screen and (max-width: 414px) {
.stepsWrapper .myCar .stepCircle::-webkit-input-placeholder {
font-size: 1.4rem;
}
.stepsWrapper .myCar .stepCircle input:-moz-placeholder {
font-size: 1.4rem;
}
.stepsWrapper .myCar .stepCircle:-ms-input-placeholder {
font-size: 1.4rem;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow::-webkit-input-placeholder {
font-size: 1.3rem !important;
}
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input:-moz-placeholder {
font-size: 1.3rem !important;
}
/*--for IE10 support--*/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow:-ms-input-placeholder {
font-size: 1.3rem !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 69px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 169px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 269px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 107px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 228px !important;
}
.mobNumber .preFixed {
left: 100px;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: -130px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -103px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -248px;
}
.carincpanel .leftpanel .rowline.driveSmartOpt h4.headdefine .tooltipIcon .tooltipCont {
right: 0px;
top: 2px;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail .tooltipIcon .tooltipCont {
right: -145px;
top: 4px;
}
}
@media only screen and (max-width: 393px) {
.drpWrapper.noLeftSpace {
margin-left: 0px;
margin-top: 10px;
}
.selectMulty .innerWrap {
position: relative;
left: 0px;
}
}
@media only screen and (max-width: 375px) {
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: 0px;
}
/* .carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol  {
max-width: 135px;
} */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -7px;
}
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
left: 3px;
}
}
@media only screen and (max-width: 360px) {
.editWrapper {
margin-right: 33px;
}
.mobNumber .preFixed {
left: 100px;
font-size: 1.4rem;
}
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol {
padding-right: 0px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 1.8rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
font-size: 1rem;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
left: 46px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
left: 147px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
left: 249px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
left: 71px !important;
}
.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
left: 228px !important;
}
.carInsurance .stepsNumber .step-progressbar li>span span em {
right: -27px;
}
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
left: -65px;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: 0;
top: 8px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -45px;
}
.rowline.declareCont .declare-radio.checkboxStyle {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: 83%;
position: relative;
width: auto;
}
.congWrapper .carDetails .detailsCont .userCarDetails .carCont p {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 320px) {
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
font-size: 1.4rem;
}
.additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
right: -130px;
}
.mobNumber .preFixed {
left: 92px;
;
top: 11px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
left: -185px;
}
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
left: -150px;
}
.carincpanel .leftpanel .rowline.driveSmartOpt h4.headdefine .tooltipIcon .tooltipCont {
right: -224px;
top: 6px;
}
/* .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
padding: 0;
} */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
left: -25px;
padding: 0 10px;
}
}
/********Added on 30th March Start**********/
/*******Share Btn Section Start*******/
.shareBtnWrapper {
position: relative;
}
.shareBtnSec {
display: none;
position: absolute;
bottom: -50px;
left: 25px;
}
.shareBtnSec a {
display: inline-block;
width: 36px;
height: 36px;
margin-right: 8px;
vertical-align: top;
background-size: 100% !important;
}
.shareBtnSec a.fb {
background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/facebook-icon.png) no-repeat 0 0;
}
.shareBtnSec a.twitter {
background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/twitter-icon.png) no-repeat 0 0;
}
.shareBtnSec a.whatsappli {
background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/whatsapp-icon.png) no-repeat 0 0;
}
/*******Share Btn Section End*******/
/********Added on 30th March 2019 End**********/
/*---Added by Indigo on 12th June 2019 Start--*/
.damageCoverWrapper {
display: none;
}
/*---Added by Indigo on 12th June 2019 End--*/
/*---Added by Sameer on 18th Aug starts---*/
.addressSec {
float: right;
margin-top: 20px;
}
.addressSec p {
color: #ffffff;
font-size: 1.2rem;
background: url("../../../../../../../content/dam/bagicextension/motor-insurance/addressIcon.png") no-repeat top 3px left;
background-size: auto;
background-size: 15px;
padding-left: 20px;
}
@media only screen and (max-width: 1199px) {
.addressSec {
display: block;
}
}
/*---Added by Sameer on 18th Aug ends---*/
/* vidya start */
.reducepremiumWrapper ul li:nth-child(2) label, .reduceprebox ul li:nth-child(2) label{
border-left: solid 1px #9a9a9a;
}
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .reducepremiumWrapper {
clear: both;
display: flex;
align-items: center;
display: -ms-flex;
-ms-align-items: center;
}
.carincpanel .leftpanel .reducepremiumWrapper {
margin-top: 20px;
}
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .reducepremiumWrapper h4.headdefine {
margin-right: 25px;
/* display: inline-block; */
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .reducepremiumWrapper ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .reducepremiumWrapper ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .reducepremiumWrapper ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .reducepremiumWrapper ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* 1.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .challanWrapper ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .challanWrapper ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .challanWrapper ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .challanWrapper ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* ====================1 */
.reduceprebox h2 {
font-size: 2.5rem;
color: #8b8b8b;
padding-bottom: 35px;
}
.reduceprebox .span12 {
padding: 10px 0;
}
.reduceprebox .inputDiv {
position: relative;
width: 47%;
}
.reduceprebox .close {
position: absolute;
right: 20px;
top: 20px;
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -321px -89px;
width: 18px;
height: 18px;
cursor: pointer;
}
.reduceprebox {
max-width: 750px;
width: 100%;
position: fixed;
background: #fff;
padding: 20px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 17;
display: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.reducepreboxContainer .span12 input {
color: #ff9b41;
border-bottom: 1px solid #ccc;
}
.reducepreboxContainer .span12>label {
float: left;
width: 50%;
font-size: 1.8rem;
color: #0071bb;
}
/****Added by Samina on 21st Sep 2018*****/
.personalLightbox .span12>label {
width: 31%;
}
.reducepreboxContainer .radioWrapper ul li label {
padding: 5px 25px 5px 25px;
}
.reducepreboxContainer .radioWrapper ul li {
position: relative
}
.reducepreboxContainer .radioWrapper ul li input[type=radio] {
position: absolute;
left: 0;
top: 0;
}
.reducepreboxContainer input, textarea {
outline: none;
border-bottom: 1px solid #ccc;
}
.reducepreboxContainer .span12 input {
color: #ff9b41;
border-bottom: 1px solid #ccc;
}
.ok-reducpremium {margin-top: 33px;}
.challandiv .drpWrapper {
margin: -5px 14px 0 7px;
float: left;
}
#challan_disclaimer{
display: none;
}
.declare-radio ul li label {width: 543px;}
/* vidya end */
/* 10-FEB-2020 poonam code*/
.challan_error, .bagic_policy, .other_bagic{
text-align: center;
padding-left: 88px;
}
/*Vidya Start 3-Apr-2020*/
/* 2.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .with-us ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .with-us ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .with-us ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .with-us ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* ==================== 2 */
/* 3.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .with-us-nonmotor ul {
width: 140px;
border: 1px solid #9a9a9a;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .with-us-nonmotor ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .with-us-nonmotor ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .with-us-nonmotor ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* ==================== 3 */
.reduceprebox .selectMulty .innerWrap {width: 90% !important;}
.reduceprebox .btnWrapper {text-align: center; float: left; width: 100%; display: block;}
/*Vidya End 3-Apr-2020*/
.carincpanel .leftpanel .with-us-nonmotor ul li {
list-style: none;
width: 50%;
height: 34px;
float: left;
position: relative;
}
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .with-us-nonmotor ul li input[type='radio'] {
display: none;
}
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .with-us-nonmotor ul li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 35px;
}
/* ==================== 3 */
.reduceprebox .selectMulty .innerWrap {width: 90% !important;}
.reduceprebox .btnWrapper {text-align: center; float: left; width: 100%; display: block;}
.position_fixed{position: fixed;}
.ph-numbers-header {
float: right;
position: absolute;
top: 31px;
right: 196px;
}
.telico
{
width: 23px;
margin-right: 7px;
}
/*Vidya End 3-Apr-2020*/
.span12.ncbDrpdwn.drpWrapper.margBtm25 .span12.customSelect {
width:70% ;
}   /* Amruta*/
.span12.span12.drpWrapper.anyClaimWrapper.margBtm25{
padding:0px 10px 0px 34px;} /* Amruta*/
/*added by pankaj pawar on 13th june 2023*/
/* travel rider css milind */
.roomRentWrap.wellnessDiv {
padding: 15px 0;
width: 100%;
float: left;
}
.wellnessDiv label {
padding: 15px 0;
width: 63%;
float: left;
}
.roomRentWrap.wellnessDiv label:first-child::after {
background: #ff8100;
padding: 1px 6px;
content: "New";
font-size: x-small;
color: white;
border-radius: 9px;
margin-left: 26px;
}
.covragetablehealth .firsttr {
background: #0080c9 !important;
}
.covragetablehealth tr {
border: 1px solid #878787;
}
.covragetablehealth tr td {
border: 1px solid #878787;
padding: 8px;
}
.covragetablehealth {
border: 1px solid #878787;
}
.roomRentWrap li {
list-style: none;
width: 50%;
height: 37px;
float: left;
position: relative;
}
.additionalChecknewtravel.radioBtn li label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 36px;
color: #0073BD;
padding-top: 2px !important;
}
.additionalChecknewtravel.radioBtn input:checked+label {
background: #0080c9;
color: #fff;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 36px;
padding-top: 2px !important;
}
.additionalChecknewtravel.radioBtn input label {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
cursor: pointer;
line-height: 36px;
color: #0073BD;
}
.pre_opt {
margin-bottom: 10px;
margin-top: -10px;
color: #f36405;
}
.premiumch1travel ul li label.active {
background: #0e8dfa !important;
}
.premiumch1travel ul li label.active:before {
background: url(../../../../../content/dam/bagic/health-guard/sprite.png) no-repeat !important;
background-color: #ff9b41 !important;
background-position: -369px -469px !important;
border: 2px solid #fff !important;
}
.premiumch1travel ul li label.active p {
color: #fff !important;
}
.premiumch1travel ul li label.active h5 span {
color: #fff !important;
}
.premiumch1travel ul li label {
background: #ffffff !important;
}
.premiumch1travel ul li label:before {
background: #fff !important;
}
.premiumch1travel {
width: 46% !important;
}
.premiumch1travel ul li {
margin-right: 20px !important;
width: 26% !important;
}
.premiumch1travel ul li label h5 {
font-size: 2.0rem !important;
border-bottom: none !important;
color: #0071bb !important
}
.premiumch1travel ul li label p {
color: #fe9542 !important;
font-size: 1.5rem!important;
padding-bottom: 3px!important;
margin-bottom: 5px!important;
border-bottom: 1px solid #ffffff9e!important;
}
.planReviewSec .leftContainer .premiumch ul li input:checked+label:before,
.planReviewSec .leftContainer .premiumch1travel ul li input:checked+label:before {
background: url(../../../../../content/dam/bagic/health-guard/sprite.png) no-repeat;
background-color: #ff9b41;
background-position: -369px -468px;
border: 2px solid #fff;
}
.premiumch ul li input:checked+label,
.premiumch1travel ul li input:checked+label {
background: #ffffff;
color: #005596;
}
.premiumch,
.premiumch1travel {
border: solid 1px #c4c4c4;
border-radius: 15px;
padding: 15px;
background: #f5f5f5;
padding-top: 25px;
margin-bottom: 25px;
}
.premiumch ul,
.premiumch1travel ul {
text-align: left;
margin-bottom: 7px;
}
.additionalChecknewtravel.radioBtn input {
float: left;
height: 100%;
left: 0;
opacity: 0;
position: relative;
width: 100%;
z-index: -1;
}
.premiumch1travel.wellnessPlantravel {
width: 78% !important;
display: inline-block;
box-shadow: 0px 1px -1px 0 #959595;
border: solid 1px #c4c4c4;
border-radius: 3px;
padding: 15px;
background: #f5f5f5;
padding-top: 25px;
margin-bottom: 25px;
}
.premiumch1travel.wellnessPlantravel ul li label p {
font-size: 1.8rem!important;
}
.showFeaturestravel {
color: #0e8dfa;
font-family: 'AllianzSans';
font-size: 1.3rem;
cursor: pointer;
text-decoration: underline;
}
.wellnessPlantravel ul li label.active .showFeaturestravel {
color: #ffffff;
font-family: 'AllianzSans';
font-size: 1.3rem;
cursor: pointer;
text-decoration: underline;
}
.roomRentWrap ul {
width: 140px;
border: 1px solid #ccc;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
margin: 10px 135px 0px 0px;
}
.premiumch1travel.wellnessPlantravel ul li {
margin-right: 19px !important;
width: 35% !important;
margin-left: 14px;
}
.premiumch1travel.wellnessPlantravel ul li label {
text-align: center;
display: block;
-webkit-box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
-moz-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
-ms-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
-o-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-ms-border-radius: 7px;
background: #fff;
padding: 5px;
position: relative;
cursor: pointer
}
.premiumch1travel.wellnessPlantravel ul {
display: flex;
}
.premiumch1travel.wellnessPlantravel ul li label.active {
display: block;
-webkit-box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
-moz-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
-ms-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
-o-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-ms-border-radius: 7px;
background: #fff;
padding: 5px;
position: relative;
cursor: pointer;
}
.premiumch1travel.wellnessPlantravel ul li label.active {
display: block;
-webkit-box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
-moz-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
-ms-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
-o-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-ms-border-radius: 7px;
background: #fff;
padding: 5px;
position: relative;
cursor: pointer;
}
.wellnessPlantravel ul li label.active:before {
/* background-position: -367px -467px !important;
background: #ff9b41 url(../../../content/dam/bagic/motor-insurance/sprite.png) no-repeat !important; */
background-color: #ff9b41 !important;
border: 2px solid #fff !important;
}
.premiumch1travel.wellnessPlantravel ul li label:before {
left: -9px;
position: absolute;
top: -9px;
content: '';
background: #fff;
width: 19px;
height: 19px;
z-index: 1;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
border: 1px solid #ebebeb;
}
.pageWrap {
padding: 0px 50px;
}
/*added by pankaj pawar on 29th june 2023 for frequent fyler congragulation page*/
.detailsRowWrapper {
padding: 0px 0px 45px 0px;
border-bottom: 1px solid #d1e3e7;
}
.detailsWrapper {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
max-width: 700px;
width: 95%;
border: 1px solid #1793fe;
border-radius: 10px;
margin-top: 30px;
overflow: hidden;
position: relative;
left: 50%;
}
.detailsWrapper .headSection {
background-color: #1793fe;
padding: 20px;
}
.detailsWrapper .headSection, .detailsWrapper .midSection, .detailsWrapper .headSection .headLeftDiv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.detailsWrapper .headSection .headLeftDiv {
width: 80%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.detailsWrapper .midSection {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 20px;
}
.detailsWrapper .headSection .headLeftDiv .personName {
font-family: "AllianzB";
font-size: 2rem;
color: #fff;
margin: 0px 0px 0px 15px;
text-align: left;
}
.congWrapper .midSection .leftMidDiv .contRow p, .congWrapper .midSection .rightMidDiv .contRow p {
font-family: "AllianzB";
color: #035b95;
font-size: 1.8rem;
text-align: left;
clear: both;
}
.detailsWrapper .midSection .leftMidDiv {
border-right: 1px solid #e4e4e4;
}
/* .detailsWrapper .midSection .rightMidDiv, .detailsWrapper .midSection .leftMidDiv {
width: 49%;
} */
.congWrapper .midSection .leftMidDiv .contRow span, .congWrapper .midSection .rightMidDiv .contRow span {
font-family: "AllianzSans";
color: #757575;
font-size: 1.6rem;
display: inline-block;
margin-left: 10px;
float: left;
}
.congWrapper .midSection .leftMidDiv .contRow p.download a {
font-family: "AllianzB";
display: inline-block;
font-size: 1.6rem;
color: #fd9442;
position: relative;
padding-left: 25px;
float: left;
}
/* ======== --21-9-2023 ==================================== */
@media only screen and (max-width: 480px) {
.stepsWrapper .myCar .stepCircle {
width: 450px;
top: 0px;
}
.cibilscore {
    height: auto !important;
    padding: 0 0 2%;
    border-radius: 10px;
}
.dateofbirt label {
    top: 4px !important;
}
.dateofbirt input{
    margin-top: 13px !important;
}
.Mobile label{
    top: 3px !important;
}
.Mobile input{
    margin-top: 13px !important;
}
.otp-div{
    margin-top: 29px !important;
}
.Mobile .otpsent {
    top: 22px !important;
}
.availablecibi{
    padding: 4px 18px !important;
    font-size: 2rem !important;
}
.pancard{
    margin: 5% 0 !important;
}

}

.cibilscore {
    position: relative;
    width: 100%;
    padding: 0 0 2%;
    height: auto;
    margin: 3% 0px;
    border-radius: 10px;
    border-top-left-radius: 16px;
    /* max-height: 29px; */
    background: #fff;
    border: 2.9px dotted #F89C30;
}
.scorecibil a{
    font-family: 'AllianzSans';
    font-size: 1.7rem;
    /* font-weight: 600; */
    line-height: 12.11px;
    text-align: center;
    color: #F89C30;
    text-decoration: underline;
}
.availablecibi{
    /* width: 243px;  */
    /* height: 30px; */
    font-size: 2.2rem;
    padding: 10px 2%;
    top: -2px;
    gap: 0px;
    border-radius: 15px 0px 30px 0px;
    opacity: 0px;
    width: 75%;
    color: #FFFFFF;
    background: #37A88C;
}

.cibilinp{
    margin: 2% 5%;;
}
.detailcibil p{
    color: #545454;
    padding-bottom:0px !important;
}

.pancard{
    /* margin: 11px 0px; */
    margin-top: 5%;
    position: relative;
}


.no-drop {
/* 2June24 */
cursor: no-drop !important;
}
.not-allowed {
/* 2June24 */
cursor: not-allowed !important;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --17-7-2024 ======================== */
.pay_go_change {
width: 80%;
}
.customSelect .selectedText {
padding: 0 45px 0 0;
}
@media only screen and (max-width:480px) {
.customSelect .selectedText {
padding: 0 55px 0 0;
}
.pay_go_change .rowline .drpWrapper {
margin: 0px;
}

.PandD{
    display: inline !important;
    /* gap: 5%; */
}
.cibilscore {
    height: auto !important;
    padding: 0 0 2%;
    border-radius: 10px;
}
.dateofbirt label {
    top: 4px !important;
}
.dateofbirt input{
    margin-top: 13px !important;
}
.Mobile label{
    top: 3px !important;
}
.Mobile input{
    margin-top: 13px !important;
}
.otp-div{
    margin-top: 29px !important;
}
.Mobile .otpsent {
    top: 22px !important;
}
.availablecibi{
    padding: 4px 18px !important;
    font-size: 2rem !important;
}
.pancard{
    margin: 5% 0 !important;
}

}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */    

.cibilscore {
    position: relative;
    width: 100%;
    padding: 0 0 2%;
    height: auto;
    margin: 3% 0px;
    border-radius: 10px;
    border-top-left-radius: 16px;
    /* max-height: 29px; */
    background: #fff;
    border: 2.9px dotted #F89C30;
}
.scorecibil a{
    font-family: 'AllianzSans';
    font-size: 1.7rem;
    /* font-weight: 600; */
    line-height: 12.11px;
    text-align: center;
    color: #F89C30;
    text-decoration: underline;
}
.availablecibi{
    /* width: 243px;  */
    /* height: 30px; */
    font-size: 2.2rem;
    padding: 10px 2%;
    top: -2px;
    gap: 0px;
    border-radius: 15px 0px 30px 0px;
    opacity: 0px;
    width: 75%;
    color: #FFFFFF;
    background: #37A88C;
}
 
.cibilinp{
    margin: 2% 5%;;
}
.detailcibil p{
    color: #545454;
    padding-bottom:0px !important;
}
 
.pancard{
    /* margin: 11px 0px; */
    margin-top: 5%;
    position: relative;
}
.otpnumber{
    text-align: center;
    font-family: 'AllianzSans';
font-size: 1.8rem;
font-weight: 400;
line-height: 12.84px;
text-align: center;
color: #3A3A3A;
 
}
.otpnumber span{
font-family: 'AllianzB';
font-size: 1.8rem;
color: #3A3A3A;
}
 
.resendotp{
    font-family: 'AllianzSans';
    text-align: center;
    font-size: 1.5rem;
    color: #BDBDBD;
 
}
.resendotp span{
    font-family: 'AllianzB';
    color: #F89C30;
}
.Mobile{
    margin: 19px 0px;
    position: relative;
}
 
.iputefielled input{
    background: #fff;
    border-bottom: 1px solid black;
    text-align: center;
}    
.iputefielled{
    margin-bottom: 1%;
    text-align: center;
}  
.pancard label{
    position: absolute;
    left: 11px;
    top: -12px;
    padding: 0 2%;
    background: white;
    font-size: 1.4rem;
}
 
.Mobile label{
    position: absolute;
    left: 11px;
    top: -2px;
    padding: 0 2%;
    background: white;
    font-size: 1.4rem;
}
 
 
.pancard input{
    padding: 1%;
    width: 100%;
    border-radius: 5px;
    border: 0.55px 0px 0px 0px;
    opacity: 0px;
    border: 0.55px solid var(--colors-grey-Grey---200, #BBBEC5);
    /* margin-bottom: 5px;*/
}
 
.Mobile input{
    padding: 1%;
    width: 100%;
    /* height: 45px; */
    border-radius: 5px;
    border: 0.55px 0px 0px 0px;
    opacity: 0px;
    border: 0.55px solid var(--colors-grey-Grey---200, #BBBEC5);
    margin-top: 8px;
}
.dateofbirt{
    margin: 11px 0px;
    position: relative;
}
 
.dateofbirt label{
    position: absolute;
    top: -1px;
    padding: 0 2%;
    left: 11px;
    background: white;
    font-size: 1.4rem;
}
 
.dateofbirt input{
    padding: 1%;
    width: 100%;
    border-radius: 5px;
    /* height: 45px; */
    border: 0.55px 0px 0px 0px;
    opacity: 0px;
    border: 0.55px solid var(--colors-grey-Grey---200, #BBBEC5);
    margin-top: 9px;
}
 
.premiup{
    margin: 0 6%;
}
 
.premiup p{
    font-family: 'AllianzSans';
    font-size: 1rem;
    font-weight: 600;
    line-height: 9.47px;
    text-align: left;
    color: #F89C30;
}
 
.calculate{
    display: flex;
    flex-direction: row;
    margin: 5px 0;
    text-decoration: line-through;
    color: #9f9595;
}
.calculate1{
    display: flex;
    flex-direction: row;
    /* margin: 5px 0;
    text-decoration: line-through;
    color: #000; */
}
.scorecibil{
    font-family: 'AllianzSans';
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 19.2px;
    text-align: center;
    margin: 4% 0;
}
 
.PandD{
    display: flex;
    gap: 5%;
}
 
.eleven{
    font-family: 'AllianzSans';
    font-size: 1rem;
    font-weight: 400;
    line-height: 7.93px;
    text-align: left;
    color: #8D8D8D;
}
 
#mak_payesub{
    text-align: center;
    margin-top: 3%;
}
 
.makePayemnsubt{
    padding: 3px;
    width: 100%;
    max-width: 100%;
}
.ten{
    font-family: 'AllianzSans';
    font-size: 2rem;
    font-weight: 400;
    line-height: 14.64px;
    text-align: left;
    color: #000000;
}
.gst{
    font-family: 'AllianzSans';
    font-size: 1rem;
    font-weight: 500;
    line-height: 16.07px;
    text-align: left;
    color: black;
}
.two{
    font-family: 'AllianzSans';
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 13.64px;
    text-align: left;
    color: black;
}
 
 
.Mobile .otpsent{
    position: absolute;
    right: 15px;
    top: 17px;
    font-size: 15px;
    cursor: pointer;
    color: #37A88C;
 
}
.stepdetailcibil1{
    display: none;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 
 
.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
   
    border-top: 20px solid #f00;
  }
 
  /* .triangle-container {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #f0f0f0;
    margin: 50px auto;
} */
 
 
.triangle-container::after {
    content: '';
    position: absolute;
    bottom: -159%;
    left: 27%;
    transform: translateX(-50%);
    width: 0px;
    height: 33px;
    border-left: 8px solid transparent;
    border-right: 13px solid transparent;
    border-top: 20px solid #ff9b41;
}
 
.newcredit{
    position: absolute;
    top: -37px;
    left: 0;
    background: #F89C30;
    border-radius: 22px;
    font-size: 1.5rem;
    padding: 7px 25px;
    color: white;
}
 
.cibilimg{
    width: 15px;
    margin-right: 6px;
}
 
.filldetail{
           font-size: 2.2rem;
    padding: 10px 2%;
    top: -2px;
    gap: 0px;
    border-radius: 15px 0px 30px 0px;
    opacity: 0px;
    width: 75%;
    color: #FFFFFF;
    background: #37A88C;
}
.btndeatils{
    padding: 2px;
	width: auto;
	font-size: 16px;
	min-width: 100px;
	margin-top: 10px;
}

#reCalculatepo{
    	width: 80%;
		height: auto !important;
}


@media screen and (max-width: 1366px) {
  .stepsWrapper .myCar .stepCircle {
    transform: translateX(-50%) scale(0.8);
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    -ms-transform: translateX(-50%) scale(0.8);
    -o-transform: translateX(-50%) scale(0.8);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
  }
  .carInsurance .summaryWrapper{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
  }
  .stepsWrapper .buildInsPlan {
    top: 240px;
  }
  .stepsWrapper .almostDone{
    top: 230px;
  }
  .selectMulty ul li{
    font-size: 1.5rem;
  }
  .summarySec.carsumm {
      top: 110px;
      transform: scale(0.8);
      width: 380px;
  }

  .summarySec.carsumm.fixed {
    top: 110px;
}
  h4.headdefine{
    font-size: 1.8rem;
  }
  .summarySec.carsumm .innerContent:before{
    top: -29px;
  }
}

/* ======== --15-9-2023 ==================================== */
.nameddriverbox .radioWrapper ul li label {
    /*     padding: 3px 9px 3px 9px !important; */
    font-size: 1.5rem;
}

.nameddriverbox label,
.reducePrem label {
    float: left;
    font-size: 1.6rem;
}

.nameddriverbox,
.reducePrem {
    padding: 15px 0;
}

.volex .radioWrapper {
    float: left;
    width: 60%;
}

.volex {
    margin-top: 10px;
}

.volex label {
    font-size: 1.6rem;
}

.volex .button-grp-items span {
    top: 2% !important;
    font-size: 1.4rem !important;
}

.volex .button-grp-items {
    width: 10% !important;
    height: 28px !important;
    margin: 0 0px 4px 5px !important;
    min-width: 40px !important;
}

.numOfDriversSection .driverdetailsbox {
    border: solid 1px #757575;
    border-radius: 15px;
    padding: 14px;
    background: #f5f5f5;
    margin: 2% 0;
}

.numOfDriversSection h4 {
    color: #fe9542;
}

.numOfDriversSection .drivergetinfobox {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: baseline;
    gap: 5%;
}

.numOfDriversSection .driverdetailsbox .textField {
    padding: 1%;
}

.numOfDriversSection .drivergetinfobox input {
    border: 1px solid #bababa;
    padding: 2px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 250px;
    appearance: auto;
}

.numOfDriversSection .drivergetinfobox .textField select {
    border: 1px solid #bababa;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 250px;
    appearance: auto;
    font-size: 1.8rem;
    padding: 1.8% 0;
}

select#selectnoofdrivers,
select#selectvolex {
    border: 1px solid #bababa;
    padding: 8px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 135px;
    appearance: auto;
}

.vpaycoverscontent {
    margin-top: 8%;
}

.vpaycoverscontent label {
    font-size: 1.8rem !important;
}

.vpaycoverscontent label span a {
    text-decoration: underline;
    padding: 0 2%;
}

.vpaycoverscontent ul li {
    padding: 5% 0 !important;
}

@media only screen and (max-width:480px) {
    .volex .radioWrapper {
        width: 60%;
    }

    .volex {
        margin-top: 28px !important;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*   ========= --16-10-2023 =======================  */
.threeoptionsbox .optionsbuttons input[type="radio"] {
    display: none !important;
}

.threeoptionsbox {
    width: 60%;
    zoom: 85%;
    position: relative;
    padding-bottom: 3%;
    margin: auto;
}

.threeoptionsbox .optionsbuttons label:has(input[type="radio"]:checked) {
    background-color: #fd9442;
}

.threeoptionsbox .optionsbuttons label {
    background-color: #005596;
    color: white !important;
    margin: 1%;
    border-radius: 10px;
    padding: 2% 0;
    cursor: pointer;
}

.carincpanel .leftpanel .vpay-additional-cov {
    clear: both;
    display: flex;
    align-items: center;
    display: -ms-flex;
    -ms-align-items: center;
}

.carincpanel .leftpanel .vpay-additional-cov ul {
    width: 140px;
    border: 1px solid #9a9a9a;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.carincpanel .leftpanel .vpay-additional-cov ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

.carincpanel .leftpanel .vpay-additional-cov ul li input[type='radio'] {
    display: none;
}

.carincpanel .leftpanel .vpay-additional-cov ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

/* http://10.4.4.100:4503/etc.clientlibs/bagic/components/content/motor-insurance/buy-online/carinsurance/clientlibs.css */
.stepsWrapper .myCar .stepCircle {
    width: 500px;
    height: 500px;
}

.questionsCont .pay_go_main {
    margin-bottom: 0px;
}

.carincpanel .leftpanel .additional-vpaycov ul {
    width: 140px;
    border: 1px solid #9a9a9a;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.carincpanel .leftpanel .additional-vpaycov ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

.carincpanel .leftpanel .additional-vpaycov ul li input[type='radio'] {
    display: none;
}

.carincpanel .leftpanel .additional-vpaycov ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

.fitmentCont {
    margin-top: 15px;
}

.additional-vpaycov {
    clear: both;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.carincpanel .leftpanel .additional-vpaycov .declare-radio ul li input {
    width: auto;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=0);
    position: relative;
    z-index: 1;
    top: 3px;
}

.carincpanel .leftpanel .additional-vpaycov .declare-radio.checkboxStyle ul li input:checked+label:before {
    display: none;
}

.carincpanel .leftpanel .additional-vpaycov .declare-radio ul li label {
    display: contents;
}

.carincpanel .leftpanel .vpaycovCont .indian-rupee {
    color: #fd9442;
}

.carincpanel .leftpanel .vpaycovCont .geoinpvalbox div input,
.carincpanel .leftpanel .vpaycovCont .cnginpvalbox div input {
    border-bottom: 1px solid #0071bb;
    background: transparent;
    padding-left: 6px;
    color: #fe9542;
    width: 100px;
    padding-left: 13px;
    opacity: 1;
    z-index: 9;
    position: relative;
}

/* .rowline.ncbwrapDiv, .numOfDriversSection {
display: none !important;
} */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --20-11-2023 ==================================== */
.declare-radio.addcovimtcheckboxStyle ul li label {
    width: auto;
}

input#imtinputval {
    opacity: 1;
    position: absolute;
    top: inherit;
    margin: 2% 14%;
    color: #f89c30;
    border: 2px solid lightgrey;
    text-indent: 5px;
    z-index: 0;
}

.carincpanel .leftpanel .declare-radio.addcovimtcheckboxStyle ul li {
    border-bottom: none;
}

.geoextcheckboxli p {
    font-size: small;
    padding: 2%;
}

@media only screen and (max-width:480px) {
    .vpayaddondiv .addcovimtcheckboxStyle ul {
        flex-flow: column;
    }

    input#imtinputval {
        margin: 0% 7%;
    }

    li.imtcheckboxli {
        margin-bottom: 5%;
    }

    .carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li {
        width: inherit;
        height: 40px;
        margin-right: 30px;
        font-size: 1.4rem;
        display: flex;
        justify-content: center;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper.fixed-no {
        width: 100% !important;
    }

    .vpayaddondiv .car-owner .drpWrapper {
        margin-left: 0px;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --29-11-2023 ============ */
input#imtinputval {
    margin: 2% 4%;
}

.rowline.addcovimt {
    margin: 4% 0%;
}

div#monthoptions {
    margin-bottom: 0px;
    position: absolute;
    display: flex;
    flex-flow: row;
    gap: 2em;
    margin: 0.5%;
}

@media only screen and (max-width:480px) {
    .premiumch1travel.wellnessPlantravel {
        width: 100% !important;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --5-1-2023 ==================================== */
.threeoptionsbox .optionsbuttons label {
    background-color: #fff;
    color: #838383 !important;
    border: 1px solid;
}

.threeoptionsbox .optionsbuttons label:has(input[type="radio"]:checked) {
    background-color: #005596;
    color: white !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --5-1-2023 ==================================== */
.threeoptionsbox .optionsbuttons label {
    background-color: #fff;
    color: #838383 !important;
    border: 1px solid;
}

.threeoptionsbox .optionsbuttons label:has(input[type="radio"]:checked) {
    background-color: #005596;
    color: white !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =========== --24-1-2024 ============================== */
/*.paymentWrapper form {
margin: 0 auto;
max-width: 100%;
width: 100%;
text-align: left;
}
.paymentWrapper form .inputRow label {
width: 72%;
}
.paymentWrapper form .inputRow.bottom-space {
position: relative;
z-index: 0;
}
input#address::placeholder {
text-align: left;
}*/
.pepQuestPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 45%;
    padding: 30px 40px;
}

.pepQuestPopup table {
    width: 100%;
    border: 1px solid #b3adad;
    border-collapse: collapse;
    padding: 5px;
    font-size: initial;
}

.pepQuestPopup table th {
    border: 1px solid #b3adad;
    padding: 5px;
    background: #2d45be;
    color: #ffffff;
}

.pepQuestPopup table td {
    border: 1px solid #b3adad;
    text-align: center;
    padding: 5px;
    background: #ffffff;
    color: #000000;
}

.pepQuestPopup .btn {
    padding: inherit;
    font-size: initial;
    max-width: 150px;
    min-width: 80px;
    width: 15%;
    cursor: pointer;
}

.pepQuestPopup .close {
    top: 25px;
}

.bodyOverlay-pepQuestPopup {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #0000004f;
    z-index: 99;
    display: none;
}

@media only screen and (max-width:480px) {
    .pepQuestPopup {
        max-width: 80%;
    }
}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =========== --14-2-2024 ============================== */
.disable-click {
    pointer-events: none;
    background-color: #ccc !important;
}

.stepsWrapper .myCar .stepCircle input::placeholder {
    text-transform: none;
}

#doyouwantoptcover .checkboxStyle.elect ul {
    display: flex;
    flex-flow: column;
}

#doyouwantoptcover .checkboxStyle.elect ul li {
    width: 100%;
}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --12-1-2023 ==================================== */
div#volexcessbox,
div#ownerdriverbox,
div#nameddriverbox {
    display: flex;
}

/* .radioWrapper ul li label {
padding: 8% 20%;
} */
.radioWrapper ul li {
    display: flex;
}

.reducePrem label {
    float: left;
    font-size: 1.6rem;
}

.nameddriverbox,
.reducePrem {
    padding: 15px 0;
}

.volex .radioWrapper {
    float: left;
    width: 60%;
}

.volex {
    margin-top: 10px;
}

.volex .button-grp-items span {
    top: 2% !important;
    font-size: 1.4rem !important;
}

.volex .button-grp-items {
    width: 10% !important;
    height: 28px !important;
    margin: 0 0px 4px 5px !important;
    min-width: 40px !important;
}

.numOfDriversSection .driverdetailsbox {
    border: solid 1px #757575;
    border-radius: 15px;
    padding: 14px;
    background: #f5f5f5;
    margin: 2% 0;
}

.numOfDriversSection h4 {
    color: #fe9542;
}

.numOfDriversSection .drivergetinfobox {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: baseline;
    gap: 5%;
}

.numOfDriversSection .driverdetailsbox .textField {
    padding: 1%;
    width: min-content;
}

.numOfDriversSection .drivergetinfobox input {
    border: 1px solid #bababa;
    padding: 2px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 250px;
    appearance: auto;
}

.numOfDriversSection .drivergetinfobox .textField select {
    border: 1px solid #bababa;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 250px;
    appearance: auto;
    font-size: 1.8rem;
    padding: 1.8% 0;
}

select#selectnoofdrivers,
select#selectvolex {
    border: 1px solid #bababa;
    padding: 8px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 135px;
    appearance: auto;
}

.vpaycoverscontent {
    margin-top: 8%;
}

.vpaycoverscontent label {
    font-size: 1.8rem !important;
}

.vpaycoverscontent label span a {
    text-decoration: underline;
    padding: 0 2%;
}

.vpaycoverscontent ul li {
    padding: 5% 0 !important;
}

@media only screen and (max-width:480px) {
    .volex .radioWrapper {
        width: 60%;
    }

    .volex {
        margin-top: 28px !important;
    }

    .rowline.ncbwrapDiv.flexioptionsdiv {
        width: 100% !important;
    }
}

/* <!-- ========== 15-1-2024 ===================== --> */
.recaldriverbtn {
    text-align: center;
    cursor: pointer;
}

.recaldriverbtn a.btn {
    padding: 2px;
}

/* <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx --> */
.rowline.damageCoverWrapper {
    margin: 6% 2% 2%;
}

/* ======= --2-2-2024 =================== */
.NamedAndOwnerDriversBox {
    display: flex;
    gap: 2em;
    flex-flow: column;
}

.NamedAndOwnerDriversBox label {
    padding-right: 1%;
}

/* === car only start ================================ */
.reducepremiumWrapper.volexcessboxquest,
.reducepremiumWrapper.nameddriverboxquest,
.reducepremiumWrapper.ownerdriverboxquest {
    margin-top: 0 !important;
}

div#volexcessbox,
div#nameddriverbox,
div#ownerdriverbox {
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
    padding: 2% 0;
}

/* xxxxxxxxxx car only ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ========= --19-2-2024 ======================================= */
.fieldBox.disclaimerandwhatsapp input,
.fieldBox.disclaimerandwhatsapp a,
.fieldBox.disclaimerandwhatsapp label {
    font-size: 1.6rem !important;
}

.stepsWrapper .myCar .stepCircle {
    zoom: 85%;
}

.stepsWrapper .myCar .stepCircle label {
    font-size: 2rem;
}

.tandc {
    font-size: 1.8rem;
}

.carInsurance .topFixStep {
    padding-top: 1%;
    zoom: 80%;
}

.stepsWrapper .buildInsPlan {
    top: 185px;
}

.stepCircle .errorMsg {
    color: red;
    font-size: 2rem;
    display: none;
    width: 100%;
    float: left;
    /* padding: 5px 0 15px; */
    /* padding: 5px 0 0px; */
    padding: 0px 0 0px;
}

.selectMulty,
.ui-widget.ui-widget-content.dropdownAutocomplete {
    zoom: 85%;
}

@media only screen and (max-width:480px) {

    .stepsWrapper .myCar .stepCircle,
    .selectMulty,
    .ui-widget.ui-widget-content.dropdownAutocomplete {
        zoom: 100%;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ================= --26-2-2024 ======================================== */
.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li.active a {
    color: #005596;
    display: block;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li a {
    text-decoration: underline;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li label p {
    box-shadow: none;
}

.vpayaddondiv .vpayaddoncoversplans ul {
    text-align: center;
    display: flex;
    gap: 1em;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li {
    width: auto;
    margin-right: 0;
    background-color: transparent;
    cursor: pointer;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li.active label p {
    background-color: #005596;
    box-shadow: none;
    color: black !important;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li label p {
    background-color: #ccc;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li p {
    color: #005596 !important;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li label p span {
    color: #fff;
}

.carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li label {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    .vpayaddondiv .vpayaddoncoversplans ul {
        display: flex;
        justify-content: space-around;
        gap: 1em;
        align-items: baseline;
    }

    /* --35 */
    .carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li {
        width: 100%;
        height: 14vh;
        display: flex;
        flex-flow: column;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ========= --7-3-2024 ======================================= */
.fieldBox.disclaimerandwhatsapp input,
.fieldBox.disclaimerandwhatsapp a,
.fieldBox.disclaimerandwhatsapp label {
    font-size: 1.6rem !important;
}

.stepsWrapper .myCar .stepCircle label {
    font-size: 2rem;
}

.tandc {
    font-size: 1.8rem;
}

.carInsurance .topFixStep {
    padding-top: 1%;
    zoom: 80%;
}

.stepsWrapper .buildInsPlan {
    top: 185px;
}

.stepCircle .errorMsg {
    color: red;
    font-size: 2rem;
    display: none;
    width: 100%;
    float: left;
    padding: 0px 0 0px;
}

.selectMulty,
.ui-widget.ui-widget-content.dropdownAutocomplete {
    zoom: 80%;
}

@media only screen and (max-width:480px) {

    .stepsWrapper .myCar .stepCircle,
    .carInsurance .topFixStep {
        zoom: 100% !important;
    }

    .formWrapper .bottom-space.inputRow {
        display: flex;
        flex-flow: column;
        justify-content: inherit;
        align-items: flex-start;
    }

    .carInsurance {
        zoom: 85% !important;
    }

    .disclaimerandwhatsapp .check-box {
        text-align: center;
    }

    .stepsWrapper .myCar .stepCircle {
        width: 450px;
        height: 500px;
    }

    /* --14 */
    /* .stepsWrapper .myCar .stepCircle .nextBtn {
bottom: 15px !important;
} */
    .selectMulty,
    .ui-widget.ui-widget-content.dropdownAutocomplete {
        zoom: 85%;
    }

    .stepsWrapper .myCar {
        height: inherit !important;
    }

    .quest1 .sendQuote .preFixed {
        left: 124px !important;
        top: 20px !important;
    }

    .policy_que ul {
        margin: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ui-datepicker-div.ui-datepicker {
        zoom: 100%;
        left: 10% !important;
    }

    .stepsWrapper .myCar .stepCircle {
        background-color: white !important;
    }

    .threeoptionsbox {
        width: 80%;
    }
}

/* --------------------------------------------------- */
/* --6-9-2024--4 */
.natureBg {
    /* bottom: auto; */
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */
.carInsurance {
    zoom: 95%;
}

.carInsurance .summaryWrapper {
    top: auto;
}

.formWrapper .bottom-space.inputRow label.centered {
    display: contents;
    width: 35%;
}

.formWrapper .bottom-space.inputRow {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.carInsurance .summaryWrapper {
    position: absolute;
    top: 140px;
}

.stepsWrapper .myCar .stepCircle {
    border-radius: 10%;
    box-shadow: 0px 0px 50px #757575;
}

.policy_que ul {
    margin: 6px;
}

/* --14 */
/* .stepsWrapper .myCar .stepCircle .questionsCont {
top: 50%;
} */
.span12.span12.drpWrapper.anyClaimWrapper.margBtm25 {
    padding: 6px 10px 0px 34px;
    display: flex;
    align-items: end;
}

.car-owner .drpWrapper.noLeftSpace .customSelect select {
    opacity: 1;
    color: #fd9442;
    background: #f7fdff;
    appearance: auto;
}

.car-owner .drpWrapper.noLeftSpace .customSelect select {
    opacity: 1;
    background: #f7fdff;
    appearance: auto;
    position: absolute;
    color: #fd9442;
}

.car-owner .drpWrapper.noLeftSpace .customSelect .selectedText {
    z-index: 0;
}

.quest1 .preFixed {
    left: 140px;
}

.sendQuote .preFixed {
    top: 20px;
}

.sendQuote .tandc {
    top: 9px;
}

.questionsCont .sendQuote input#mobileNo {
    width: 40%;
}

.quest1 .sendQuote .preFixed {
    top: 17px;
}

.popup.disclaimer-popup {
    max-width: 400px;
}

.disclaimer-popup p {
    font-size: 1.4rem;
}

.popupSec.disclaimerContentWraprequest,
.popupSec.disclaimerrequest {
    border-radius: 10px;
    padding: 34px;
    width: 39%;
    padding: 34px;
}

.discription-landing p,
.discription-landing ol li,
.discription-privcy-request p {
    color: initial;
}

.disclaimerandwhatsapp input[type=checkbox] {
    cursor: pointer;
}

.disclaimerrequest p,
.disclaimerContentWraplanding2 p {
    font-size: 1.4rem;
}

.disHeadingland {
    text-align: center;
    font-size: 2rem !important;
    color: #006fb7;
}

.carInsurance .stepsWrapper .buildInsPlan {
    position: absolute;
    width: 30%;
    font-size: 3rem;
    color: #005596;
    font-family: 'AllianzB';
    left: 60px;
    z-index: 1;
    padding: 2%;
    text-align: center;
    text-transform: capitalize;
    top: 125px;
}

.myCar .stepCircle .policy_que ul {
    margin: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.radioWrapper ul li label {
    background-color: #0071bb1c;
}

.carInsurance.blueBg {
    background-image: linear-gradient(#fff, #fff);
}

/* ========= --7-6-2024 ======================================= */
#flexioptionsdiv .volex {
    margin-top: 10px;
    display: flex;
    flex-flow: row;
    gap: 2em;
    align-items: center;
    width: 100%;
}

.drivergetinfobox span.asterisk {
    font-size: 1.8rem;
    color: red;
}

div#volexcessbox {
    gap: 3em;
}

.NamedAndOwnerDriversBox {
    width: 42%;
}

#nameddriverbox span.tooltipCont,
#volexcessbox span.tooltipCont {
    left: 10%;
}

#ownerdriverbox label {
    font-size: 1.6rem;
}

@media only screen and (max-width:480px) {
    .NamedAndOwnerDriversBox {
        width: 60%;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ========= --6-9-2024--4 ======================================= */
.carInsurance .stepsNumber .step-progressbar li>span {
    display: none;
}

p.steptab {
    width: 60px;
    text-align: center;
    padding: 0%;
    border-bottom: solid 3px #ccc;
}

p.step1tab {
    /*border-bottom: solid 3px #ff9b41 !important;*/
}

.carInsurance .topFixStep {
    padding-top: 3%;
}

.carInsurance .stepsNumber .step-progressbar {
    counter-reset: step;
    width: 100%;
    display: flex;
    justify-content: center;
}

.carInsurance .stepsNumber .step-progressbar li:last-child {
    width: auto;
}

.carInsurance .stepsNumber .step-progressbar li:after,
.carInsurance .stepsNumber .step-progressbar li:nth-child(2):after,
.carInsurance .stepsNumber .step-progressbar li:nth-child(3):after,
.carInsurance .stepsNumber .step-progressbar li:after {
    display: none;
}

.carInsurance .stepsNumber .step-progressbar {
    counter-reset: step;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1em;
    text-align: center;
}

.titlesteps>p {
    border-bottom: 2px solid #005596;
}

.carInsurance .stepsNumber .step-progressbar li {
    width: auto;
    cursor: pointer;
    margin: 0px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carInsurance .topFixStep {
    padding-top: 1%;
    zoom: 80% !important;
}

.carInsurance .titleSec h1 {
    padding-bottom: 0px;
}

.stepsWrapper .myCar .stepCircle {
    top: 0px;
}

.carInsurance .stepsNumber {
    margin: 30px auto 30px;
}

@media only screen and (max-width:480px) {
    .carInsurance .topFixStep {
        padding-top: 1%;
        zoom: 80% !important;
    }

    p.steptab {
        width: 100%;
        zoom: 100%;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --16-7-2024 ======================== */
.premiumWrapper .premiumSection .premiumBreakCol .preWrap {
    width: 100%;
}

.premiumWrapper .premiumBreakCol {
    max-width: 100%;
    width: 100%;
}

.preTextShow.colTitle #oneYear,
.preTextShow.colTitle #threeYear {
    opacity: 1;
    position: relative;
    z-index: 1;
}

/* --9-9-2024--4 */
.forNewCar p.preTextShow.colTitle {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    gap: 1em;
    padding-left: 6%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --17-7-2024 ======================== */
.carousel_wrap .roundAboutArrow a {
    width: 48px;
}

@media only screen and (max-width:480px) {

    .selectMulty,
    .ui-widget.ui-widget-content.dropdownAutocomplete {
        zoom: 85% !important;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --18-7-2024 ======================== */
.carousel_wrap .roundAboutArrow a {
    width: 48px;
}

@media only screen and (max-width:480px) {
    .paymentWrapper .allDetailWrap .allDetailTabs ul {
        margin-left: inherit;
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        gap: 1em;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li {
        width: auto;
        margin-right: inherit;
        font-size: initial;
        padding: 6px 25px;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(1),
    .paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
        margin-bottom: auto;
    }
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* ======== --24-7-2024 ======================== */
.summaryContainer,
.nameVal {
    text-transform: math-auto;
}

span.tooltipCont {
    right: inherit;
}

.carincpanel .leftpanel .fitmentCont .elect .electCont div input {
    position: relative;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --26-7-2024 ==================================== */
.NamedAndOwnerDriversBox {
    display: none !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --6-9-2024--4 ==================================== */
.natureBg {
    display: none;
    position: absolute;
    bottom: 0;
}

.carincpanel .leftpanel {
    margin-bottom: 15%;
}

.carInsurance .summaryWrapper {
    top: inherit;
}

.stepsWrapper .myCar {
    height: 66vh;
}

.personalDetailsLightbox.summaryLightbox {
    width: 35%;
}

.mobNumber .preFixed {
    left: 132px !important;
    top: 25%;
}

.step-progressbar .titlesteps {
    display: flex;
    flex-flow: column;
    align-items: inherit;
    justify-content: center;
}

@media only screen and (max-width:1024px) {
    .carincpanel .leftpanel .rowline.premiumWrapper.fixed-no {
        z-index: 1 !important;
    }

    .mobNumber .preFixed {
        left: 132px !important;
        top: 28% !important;
    }

    .personalDetailsLightbox.summaryLightbox {
        width: 95% !important;
        top: 360px;
        z-index: 99;
        box-shadow: 0px 2px 30px 10px #4f4f4f;
    }

    /* --4 */
    /* .personalDetailsLightbox.summaryLightbox .mobNumber input {
padding-left: 10% !important;
} */
    .carInsurance .stepsNumber {
        zoom: 95%;
        width: 100%;
    }

    .steptabwrap {
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --7-8-2024 partial loss 1892 ==================================== */
/* .ridredbox {
display: flex;
flex-flow: row;
justify-content: flex-start;
width: 100%;
}
input#rid_theft,
input#theft_red
{
border-bottom: 1px solid lightgrey;
}
.partlossunchkhidebox h4.headdefine {
color: #7d7b7b;
}
.partlosscoverbox {
padding-bottom: 2%;
pointer-events: none;
}
label.partlosscoverlabel {
font-family: "AllianzB";
color: #7d7b7b;
} */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =============== --9-8-2024 Thu 11-07-2024 11:33 ============= */
.summaryContainer .span12 {
    text-transform: initial;
}

.mainHeader .logoSec {
    width: 15%;
    margin: 10px;
}

.mainHeader {
    padding: 0;
}

.addressSec {
    margin-top: 10px;
}

.ph-numbers-header {
    top: 10px;
}

.stepsWrapper .myCar .stepCircle {
    zoom: 95%;
}

.stepsWrapper .myCar {
    height: 71vh;
}

.carInsurance .topFixStep {
    zoom: 90% !important;
}

.selectMulty,
.ui-widget.ui-widget-content.dropdownAutocomplete {
    zoom: 90%;
}

.carInsurance .topFixStep {
    padding: 5px 0;
}

.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper ul {
    gap: 1em;
}

@media only screen and (max-width:480px) {
    .mainHeader .logoSec {
        width: 40%;
    }

    .selectMulty {
        left: 50% !important;
        transform: translate(-50%, 0px);
        width: auto !important;
    }

    .gstinbox {
        display: flex;
        flex-flow: column;
        text-align: left;
        align-items: flex-start;
        padding-top: 5%;
    }

    .addressSec p {
        padding-right: 10px;
    }

    .formWrapper .bottom-space.inputRow {
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .paymentWrapper form .inputRow {
        margin-bottom: 25px;
    }
}

.paymentWrapper.stepsWrapper .formWrapper {
    text-align: left;
    padding: 1% 0;
}

.paymentWrapper form label {
    font-family: 'AllianzSans';
    font-size: initial;
}

input#address[placeholder="Enter address"] {
    text-align: left;
}

.paymentWrapper form .inputRow input {
    font-size: initial;
}

.pepQuest .inputRow>label {
    width: 70% !important;
}

.paymentWrapper form .prefieldWrap label {
    color: #0073bd;
}

.paymentWrapper form label {
    text-transform: math-auto;
}

@media only screen and (max-width: 480px) {
    .inputRow .drpWrapper .customSelect {
        margin-left: 2%;
    }

    .paymentWrapper.stepsWrapper .formWrapper {
        padding: 5% !important;
    }

    .paymentWrapper .allDetailWrap {
        width: 95% !important;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul {
        margin-left: 0px;
    }

    /* --4 */
    /* .paymentWrapper .allDetailWrap .allDetailTabs ul li {
width: 24% !important;
margin: 1% !important;
} */
    .paymentWrapper .allDetailWrap .allDetailTabs ul {
        margin-left: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .inputRow.bottom-space.gstWrap {
        position: relative;
        z-index: 0;
    }

    .paymentWrapper .formWrapper .tooltipIcon .tooltipCont {
        right: 0;
        top: 0;
    }

    .paymentWrapper .btn {
        z-index: 0;
    }

    /* --4 */
    /* .rowline.declareCont .declare-radio.checkboxStyle {
left: 40% !important;
} */
    .quest1.steps .radioWrapper ul li,
    .quest2.steps .radioWrapper ul li,
    .quest5.steps .radioWrapper ul li,
    .editSummaryLightbox.summaryLightbox .summaryLightboxContainer .radioWrapper ul li {
        display: initial !important;
    }

    .fieldBox.disclaimerandwhatsapp {
        padding: 0px 2% !important;
        display: flex;
        justify-content: center;
    }

    .stepsWrapper .myCar .stepCircle .quest1 .iconSec {
        top: 0px;
    }

    .stepsWrapper .myCar .stepCircle .questionsCont {
        top: 48% !important;
    }

    span12.span12.drpWrapper.anyClaimWrapper.margBtm25 {
        justify-content: center;
    }

    #ui-id-2 {
        zoom: 100% !important;
        width: 80% !important;
        left: 50% !important;
        transform: translate(-50%, 0px);
    }

    .fitmentCont .declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
        left: -8px;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* =============== --26-8-2024 ============= */
.paymentWrapper #address {
    text-align: left;
}

.quest2 .radioWrapper ul li label {
    padding: 5px 35px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
select.gender {
    opacity: 1;
    position: absolute;
    appearance: auto;
    color: #f89c30;
}

select.gender+p.selectedText {
    visibility: hidden;
    opacity: 0;
}

p.genderselect.selectedText {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======= --30-8-2024 pornima ========================== */
@media only screen and (max-width:767px) {
    .reduceprebox {
        top: 40% !important;
    }

    .btn.makePayemnt {
        left: 0% !important;
        -webkit-transform: initial !important;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --6-9-2024--4 */
p.steptab {
    text-align: center;
    background-color: #0071bb;
    color: white;
    padding: 15%;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    border-bottom: none !important;
    box-shadow: 0px 5px 5px #ccc;
    font-weight: bold;
}

.titlesteps>p {
    border-bottom: 2px solid #4f4f4f;
    color: #4f4f4f;
    margin-bottom: 1em;
}

.step-progressbar .titlesteps {
    gap: 1em;
}

.stepsWrapper .myCar .stepCircle {
    box-shadow: 0px 20px 50px #757575;
}

p.steptab {
    position: relative;
    z-index: 1;
}

p.stepConnector {
    content: " ";
    display: block;
    height: 5px;
    width: 69%;
    position: absolute;
    left: -54%;
    background: #0071bb;
    z-index: 0;
}

#ui-datepicker-div.ui-datepicker {
    z-index: 99 !important;
}

.carInsurance .summaryWrapper {
    z-index: 1;
}

/* ====== --12-9-2024--4 =================== */
.pay_go_change {
    width: 100% !important;
}

.pay_go_change .customSelect .selectedText {
    padding-left: 50px !important;
}

span.ninetyonenum {
    font-size: 1.8rem;
    float: left;
    color: #f89c30;
    border-bottom: 1px solid #ccc;
    line-height: 1.4;
}

.quest9 .carousel_wrap .roundAboutArrow {
    top: -20px;
}

.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
    font-size: 1.5rem;
}

.carousel_wrap #carousel .shadow {
    border-radius: 10% !important;
}

.customSelect .selectedText {
    padding: inherit;
}

.tp_od_change .premiumWrapper .premiumSection .premiumBreakCol {
    width: inherit !important;
}

.premiumWrapper .tickIcon {
    position: initial;
}

@media only screen and (max-width: 1280px) {
    .bottomPremiumBox {
        width: 40% !important;
    }
}

@media only screen and (max-width: 480px) {

    .forRegCar,
    .forNewCar {
        width: 90% !important;
    }

    .rowline.ncbwrapDiv.flexioptionsdiv {
        margin: 0 !important;
    }

    .carincpanel .leftpanel {
        margin-bottom: 35vh !important;
        display: flex !important;
        flex-flow: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .carincpanel .leftpanel .rowline.rangeBar {
        left: inherit !important;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }

    .paCoverWrapper.sepPaCoverWrapper span.tooltipCont {
        right: 0 !important;
    }

    .rowline1.flexioptionswrap {
        width: 100% !important;
    }

    .forNewCar p.preTextShow.colTitle {
        padding-left: 15% !important;
    }

    .rowline.premiumBreak.premiumWrapper.tp-od.widthAuto {
        display: flex !important;
        flex-flow: inherit !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .tp-od .preWrap {
        border-right: none !important;
    }

    .ph-numbers-header {
        right: inherit !important;
        padding-left: 2% !important;
        width: 54%;
    }

    .bottom-space.go-greenSec ul {
        width: 140px !important;
    }

    .rowline.premiumBreak.premiumWrapper.tp-od.widthAuto {
        width: inherit !important;
    }

    #carousel .shadow.policyDetails.carousel-center .align-middle {
        width: 100% !important;
        zoom: 95%;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li {
        width: 20% !important;
        margin: 1% !important;
        font-size: 1rem;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield:before {
        top: 30%;
        zoom: 90%;
    }

    .mainHeader .viewDetailsBtn {
        margin-left: 25% !important;
    }

    span.ninetyonenum {
        font-size: 1.4rem;
        float: left;
        color: #f89c30;
        border-bottom: 1px solid #ccc;
        line-height: 1.4;
    }

    .personalDetailsLightbox .summaryLightbox .span12.mobNumber {
        align-items: baseline;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --9 */
@media only screen and (max-width:480px) {
    .titlesteps>p {
        font-size: 1.6rem !important;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --4 */
span.tooltipIcon1:hover .tooltipCont1 {
    display: block !important;
    position: absolute;
    left: 0;
    font-size: initial;
    line-height: 1.2;
    width: 100% !important;
    z-index: 999;
    background-color: #ffffff;
    padding: 1%;
    color: #757575;
    border: 1px solid #757575;
}

span.tooltipIcon1 {
    cursor: pointer;
}

.labelTool {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 1em;
}

.tooltipIcon1:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat;
}

span.tooltipCont1 {
    display: none;
}

.labelTool label {
    width: inherit !important;
}

.leftpanel .labelTool,
.pepQuest .labelTool,
.formWrapper .labelTool {
    justify-content: flex-start;
}

.loanSelect.selectCarLoan {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.pepQuest .inputRow {
    z-index: 99 !important;
}

.formWrapper .bottom-space.inputRow {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

@media only screen and (max-width:480px) {
    span.tooltipIcon1:hover .tooltipCont1 {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 90% !important;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum {
        margin: 35px 0 !important;
    }

    .carousel_wrap #carousel .shadow .inputRow {
        width: 100% !important;
    }

    #carousel .shadow.policyDetails.carousel-center .align-middle {
        zoom: 80% !important;
    }

    #carousel .errorMsg {
        font-size: 1.2rem !important;
    }

    .nomineeDiv .wheelWrap .nomineeSelect {
        width: inherit;
    }

    .loanSelect.selectCarLoan .labelTool {
        width: 50%;
    }

    .labelTool label {
        width: auto !important;
    }

    .labelTool {
        width: 100%;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --14 */
.stepsWrapper .myCar .stepCircle .nextBtn.btn {
    display: flex !important;
    justify-content: center !important;
    left: inherit !important;
    transform: inherit !important;
    position: relative !important;
    border-radius: 25px !important;
    width: auto;
    height: auto;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn:before {
    margin: -63px 0 0 1px !important;
}

.stepsWrapper .myCar .stepCircle .questionsCont {
    position: relative;
    top: inherit;
    transform: inherit;
    -webkit-transform: inherit;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
    float: left;
    text-align: center;
}

.stepsWrapper .myCar .stepCircle .iconSec {
    width: 83px;
    height: 64px;
    float: left;
    border-bottom: 1px solid #cecece;
    position: relative;
    left: inherit;
    top: inherit;
    transform: translateX(-50%);
    -webkit-transform: inherit;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.steps {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

.stepsWrapper .myCar .stepCircle .quest5 .questionsCont {
    top: auto;
}

.stepsWrapper .myCar .stepCircle .questionsCont {
    top: auto !important;
}

.summarySec.carsumm.fixed {
    top: 130px;
}

.nomineeDiv .wheelWrap .nomineeSelect {
    width: 100%;
}

@media only screen and (max-width:480px) {
    .steps {
        justify-content: space-between;
        padding: 1% !important;
    }

    .chatboing {
        padding: 5px !important;
    }

    .stepsWrapper .myCar .stepCircle .nextBtn.getQuote {
        bottom: 15px !important;
    }

    .stepsWrapper .myCar .stepCircle .quest5 .nextBtn {
        bottom: inherit !important;
    }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.carincpanel .leftpanel .rowline.premiumWrapper {
    z-index: 3;
}

/* --20 */
@media only screen and (max-width:480px) {
    .prestigeCont #enhance1+label {
        width: auto;
    }
}

/* --6 */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p span {
    color: #ffffff !important;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.tabsystem1.active p span,
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.tabsystem2.active p span,
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.tabsystem3.active p span {
    color: #ffffff !important;
}

span.driveTitle {
    display: block;
    color: #f89c30;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
    margin-top: 0px;
}

span.ecoassuretext {
    color: #00bb00 !important;
    font-weight: bold;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
    color: #0080c9;
}

.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
    height: 14vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li.tabsystem.tabsystem4 label p {
    border: 2px solid #00d500;
    width: -webkit-fill-available;
}

/* --35 */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2em;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
    font-size: initial;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
    width: 190px;
    margin-right: 6px;
}

@media only screen and (max-width:768px) {
    .carincpanel .leftpanel .rowline.driveSmartYes .telematics-service .telematics-service-content ul li {
        width: 45%;
    }

    .carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
        display: flow !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
        height: 14vh;
    }

    span.driveTitle {
        display: block !important;
        color: #f89c30;
    }

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --35 */
@media only screen and (max-width:480px) {
    .carincpanel .leftpanel .telematics-service .telematics-service-content {
        margin-bottom: 0px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul {
        gap: 1em !important;
    }
}

/* xxxxxxxxxxxxxxxxx */
/* --47 */
.quest1.steps .iconSec {
    display: none;
}
.stepsWrapper .myCar .stepCircle .nextBtn {
   bottom: 2px;
}
.span12.myRegNumber {
    padding-bottom: 1%;
}
/* xxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxx */
/*     --26 */

.paysummary {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    padding: 30px 40px;
        height: 70vh;
        border: 1px solid #757575;
        overflow-y: scroll;
    }        
    .paysummary table {
    width:100%;
    border:1px solid #b3adad;
    border-collapse:collapse;
    padding:5px;
    font-size: initial;
    }
    .paysummary table th {
    border:1px solid #b3adad;
    padding:5px;
    background: #2d45be;
    color: #ffffff;
    }
    .paysummary table td {
    border:1px solid #b3adad;
    text-align:center;
    padding:5px;
    background: #ffffff;
    color: #000000;
    }
    .paysummary .btn
    {
    padding: inherit;
    font-size: initial;
    max-width: 150px;
    min-width: 80px;
    width: 15%;
    }
    .paysummary .close
    {
    top: 25px;
    }
    .bodyOverlay-paysummary {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #0000004f;
    z-index: 99;
    display: none;
    }
    @media only screen and (max-width: 480px)
    {
    .paysummary
    {
    max-width: 80%;
    }
    .paysummary {
        max-width: 80%;
        font-size: initial;
        padding: 4% !important;
        overflow-y: auto;
        height: 80vh;
    }
    .paysummary .row1 {
        flex-direction: column;
    }        
    }
    .paysummary {
        max-width: 70%;
        font-size: initial;
        padding: 1%;
        color: initial;
    }
    .paysummary h3 {
        color: #ff9b41;
        padding-bottom: 2%;
    }
    .paysummary .btn {
        padding: 9px;
        cursor: pointer;
    }
    .paysummary .row1 {
        display: flex;
        gap: 2em;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        padding-bottom: 4%;
    }
    
    .paysummary .note p {
        font-size: initial;
    }
    
    .paysummary .value {
        font-weight: bold;
    }
    
    .paysummary .col {
        width: -webkit-fill-available;
    }    
    /* xxxxxxxxxxxxxxxxxxxxxx */