:root {
    --primary-main-color: #e95178;
    --primary-light-color: #ffeaf8;
    --alert-color: #d94747;
}
input{
    color:#141214
}
input[type=mount]:invalid,input[type=date]:invalid,::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:  #CBCBCB !important;
}
.myContainer{
    display:flex;
    justify-content: space-around;
    /* max-width: 1200px; */
    padding-top:20px;
}
.scrollContainer{
    height: calc( 100vh - 20px );
    padding-right:10px;
}
.formContainer{
    margin-bottom: 0;
    /* min-width: 800px; */
    width:800px;
    background-color:#fff;
    height: 100%;
    /* overflow:auto; */
    -webkit-overflow-scrolling: touch;
}
.statusHeightContainer{
    padding-left: 10px;
    z-index:5;
}
.statusContainer{
    padding:20px;
    /* min-width: 360px; */
    width:360px;
    height:auto;
    max-height: 550px;
    background-color:#fff;
    position: sticky;
    top: 10px;
}

.circle{
    width: 3.125rem;
    height: 3.125rem;
    margin: 0px 0px 0px 8px !important;
    display: flex;
    padding: 0px 8px;
    max-width: 3.125rem;
    min-width: 0;
    max-height: 3.125rem;
    min-height: 0;
    transition: all 0.2s linear;
    align-items: center;
    line-height: 1;
    border-radius: 1.5625rem;
    justify-content: center;
    background-color: var(--primary-main-color);
}
.circle_font{
    font-family: JosefinSans;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
}

.title{
    font-family: PingFangHK;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #141214;
}
.title_row{
    flex-direction: row;
    align-items: center;
    border-bottom: solid 1px #d1d1d1;
}
.title_tips{
    font-family: PingFangHK;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: var(--alert-color);
    display: inline-block;
    margin-left: 0.25rem;
  }

.star{
    color: var(--alert-color);
}

.label{
    font-family: PingFangHK;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #141214;
}

.field_tips{
    font-family: PingFangHK;
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-main-color);
}

.to{
    font-family: PingFangHK;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #cbcbcb;
}

.process_percentage{
    font-family: PingFangHK;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #141214;
}
.process_percentage_tips{
    font-family: HelveticaNeue;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: var(--alert-color);
}
.process_session{
    font-family: PingFangHK;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #141214;
}

.policy{
    font-family: PingFangHK;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #141214;
}
.policy_highlight{
    color: var(--primary-main-color);
    cursor: pointer;
    text-decoration: underline;
    margin-left: 0.3rem;
}
.goto_split{
    color:#d5d5d5;
    font-weight: unset;
}
.goto_btn{
    font-family: PingFangHK;
    font-size: 0.625rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-main-color);
    cursor: pointer;
}
.modal-header{
    border:0
}
.modal-footer{
    border:0;
    flex-direction: column;
}
.policy-title{
    font-family: PingFangHK;
    font-size: 1.1875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: var(--primary-main-color);
}
.policy-scroll-container{
    height: 400px;
    font-family: PingFangHK;
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #141214;
}
.policy-content-container{
    height: 100%;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px;
}
.policy-cancel{
    font-family: PingFangHK;
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #767676;
}
.img_btn{
    cursor: pointer;align-items: center;
}
.isSelected{
    color:var(--primary-main-color) !important;
}
.isReqired{
    border-color: var(--primary-main-color) !important;
}
.btnColor{
    color: var(--primary-main-color) !important;
    border-color: #d1d1d1 !important;
}
.btnColor:hover, .show>.dropdown-toggle{
    color:#fff !important;
    background-color: var(--primary-main-color) !important;
    border-color: #d1d1d1 !important;
}
.input-group-text{
    background-color: #ebebeb;
    color: #767676;
}
.btn-group>.btn{
    border-color:#d5d5d5;
    color: #767676;
}
.isSelectedBtn{
    background-color:var(--primary-main-color);
    color:#fff !important;
}
.calendar{
    height: 30px;
    right: 5px;
    top: 50%;
    position: absolute;
    pointer-events: none;
    z-index: 3;
    transform: translate(0, -50%);
}
.alertCustom{
    border: solid 1px var(--primary-main-color);
    background-color: var(--primary-light-color);
    color: #141214;
    align-items: center;
    justify-content: center;
}
.overlayBtn{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
}
.yesno_btn{
    width: 2.8rem;
}
.thankyou_wrapper{
    display: block;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.thankyou_banner{
    display: block;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
}
.thankyou_text{
    margin: 2rem;
    text-align: center;
}
#argeeBtn, #submitRefCheckAuthBtn, #clearButton {
    background-color: var(--primary-main-color);
    border-color: var(--primary-main-color);
}
#sendBtn {
    background-color: var(--primary-main-color);
    border-color: var(--primary-main-color);
}

.w-35 {
    width: 35%;
}

.font-size-1-25rem {
    font-size: 1.25rem;
}

.border-top-2 {
    border-top: 2px solid;
}

@media screen and (max-width: 1199px) {
    .myContainer{
        padding-top:0;
    }
    .scrollContainer{
        margin-top:110px;
        margin-bottom:110px;
        height: calc( 90vh - 220px );
        padding-right:0;
    }
    .formContainer{
        margin-top:180px;
        margin-bottom:150px;
        width:100%;
        background-color:#fff;
        /* background-color:#EBEBEB; */
    }
    .statusContainer{
        padding:20px;
        display:flex;
        margin:0;
        min-width: 360px;
        width:100%;
        max-height: 200px;
        background-color:#fff;
        position: fixed;
        top:0;
    }
    .onBottomBtn{
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 150px;
        background-color: #fff;
        align-items: center;
        z-index:5;
    }
    .statusHeightContainer{
        width:100%;
        position: fixed;
        padding-left: 0;
    }
}


@media screen and (max-width: 575px) {
    html {
        font-size: 14px;
    }
    .statusContainer{
        flex-direction: column;
    }
    .statusTips{
        padding: 0;
    }
    .process_session{
        font-size: 0.6rem;
    }
    .title_tips{
        display: block;
        margin-left: 0;
    }
    .policy{
        font-size: 1rem;
    }

    #ref-check #footer-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}