/** To be fixed by CORE TEAM and removed from here(start) **/

[id="app"] {
	/** To hide the black color after the hear menu linnk after click */
	.spark-header.spark-header--visible .spark-menu>.spark-menu__list>.spark-menu__list-item:after {
		display: none;
	}
	/** Application font (start) **/
	* {
		font-family: Roboto, sans-serif !important;
	}
	/** Application font (end) **/
	/** Loader (start) **/
	.spark-progress__meter {
		animation: rotation 8s infinite linear;
		&:before {
			background: #fff url("../images/JU.png") no-repeat center center;
		}
	}
	span.spark-label span {
		color: #0e2040;
	}
	div#radio-group-3 span {
		color: initial !important;
	}
	span.ducp-component-price {
		color: #5e8120;
	}
	/*footer*/
	.col-xl-12.Container.ducp-container.sabre-dx-container-footer,
	.layout .sabre-dx-container-footer {
		position: relative !important;
	}
	.layout .ducp-page {
		padding-bottom: 0 !important;
	}
	.col-xl-12.Container.ducp-container.sabre-dx-container-footer,
	.layout .sabre-dx-container-footer {
		margin-top: 50px !important;
	}
	ul.spark-footer__list li a {
		color: #ffffff !important;
		font-size: 1.3rem !important;
	}
	ul.spark-footer__list.spark-footer__list--right.spark-footer__list--icons {
		display: block !important;
		position: absolute !important;
		bottom: 10px !important;
		right: 197px !important;
	}
	ul.spark-footer__list.spark-footer__list--right.spark-footer__list--icons li a span::before {
		color: #ffffff !important;
	}
	.spark-footer__copyright {
		position: absolute;
		bottom: 0;
		margin: 0 auto !important;
		right: 50%;
	}
	.Footer .version {
		position: absolute;
		bottom: 15px;
		margin: 0 auto !important;
		left: 50%;
	}
	
	ul.spark-footer__list.spark-footer__list--right.spark-footer__list--icons .credit-card-image.DN-card {
    margin-top: 9px;
}
	
	/** column distribution for footer links (start) **/
	div.spark-footer__content {
		ul.spark-footer__list {
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
			li {
				display: table;
				&:first-child,
				&:nth-child(10),
				&:nth-child(15),
				&:nth-child(19),
				&:nth-child(22) {
					a {
						font-size: 17.6px;
						font-weight: 500;
						color: #fff;
						margin-top: 30px;
					}
				}
				&:nth-child(20),
				&:nth-child(21) {
					a {
						font-weight: 500;
					}
				}
				&:first-child,
				&:nth-child(8),
				&:nth-child(9),
				&:nth-child(19),
				&:nth-child(20),
				&:nth-child(21),
				&:nth-child(22),
				&:nth-child(23),
				&:nth-child(25),
				&:nth-child(26),
				&:nth-child(27) {
					a {
						pointer-events: none;
						cursor: default;
					}
				}
				&:nth-child(8),
				&:nth-child(9),
				&:nth-child(25),
				&:nth-child(26),
				&:nth-child(27) {
					color: transparent;
					opacity: 0;
				}
				&:nth-child(24) {
					a {
						background-color: #c2002d;
						color: #ffffff;
						border: none;
						cursor: pointer;
						height: 4rem;
						width: 14rem;
						text-align: center;
						vertical-align: middle;
						line-height: 4rem;
						&:hover {
							background-color: #8f0021;
						}
					}
				}
			}
		}
		&+.spark-footer__list {
			li {
				&:first-child:before {
					content: 'FOLLOW US';
					display: block;
					width: 100px;
					color: #fff;
				}
				&:nth-child(6) {
					margin-left: 45px;
					&:before {
						content: 'PAYMENT METHODS';
						display: block;
						width: 200px;
						color: #fff;
						margin-left: -19px;
					}
				}
				&:nth-child(7),
				&:nth-child(8),
				&:nth-child(9),
				&:nth-child(10),
				&:nth-child(11),
				&:nth-child(12) {
					margin-right: 10px;
				}
				&:nth-child(13) {
					.credit-card-image.DN-card {
						background-image: url(../images/credit-card/dina.png);
						margin-top: 8px;
					}
				}
			}
		}
	}
	/** column distribution for footer links (end) **/
	/*end of footer*/
	/** dina card (start) **/
	.credit-card-image.DN-card,
	.spark-icon-credit-card--dina:before {
		background-image: url("../images/credit-card/dinadebit.png");
		background-size: 100%;
	}
	.credit-card-image.DN-card {
		margin-top: 4px;
		background-size: 100% 69%;
	}
	/** dina card (start) **/
	/** ancillary (start) **/
	.dxp-ancillary-content.feature {
		.title {
			font-size: 14.4px;
			font-weight: 600;
			line-height: 22.4px;
			padding: 16px;
			color: #fff;
			background-color: #8BC2BC;
			text-align: center;
			display: block;
		}
		.intro {
			font-size: 16px !important;
			font-weight: 400 !important;
			line-height: 32px;
			color: #333;
		}
		.description {
			display: block !important;
			image[alt="Bags"] {
				display: block !important;
				flex: none !important;
				width: 100% !important;
			}
		}
	}
	/** ancillary (end) **/
	/** hazmat (start) **/
	.danger-goods-corrosives,
	.danger-goods-explosives,
	.danger-goods-flammable-gasses,
	.danger-goods-flammable-liquid,
	.danger-goods-flammable-solids,
	.danger-goods-oxidizers,
	.danger-goods-radioactive,
	.danger-goods-toxic,
	.prohibited-item-01,
	.prohibited-item-02,
	.prohibited-item-03,
	.prohibited-item-04,
	.prohibited-item-05,
	.prohibited-item-06,
	.prohibited-item-07,
	.prohibited-item-08,
	.prohibited-item-09,
	.prohibited-item-10,
	.prohibited-item-11,
	.prohibited-item-12,
	.prohibited-item-13 {
		display: inline-block;
		background: url(../images/sabre-dx-component-check-in-hazmat/hazmatSprite.jpg) no-repeat;
		overflow: hidden;
		text-indent: -9999px;
		text-align: left;
		min-height: 0 !important;
	}
	.item .prohibited-item-wrapper {
		display: block;
		margin: 0 auto;
		clear: none;
		text-align: center;
	}
	.danger-goods-corrosives {
		background-position: 0 0;
		width: 80px;
		height: 80px;
	}
	.danger-goods-explosives {
		background-position: 0 -80px;
		width: 80px;
		height: 80px;
	}
	.danger-goods-flammable-gasses {
		background-position: 0 -160px;
		width: 80px;
		height: 80px;
	}
	.danger-goods-flammable-liquid {
		background-position: 0 -240px;
		width: 80px;
		height: 80px;
	}
	.danger-goods-flammable-solids {
		background-position: 0 -320px;
		width: 80px;
		height: 80px;
	}
	.danger-goods-oxidizers {
		background-position: 0 -400px;
		width: 80px;
		height: 80px;
	}
	.danger-goods-radioactive {
		background-position: 0 -480px;
		width: 80px;
		height: 80px;
	}
	.danger-goods-toxic {
		background-position: 0 -560px;
		width: 80px;
		height: 80px;
	}
	.prohibited-item-01 {
		background-position: 0 -640px;
		width: 65px;
		height: 65px;
	}
	.prohibited-item-03 {
		background-position: 0 -705px;
		width: 65px;
		height: 65px;
	}
	.prohibited-item-07 {
		background-position: 0 -770px;
		width: 65px;
		height: 65px;
	}
	.prohibited-item-08 {
		background-position: 0 -835px;
		width: 65px;
		height: 65px;
	}
	.prohibited-item-11 {
		background-position: 0 -900px;
		width: 65px;
		height: 65px;
	}
	.prohibited-item-02 {
		background-position: 0 -965px;
		width: 64px;
		height: 64px;
	}
	.prohibited-item-04 {
		background-position: 0 -1029px;
		width: 64px;
		height: 65px;
	}
	.prohibited-item-05 {
		background-position: 0 -1094px;
		width: 64px;
		height: 65px;
	}
	.prohibited-item-06 {
		background-position: 0 -1159px;
		width: 64px;
		height: 65px;
	}
	.prohibited-item-09 {
		background-position: 0 -1224px;
		width: 64px;
		height: 64px;
	}
	.prohibited-item-10 {
		background-position: 0 -1288px;
		width: 64px;
		height: 65px;
	}
	.prohibited-item-12 {
		background-position: 0 -1353px;
		width: 64px;
		height: 65px;
	}
	.prohibited-item-13 {
		background-position: 0 -1418px;
		width: 64px;
		height: 64px;
	}
	.hazmat-page-heading {
		color: #0f2d53;
		font-size: 18px;
		font-weight: 700;
		margin-top: 16px;
		margin-bottom: 8px;
		line-height: 1.2;
	}
	.hazmat-page-paragraph {
		width: 66%;
		margin-bottom: 32px;
		font-size: 14px;
	}
	@media (max-width: 767px) {
		.hazmat-page-paragraph {
			width: 100%;
		}
		span.passenger-name span {
			white-space: pre-wrap !important;
		}

		.passenger-selection-row {
			display: block !important;
			text-align: center !important;
		}

		.seat-sale.sale-banner span {
			font-size: .6rem !important;
		}


		/*Ancillary page img*/
		.dxp-ancillary-content .img-div {
			height: auto !important;
		}

		.dxp-ancillary-content.feature .title {
			margin-top: 8rem !important;
		}

		footer.spark-footer.Footer, .spark-footer .container, .spark-footer__content, ul.spark-footer__list {
        display: grid !important;
    }

    ul.spark-footer__list.spark-footer__list--right.spark-footer__list--icons {
        bottom: 0 !important;
        align-content: center !important;
        width: 100% !important;
        right: 0 !important;
        word-break: break-all !important;
        margin: -40px 0 !important;
        padding: 20px 0 !important;
        background-color: #0f2d53;
    }

    .spark-footer__copyright {
        left: 0 !important;
    }


	}
	.prohibited-item-wrapper h4 {
		color: #0f2d53;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 700;
	}
	span.dg-text {
		display: block;
		font-size: 12px;
		line-height: 1.2;
	}
	.dg-wrapper,
	span.dg-text {
		text-align: center;
	}
	.dg-wrapper {
		min-height: 160px;
	}
	.on-dark {
		color: #0f2d53;
	}
	.hazardous-page.element-container {
		background: none;
		padding: 0;
		#cust-payment-msg {
			font-size: 16px;
			Font-weight: 300;
			Line-height: 32px;
			color: #555555;
		}
		.items-wrapper {
			height: 370px;
			.item {
				display: inline-block;
				width: 33%;
				float: left;
			}
		}
	}
	/** hazmat (end) **/
	/** add doc style, passenger status style (start) **/
	.passenger-summary-header {
		.spark-badge--neutral {
			background-color: #5E8120;
		}
		button:not(.secondary-button):not(.icon-button) {
			background-color: #ac0000;
		}
	}
	/** add doc style, passenger status style (end) **/
	/** seat map extra styles (start) **/
	/** Seat map legend re-structuring (start) **/
	.legends {
		.legend-item-row {
			max-width: 100% !important;
			width: 100% !important;
			display: block !important;
			flex: none !important;
			text-align: left !important;
			border: none !important;
			padding: 0 !important;
			.legend-icon {
				width: 10% !important;
				display: inline-block !important;
				float: left !important;
			}
			.legend-text {
				text-align: left !important;
				display: inline-block !important;
				float: left !important;
				font-size: 1.2em !important;
				margin-top: 0.25em !important;
				margin-left: 0.4em !important;
				[data-translation="SabreDxComponentCheckInSeatmap.legendItem.EXIT_DOOR"] {
					display: none !important;
				}
			}
		}
	}
	/** Seat map legend re-structuring (end) **/
	.EXIT_DOOR {
		display: none !important;
	}
	/** seat map extra styles (end) **/
	/** message icons (start) **/
	.MessagePopup .modal-message:before,
	.spark-message__icon:before {
		top: 54% !important;
	}
	.MessagePopup .modal-message:before,
	[dir=ltr] .spark-message__icon:before {
		left: 51.5% !important;
	}
	/* success */
	.MessagePopup .info .modal-icon:before,
	.MessagePopup .success .modal-icon:before,
	.spark-message--success.spark-message--lg .spark-message__icon:before {
		content: url("../images/message-icons/done.png");
	}
	/* warning */
	.MessagePopup .warning .modal-icon:before,
	.spark-message--warning .spark-message__icon {
		content: url("../images/message-icons/alert.png");
		padding: 0 !important;
		border: none !important;
		background-color: transparent !important;
	}
	i.modal-message.modal-icon {
		padding: 0 !important;
		background-color: transparent !important;
		border: none !important;
	}
	/* error */
	.MessagePopup .error .modal-icon:before {
		content: url("../images/message-icons/ban.png");
	}
	/* info */
	.spark-icon-message-info:before {
		content: url("../images/message-icons/info.png");
	}
	.MessagePopup .info .modal-message,
	.MessagePopup .info .spark-message__icon,
	.MessagePopup .spark-message--info .modal-message,
	.spark-message--info .MessagePopup .modal-message,
	.spark-message--info .spark-message__icon {
		border: none!important;
		background: url("../images/message-icons/info.png") !important;
		content: "" !important;
		width: 20px !important;
		background-size: contain !important;
	}
	.spark-icon-note:before {
		content: "" !important;
	}
	/** message icons (end) **/
	/*Check In panel*/
	.heading.ducp-component-page-title {
		margin: 10px 0 !important;
	}
	.heading.ducp-component-page-title h1 {
		font-weight: 500 !important;
		color: #0f213f !important;
	}
	@media (min-width: 1800px) {
		.col-xl-4 {
			flex: 0 0 50% !important;
			max-width: 50% !important;
		}
	}
	button.ducp-component-button.additional-options-btn.toggle-button.text-button:hover {
		background: transparent !important;
		border: none !important;
		padding-left: 1px !important;
		padding-bottom: 1px !important;
		color: silver !important;
	}
	.lookup-container,
	.sabre-dx-component-check-in-lookup,
	.sabre-dx-component-check-in-lookup p {
		background: #0F213F !important;
		color: #ffffff !important;
		border: 1px solid #0e213f;
	}
	.TextInput {
		background: #3B486A !important;
	}
	.Form input,
	.TextInput {
		background: #3B486A !important;
		border: 1px solid #0f213f!important;
		color: #ffffff !important;
		border-radius: inherit !important;
	}
	p.page-sub-heading {
		padding: 25px !important;
		margin-bottom: 0 !important;
	}
	/*background*/
	.ducp-page.sabre-dx-page-check-in-start {
		background: url(../images/background/clouds01.jpg) no-repeat;
		background-size: cover;
		background-position: top;
	}
	/*end of Check In panel*/
	/*buttons*/
	button.ducp-component-button.additional-options-btn.toggle-button.text-button,
	button.ducp-component-button.continue {
		font-size: 1.2rem !important;
	}
	button.ducp-component-button.additional-options-btn.toggle-button.text-button,
	.TextInput span,
	button.ducp-component-button.continue,
	span.spark-label {
		color: #ffffff !important;
	}
	button.ducp-component-button.search-button span,
	button.ducp-component-button.continue {
		font-size: 1.5rem !important;
		color: #ffffff !important;
		border-radius: 10px !important;
	}
	/* red */
	button.ducp-component-button.search-button {
		background: #c2002d !important;
		border: 1px solid #c2002d !important;
		padding: 15px 0 !important;
	}
	button.ducp-component-button.return-home,
	button.ducp-component-button.search-button.disabled {
		font-size: 1.5rem !important;
		color: #ffffff !important;
		border-radius: 10px !important;
		background: #c2002d !important;
		border: 1px solid #c2002d !important;
		padding: 15px !important;
	}
	/*add documents button*/
	button.ducp-component-button.spark-btn--sm.spark-btn--block-xs.spark-mar-b-1--gte-xs {
		font-size: 1rem !important;
		color: #ffffff !important;
		border-radius: 10px !important;
		background: #c2002d !important;
		border: 1px solid #c2002d !important;
		padding: 10px !important;
	}
	/*cancel seat buttons*/
	.cart-item-remove-confirmation-actions button.secondary.spark-btn.spark-btn--xs.spark-btn--secondary,
	button.ducp-component-button.spark-btn--sm.spark-btn--xs.cancel-remove-seat.secondary-button {
		color: #0e2040!important;
		border: 1px solid #0e2040!important;
		transition: 200ms;
		border-radius: 10px!important;
		background: #ffffff !important;
		box-shadow: none !important;
	}
	.cart-item-remove-confirmation-actions button.primary.spark-btn.spark-btn--xs,
	button.ducp-component-button.spark-btn--sm.spark-btn--xs.confirm-remove-seat {
		border-radius: 10px !important;
		background-color: #0e2040 !important;
		color: #ffffff !important;
		border: 1px solid #0e2040 !important;
		transition: 200ms;
		box-shadow: none !important;
	}
	/*end of cancel seat buttons*/
	button.ducp-component-button.search-button:hover,
	button.ducp-component-button.return-home:hover,
	button.ducp-component-button.search-button.disabled:hover,
	.cart-item-remove-confirmation-actions button.primary.spark-btn.spark-btn--xs:hover,
	button.ducp-component-button.spark-btn--sm.spark-btn--xs.confirm-remove-seat:hover {
		background: #8f0021 !important;
		border: 1px solid #8f0021 !important;
	}
	button.ducp-component-button.spark-btn--sm.spark-btn--block-xs.spark-mar-b-1--gte-xs:hover {
		background: #8f0021 !important;
		border: 1px solid #8f0021 !important;
		box-shadow: none !important;
	}
	/* blue */
	button.ducp-component-button.continue,
	button.ducp-component-button.supplementary-documents-button.save,
	button.ducp-component-button.save,
	button.select-seat,
	button.ducp-component-button {
		background: #0e2040 !important;
		border: 1px solid #0e2040 !important;
		border-radius: 10px!important;
		transition: none !important;
		box-shadow: none !important;
		color: #ffffff !important;
	}
	button.ducp-component-button.continue:hover,
	button.ducp-component-button.continue:hover::after,
	button.ducp-component-button.supplementary-documents-button.save:hover,
	button.ducp-component-button.supplementary-documents-button.save:hover::after,
	button.ducp-component-button.save:hover,
	button.ducp-component-button.save:hover::after,
	button.select-seat:hover,
	button.select-seat:hover::after,
	button.ducp-component-button:hover,
	button.ducp-component-button:hover::after {
		background: #3b486a!important;
		border: 1px solid #3b486a!important;
		transition: none !important;
	}
	button.ducp-component-button.additional-button.decline.secondary-button,
	button.ducp-component-button.go-back.text-button {
		border-radius: 10px !important;
		color: #0e2040 !important;
		border: 1px solid #0e2040 !important;
		transition: 200ms;
		box-shadow: none !important;
	}
	button.ducp-component-button.go-back.text-button,
	button.ducp-component-button.go-back.text-button:hover {
		padding: 1.75rem 3.25rem !important;
	}
	button.ducp-component-button.supplementary-documents-button.cancel.text-button,
	button.ducp-component-button.supplementary-documents-button.save,
	button.ducp-component-button.save,
	button.ducp-component-button.cancel.text-button {
		padding: 0.75rem 1.25rem !important;
	}
	/* white */
	button.ducp-component-button.supplementary-documents-button.cancel.text-button,
	button.ducp-component-button.cancel.text-button,
	button.ducp-component-button.go-back.text-button,
	button.ducp-component-button.action-button.cancel-button.text-button,
	button.ducp-component-button.additional-button.decline.secondary-button,
	button.ducp-component-button.spark-btn--sm.spark-btn--block-xs.secondary-button {
		color: #0e2040!important;
		border: 1px solid #0e2040!important;
		transition: 200ms;
		border-radius: 10px!important;
		background: #ffffff !important;
	}
	button.ducp-component-button.action-button.cancel-button.text-button {
		padding: .75rem 2.25rem !important;
	}
	/* FF button*/
	button.ducp-component-button.spark-btn--sm.spark-btn--block-xs.secondary-button {
		font-size: 1rem !important;
	}
	button.ducp-component-button.spark-btn--sm.spark-btn--block-xs.secondary-button:hover,
	button.ducp-component-button.supplementary-documents-button.cancel.text-button:hover,
	button.ducp-component-button.cancel.text-button:hover,
	button.ducp-component-button.go-back.text-button:hover,
	button.ducp-component-button.action-button.cancel-button.text-button:hover,
	button.ducp-component-button.additional-button.decline.secondary-button:hover,
	.cart-item-remove-confirmation-actions button.secondary.spark-btn.spark-btn--xs.spark-btn--secondary:hover,
	button.ducp-component-button.spark-btn--sm.spark-btn--xs.cancel-remove-seat.secondary-button:hover {
		color: #3b486a!important;
		border: 1px solid #3b486a!important;
		transition: 200ms;
	}
	/* disabled */
	button.ducp-component-button.calculate-price.disabled,
	button.ducp-component-button.action-button.add-to-cart-button.disabled,
	button.ducp-component-button.disabled,
	button.ducp-component-button.save.disabled {
		background: silver !important;
		color: #ffffff!important;
		padding: .75rem 2.25rem !important;
		font-size: 1.5rem !important;
	}
	button.ducp-component-button.disabled {
		padding: 1.75rem 2.25rem !important;
	}
	.bag-items-container .dx-number-selector-container button.ducp-component-button.disabled {
    padding: 0.75rem !important;
  }
	button.ducp-component-button.calculate-price.disabled:hover,
	button.ducp-component-button.action-button.add-to-cart-button.disabled:hover,
	button.ducp-component-button.disabled:hover {
		background: #6b6b6b !important;
	}
	button.ducp-component-button.spark-btn--sm.spark-number-selector__down.decrement-button.secondary-button.disabled,
	button.ducp-component-button.spark-btn--sm.spark-number-selector__up.increment-button.secondary-button.disabled {
		padding: 0 !important;
	}
	button.ducp-component-button.spark-btn--sm.spark-number-selector__down.decrement-button.secondary-button.disabled:hover::after {
		background: none !important;
		border: none !important;
	}
	/* end of disabled */
	button.ducp-component-button.show-details.text-button,
	button.ducp-component-button.show-details.text-button:hover {
		background: #ffffff !important;
		border: none !important;
		color: #0e2040!important;
	}
	button.ducp-component-button.remove-seat-button.icon-button.spark-icon.spark-icon-close-circle.spark-icon--md {
		background-color: transparent !important;
		border-radius: .25rem;
		border: 4px solid transparent !important;
		color: #0e2040!important;
	}
	/*end of buttons*/
	/* cart */
	.ducp-component-title {
		color: #0e2040 !important;
	}
	/* end of cart */
	/* breadcrumbs */
	.spark-step-indicator__list a span {
		font-weight: 300 !important;
	}
	/* end of breadcrumbs */
	/*radio buttons, select*/
	.RadioButtonList.RadioButtonList label span.radio-label,
	div.field-label span.spark-label {
		color: #4a5767!important;
	}
	select.spark-select__input,
	select.spark-select__input option {
		border: 1px solid #0e2040!important;
		color: #ffffff !important;
	}
	.spark-select,
	select.spark-select__input option,
	.spark-select .spark-label:after {
		background: #3b486a !important;
	}
	.DateWithDropdown,
	.DateWithDropdown .spark-label {
		color: #ffffff !important;
	}
	ul.react-autosuggest__suggestions-list {
		background: #3b486a !important;
		color: #ffffff !important;
	}
	.DucpComponentToggle .spark-select-group .toggle-label:after,
	.DucpComponentToggle .spark-select.active .toggle-label:after,
	.DucpComponentToggle .spark-select.has-value .toggle-label:after,
	.RadioButtonList label .spark-select-group .radio-label:after,
	.RadioButtonList label .spark-select.active .radio-label:after,
	.RadioButtonList label .spark-select.has-value .radio-label:after,
	.spark-select-group .DucpComponentToggle .toggle-label:after,
	.spark-select-group .RadioButtonList label .radio-label:after,
	.spark-select-group .spark-label:after,
	.spark-select.active .DucpComponentToggle .toggle-label:after,
	.spark-select.active .RadioButtonList label .radio-label:after,
	.spark-select.active .spark-label:after,
	.spark-select.has-value .DucpComponentToggle .toggle-label:after,
	.spark-select.has-value .RadioButtonList label .radio-label:after,
	.spark-select.has-value .spark-label:after {
		border-top-color: #fff !important;
	}
	.spark-select-group .spark-select.has-value .spark-label {
		color: transparent !important;
	}
	.RadioButtonList label .radio-box:before,
	.spark-checkbox__box:before,
	.spark-radio__box:before {
		border-left: .3rem solid #55761b !important;
		border-bottom: .3rem solid #55761b !important;
	}
	.spark-popover__content,
	.spark-step-indicator__list--condensed .spark-step-indicator__text,
	.spark-tooltip__content,
	.spark-popover__caret,
	.spark-step-indicator__list--condensed .spark-step-indicator__text:after,
	.spark-tooltip .spark-tooltip__content:after,
	.spark-tooltip:after,
	.spark-tooltip__caret,
	.seat-map-passengers .passengers .passenger-container .passenger.active .ducp-component-initial-circle,
	span.ducp-component-initial-circle {
		background-color: #0e2040!important;
		color: #ffffff !important;
		transition: 300ms;
	}
	.spark-popover__content:hover,
	.spark-step-indicator__list--condensed .spark-step-indicator__text:hover,
	.spark-tooltip__content:hover,
	.spark-popover__caret:hover,
	.spark-step-indicator__list--condensed .spark-step-indicator__text:hover::after,
	.spark-tooltip .spark-tooltip__content:hover::after,
	.spark-tooltip:hover::after,
	.spark-tooltip__caret:hover,
	.seat-map-passengers .passengers .passenger-container .passenger.active .ducp-component-initial-circle:hover,
	span.ducp-component-initial-circle:hover {
		background-color: #3b486a!important;
		transition: 300ms;
	}
	/*end of radio buttons, select*/
	/* seat-map */
	.legend-item-row {
		padding: 5px !important;
		border: 0.5px solid #f2f2f2 !important;
		transition: 200ms !important;
	}
	.legend-item-row:hover {
		background: #f2f2f2 !important;
		transition: 200ms !important;
	}
	td.seat-map-slot.is-seat {
		transition: 200ms !important;
	}
	td.seat-map-slot.is-seat:hover {
		-webkit-box-shadow: inset 0px 0px 0px 10px #f00;
		-moz-box-shadow: inset 0px 0px 0px 10px #f00;
		box-shadow: inset 0px 0px 0px 1px #0e2040;
		border-radius: 5px;
		transition: 200ms !important;
	}
	.PassengerNameItem .full-name .name-type span {
		white-space: normal !important;
	}

	.PassengerNameItem .full-name .name-type {
      display: block !important;
  }
	/* end of seat-map */
	/* ancillaries */
	h3.ducp-component-title.title {
		font-size: 1.5rem !important;
		color: #ffffff !important;
	}
	.spark-panel__content.spark-expand .title span,
	span.sabre-dx-component-icon.spark-icon.spark-icon-suitcase.spark-icon--lg.spark-icon--fill,
	span.spark-icon.spark-icon-info-circle.flex-items.ducp-component-icon.spark-icon--fill,
	span.spark-icon.spark-icon-suitcase.passenger-total-bags.spark-icon--md.ducp-component-icon.spark-icon--fill {
		color: #0e2040 !important;
	}
	span.sabre-dx-component-icon.spark-icon.spark-icon-suitcase.spark-icon--lg.spark-icon--fill::before {
		font-size: 6rem !important;
		margin: 0 0 2rem !important;
	}
	.ducp-component-price.ancillary-price {
		font-size: 1.9rem !important;
		font-weight: 600 !important;
		color: red !important;
	}
	div#group2-added-to-cart-,
	span.spark-icon.spark-icon-check.spark-icon--md.ducp-component-icon:before {
		font-size: 1.5rem !important;
	}
	.description img {
		width: 100% !important;
	}
	/* end of ancillaries */
	/* payment */
	/* Change Autocomplete styles in Chrome*/
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		border: 1px solid green;
		-webkit-text-fill-color: #ffffff;
		-webkit-box-shadow: 0 0 0 1000px #3b486a inset;
		transition: background-color 5000s ease-in-out 0s;
	}
	/* end of payment */
	/* confirmation */
	.ducp-component-toolbar .spark-toolbar__item {
		color: #0f213f !important;
	}
	/* end of confirmation */
	/* spark icons custom definition (start) */
	.spark-icon-seat:before,
	.spark-icon-suitcase:before,
	.spark-icon-cocktail:before,
	[aria-describedby="flight-amenities-additional-amenities-014"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-0lf"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-0g6"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-ft1"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b01"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b02"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b03"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b04"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b05"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b07"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b08"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b09"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b10"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b12"]>.spark-icon:before {
		height: 25px;
		width: 25px;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.spark-icon-seat:before {
		content: '';
		background-image: url('../images/amenities/seat.png');
	}
	.spark-icon-suitcase:before {
		content: '';
		background-image: url('../images/amenities/bag.png');
	}
	.spark-icon-cocktail:before {
		content: '';
		background-image: url('../images/amenities/lounge.png');
	}
	[aria-describedby="flight-amenities-additional-amenities-014"]>.spark-icon:before {
		content: '';
		background-image: url('../images/amenities/lounge.png');
	}
	[aria-describedby="flight-amenities-additional-amenities-0lf"]>.spark-icon:before {
		content: '';
		background-image: url('../images/amenities/bagtag.png');
	}
	[aria-describedby="flight-amenities-additional-amenities-0g6"]>.spark-icon:before {
		content: '';
		background-image: url('../images/amenities/boarding.png');
	}
	[aria-describedby="flight-amenities-additional-amenities-ft1"]>.spark-icon:before {
		content: '';
		background-image: url('../images/amenities/boarding.png');
	}
	[aria-describedby="flight-amenities-additional-amenities-b01"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b02"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b03"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b04"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b05"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b07"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b08"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b09"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b10"]>.spark-icon:before,
	[aria-describedby="flight-amenities-additional-amenities-b12"]>.spark-icon:before {
		content: '';
		background-image: url('../images/amenities/boarding.png');
	}
	/* spark icons custom definition (end) */
	/** social media icons (start) **/
	.spark-icon-social-pinterest:before {
		content: '';
		background: transparent url(../images/socialMediaIcons/pinterest-16px.png) no-repeat 0 0 / 1.33333rem 1.33333rem;
		display: block;
		height: 1.33333rem;
		width: 1.33333rem;
	}
	/** social media icons (end) **/
	/** credit cart (start) **/
	.credit-card-image.MA-card {
		background-image: url(../images/credit-card/maestro.png);
		background-size: 100%;
		margin-top: 13px;
	}
	/** credit cart (end) **/
}

    .sabre-dx-component-check-in-emergency-contact.document-form-wrapper label.ducp-component-checkbox.spark-checkbox.Checkbox span.spark-label {
        color: #0e2040 !important;
    }
    /**corporate PNR**/

    .corporate-form-parent-container .spark-input__field,
    .corporate-form-parent-container .spark-input__fields,
    .corporate-form-parent-container .spark-input__overlay {
        background-color: #3b486a!important;
        border: none;
        color: #ffffff !important;
    }

    .corporate-form-parent-container .spark-btn--icon.spark-icon,
    .corporate-form-parent-container .spark-icon.ducp-component-button.icon-button {
        background-color: transparent !important;
        border-radius: .25rem !important;
        border: 4px solid transparent !important;
        color: #0e2040 !important;
    }
    /** end of corporate PNR**/

