.links a {


    color: black;


    line-height: normal;


}





label.radio,input[type="checkbox"] {


    color: black;


}


.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);


}








input{


  box-sizing: border-box;


}


.px1280-login-wrapper {





  display: flex;





  gap: 20px;





  max-width: 800px;





  margin: 40px auto;





  font-family: Arial, sans-serif





}





/* Hide page title on specific pages */


.page-id-106 h1 {


    display: none !important;


}


.page-id-107 h1{


    display: none !important;


}





.px1280-box {





  width: 400px;





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





  border-radius: 8px;





  position: relative;





  z-index: 1;





  background: #fff;





  margin: 0





}











.px1280-login-wrapper form,





.px1280-passwordle-box {





  padding: 20px 20px 20px





}











.px1280-header {





  font-weight: bold;





  margin-bottom: 0;





  position: relative;





  display: flex;





  background: #3C9BEE;





  color: #ffffff;





  font-size: 22px;





  padding: 7px 10px 7px 20px;





  border-radius: 8px 8px 0 0;





  justify-content: center;





  align-items: center;





  text-align: center





}











.px1280-box input[type="text"],





.px1280-box input[type="password"] {





  width: 100%;





  padding: 8px;





  margin: 8px 0





}











.remember {





  font-size: 13px





}











.radio-group {





  margin: 10px 0;





  font-size: 13px





}











.radio-group label {





  margin-right: 10px





}





 


body .btn {


    width: 100%;


    border: none;


    cursor: pointer;


    text-align: center;


    padding: 13px 0;


    text-decoration: none;


    display: inline-flex;


    background: #3C9BEE !important;


    border-radius: 4px;


    color: #ffffff !important;


    align-items: center;


    justify-content: center;


    font-weight: 600;


    letter-spacing: -0.1px;


    line-height: 1.4;


    font-size: 18px; 


}








.btn.primary {





  background: #4fa1f3





}











.btn.danger {





  background: #4fa1f3





}











.links {





  text-align: center;





  font-size: 12px;





  margin-top: 10px





}











.otp-box {





  background: repeating-linear-gradient(45deg, #6aaeff, #6aaeff 10px, #5b9ef0 10px, #5b9ef0 20px);





  color: #fff;





  text-align: center;





  padding: 10px;





  font-weight: bold;





  border-radius: 4px;





  margin: 10px 0





}











.px1280-register-box {





  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: 0





}











.px1280-register-header {





  background: #5a9bf6;





  color: #fff;





  text-align: center;





  padding: 12px;





  font-size: 16px;





  font-weight: bold;





}











.px1280-register-body {





  padding: 20px;





}











.px1280-register-body input[type="text"],





.px1280-register-body input[type="password"], .px1280-register-body input[type=email], .px1280-register-body input[type=url], .px1280-passwordless-form-inner input[type=email] {





  width: 100%;





  padding: 10px;





  margin-bottom: 12px;





  border: 1px solid #ccc;





  border-radius: 4px;





  box-sizing: border-box;





  font-size: 14px;





    background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;


}











.px1280-register-buttons {





  display: flex;





  justify-content: space-between;





  margin-top: 10px;





}


button#px1280-cancel {


    margin-left: 10px;


}








.px1280-btn {





  padding: 10px 15px;





  border: none;





  border-radius: 4px;





  cursor: pointer;





  font-weight: bold;





  font-size: 14px;





}











.px1280-btn.primary {





  background: #5a9bf6;





  color: #fff;





}











.px1280-btn.cancel {





  background: #ccc;





  color: #333;





}











.px1280-success {





  background-color: #d4edda;





  color: #155724;





  border: 1px solid #c3e6cb;





  padding: 10px;





  margin-bottom: 10px;





  border-radius: 4px;





  text-align: center





}











.px1280-error {





  background-color: #f8d7da;





  color: #721c24;





  border: 1px solid #f5c6cb;





  padding: 10px;





  margin-bottom: 10px;





  border-radius: 4px;





  text-align: center





}











.px1280-passwordless-form {





  /*max-width: 300px;*/





  margin: 50px auto;





  padding: 20px;





  background: #fff;





  border-radius: 8px;





  box-shadow: 0 0 12px rgba(0, 0, 0, .1);





  text-align: center





}











.px1280-passwordless-form-header h3 {





  margin: 0





}











.px1280-passwordless-form {





  margin-top: 0





}











.px1280-passwordless-form-inner button#px1280_fp_cancel {





  margin-top: 10px





}











.px1280-passwordless-form h3 {





  margin-bottom: 0;





  background: #4a90e2;





  color: #fff;





  padding: 8px;





  font-weight: normal





}





blockquote, caption, figcaption, h1, h2, h3, h4, h5, h6, p {


    margin: 0;


}





.px1280-passwordless-form-inner {





  padding: 20px 20px 20px





}











.px1280-passwordless-form input[type="text"],





.px1280-passwordless-form input[type="password"] {





  width: 100%;





  margin: 0 0 10px;





  padding: 10px 37px 12px 10px;





  width: calc(100% - 3px);





  border: 1px solid #c1baba !important;





  border-radius: 6px;





  font-size: 16px





}











