/*
 * NUSATRIP MOBILE CHECKOUT REVIEW
 */
/*
 * Nusa Icons
 */
@font-face{font-family:'NusaIcons';src:url(../fonts/NusaIcons.eot?6ca5z4);src:url(../fonts/NusaIcons.eot?6ca5z4#iefix) format('embedded-opentype'),url(../fonts/NusaIcons.ttf?6ca5z4) format('truetype'),url(../fonts/NusaIcons.woff?6ca5z4) format('woff'),url(../fonts/NusaIcons.svg?6ca5z4#NusaIcons) format('svg');font-weight:400;font-style:normal}.ns-icon{font-family:'NusaIcons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ns-stack{display:inline-block;height:2rem;line-height:2rem;position:relative;text-align:center;vertical-align:middle;width:2rem}.ns-stack-1x,.ns-stack-2x{left:0;position:absolute;text-align:center;width:100%}.ns-stack-1x{line-height:inherit}.ns-stack-2x{font-size:2rem}.ns-stack.ns-circle-stack{border-radius:50%;border-width:1px;border-style:solid}.ns-stack.ns-stack-lg{height:3rem;width:3rem}.ns-stack-lg .ns-icon{font-size:1.5rem;line-height:3rem}.ns-angle-down:before{content:"\e90c"}.ns-angle-right:before{content:"\e90e"}.ns-angle-up:before{content:"\e90f"}.ns-users-group:before{content:"\e91a"}.ns-question:before{content:"\f128"}.ns-list-ul:before{content:"\f0ca"}.ns-airplane-diagonal:before{content:"\e919"}.ns-hotel-star:before{content:"\e918"}.ns-family:before{content:"\e917"}.ns-seat:before{content:"\e916"}.ns-infant:before{content:"\e915"}.ns-menu:before{content:"\e910"}.ns-angle-left-1:before{content:"\e914"}.ns-adult:before{content:"\e912"}.ns-child:before{content:"\e913"}.ns-bed-big:before{content:"\e911"}.ns-suitcase:before{content:"\e900"}.ns-search:before{content:"\f002"}.ns-user:before{content:"\f007"}.ns-check:before{content:"\f00c"}.ns-close:before{content:"\f00d"}.ns-remove:before{content:"\f00d"}.ns-times:before{content:"\f00d"}.ns-home:before{content:"\f015"}.ns-refresh:before{content:"\f021"}.ns-times-circle:before{content:"\f057"}.ns-sign-out:before{content:"\f08b"}.ns-sign-in:before{content:"\f090"}.ns-facebook:before{content:"\f09a"}.ns-facebook-f:before{content:"\f09a"}.ns-group:before{content:"\f0c0"}.ns-users:before{content:"\f0c0"}.ns-caret-down:before{content:"\f0d7"}.ns-caret-up:before{content:"\f0d8"}.ns-caret-left:before{content:"\f0d9"}.ns-caret-right:before{content:"\f0da"}.ns-sort:before{content:"\f0dc"}.ns-unsorted:before{content:"\f0dc"}.ns-life-bouy:before{content:"\f1cd"}.ns-life-buoy:before{content:"\f1cd"}.ns-life-ring:before{content:"\f1cd"}.ns-life-saver:before{content:"\f1cd"}.ns-support:before{content:"\f1cd"}.ns-user-plus:before{content:"\f234"}.ns-bed:before{content:"\f236"}.ns-hotel:before{content:"\f236"}.ns-star:before{content:"\f005"}.ns-star-o:before{content:"\f006"}.ns-star-half-empty:before{content:"\f123"}.ns-star-half-full:before{content:"\f123"}.ns-star-half-o:before{content:"\f123"}.ns-calendar:before{content:"\e902"}.ns-calendar-go:before{content:"\e903"}.ns-calendar-return:before{content:"\e904"}.ns-nusatrip-icon:before{content:"\e90b"}.ns-airplane-left:before{content:"\e905"}.ns-airplane-right:before{content:"\e906"}.ns-mapmarker:before{content:"\e907"}
.bg-primary {
	color: #fff !important;
	background-color: #0b78b1 !important;
}
.pull-xs-left {
	float: left !important;
}
.pull-xs-right {
	float: right !important;
}

/*!
 * Validetta (http://lab.hasanaydogdu.com/validetta/)
 * Version 1.0.1 ( 16-08-2015 )
 * Licensed under MIT (https://github.com/hsnayd/validetta/blob/master/LICENCE)
 * Copyright 2013-2015 Hasan Aydoğdu - http://www.hasanaydogdu.com
 */
.validetta-bubble{
	display:block;
	font:12px/14px Arial,Helvetica,sans-serif;
	position:absolute;
	background-color: #cd2e26;
	max-width:325px;
	border-radius:5px;
	color:#fff;
	padding:5px 12px;
	z-index:9;
}
.validetta-bubble:before{
	content:'';
	position:absolute;
	display:block;
	height:0;
	width:0;
	border-width:5px;
	border-style:solid
}
.validetta-bubble--right:before{
	top:7px;
	left:-10px;
	border-color:transparent #cd2e26 transparent transparent;
}
.validetta-bubble--bottom:before{
	top:-10px;
	left:10px;
	border-color:transparent transparent #cd2e26;
}
.validetta-inline {
	bottom: -16px;
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	right: 5px;
	white-space: nowrap;
}
.validetta-inline,.reqLabel {
	color: #fa7706;
}

#bookingReview.ui-page-panel,
#loginUser.ui-page-active {
	margin-top: 0!important;
}
/*#bookingReview.ui-page-panel .ui-panel-content-wrap,
#loginUser.ui-page-active .ui-content {
	margin-top: 44px!important;
}*/
/*
 * HEADER
 */
.header-wrapper,
.header-wrapper:before,
.header-wrapper:after,
.header-wrapper *,
.header-wrapper *:before,
.header-wrapper *:after {
	box-sizing: border-box;
}
.header-wrapper {
	border-bottom: 1px solid #8abede;
	color: #094164;
	height: 53px;
	left: 0;
	max-height: 53px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.header-wrapper.header-review {
	height: 44px;
}
.header-inner:after {
	clear: both;
	content: "";
	display: table;
}
.header-inner {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.bg-secondary-blue .header-inner {
	color: #05558c;
}
@media (min-width: 544px) {
	.header-inner {
		max-width: 576px;
	}
}
@media (min-width: 768px) {
	.header-inner {
		max-width: 1000px;
	}
}
.ns-brand {
	height: auto;
	max-width: 95px;
	padding: 8px 0;
}
.mobile-home .ns-brand,
.header-home:not(.header-flat) .ns-brand {
	margin-left: .9375rem;
}
.ns-brand a {
	display: block;
	max-height: 28px;
	max-width: 95px;
}
.menu-toggler-holder {
	display: block;
	padding: 0 6px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
.header-inner .navbar-toggler {
	background: none;
	border: 1px solid transparent;
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	font-size: 21px;
	line-height: 28px;
	margin: 0;
	padding: 8px 6px;
	text-align: center;
}
.header-inner .navbar-toggler.menu-toggler {
	border-color: transparent transparent transparent rgba(5,85,140,.25);
	border-width: 0 0 0 1px;
	margin-right: 5px;
}
.header-inner .navbar-back {
	padding-left: 0;
}
.header-flat .header-inner .navbar-toggler.menu-toggler,
.header-flat .header-inner .styled-select {
	border-width: 0;
	color: #fff;
}
.header-inner .styled-select {
	border-left: 1px solid rgba(5,85,140,.25);
	height: 100%;
	max-width: 50px;
	overflow: hidden;
	padding: 8px 6px;
	position: relative;
	width: 50px;
	z-index: 0;
}
.header-inner .styled-select.nusa-currency {
	max-width: 62px;
	width: 62px;
}
.header-inner .styled-select select {
	background-image: none;
	border: none;
	box-shadow: none;
	color: inherit;
	float: right;
	padding: 4px 8px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.header-inner .styled-select select > option{
	color: black !important;
}
.header-inner .styled-select i {
	margin-top: -7px;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 50%;
	z-index: -1;
}
.bg-primary .header-inner .styled-select.nusa-lang,
.bg-primary .header-inner .styled-select.nusa-currency {
	background-color: #0b78b1!important;
}
.styled-select.nusa-lang {
	background-position: 10px center!important;
	background-repeat: no-repeat;
	background-size:auto;
}
.styled-select.nusa-lang.lang-en {
	/*background-image: url("../../img/en20.png")!important;*/
	background-image: url("../../img/en20circle.png")!important;
}
.styled-select.nusa-lang.lang-id {
	/*background-image: url("../../img/id20.png")!important;*/
	background-image: url("../../img/id20circle.png")!important;
}
.styled-select.nusa-lang.lang-sg {
	/*background-image: url("../../img/sg20.png")!important;*/
	background-image: url("../../img/sg20circle.png")!important;
}
.styled-select.nusa-lang.lang-my {
	/*background-image: url("../../img/my20.png")!important;*/
	background-image: url("../../img/my20circle.png")!important;
}
.styled-select.nusa-lang.lang-ph {
	/*background-image: url("../../img/ph20.png")!important;*/
	background-image: url("../../img/ph20circle.png")!important;
}
.styled-select.nusa-lang.lang-vn {
	/*background-image: url("../../img/vn20.png")!important;*/
	background-image: url("../../img/vn20circle.png")!important;
}
.styled-select.nusa-lang.lang-th {
	/*background-image: url("../../img/th20.png")!important;*/
	background-image: url("../../img/th20circle.png")!important;
}
.styled-select.nusa-lang select {
	text-indent: -9999px;
}

/*
 * MENU PANEL
 */
.ns-mobile-page .ui-page-active.ui-page-panel {
	/*overflow: visible!important;*/
}
.nusamobile-nav-menu.ui-panel {
	background-color: #383a4c;
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.25);
	top: 0;
	width: 20em;
	z-index: 1101;
}
.nusamobile-nav-menu.ui-panel.ui-panel-closed {
	width: 0;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	-webkit-transform: translate3d(-20em,0,0);
	-moz-transform: translate3d(-20em,0,0);
	transform: translate3d(-20em,0,0);
}
.ns-home .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-flightIndex .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-hotelIndex .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-flightTo .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-airlineStaticPage .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
#customerReg .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
#loginUser .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(20em,0,0);
	-moz-transform: translate3d(20em,0,0);
	transform: translate3d(20em,0,0);
}
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 20em;
	right: -20em;
}
#navMenuPanel-screen.ui-popup-screen.in {
	opacity: 0.8;
}
.nav-menu-header {
	background-color: #424458;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.nav-menu-header:after,
.panel-close:after {
	clear: both;
	content: "";
	display: table;
}
.nav-menu-brand {
	float: left;
	margin-top: 16px;
	width: 100%;
}
.nusamobile-nav-menu .ui-panel-inner {
	padding: 0;
}
.nusamobile-nav-menu .list-group-item:first-child,
.nusamobile-nav-menu .list-group-item:last-child {
	border-radius: 0;
}
.nusamobile-nav-menu .list-group {
	margin: 0;
	padding: 0;
}
.nusamobile-nav-menu .list-group-item {
	background-color: #383a4c;
	border-width: 0;
	color: #fff;
	display: block;
	margin-bottom: 0;
	padding: 0 0 0 16px;
	position: relative;
	transition: all 0.25s ease 0s;
	width: auto;
}
.nusamobile-nav-menu .list-group-item-inner {
	border-bottom: 2px solid #4c4e5e;
	padding: 12px 16px 12px 0;
	position: relative;
}
.nusamobile-nav-menu a.list-group-item .list-group-item-heading {
	color: inherit;
	font-family: Ubuntu,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	margin: 0;
	text-transform: uppercase;
}
.nusamobile-nav-menu a.list-group-item .ns-icon {
	display: inline-block;
	vertical-align: middle;
}
.nusamobile-nav-menu a.list-group-item:focus,
.nusamobile-nav-menu a.list-group-item:hover{
	background-color: #0f7abf;
}

.nusamobile-nav-menu a.list-group-item:focus,
.nusamobile-nav-menu a.list-group-item:hover,
.nusamobile-nav-menu a.list-group-item:focus .list-group-item-heading,
.nusamobile-nav-menu a.list-group-item:hover .list-group-item-heading {
	color: #fff;
}
.nusamobile-nav-menu .list-group-item-icon {
	border-color: rgba(255,255,255,0.75);
	border-width: 2px;
	color: rgba(255,255,255,0.75);
	display: inline-block;
	height: 28px;
	line-height: 24px;
	margin-top: -14px;
	position: absolute;
	right: 16px;
	top: 50%;
	width: 28px;
}
.nusamobile-nav-menu .flight-icon {
	font-size: 107%;
	line-height: 28px;
}
.nusamobile-nav-menu .panel-close .btn {
	background: #252632; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #252632 90%, black); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #252632 90%, black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #252632 90%, black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #252632 90%, black); /* Standard syntax */
	border: none;
	border-radius: 24px 0 0 24px;
	color: #777;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	float: right;
	line-height: 1;
	margin-top: 30px;
	padding: 10px 20px 12px;
	text-align: center;
	transition: color 0.25s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
}
.nusamobile-nav-menu .panel-close .btn:focus,
.nusamobile-nav-menu .panel-close .btn:hover {
	color: #aaa;
}
#bookingReview .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
#bookingReview .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(20em,0,0);
	-moz-transform: translate3d(20em,0,0);
	transform: translate3d(20em,0,0);
}
/* Copied From NS Mobile New V2 */

.checkoutHeader {
	color: #0e6ea5;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 8px 0;
}
.ui-body-a .ui-link.user-login {
	background-color: #6dcff6;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	color: #fff;
	display: inline;
	padding: 2px 7px;
}
.ui-body-a .ui-link.user-login:hover {
	background-color: #4ea9d7;
}

/*
 * Insurance add on
 */
.float-center-box {
	background: #c4d7df;
	margin: 15px 0 0;
	width: 100%;
}
.float-center-box * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.insurance-box {
	background: #569bbe;
    border: 1px solid #ccc;
    display: table;
	font-family: "Arial", "Helvetica Neue", sans-serif;
	margin: 0;
	width: 100%;
	z-index: 1;
}
.img-fluid {
    height: auto;
    max-width: 100%;
}
.float-center-col {
    display: table-cell;
	padding: 5px 8px;
    vertical-align: middle;
}
.insurance-box .icon-col {
	padding-right: 0;
    text-align: center;
}
.insurance-box .benefit-col {
    padding-bottom: 0;
	padding-left: 1.5em;
	width: 62%;
}
.insurance-box .text-row {
	border-bottom: 1px solid #fff;
}
.insurance-box .box-title {
    color: #23485a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.07;
	margin-bottom: .5em;
    text-align: center;
}

.insurance-box .box-title span{
    font-size: 16px;
    color: #000;
}

.insurance-box .benefit-list {
	display: table;
	list-style: none;
	margin: 5px 0;
	padding-left: 0;
    padding-top: 0;
	width: 100%;
}
.insurance-box .benefit-list .list-item {
	display: table-cell;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}
.insurance-box .benefit-list .list-item-icon {
    width: 13%;
}
.insurance-box .price-col {
	background: #56bb91;
	width: 26%;
}
.insurance-box .price-col h4 {
	line-height: 1.1;
	text-align: center;
}
.insurance-box .price-col .currency {
    font-size: 10px;
}
@media (max-width: 639px) {
	.insurance-box .price-col h4 {
		text-align: left;
	}
	.insurance-box .price-col .currency {
		display: block;
		width: 100%;
	}
}
.insurance-box .price-col .price,
.insurance-box .price-col .per-pax {
    display: inline;
}
.insurance-box .price-col .price {
    font-size: 14px;
}
.insurance-box .price-col .per-pax {
    font-size: 10px;
}
.insurance-box .price-col .ui-btn {
	background: #255b44;
	border-radius: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 7px 0 0;
}
.insurance-box .price-col .ui-btn-inner {
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	padding: 0;
}
.insurance-box .price-col .ui-btn-text {
	display: block;
	padding: 4px;
}
.insurance-box .price-col .ui-btn-text .btn-text {
	margin-right: 12px;
}
.insurance-box .price-col .ui-btn-text .icon {
	background: #fff;
	border: 1px solid #23485a;
	border-radius: 50%;
	height: 100%;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
}
.insurance-box .insurance-popup-toggle {
    color: #f6ec19 !important;
    display: block;
    font-size: 12px;
    line-height: 1.15;
    font-weight: bold;
}
.insurance-added-row {
	display: table!important;
}
.insurance-added-col {
	display: table-cell!important;
}
.remove_insurance {
    display: inline-block;
    font-size: 11px;
	padding: 2px 5px;
}
.bottom-addons {
	border-bottom: 1px solid #999;
	font-size: 11px;
	line-height: 1;
	padding: 5px;
	text-align: center;
}
.bottom-addons p > img,
.bottom-addons p > span {
	display: inline;
	vertical-align: middle;
}
.bottom-addons p > img {
	margin-right: 5px;
}
.bottom-addons p > span {
	display: inline;
	vertical-align: middle;
}
.insurance-popup * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tab-index-content ul.row:before,
.tab-index-content ul.row:after {
	content: " ";
	display: table;
}
.tab-index-content ul.row:after {
    clear: both;
}
.insurance-popup .tab-content.tab-index-content ul.row {
	list-style: none;
	margin: 0 -12px;
	padding: 0;
}

.insurance-popup .tab-index-content .col {
	float: left;
    padding: 7px 12px;
    text-align: center;
	width: 50%;
        min-height: 150px;
}
@media (min-width: 567px) and (max-width: 768px) and (orientation: landscape) {
    .insurance-popup .tab-index-content .col {
        width: 25%;
    }
}
.insurance-popup .tab-index-content .col a {
    color: inherit;
    display: block;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
}
.insurance-popup .tab-index-content .col img {
    height: auto;
    max-width: 100%;
}
.insurance-popup .tab-index-content .col .label {
    display: block;
}
.insurance-nav-wrap {
	background: #09f;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 55px;
}
.insurance-nav {
	clear: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: auto;
	padding: 0;
}
.insurance-nav li {
	background: transparent;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-box-flex: 1;
	-ms-flex: 1 auto;
	flex: 1 auto;
    opacity: .5;
	padding: 0 8px;
    text-align: center;
    width: 100%;
}
.insurance-nav li.active {
	background: #fff;
    opacity: 1;
}
.insurance-nav li .tab-toggle {
	border-top: 1px solid #8ec8ed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 5px 0;
}
.insurance-popup li.active .tab-toggle,
.insurance-popup li.active + li .tab-toggle,
.insurance-popup li:first-child .tab-toggle {
	border-top-color: transparent;
}
.insurance-popup .tab-toggle .icon-light {
	display: block;
}
.insurance-popup .tab-toggle .icon-dark {
	display: none;
}
.insurance-popup li.active .tab-toggle .icon-dark {
	display: block;
}
.insurance-popup li.active .tab-toggle .icon-light {
	display: none;
}
.insurance-popup .tab-content {
	display: none;
	margin-left: 55px;
}
.insurance-popup .tab-content.active {
	display: inherit;
}
.insurance-popup .tab-content .content-heading {
	padding: 10px 15px 0;
}
.insurance-popup .tab-content .tab-heading {
	border-bottom: 1px solid #999;
	color: #999;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.75;
	margin-bottom: .5em;
}
.insurance-popup .tab-content .content-body {
	padding: 20px 5px 10px 20px;
}
.insurance-popup .tab-content .content-inner {
	font-size: 13px;
	line-height: 1.5;
	height: 340px;
	min-height: 52.5vh;
	overflow-y: auto;
	padding-right: 20px;
}
.insurance-popup .tab-content .content-inner ul,
.insurance-popup .tab-content .content-inner ol {
	margin-left: 0;
	padding-left: 1.25em;
}
.insurance-popup .tab-content .content-inner .low-alpha {
	list-style: lower-alpha;
}
.insurance-popup .content-footer {
	background: #efefef;
	border-bottom-right-radius: 8px;
	margin-left: 55px;
}
.insurance-popup .content-footer-row {
    display: none!important;
	width: 100%;
}
.insurance-popup .content-footer-row.active {
    display: block!important;
}
.insurance-popup .footer-col {
	float: left;
	line-height: 21px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.insurance-popup .action-row .footer-left {
	font-size: 12px;
	padding-left: 15px;
	padding-right: 8px;
	width: 60%;
}
.insurance-popup .action-row .footer-left .lead {
	font-size: 15px;
	font-weight: 600;
}
.insurance-popup .action-row .footer-right {
	padding-left: 8px;
	padding-right: 15px;
    text-align: right;
	width: 40%;
}
.insurance-popup .redefining-row .footer-col {
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    text-align: right;
    width: 100%;
}
.insurance-popup .redefining-row .redefining-logo {
    display: inline-block;
    vertical-align: middle;
}
.insurance-popup .add-insurance-btn {
	background: #23485a;
	border: none;
	border-radius: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
    max-width: 140px;
	padding: 5px;
	position: relative;
	text-align: center;
    vertical-align: top;
	width: 100%;
}
.insurance-popup .add-insurance-btn .btn-text {
	margin-right: 12px;
}
.insurance-popup .add-insurance-btn .icon {
	background: #fff;
	border: 1px solid #23485a;
	border-radius: 50%;
	height: 100%;
	line-height: 21px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
}
.insurance-popup .close-reveal-modal {
	background: #000;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 28px;
	height: 28px;
	line-height: 24px;
	position: absolute;
	right: -14px;
	text-align: center;
	top: -14px;
	width: 28px;
}
/* Hotel Info */
/*#bookingReview .ui-panel-content-wrap {
	background-color: #d2dee5;
}*/
.page-info-title {
	color: #444;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	text-transform: uppercase;
}
/* Hotel Info Panel */
.ns-panel-group {
	margin: 0;
	padding: 0;
}
.ns-panel-group .panel-group-item {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: -1px;
	padding: 10px;
	position: relative;
}

/* Guest Box */
.guestbox, .paymentList {
	background-color: #f9f9fb;
}
.guestbox .bglabelGrey,
.guestbox #registerAccount {
	background: -moz-linear-gradient(top, #eee 0%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eee 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eee 0%, #ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eee 0%, #ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eee 0%, #ddd 100%); /* W3C */
	border-color: #ccc;
	/*color: #4d4d4d;*/
}
.guestbox .bglabelGrey {
	border-radius: 0;
	border-width: 1px 0;
	display: block;
	font-size: 1.1em;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}
#bookingReview .rounded8bottom .guestbox:last-child {
	border-radius: 0 0 8px 8px;
}
.ns-cal-btn {
	cursor: pointer;
}
.ns-input-group .ui-btn-inner {
	font-size: 1em;
}
.ns-input-group .ui-field-contain {
	padding-bottom: 0;
}
.ns-input-group .passenger-option-link {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}
.ns-input-group .passenger-option-link span {
	color: #4ea9d7;
	cursor: pointer;
}
.ns-input-group .passenger-option-link span:hover {
	color: #005580;
}
.ns-input-primary .ui-select {
	margin-bottom: 0;
}
.ns-input-group label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
	padding-left: 5px;
}
.ns-input-primary div.ui-input-text,
.ns-input-primary .ui-select .ui-btn {
	background: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.ns-input-primary div.ui-select .ui-btn-inner {
	border-radius: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 16px;
	padding-top: 0;
}
.ns-input-primary div.ui-select .ui-btn-inner .ui-icon:before {
	content: "\25BC";
	font-size: 0.6em;
}
.ns-input-primary div.ui-select .ui-btn-inner .ui-icon {
	background: none;
	right: 0;
	width: 12px;
}
.ns-input-primary div.ui-input-text input[type="text"],
.ns-input-primary div.ui-input-text input[type="email"],
.ns-input-primary div.ui-input-text input[type="password"],
.ns-input-primary div.ui-input-text input[type="tel"],
.ns-input-primary div.ui-select .ui-btn,
.ns-input-primary div.ns-cal-widget .ns-cal-btn {
	background: #feffde;
	border: 1px solid #ccc;
	border-radius: 20px!important;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;
	font-size: 1em;
	line-height: 1.15;
	margin-bottom: .5em;
	margin-top: 0;
	padding: 6px 12px;
	text-align: left;
}
.ns-input-primary div.ui-input-text input[type="text"]:focus,
.ns-input-primary div.ui-input-text input[type="email"]:focus,
.ns-input-primary div.ui-input-text input[type="password"]:focus,
.ns-input-primary div.ui-select .ui-focus.ui-btn-active,
.ns-input-primary div.input-error input,
.ns-input-primary div.input-error textarea,
.ns-input-primary div.ui-select .input-error {
	background: #feffde!important;
	border: 1px solid #ffc600!important;
	box-shadow: none!important;
	-moz-box-shadow: inset 0 0 3px #ffc500!important;
	-webkit-box-shadow: inset 0 0 3px #ffc500!important;
	box-shadow: inset 0 0 3px #ffc500!important;
}
input.textLength2.input-valid,
input.textLength2.input-valid:focus,
input.textLength6.input-valid,
input.textLength6.input-valid:focus,
.ns-input-primary div.ui-input-text.input-valid input,
.ns-input-primary div.ui-select .ui-btn.input-valid,
.ns-input-primary .ns-cal-widget.input-valid .ns-cal-btn,
.input-valid .in-bDate,
.input-valid .paymentExp{
	background: #fff!important;
	border: 1px solid #20b2fd!important;
	box-shadow: none!important;
	color: #0d7ab4!important;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
	-webkit-text-fill-color: #0d7ab4 !important;
}

/* Input Checkbox */
.tabspayment .chkPaymentInstrument,
#checkAgreement .icon-checkbox2,
#checkAgreement .icon-checkbox2-checked,
#createaccount .icon-checkbox2,
#createaccount .icon-checkbox2-checked {
	height: 20px;
	width: 20px;
}
.tabspayment .chkPaymentInstrument,
#createaccount .icon-checkbox2 {
	background-image: url(../../img/bcb-sprite-default.png);
	background-position: -20px 0;
}
.tabspayment .icon-checkbox2-checked,
#createaccount .icon-checkbox2-checked {
	background-image: url(../../img/bcb-sprite-2.png);
	background-position: 0 0;
}
#checkAgreement .icon-checkbox2,
#checkAgreement .icon-checkbox2-checked {
	background-image: url(../../img/bcb-sprite-2.png);
}
#checkAgreement .icon-checkbox2 {
	background-position: -20px 0;
}
.tabspayment .ui-btn:hover .chkPaymentInstrument:not(.icon-checkbox2-checked),
#checkAgreement:hover .icon-checkbox2,
#createaccount:hover .icon-checkbox2 {
	background-position: 0 -20px;
}
#checkAgreement .icon-checkbox2-checked {
	background-position: 0 0;
}

