form#loginform a {


    display: none;


}





form#loginform .links.link-btns a#px1280_show_forgot, form#loginform .links.link-btns a#login-link-loginpage {


    display: inline-flex !important;


    align-items: center;


}





.info-rows {


    display: block;


    text-align: left;


}





.info-rows .server-value-inner {


    display: flex;


    align-items: center;


}





.info-rows .server-value-inner .server-info-copy-icon {


    flex: auto;


    left: initial;


    justify-content: end;


}


.info-row .register-code {


    width: calc(60% - 5px);


}


 


#px1280-manage-frame {


    display: none;


    margin-top: 15px;


    border: 1px solid #ddd;


    padding: 15px;


    background: #fff;


    border-radius: 8px


}





.px1280-passwordless-form #login-link-loginpage {


    display: none


}





.px1280-modal {


    position: fixed;


    inset: 0;


    background: rgba(0, 0, 0, .55);


    z-index: 9999


}





.px1280-modal-box {


    background: #fff;


    width: 320px;


    margin: 8% auto;


    padding: 20px;


    text-align: center;


    border-radius: 6px


}





.px1280-passwordless-form label {


    display: flex;


    align-items: center;


    gap: 5px;


    font-size: 16px;


    font-weight: 500;


    letter-spacing: 0;


    margin-bottom: 10px;


}





.px1280-passwordless-form label input#px1280_remember {


    width: 15px;


    height: 15px;


    border: 2px solid !important


}





.px1280-passwordless-form-header h3 {


    margin-bottom: 0


}





.px1280-passwordless-form input {


    border: 1px solid #000000 !important


}





.px1280-passwordless-form p {


    font-size: 15px !important;


    text-align: left;


    font-weight: 500


}





.px1280-passwordless-form button:hover {


    color: #fff


}





.px1280-passwordless-form button {


    font-size: 20px;


    font-weight: 500


}





.px1280-passwordless-form p a:hover {


    color: #4a90e2


}





input::placeholder {


    color: #000 !important


}





input {


    font-size: 16px;


    font-weight: 400;


    color: #000 !important;


    opacity: 1


}





@media (max-width:767px) {


    header#masthead.site-header {


        padding: calc(1 * var(--global--spacing-vertical))


    }





    header#masthead.site-header .site-branding p.site-title a {


        font-size: 30px;


        line-height: 40px


    }





    .entry-content {


        padding: 0 20px


    }





    .site-header,


    .site-main,


    .widget-area,


    .site-footer {


        padding-top: 15px;


        padding-bottom: 15px


    }


}





.qr-code img {


    width: 100%;


    height: 100%;


    object-fit: cover;


    border-radius: 4px


}





.passwordless-card {


    max-width: 94vw;


   border: 0px solid #cfcfd1; 


    padding: 0px;


    overflow: hidden;


    width: 400px;


   box-shadow: 0 0 13px rgba(0, 0, 0, .15); 


    border-radius: 8px;


    position: relative;


    z-index: 1;


    background: #fff;


    margin: auto;


}





.card-header {


    background: #2b86d6;


    color: #fff;


    height: 36px;


    line-height: 36px;


    padding: 0 14px;


    text-align: center;


    font-weight: 700;


    font-size: 15px;


    border-top-left-radius: 6px;


    border-top-right-radius: 6px


}





.card-body {


    padding: 28px 18px 30px;


    text-align: center


}





.card-body h2 {


    font-size: 20px;


    margin: 10px 0 18px;


    color: #111827;


    font-weight: 600


}





.qr-code {


    width: 220px;


    height: 220px;


    margin: 0 auto 14px;


    background: #fff;


    display: block;


    border-radius: 4px;


    box-shadow: 0 0 0 8px #fff inset, 0 2px 8px rgba(0, 0, 0, .04);


    border: 1px solid #e9e9eb


}





.server-info {


    color: #8a8f98;


    font-size: 13px;


    margin: 8px 0 12px


}





.info-row {


    display: flex;


    align-items: center;


    gap: 5px;


    flex-wrap: wrap;


    justify-content: space-between;


    text-align: left


}





.server-label {


    color: #8a8f98;


    font-size: 13px


}





.server-info-copy-icon svg {


    width: 30px;


    height: 30px;


        cursor: pointer;


}





.server-label {


    flex: auto;


}





.server-value,


.register-code {


    flex: auto;


    left: initial;


    width: 60%


}





.server-info-copy-icon {


    flex: auto;


    display: inline-flex


}





.server-value {


    font-weight: 700;


    color: #111;


    font-size: 14px;


}


div#px1280_qr_code:has(.passwordless-card.passwordless-card--registering) {


    margin-top: 0;


}


.register-code {


    font-weight: 700;


    letter-spacing: .6px;


    background: transparent;


    padding: 2px 6px;


        font-size: 13px;


    border-radius: 4px


}





.timer {


    color: #9aa0a6;


    margin: 12px 0 14px;


    font-weight: 600;


}





.btn-cancel {


    display: inline-block;


    width: 86%;


    max-width: 280px;


    margin: 10px auto 0;


    background: #2f9fff;


    color: #fff;


    border: none;


    padding: 12px 18px;


    border-radius: 6px;


    font-weight: 700;


    cursor: pointer;


    text-align: center;


    box-shadow: 0 6px 12px rgba(47, 159, 255, .16)


}





.info-row .copy-icon {


    width: 18px;


    height: 18px;


    border-radius: 3px;


    background: #f1f2f4;


    display: inline-block;


    vertical-align: middle;


    position: relative;


    flex: 0 0 18px


}





.info-row .copy-icon:after {


    content: '\2398';


    font-size: 11px;


    color: #6b6f76;


    position: absolute;


    left: 3px;


    top: 1px


}





@media (max-width:420px) {


    .passwordless-card {


        width: 320px


    }





    .qr-code {


        width: 180px;


        height: 180px


    }


}





.btn-cancel:focus {


    outline: 3px solid rgba(47, 159, 255, .28);


    outline-offset: 2px


}





.unRegistering .card-body {


    padding: 22px 20px 26px;


    text-align: center


}





.unregister-box {


    width: 200px;


    max-width: 86%;


    height: 75px;


    margin: 14px auto 18px;


    background: #2f9fff;


    color: #fff;


    border-radius: 6px;


    display: flex;


    align-items: center;


    justify-content: center;


    /* font-weight: 700; */


    text-align: center;


    padding: 12px 14px;


    /* line-height: 1.6; */


    /* font-size: 16px; */


    border: 1px solid rgba(0, 0, 0, .06);


    box-shadow: 0 10px 18px rgba(47, 159, 255, .18);


}





.unRegistering .server-info {


    margin-top: 12px;


    font-size: 13px;


    color: #444;


    max-width: 86%;


    margin-left: auto;


    margin-right: auto


}





.unRegistering .btn-cancel {


    width: 92%;


    max-width: 100%;


    margin-top: 22px;


    padding: 14px 18px;


    font-size: 16px


}





div#px1280_unreg_btn {


background: #4a90e2;


    padding: 20px;


    border: 2px solid #4a90e2;


    cursor: pointer;


    color: #fff;


    max-width: 60%;


    border-radius: 5px;


    text-align: center;


    margin: 20px auto;


}





#px1280_cancel_qr {


    width: 100%;


    margin: 10px auto 0;


    padding: 10px;


    background: #4da3ff;


    border: none;


    color: #fff;


    font-size: 14px;


    border-radius: 4px;


    cursor: pointer;


    max-width: 100%;


    min-height: 50px;


}