.fct-container,
.fct-ticket-details,
.fct-checkin-wrap {
    background: #00000080;
    color: #ffffff;
    padding: 20px;
    border: 1px solid #4aa147;
    font-family: Arial, sans-serif;
}

.fct-heading {
    text-transform: uppercase;
    margin-bottom: 20px;
	color: #fff;
}

.fct-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.fct-btn-large,
.fct-btn-small {
    background: #00000080;
    color: #ffffff;
    border: 2px solid #4aa147;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    border-radius: 0;
    position: relative;
    display: inline-block;
}

.fct-btn-large {
    padding: 16px 32px;
    font-size: 20px;
	width: 100%;
}

.fct-btn-small {
    padding: 14px 28px;
    font-size: 16px;
}

/* cut on bottom right corner using clip-path */
.fct-btn-large,
.fct-btn-small {
    clip-path: polygon(0 0, 100% 0, 100% 40%, 80% 100%, 0 100%);
}
.fct-btn-large:hover,
.fct-btn-small:hover{
    clip-path: none;
}

.fct-form-row {
    margin-bottom: 15px;
}

.fct-form-row label {
    display: block;
    margin-bottom: 5px;
}

.fct-form-row input,
.fct-form-row select,
.fct-form-row textarea {
    width: 100%;
	padding: 8px !important;
    border: 1px solid #4aa147 !important;
    background: #00000080 !important;
    color: #ffffff !important;
}

.fct-form-row input[type=radio] {
    width: 25px !important;
    height: 25px;
    vertical-align: bottom;
}

.fct-form-row input[type=checkbox] {
    width: 10px !important;
    height: 10px;
}

.fct-price-wrap p {
    margin: 5px 0;
}

.fct-status-unchecked {
    color: #4aa147;
}

.fct-status-checked {
    color: red;
}

.fct-qr-wrap {
    margin-top: 20px;
}

.fct-qr-wrap img {
    border: 1px solid #4aa147;
}

.fct-ticket-not-found {
    padding: 20px;
    border: 1px solid #4aa147;
    background: #00000080;
    color: #ffffff;
}

.fct-conditions-link {
    color: #4aa147;
    text-decoration: underline;
}

.fct-space{
	height:30px;
}

.fct-loading {
    margin-top: 10px;
}

.fct-error {
    margin-top: 10px;
    color: red;
}

.fct-spinner {
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    animation: fct-spin 0.7s linear infinite;
}

@keyframes fct-spin {
    to { transform: rotate(360deg); }
}

.fct-breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
}

.fct-breadcrumb span {
    cursor: pointer;
    color: #999;
}

.fct-breadcrumb span.active {
    font-weight: 600;
    color: #4aa147;
    cursor: default;
}

.fct-breadcrumb span.done {
    color: #ffffff;
}

.fct-breadcrumb span.disabled {
    cursor: not-allowed;
    color: #999;
}

.fct-bc-sep {
    margin: 0 6px;
    color: #bbb;
}

/* Mobile spacing */
@media (max-width: 600px) {
    .fct-breadcrumb {
        font-size: 12px;
    }
}

.fct-promo-code{
	background:#000 !important;
	border: 1px solid #4aa147 !important;
	color:#fff !important;
}

.fct-apply-promo{
	background:#000 !important;
	border: 1px solid #4aa147 !important;
	color:#fff !important;
}