/*
 * Payment
 */

/* Credit Card */
.ns-input-group.paymentCreditCard {
	border-color: #afc8dd;
	border-style: solid;
	border-width: 0 1px 1px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: -8px;
	padding: 16px 8px 0;
}
.paymentList .ns-input-group .ui-field-contain {
	border: none;
}
.paymentList .ns-input-group .ui-field-contain.cc-field {
	padding-top: 0;
}
.paymentCreditCard .ui-select .ui-btn {
	max-width: 100%;
	width: 100%;
}
.paymentCreditCard .cc-expire-field .exp-month .ui-select .ui-btn-inner,
.paymentCreditCard .cc-expire-field .exp-year .ui-select .ui-btn-inner {
	padding-right: 16px;
}
.paymentCreditCard .cc-expire-field .cvc-code .ui-input-text {
	max-width: 56px;
}
.paymentCreditCard .cc-expire-field .cvc-code .icon-info:before {
	content: "";
}
.paymentCreditCard .cc-expire-field .cvc-code .icon-info span.ui-btn-inner {
	margin-top: 0;
}
.paymentCreditCard .cc-desc {
	color: #7a7a7a;
	display: inline-block;
	margin: 0 0 10px;
	overflow: inherit;
	text-overflow: inherit;
	white-space: normal;
}
.bglabel .required {
	color: #ffdd4d;
	font-size: 11px;
	line-height: 1.75;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.35);
}
.tabspayment .ui-collapsible-heading {
	background: #ececec;
	border-bottom: 1px solid #ccc;
}
.tabspayment .ui-collapsible-heading .ui-btn-active {
	background: #dedede;
}
.tabspayment .payment-limit-wrapper {
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	color: #721c24;
	margin: 5px 0 0;
	padding: 5px 8px;
}
.tabspayment .ui-collapsible-content > .ui-listview {
	margin: 0;
}
.tabspayment .ui-listview li.ui-btn {
	background: #deedf0;
	border: 1px solid #afc8dd;
	border-radius: 4px;
	margin-top: 8px;
}
.tabspayment .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child {
	border-top-width: 1px;
}
.tabspayment .ui-collapsible-heading .ui-btn {
	color: #2d2d2d;
}
.tabspayment .ui-btn.ui-focus {
	box-shadow: none;
}
.paymentList .payment-tab-group {
	margin: 0;
}
.paymentList .ui-collapsible-set .tabspayment {
	margin: 0;
}
.tabspayment .ui-collapsible-content {
	padding: 2px 8px 8px;
}
.payment-tab-group .tabspayment:not(:last-child) .ui-collapsible-content {
	border-bottom: 1px solid #ccc;
}
.paymentList .ui-collapsible-set .ui-collapsible.ui-first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.tabspayment .ui-collapsible-content .ui-listview > .ui-li.ui-last-child,
.tabspayment .ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
.tabspayment .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
.tabspayment .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-width: 1px;
}
.tabspayment .frmpaymenthidden {
	border-color: #afc8dd;
	border-style: solid;
	border-width: 0 1px 1px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: -8px;
	padding: 16px 8px 8px;
}
.tabspayment .disabled .txred,
.tabspayment .temporary-off {
    font-weight: bold;
    margin: 0 0 8px;
    text-align: center;
    white-space: normal;
}
@media (min-width: 544px) {
	.tabspayment #hrefatmbersama {
		padding-bottom: 1.75em;
	}
}