/**passenger page**/
.ducp-component-passenger-summary-seats-extras .segment-extras .seat{
	  flex: 0 0 50%!important;
}

/*Hazmat page - Lista predmeta zabranjenih za nošenje u predatom prtljagu*/

p.hazmat-page-paragraph {
    width: 100% !important;
}

.hazardous-page.element-container .items-wrapper {
    max-height: 450px !important;
    align-content: center !important;
    display: flex !important;
    height: fit-content !important;
    width: 100% !important;
	  flex-wrap: wrap !important;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-route-info{
      align-self: auto !important;
}


/*Seat map discount*/

.seat-sale.sale-banner span {
    font-size: 1rem !important;
}



/*Ancillary page discount price*/
span.strike-through span {
    color: red !important;
}


.ducp-component-price .strike-through .alternative {
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 1.3rem !important;
	text-align-last: center !important;
}

span.price-info .alternative {
    font-size: 2rem !important;
}

.select-all-checkbox span.spark-label {
    color: #0e2040 !important;
}


.full-name {
    text-align: left !important;
}

.ducp-component-price.ancillary-price span.price-info span {
    color: #5e8120 !important;
}

span.price-info.strike-through .alternative span {
    color: red !important;
}

.PassengerNameItem .full-name .name-type span {
    min-width: fit-content !important;
    overflow-wrap: break-word;
}

.ducp-component-price .price-info.price-info {
    font-weight: 900;
}

span.sabre-dx-component-icon.spark-icon.spark-icon-suitcase.spark-icon--lg.spark-icon--fill::before {
    min-width: 50px !important;
    height: 50px !important;
}

.passenger-bag-row .each-cell {
    min-height: 220px !important;
}

.passenger-bag-row .each-cell .bag-weight-container {
    margin-bottom: 2rem !important;
}

.ancillary-common.ancillary-card.active.feature .count-total-const-container .passenger-suitcase-count {
    display: none !important;
}
span.ducp-component-price.dxp-passenger-ancillary-price {
    margin: 5px !important;
}
.ducp-page.sabre-dx-page-check-in-passengers .call-to-action {
    border: 1px solid silver;
    padding: 15px;
    margin: 0 15px;
}

.ducp-page.sabre-dx-page-check-in-passengers .call-to-action p {
    font-size: 1.2rem;
    margin: 0 5px;
    color: #0f2d53;
}
.ducp-page.sabre-dx-page-check-in-passengers .call-to-action h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0f2d53;
    margin: 5px 0;
}
#porukaRS {
    border: 1px solid red;
    width: 100%;
    background: #ffedd0;
    padding: 5px 15px;
    margin: 15px;
    display:none;
}