button {





  background: #4a90e2 !important;





  color: #fff !important





}











.px1280-passwordless-form button {





  width: 100%;





  padding: 10px;





  background: #4a90e2 !important;





  color: #fff !important;





  border: none;





  border-radius: 4px;





  cursor: pointer;





  font-weight: bold





}











.px1280-passwordless-form button:hover {





  background: #357abd





}











.px1280-passwordless-form p {





  margin: 5px 0;





  font-size: 12px





}











input[type="radio" i]:focus-visible {





  outline-offset: 0 !important





}











input:focus-visible {





  outline-offset: 0 !important





}











input[type=text]:focus,





input[type=email]:focus,





input[type=url]:focus,





input[type=password]:focus,





input[type=search]:focus,





input[type=number]:focus,





input[type=tel]:focus,





input[type=date]:focus,





input[type=month]:focus,





input[type=week]:focus,





input[type=time]:focus,





input[type=datetime]:focus,





input[type=datetime-local]:focus,





input[type=color]:focus,





.site textarea:focus {





  color: var(--form--color-text);





  outline-offset: 0 !important;





  outline: 0 dotted var(--form--border-color) !important





}











@supports (-webkit-appearance:none) or (-moz-appearance:none) {





  input[type=radio]:checked:focus {





    outline-offset: 0 !important;





    outline: 0 dotted var(--form--border-color) !important





  }





}











input[type=text]:focus,





input[type=email]:focus,





input[type=url]:focus,





input[type=password]:focus,





input[type=search]:focus,





input[type=number]:focus,





input[type=tel]:focus,





input[type=date]:focus,





input[type=month]:focus,





input[type=week]:focus,





input[type=time]:focus,





input[type=datetime]:focus,





input[type=datetime-local]:focus,





input[type=color]:focus,





.site textarea:focus {





  color: var(--form--color-text) !important;





  outline-offset: 0 !important;





  outline: 0 dotted var(--form--border-color) !important





}











.site .button:focus,





button:focus,





input[type=submit]:focus,





input[type=reset]:focus,





.wp-block-search .wp-block-search__button:focus,





.wp-block-button .wp-block-button__link:focus,





.wp-block-file a.wp-block-file__button:focus {





  outline-offset: 0 !important;





  outline: 0 dotted currentColor !important





}











.entry-header {





  padding-bottom: 20px !important;





  width: 100% !important;





  max-width: 50rem !important;





  margin-bottom: 50px !important;





  text-align: center





}











.entry-header h1.entry-title {





  font-size: 40px;





  font-weight: 600





}











.px1280-login-wrapper {





  max-width: 70% !important;





  width: 100% !important;





  justify-content: center





}











.px1280-password-box label,





.px1280-passwordless-box label {





  display: flex;





  align-items: center;





  gap: 10px;





  font-size: 14px;





  line-height: normal;





  margin-bottom: 0 !important





}











.px1280-password-box .radio-group,





.px1280-passwordless-box .radio-group {





  display: flex;





  align-items: center;





  justify-content: center





}











.links a {





  font-size: 14px;





  font-weight: 500;





  text-decoration: none





}











.px1280-password-box label input,





.px1280-passwordless-box label input {





  width: 14px;





  height: 14px;





  border: 1.5px solid var(--wp--preset--color--vivid-cyan-blue) !important;





  min-width: 14px;





  display: flex;





  align-items: center;





  justify-content: center





}











input[type=radio]:focus {





  outline-offset: 0 !important;





  outline: 0 dotted var(--form--border-color) !important





}











input[type=checkbox]:focus {





  outline-offset: 0 !important;





  outline: 0 dotted var(--form--border-color) !important





}











.px1280-password-box label input[type="radio"]:checked:after,





.px1280-passwordless-box label input[type="radio"]:checked:after {





  left: 50%;





  top: 50%;





  position: absolute;





  width: 9px;





  height: 9px;





  border-radius: 50%;





  transform: translate(-50%, -50%);





  background-color: var(--wp--preset--color--vivid-cyan-blue) !important





}











@supports (-webkit-appearance:none) or (-moz-appearance:none) {





  input[type="checkbox"]:after {





    left: 3px !important;





    top: 0 !important;





    width: 6px !important;





    height: 10px !important;





    border-color: var(--wp--preset--color--vivid-cyan-blue) !important





  }





}











body .px1280-box input[type="text"],





.px1280-box input[type="password"] {





  border: 1px solid;


    height: 40px;


  border-radius: 4px





}











.px1280-box button.btn.primary:hover {





  color: #fff





}











body .px1280-box input[type="text"],





.px1280-box input[type="password"] {


    height: 40px;


  border: 1px solid





}











.px1280-box button.btn.primary:hover {





  color: #fff





}











header#masthead.site-header {





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





}











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





  font-size: 40px;





  line-height: 50px;





  text-decoration: none;





  font-weight: 600





}