.passengerlist-wrapper h3 {
	border-bottom: 1px solid #aaaaaa;
	color: #a7a7a7;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.passengerlist-wrapper h3 .txblue {
	color: #0d79b3;
}
.passengerlist-wrapper .smalldesc {
	font-size: 11px;
	font-weight: normal;
}
.passengerlist-wrapper h4 {
	color: #a7a7a7;
	margin-bottom: 0;
}
.passengerlist {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 600;
	margin-bottom: .5em;
	margin-left: 0;
	margin-top: 0;
}
.list-striped {
	line-height: 24px;
	padding-left: 20px;
}
.list-striped li {
	line-height: 1.5;
	padding: 3px;
	position: relative;
}
.list-striped li:before {
	content: "";
	display: block;
	height: 100%;
	left: -20px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
.list-striped li:nth-of-type(2n+1):before {
	background-color: rgba(0,0,0,.035);
}

/* NS Tax ToolTip Start */
.nstaxtooltip {
    position: relative;
    display: inline-block;
    color: #4e8bc4;
    /* font-size: 11px; */
    /* border-bottom: 1px dotted black; */
}
.nstaxtooltip .nstaxtooltipcontent{
    visibility: hidden;
    background-color: #fff;
    text-align: left;
    border-radius: 6px;
    border: 1px solid #1fb1fd;
    font-size: .9em;
    opacity: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 1px 2px 5px rgba(104,187,234,.6);
    -webkit-box-shadow: 1px 2px 5px rgba(104,187,234,.6);
    box-shadow: 1px 2px 5px rgba(104,187,234,.6);
    -webkit-transform: translateX(-14%) translateY(50%);
    -moz-transform: translateX(-14%) translateY(50%);
    -ms-transform: translateX(-14%) translateY(50%);
    -o-transform: translateX(-14%) translateY(50%);
    transform: translateX(-14%) translateY(50%);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    position: absolute;
    z-index: 99;
    height: auto;
    bottom: -60px;
    left: 50%;
	padding: 5px;
	width: max-content;
}
.nstaxtooltip .nstaxtooltipcontent table tr,
.nstaxtooltip .nstaxtooltipcontent table td{
	border: none !important;
}
.nstaxtooltipcontent.is-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    bottom: -35px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
}
.nstaxtooltipcontent:after, .nstaxtooltipcontent:before {
    bottom: 100%;
    left: 12%;
    border: solid transparent;
    content: " ";
    height: 0px;
    width: 0px;
    position: absolute;
    pointer-events: none;
}
.nstaxtooltipcontent:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.nstaxtooltipcontent:before {
    border-color: rgba(31, 177, 253, 0);
    border-bottom-color: #1fb1fd;
    border-width: 9px;
    margin-left: -9px;
}
.nstaxtooltipcontent table {
    width: 100%;
}
.nstaxtooltipcontent table tr td {
    padding-bottom: 2px;
    padding-top: 0;
    vertical-align: baseline;
}
.nstaxtooltipcontent .textLabelPerTax {
    color: #507ca2;
    text-align: left;
    white-space: nowrap;
}
.nstaxtooltipcontent .textPerTax {
    color: #444;
    font-weight: bold;
    text-align: right;
}
.nstaxtooltipcontent .textPerTax .tax-tooltip {
    display: block;
    width: 100%;
}
.nstaxtooltipcontent .textPerTax .tax-tooltip:after {
    clear: both;
    content: " ";
}
.nstaxtooltipcontent .textPerTax .nspriceformat-txt {
    font-size: inherit;
    margin-top: 1px;
    font-size: 11px;
}
.nstaxtooltipcontent table tr.total-row td {
    border-top: 1px solid #ddd;
    padding-bottom: 0;
    padding-top: 4px;
}
.nstaxtooltipcontent .nspriceformat-small{
	top: 0 !important;
	font-size: 11px;
}
/* NS Tax ToolTip END */

