:root{
    --error: #FE3C30;
    --disabled: #C0C0C0;
    --yellow-surface:#FFF2DE;
}
.bg-yellow-surface{
    background-color: var(--yellow-surface)!important;
}
.txt-error{
    color: var(--error);
}
.error-border{
    border-color: var(--error);
}
.txt-disabled{
    color:var(--disabled);
}
.header-pnl {
    background: linear-gradient(0deg, #BE2A2A 5.9%, #EF7F1A 94.28%);
    min-height: 52px;
  }
.f-32{
	font-size: 32px;	
}
.w-48{
width: 48px;
}
.bg-light-grey{
	background: #F5F6F7;
}
.mw-sm{
	max-width: 415px;
}
.password-group {
    position: relative;
}

.password-group i{
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: calc(50% - 12px);
    font-size: 16px;
}


.form-check-blue .form-check-input:checked {
    background-color: #004A81!important;
    border-color: #004A81!important;
}

.form-check-blue .form-check-input:focus {
    border-color: #004A81!important;
}

.or-devider{
	width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #DCDCDC; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
}
.or-devider span{
	background: #fff;
	padding: 0 10px;
}

.form-control-2{
	display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border-width: 0 0 1px 0;
	border-color: #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
}

.form-control-2:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-control::placeholder {
    color: #C0C0C0;
    opacity: 1; /* Firefox */
  }
  
  .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: #C0C0C0;
  }
  .max-height-38
  {
    max-height: 38px;
  }
  .btn-theme.disabled{
    color: #C0C0C0 !important;
    background: #F5F6F7;
    border-color: transparent;
  }
 
.ribbon-2 {
    --f: 10px; /* control the folded part*/
    --r: 15px; /* control the ribbon shape */
    --t: 0px; /* the top offset */
    position: absolute;

    inset: var(--t) calc(0*var(--f)) auto auto;
    padding: 0 10px var(--f) calc(10px + var(--r));
    clip-path:
    polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(109% - var(--f)) 100%,
    calc(109% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
    var(--r) calc(50% - var(--f)/2));
    background: var(--orange);
    color:var(--white);

  }

.recommended-wrapper{
    background: #F6FAFF;	
	margin: 0 -16px 0;
    padding: 20px;
	position:relative;
}
.listing{
	padding: 0 0 0 10px;
}
.listing li{
	list-style: disc;
	list-style-position: outside;
	
}
.bg-opacity-95 { 
     --bs-bg-opacity: 0.95;
}
.mb-40{
    margin-bottom: 40px;
}
.footer_level3{
    background: #D0CFBB;
}
.disclaimer-partition {
    border: 1px dotted var(--bs-border-color);
}
.disclaimer-btn.collapsed .bi-plus-circle::before{
    content: "\f4fa";
}
.disclaimer-btn .bi-plus-circle::before{
    content: "\F2E6";
}


.or-separator{ border-color:#d0d0d0!important; position: relative;}
.or-separator span{ background: var(--white); padding: 8px 0; position:relative; right:-10px; font-size:14px; }
#switch-list-pnl  a:hover{ background: #e9ecef;}
.login-overflow{ max-height: 190px; overflow-y: auto;}

@media (max-width: 998px){

	.qr-wrapper{ display: none;}
	.or-separator{ display: none !important;}

}
@media (min-width: 1280px){
.min-w-377{
    min-width: 377px;
  }
}

.or-separator:before{    
    border-right: 1px solid #d0d0d0;
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: 1;
}

.radio-input {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

/* Custom Radio Buttons */
.radio-input .form-check-input:checked {
    background-color: transparent;
    border-color: var(--orange);
}

.radio-input .form-check-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--disabled);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    transition: border-color 0.2s, background-color 0.2s;
}

.radio-input .form-check-input:checked::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--orange);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.radio-input .form-custom-radio {
    border: 1px solid var(--disabled);
    transition: border-color 0.2s ease;
}

.radio-input .form-custom-radio.selected {
    border-color: var(--orange);
    background-color: var(--darkorange);
}