img.AX-card.credit-card-image {
    display: block !important;
}

/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
 /* box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);*/
 border: 1px solid rgba(0, 0, 0, 0.3);
 border-bottom-color: #0f2d53;
                        
}

.tab {
  width: 100%;
  color: #0f2d53;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.tab-label {
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    padding-left: 80px !important;
    padding-top: 15px !important;
    height: 68px;
    background-image: url(../images/sabre-dx-component-check-in-hazmat/hazmatSprite.jpg);
    background-repeat: no-repeat;
    font-size: 1.3rem !important;
  /* Icon */
}

.tab-label.gun {
    background-position: 0 -640px;
}
.tab-label.explosive {
    background-position: 0 -1418px;
}
.tab-label.sharp {
    background-position: 0 -705px;
}
.tab-label.tools {
    background-position: 0 -1029px;
}
.tab-label.shocker {
    background-position: 0 -965px;
}
.tab-label.blunt {
    background-position: 0 -1094px;
}


.tab-label:hover {
  background-color: #FFFFFF;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #0e2040;
  background: white;
  transition: all 0.35s;
}

.tab-content p {
    margin-top: 0;
}


input.hazmatHarmonika:checked + .tab-label {
  background-color: #FFFFFF;
}
input.hazmatHarmonika:checked + .tab-label::after {
  transform: rotate(90deg);
}
input.hazmatHarmonika:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

input#chck1 {
    display: none;
}

input#chck2 {
    display: none;
}

input#chck3 {
    display: none;
}

input#chck4 {
    display: none;
}

input#chck5 {
    display: none;
}

input#chck6 {
    display: none;
} 