#PageHeader {
    z-index: 100;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}

#PageHeader > a {
    display: inline-block;
    padding: 2rem 2rem 1rem;
}

@media (min-width:768px) {
    #PageHeader {
        position: fixed;
        text-align: left;
        background-color: unset;
    }
    
    #PageHeader > a {
        padding: 2.5rem 2rem;
    }
}

#PageHeader .logo-header {
    max-width: 200px;
    width: 100%;
}

.login-container {
    min-height: calc(100vh - 190px);
    width: 100%;
}

@media (min-width:768px) {
    .login-container {
        min-height: calc(100vh - 90px);
        padding-top: 125px!important;
    }
}

.alert-pcs a {
    text-decoration: underline;
}
.alert-pcs.alert-pcs-classic a {
    color: black!important;
}
.alert-pcs.alert-pcs-pro {
    background-color: #2d5ad6;
}
.alert-pcs.alert-pcs-pro a {
    color: white!important;
}

@media (min-width:768px) {
    .login-container {min-height: 90vh;}
}

.floating-btn {top: 280px;}
.custom-form-input.custom-form-sm,
.custom-form-input.custom-form-sm+.select2.select2-container {
    font-size: 1.25rem!important;
    padding: 1rem!important;
}
.show-recoveraccount {font-size: 0.965rem;}
.form-group-mobile label.custom-form-label, .form-group-mobile .select-label-alike {font-size: 0.895rem;}

.login-container .custom-form-input:placeholder-shown,
.login-container .custom-form-input:placeholder-shown + .select2.select2-container {
    border-bottom-color: #d6d6d6 !important;
}
.login-container .custom-form-input:focus,
.login-container .custom-form-input:focus + .select2.select2-container {
    outline: none !important;
    box-shadow: none !important;
    border-bottom-style: dotted !important;
}