.py-8{
    padding-bottom:4.5rem!important;
    padding-top:4.5rem!important
}
@media(min-width:576px){
    .py-sm-8{
        padding-bottom:4.5rem!important;
        padding-top:4.5rem!important
    }
}
@media(min-width:768px){
    .py-md-8{
        padding-bottom:4.5rem!important;
        padding-top:4.5rem!important
    }
}
@media(min-width:992px){
    .py-lg-8{
        padding-bottom:4.5rem!important;
        padding-top:4.5rem!important
    }
}
@media(min-width:1200px){
    .py-xl-8{
        padding-bottom:4.5rem!important;
        padding-top:4.5rem!important
    }
}
@media(min-width:1400px){
    .py-xxl-8{
        padding-bottom:4.5rem!important;
        padding-top:4.5rem!important
    }
}
.bsb-btn-xl{
    --bs-btn-padding-y:0.625rem;
    --bs-btn-padding-x:1.25rem;
    --bs-btn-font-size:calc(1.26rem + 0.12vw);
    --bs-btn-border-radius:var(--bs-border-radius-lg)
}
@media(min-width:1200px){
    .bsb-btn-xl{
        --bs-btn-font-size:1.35rem
    }
}
.bsb-btn-2xl{
    --bs-btn-padding-y:0.75rem;
    --bs-btn-padding-x:1.5rem;
    --bs-btn-font-size:calc(1.27rem + 0.24vw);
    --bs-btn-border-radius:var(--bs-border-radius-lg)
}
@media(min-width:1200px){
    .bsb-btn-2xl{
        --bs-btn-font-size:1.45rem
    }
}
.bsb-btn-3xl{
    --bs-btn-padding-y:0.875rem;
    --bs-btn-padding-x:1.75rem;
    --bs-btn-font-size:calc(1.28rem + 0.36vw);
    --bs-btn-border-radius:var(--bs-border-radius-lg)
}
@media(min-width:1200px){
    .bsb-btn-3xl{
        --bs-btn-font-size:1.55rem
    }
}
.bsb-btn-4xl{
    --bs-btn-padding-y:1rem;
    --bs-btn-padding-x:2rem;
    --bs-btn-font-size:calc(1.29rem + 0.48vw);
    --bs-btn-border-radius:var(--bs-border-radius-lg)
}
@media(min-width:1200px){
    .bsb-btn-4xl{
        --bs-btn-font-size:1.65rem
    }
}
.bsb-btn-5xl{
    --bs-btn-padding-y:1.125rem;
    --bs-btn-padding-x:2.25rem;
    --bs-btn-font-size:calc(1.3rem + 0.6vw);
    --bs-btn-border-radius:var(--bs-border-radius-lg)
}
@media(min-width:1200px){
    .bsb-btn-5xl{
        --bs-btn-font-size:1.75rem
    }
}
.bsb-btn-circle{
    align-items:center;
    backface-visibility:hidden;
    border-radius:50%!important;
    display:inline-flex;
    height:2.5rem;
    justify-content:center;
    line-height:1;
    padding:0;
    width:2.5rem
}
.bsb-btn-circle.bsb-btn-circle-sm{
    height:2rem;
    width:2rem
}
.bsb-btn-circle.bsb-btn-circle-lg{
    height:3rem;
    width:3rem
}
.bsb-btn-circle.bsb-btn-circle-xl{
    height:3.5rem;
    width:3.5rem
}
.bsb-btn-circle.bsb-btn-circle-2xl{
    height:4rem;
    width:4rem
}
.bsb-btn-circle.bsb-btn-circle-3xl{
    height:4.5rem;
    width:4.5rem
}
.bsb-btn-circle.bsb-btn-circle-4xl{
    height:5rem;
    width:5rem
}
.bsb-btn-circle.bsb-btn-circle-5xl{
    height:5.5rem;
    width:5.5rem
}
.bsb-btn-circle.bsb-btn-circle-6xl{
    height:6rem;
    width:6rem
}
.bsb-btn-circle.bsb-btn-circle-7xl{
    height:6.5rem;
    width:6.5rem
}
.bsb-btn-circle.bsb-btn-circle-8xl{
    height:7rem;
    width:7rem
}
.bsb-btn-circle.bsb-btn-circle-9xl{
    height:7.5rem;
    width:7.5rem
}
.bsb-btn-circle.bsb-btn-circle-10xl{
    height:8rem;
    width:8rem
}

.guest-layout {
    background-image: url("/images/guest/patika_login_hero01.jpg");
    background-color:rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.btn-primary {
    background-color: transparent !important;
    border: 3px solid #089bab !important;
    color: #089bab;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active {
    background-color: #089bab !important;
    color: #fff !important;
    border: 3px solid #089bab !important;
}
a {
    color: #089bab;
}
.form-check-input:checked {
    background-color: #089bab;
    border-color: #089bab;
}
.help-block {
    color: #fc461c;
    font-size: 14px;
}

.form-floating .iti {
    width: 100%;
}
.form-floating .iti input, .password-hide-show  {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
    width: 100%;
}

.form-control:focus {
    box-shadow: none !important;
}

.form-floating > .form-select {
    padding-top: 0;
    padding-bottom: 0;
}

.readonly-values {
    margin-bottom:10px;
}
.readonly-values label{
    font-size: 12px;
    color:#212529;
}

.form-control::placeholder {
    color: var(--bs-body-color);
}

.login-button-section i {
    color: #089bab;
}

.form-check-input {
    width: 20px;
    height: 20px;
    border: 2px solid #089bab;
    margin-top: 2px;
}