.customer-agree-field input[type="checkbox"] {
	transform: scale(2);
	margin:10px 10px 10px 10px;
}

.customer-agree-field span.validetta-inline {
	position: absolute;
	top: 20px;
	left: 35px;
}

/*start sopa point co success*/
.sopa-side-box {
    background: linear-gradient(358deg, #001A46 -6.99%, #0D74F1 98.32%);
    border-radius: 24px 24px 0px 0px;
    position: relative;
    z-index: 0;
}
.sopa-side-box::after {
    /* background-image: url(/static/v2/img/logo/light-shine.svg); */
    background-repeat: no-repeat;
    display: flex;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    opacity: 0.1;
    top: 16px !important;
}
.sopa-side-box::before {
    background-image: url(/static/v2/img/logo/pattern-circle.svg);
    background-repeat: no-repeat;
    display: flex;
    opacity: 0.9;
    mix-blend-mode: screen;
    flex-shrink: 0;
}
.sopa-side-box::before,
.sopa-side-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sopa-card-title {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 230%;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
}
.sopa-sub-title {
    color: #FFF;
    text-align: center;
    font-family: poppins;
    font-size: 125%;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sopa-point-value {
    color: #fff;
    font-family: 'poppins';
    font-size: 375%;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: -8px 0px;
}
.sopa-coin-container {
    width: 30px;
    height: 28px;
    align-self: center;
    margin-right: 8px;
    background: url('/static/v2/img/logo/sopa-coin.svg') center center no-repeat;
    background-size: cover;
}
.sopa-coin {
    width: 100%;
    height: 100%;
    background-image: url('/static/v2/img/logo/sopa-coin.svg');
    background-size: cover;
}
.sopa-flex {
    display: inline-flex;
}
.text-sopa-points {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 140%;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
}
.info-point-sopa {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 100%;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 14px;
}
.notes-sopa-point {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 105%;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 8px;
    margin-bottom: 12px;
}
.notes2-sopa-point {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 96%;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 8px;
}
.sopa-side-footer {
    background: #ebebeb;
    border-radius: 0px 0px 24px 24px;
}
.sopa-side-footer-container {
    color: #fff;
    font-family:'poppins';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sopa-side-footer-row {
    display: inline-flex;
    vertical-align: sub;
    padding: 15px 0px 22.5px 0px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-8 {
    margin-right: 8px;
}
.ribbon-sopa {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  background: url(/static/v2/img/logo/nc-ribbonsop.svg) center center no-repeat;
  background-size: cover;
  width: 846px;
  height: 588px;
  right: -100px;
  top: -78px;
}
.modal-content-sopapoint {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    width: 100%;
    color: inherit;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
    overflow: hidden;
}
.btn-close-ribbon {
    position: absolute;
    right: -111px;
    top: -90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 45px;
    border-radius: 80px;
    padding: 45px;
    --btn-close-bg: url(/static/v2/img/logo/ribbon-close.svg);
}
.mt-ribbon {
    margin-top: 80px;
}
.card-body {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.5rem;
    color: var(--text-body);
}
.gap-2 {
    gap: 0.5rem !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.mtop-1 {
	margin-top: 1rem !important;
}
.sopa-but {
	display: flex;
    width: 264px;
    padding: 9.29px 18.581px;
    justify-content: center;
    align-items: center;
    gap: 5.806px;
    border-radius: 23.226px;
    background: #FFA41C;
}
@media (max-width: 280px) {
    .sopa-but {
        width: 200px;
    }
}
.sopa-but-txt {
	color: #000;
    font-family: poppins;
    font-size: 117%;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/*end sopa point co success*/

/* start sopa pop*/
.sopa-pop-box {
    background: linear-gradient(358deg, #001A46 -6.99%, #0D74F1 98.32%);
    border-radius: 24px 24px 0px 0px;
    position: relative;
    z-index: 0;
    width: 92%;
}
.sopa-pop-box::after {
    /* background-image: url(/static/v2/img/logo/light-shine.svg); */
    background-repeat: no-repeat;
    display: flex;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    opacity: 0.1;
    top: 16px !important;
}
.sopa-pop-box::before {
    background-image: url(/static/v2/img/logo/pattern-circle.svg);
    background-repeat: no-repeat;
    display: flex;
    opacity: 0.9;
    mix-blend-mode: screen;
    flex-shrink: 0;
}
.sopa-pop-box::before,
.sopa-pop-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sopa-pop-card-title {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
}
.sopa-pop-sub-title {
    color: #FFF;
    text-align: center;
    font-family: poppins;
    font-size: 14.9px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sopa-pop-point-value {
    color: #fff;
    font-family: 'poppins';
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: -8px 0px;
}
.sopa-pop-coin-container {
    width: 30px;
    height: 28px;
    align-self: center;
    margin-right: 8px;
    background: url('/static/v2/img/logo/sopa-coin.svg') center center no-repeat;
    background-size: cover;
}
.sopa-pop-coin {
    width: 100%;
    height: 100%;
    background-image: url('/static/v2/img/logo/sopa-coin.svg');
    background-size: cover;
}
.sopa-pop-flex {
    display: inline-flex;
}
.text-sopa-pop-points {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 16.6px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
}
.info-point-sopa-pop {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 10.8px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 14px;
}
.notes-sopa-pop-point {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 8px;
    margin-bottom: 12px;
}
.notes2-sopa-pop-point {
    color: #fff;
    text-align: center;
    font-family: 'poppins';
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 8px;
}
.sopa-pop-footer {
    background: #ebebeb;
    border-radius: 0px 0px 24px 24px;
    width: 92%;
}
.sopa-pop-footer-container {
    color: #fff;
    font-family:'poppins';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sopa-pop-footer-row {
    /* display: inline-flex; */
    vertical-align: sub;
    padding: 15px 25px 22.5px 25px;
}

.ribbon-sopa-pop {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  background: url(/static/v2/img/logo/nc-ribbonsop.svg) center center no-repeat;
  background-size: cover;
  right: -106px;
  top: -96px;
  width: 549px;
  height: 382px;
}
.sopa-modal-content-sopapoint {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    width: 342px;
    color: inherit;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
    overflow: visible;
}
.sopa-btn-close-ribbon {
    position: absolute;
    right: -11px;
    top: -27px;
    background-size: 46px;
    background-image: url(
    /static/v2/img/logo/ribbon-close.svg);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    display: flex;
    width: 29.202px;
    height: 29.235px;
    padding: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    cursor: pointer;
    color: #fff;
    font-size: 5px;
    text-shadow: 2px 3px 20px #000;
}
.sopa-mt-ribbon {
    margin-top: 80px;
}
.sopa-card-body {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.5rem;
    color: var(--text-body);
}
.sopa-pop-but {
    display: flex;
    padding: 9.29px 18.2px;
    justify-content: center;
    align-items: center;
    gap: 5.806px;
    border-radius: 23.226px;
    background: #FFA41C;
}
.sopa-pop-but-txt {
    color: #000;
    font-family: poppins;
    font-size: 13.9px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sopa-modal {
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadein;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    backdrop-filter: blur(7px);
}
.sopapop-fix {
	position: relative;
    background: unset;
    box-shadow: none;
    backdrop-filter: unset;
}
#sopapointModal-screen {
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadein;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    backdrop-filter: blur(7px);
}