@charset "UTF-8";

.rfcard-desc {
	color: #063182;
	font-size: 1.1rem
}
.new-ribbon{
    position:relative;
    display:inline-block;
    margin-left:6px;
    padding:1px 8px;
    background:#e53935;
    color:#fff;
    font-size:8px;
    font-weight:700;
    text-transform:uppercase;
    border-radius:2px;
    transform:skewX(-18deg);
    overflow:hidden;
}

.new-ribbon::before{
    content:"";
    position:absolute;
    top:-50%;
    left:-40%;
    width:20%;
    height:200%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.9),
        transparent
    );
    transform:skewX(-25deg);
    animation:shine 2.5s infinite;
}

.new-ribbon span{
    display:inline-block;
    transform:skewX(18deg);
}

@keyframes shine{
    from{
        left:-40%;
    }
    to{
        left:140%;
    }
}



.page-header{
    justify-content:flex-start !important;
    gap:8px;
}

.page-header .new-tag{
    flex:0 0 auto;
    margin-left:0;
}

.new-tag{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:15px;
    padding:0 8px;
    margin-left:6px;

    color:#fff;
    background:linear-gradient(135deg,#ff3b30,#c00000);
    font-size:8px;
    font-weight:800;
    letter-spacing:.8px;

    transform:skewX(-25deg);
    border-radius:2px;
    overflow:hidden;
    white-space:nowrap;

    box-shadow:0 2px 5px rgba(220,0,0,.35);
}

/* keep NEW text straight */
.new-tag{
    line-height:1;
}

/* glitter sweep */
.new-tag::before{
    content:"";
    position:absolute;
    top:-50%;
    left:-40%;
    width:22%;
    height:200%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.95),
        transparent
    );
    transform:skewX(-18deg);
    animation:newShine 2.5s infinite;
}

@keyframes newShine{
    0%,70%{
        left:-40%;
    }
    100%{
        left:140%;
    }
}

.ref-summary-header{
	font-size:1.2rem;
}

@media only screen and (max-width: 950px) {
	.ref-summary-header {
	font-size:1rem;
}
}

.icon-flex-align {
    display: flex;
    align-items: center; 
    gap: 8px;           
}

.refund-enquirypage{
    position: relative;
}

#loadingOverlay {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.75);
    z-index: 1000;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:100%;
}

#loadingOverlay.d-none {
    display:none !important;
}

#loadingOverlay .spinner-border{
    width:4rem;
    height:4rem;
}

 #uiBlockOverlay {
    position: absolute;
    inset: 0;
    z-index: 9999;
    display: none;
    background: rgba(255, 255, 255, 0.01); 
    cursor: not-allowed;
}


.validation-space {
    min-height: 2px;
}

#refundEnquiryForm {
    position: relative;
}


.spinner-rf-en{
	width:4rem;
	height:4rem;
}

.btn-force-disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
   }
    
    .captcha-refresh-btn {
        cursor: pointer;
        color: #0d6efd;
    }
    
    input.is-invalid {
    border: 1px solid #dc3545;
    box-shadow: 0 0 3px rgba(220,53,69,0.3);
}

.captcha-img {
    height: 45px;
}

.captcha-container,
.submit-btn {
    height: 58px;
}

.captcha-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tb-sl{
	width: 5%;
}

.note {
	cursor:pointer;
}