@import 'base/_fonts.css';
.TicketPreview {
  font-family: 'OpenSans' !important;
  padding:0px !important;
}
  
.TicketPreview #crane .box .payment-method {
	color: #202D60;

}  
.TicketPreview #crane .box #payment-group .payment__tab {
  color: #333333; 
 }
 .TicketPreview #crane .box #payment-group .payment__tab .payment__choice .payment__type__button .card .card-header {
    background-color: #ffff;
}
.TicketPreview #crane .box #payment-group .payment__tab .payment__choice .payment__type__button .card {
	font-family: 'OpenSans' !important;
	border-radius: 4px !important;
    border: 1px solid #DEE6E7 !important;
    background-color: #ffffff !important;
}
.TicketPreview #crane .box #payment-group .payment__tab .payment__choice .payment__type__button .card.active .card-wrapper .card {
	border-radius: 11px !important;
}
.TicketPreview #crane .box #payment-group .payment__tab .payment__choice .payment__type__button .card.active {
	border-radius: 4px !important;
    border: 2px solid #72B0DC !important;
    background-color: #ffffff !important;
}
.TicketPreview #crane .box #payment-group .payment__tab .payment__choice .payment__type__button .card
.card-header .icon-back-arrow-right::before{
  background: url("../images/svg/back_icon_right.svg") no-repeat center center !important;
}
.TicketPreview #crane .box #payment-group .payment__tab .payment__choice .payment__type__button .card
.card-header .icon-back-arrow-down::before{
  background: url("../images/svg/back_icon_down.svg") no-repeat center center !important;
}
.card .card-body {
	font-family: 'OpenSans';
	color: #000000;
}
 .cc-label-font{
 	font-family: 'OpenSans';
	color: #000000;
 }
 .ui-input__type-2 .ui-input__element {
  	background: #FFFFFF;
  	border: 1px solid #DEE6E7;
  	border-radius: 4px !important;
   	font-family: 'OpenSans';
	color: rgba(0, 0, 0, 0.55) !important;
}
::placeholder {
   	font-family: 'OpenSans';
	color: rgba(0, 0, 0, 0.55) !important;
}
.cc__street, .cc__city, .cc__state, .cc__postalCode{
	background: #FFFFFF;
  	border: 1px solid #DEE6E7;
  	border-radius: 4px !important;
   	font-family: 'OpenSans';
	color: rgba(0, 0, 0, 0.55) !important;
}
.btnSelect {
	color: #FFFFFF;
	background: #202D60;
	border-radius: 4px !important;
	border: 1px solid #001E62;
}
.vpos-explanation {
	font-family: 'OpenSans';
}

.box {
  background: #FBFBFB;
}

.card.active {
    background: #72B0DC;
    border: 2px solid #72B0DC !important;
    border-radius: 4px 4px 4px 4px;
    /* poLeague-events: none; */
}
.ticketAmount {
    background-image: url("../images/svg/info-icon.svg") !important;
    background-repeat: no-repeat !important;
	background-position: 1.2rem 1.2rem;
    color: #202D60;
    background-color: rgba(239, 249, 254, 1);
}
	
.TicketPreview .Emd .card .card-body .card.voucher-active .collapse .card-body .form-group .form-with-button input.disabled {
    background-image: url(../images/svg/disabled_tick.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
}

.voucher-number-add{
	color: #170D5C;
}
.TicketPreview .Emd .card .card-body .card.voucher-active .collapse .card-body .form-group .btn-apply {
    background: #202D60;
    border-radius: 4px;
    color: #FFFFFF;
	
}
.TicketPreview .Emd .card .card-body .card.voucher-active .collapse .card-body .form-group .btn-cancel {	
	border: 1px solid #D8232A;
	border-radius: 4px;
	color: #FF8C00;
	background: #FFFFFF;
}
.TicketPreview .Emd .card .card-body .card.voucher-active .collapse .div-error {
	background: #170D5C;
}
.TicketPreview .Emd .card .card-body .card.voucher-active .collapse .error-div {
	background: #170D5C;
	background-image: url("../images/svg/info-icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 1.2rem 0rem;  
    color: #D8232A;
}
.TicketPreview .Emd .card .card-body .card.voucher-active .collapse .card-body {
    background-color:rgba(239, 249, 254, 1) !important;
}
.TicketPreview .Emd .card .card-body .card{
    background-color: rgba(239, 249, 254, 1) !important;
}
.TicketPreview .Emd .card .card-body .card .voucher-card{
    background-color: rgba(239, 249, 254, 1) !important;
}

.two-voucher {
	background: rgba(239, 249, 254, 1);
}
.emd-total-div {
    color: #170D5C;
}

.TicketPreview .Emd .card .card-body .accordion .card-header .text-right .deep-content span {
    color: #170D5C;
}

.modal .modal-dialog .modal-content .modal-header {
  background-color: #932226;
  color: #fff;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #fff;
}
.modal .modal-dialog .modal-content .modal-header .close {
  color: #fff;
}
.btn-success {
    background-color: #932226;
    border-color: #932226;
    color: #fff;
}
.modal .modal-dialog .modal-content .modal-body {
  background: #F3F6F7;
}
.modal .modal-dialog .modal-content .modal-header .close span {
  color: #E5053A;
}

.modal .modal-dialog.modal-dialog__type-3 .modal-content .modal-header {
  background: #932226; 
}
.modal .modal-dialog.modal-dialog__type-3 .modal-content .modal-header .modal-title {
  color: #FFFFFF;
}
 select {
	background: url("../images/svg/select-arrow.svg") no-repeat !important;
	background-position: 98% 50% !important;
}
.card.visa.identified .front:before, .card.visa.identified .back:before {
   background: linear-gradient(134.63deg,#85BDE1 20.76% ,#006FBA 82.36%);
}
.bottom-all {
	position:static !important;
}