/*   DPC Accountants  */
@font-face {
  font-family: Rubik-Regular;
  src: url("fonts/Rubik-Regular.ttf");
}
body {
  font-size: 16px !important;
  color: #777777 !important;
  font-family: Rubik-Regular !important;
  line-height: 22px !important;
}
.button {
  color: #ffffff !important;
  background-color: #EE7D00 !important;
  padding: 10px 24px 10px 24px;
  border: 0px solid #EE7D00 !important;
  margin-top: 10px;
  font-family: Rubik-Regular !important;
  cursor: pointer;
  font-size: 15px !important;
  border-radius: 50px;
  font-weight: bold !important;
}
.button:hover {
  color: #ffffff !important;
  background-color: #EE7D00 !important;
  border: 0px solid #EE7D00 !important;
}
#login_savepassword {
  padding-top: 10px !important;
}
#login_loginbutton {
  left: 240px !important;
}
#forgotpass_goback {
  left: 230px !important;
}
#login_forgottenpassword a {
  color: #EE7D00 !important;
}
/*   TO HIDE FIELDS   */
#registration_CompanyName, #registration_CompanyNamebox, #registration_Title, #registration_Titlebox, #registration_Gender, #registration_Genderbox, #registration_Address1, #registration_Address1box, #registration_Address2box, #registration_Address3box, #registration_Address4box, #registration_City, #registration_Citybox, #registration_Postcode, #registration_Postcodebox, #registration_Country, #registration_Countrybox {
  display: none;
}
/*   SIGNUP PAGE, LOGIN PAGE and FORGET PASSWORD   */
#registration_Firstnamebox .inputTextBox, #registration_Surnamebox .inputTextBox, #registration_EmailAddressbox .inputTextBox, #registration_StandardProfilebox .dropDownList, #registration_Questionbox .dropDownList, #registration_Usernamebox .inputTextBox, #registration_NewPasswordbox .inputTextBox, #registration_ConfirmPasswordbox .inputTextBox, #login_usernamebox .inputTextBox, #login_passwordbox .inputTextBox, #forgotpass_Usernamebox .inputTextBox {
  border: 1px solid #EE7D00 !important;
  color: #777777 !important;
  font-size: 16px !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  margin-bottom: 6px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease !important;
  outline: none !important;
  background: #ffffff !important;
  font-family: Rubik-Regular !important;
}
.registration_buttons {
  margin-top: 10px !important;
  padding: 10px 30px 0px 30px !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid #EE7D00 !important;
}
#registration_maintitle {
  margin-bottom: 30px;
  padding: 20px;
  background: #ffffff;
  border-left: 4px solid #EE7D00;
  border-radius: 8px;
  line-height: 1.7;
}
/* Keep checkbox and text on same row */
.registration_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.registration_buttons #ctl00_ContentPlaceHolder1_lblOptIn {
  width: 100%;
}
.registration_buttons .AcceptedAgreement {
  margin-right: 10px;
}
.registration_buttons label {
  flex: 1;
  margin: 0;
}
/* Register button starts on a new line */
#registration_registrationbutton {
  width: 100%;
  flex-basis: 100%;
  margin-top: 20px;
  clear: both;
}
/* Make all input fields, selects, and textareas 50% width */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"] {
  width: 133% !important;
  max-width: 133%;
  box-sizing: border-box;
}
#registration_Questionbox .dropDownList {
  width: 29% !important;
  max-width: 29% !important;
}
/* Optional: better spacing between fields */
input, select, textarea {
  margin-bottom: 12px;
}
/* Optional: align form nicely */
form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
/* Make labels stay above or aligned properly */
label {
  display: block;
  width: 100%;
}
/* Mobile responsive: full width again on small screens */
@media (max-width: 768px) {
  input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"] {
    width: 100% !important;
    max-width: 100%;
  }
  #registration_Questionbox .dropDownList {
    width: 96% !important;
    max-width: 96% !important;
  }
}