.px1280-passwordless-form {





  padding: 0;





  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: 0





}











.px1280-passwordless-form h3 {





  font-size: 25px;





  line-height: 35px





}











input::placeholder {





  color: #000 !important





}











input {





  font-size: 16px;





  font-weight: 400;





  color: #000 !important;





  opacity: 1





}











.px1280-info-popup {





  top: 50%;





  left: 50%;





  width: 350px;





  padding: 15px 20px 30px;





  border-radius: 4px;





  position: absolute;





  border: 1px solid #7599ff;





  background: #ffffff;





  font-size: 12px;





  line-height: 15px;





  font-weight: 400;





  transform: translate(-8%, 40%)





}











.px1280-info-popup:before {





  position: absolute;





  right: 210px;





  top: 0;





  margin-top: -16px;





  border-top: 8px solid transparent;





  border-right: 8px solid transparent;





  border-bottom: 8px solid #7599ff;





  border-left: 8px solid transparent;





  content: ""





}











span.info-icon {





  width: 16px;





  height: auto;





  font-size: 17px;





  font-weight: 900;





  color: #7599ff





}











.px1280-modal {





  position: fixed;





  inset: 0;





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





  display: flex;





  align-items: center;





  justify-content: center;





  z-index: 9999;





  font-family: Arial, sans-serif





}











.px1280-modal-box {





  width: 360px;





  background: #fff;





  border-radius: 6px;





  overflow: hidden;





  box-shadow: 0 8px 25px rgba(0, 0, 0, .2);





  text-align: center





}











.px1280-modal-box h3 {





  margin: 0;





  padding: 12px;





  background: #4da3ff;





  color: #fff;





  font-size: 14px;





  font-weight: bold





}











.px1280-body {





  padding: 20px





}











#px1280_modal_qr {





  display: flex;





  justify-content: center;





  margin: 10px 0 15px





}











.px1280-body p {





  font-size: 12px;





  margin: 6px 0;





  color: #333





}











.px1280-body strong {





  font-weight: 600





}











#px1280_timer {





  margin: 12px 0;





  font-size: 14px;





  font-weight: bold;





  color: #888





}











#px1280_cancel_qr {





  width: 90%;





  margin: 10px auto 15px;





  padding: 10px;





  background: #4da3ff;





  border: none;





  color: #fff;





  font-size: 14px;





  border-radius: 4px;





  cursor: pointer





}











#px1280_cancel_qr:hover {





  background: #2f8cf0





}











#plInfoBox {





  display: none;





  position: absolute;





  top: 30px;





  left: 0;





  width: 340px;





  max-height: fit-content;





  overflow-y: auto;





  background: #ffffff;





  border: 1px solid #dcdcdc;





  border-radius: 8px;





  padding: 12px;





  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);





  z-index: 9999;





  height: 350px;





}











.accordion-content h5 {





  color: #1776E2;





  font-size: 17px;





  font-weight: 600;





  margin: 0 0 12px;





}











#plInfoBox p {





  font-size: 12px;





  margin-bottom: 10px





}











#plInfoBox .content-details {





  display: flex;





  gap: 10px;





  justify-content: center;





}











#plInfoBox .w30 {





  text-align: center;





  flex-basis: 40%;





}











#plInfoBox img {





  max-width: 100%;





  height: auto;





  margin-bottom: 6px





}











.px1280-password-box label {





  position: relative;





}











span#plInfoIcon {





  width: 20px;





  height: 20px;





  display: inline-flex;





  align-items: center;





  justify-content: center;





  border: 2px solid #4775ff;





  border-radius: 100px;





  font-size: 13px;





  overflow: hidden;





  color: #4775ff;





  font-weight: 900;





  cursor: pointer;





}











.link-btns {


    display: flex;


    align-items: center;


    justify-content: center;


    gap: 10px;


}








.links a {


    line-height: normal;


}








@media (max-width:767px) {





  header#masthead.site-header .site-branding {





    width: 100%;





    max-width: 100%





  }











  .entry-header h1.entry-title {





    font-size: 37px;





    font-weight: 600





  }











  .entry-header {





    padding: 0 20px





  }











  .px1280-login-wrapper {





    max-width: 100% !important





  }











  .px1280-password-box {





    width: 100%





  }











  .px1280-login-wrapper.container {





    padding: 0 20px





  }











  .site-header,





  .site-main,





  .widget-area,





  .site-footer {





    padding-top: 15px;





    padding-bottom: 15px





  }











  #plInfoBox {





    top: 10%;





    left: 50%;





    width: 280px;





    z-index: 9999;





    height: 350px;





    transform: translate(-50%, 10%);





  }











  .menu-button-container #primary-mobile-menu {





    margin-right: 20px;





  }











  header#masthead.site-header {





    margin-top: 10%;





    text-align: center;





  }





}











@media (max-width:480px) {





  #plInfoBox {





    top: 10%;





    left: 40%;





    width: 250px;





    z-index: 9999;





    height: 350px;





    transform: translate(-60%, 10%);





  }











}