:root {
  --bg-primary: #171717;
  --bg-secondary: #1f1f1f;
  --bg-tertiary: #272727;
  --border-primary: #2a2a2a;
  --text-primary: #ffffff;
  --text-secondary: #aaaaaa;

  --accent-primary: #337fa8;
  --accent-primary-light: #7e99b4;

  --color-shadow-light: rgba(255, 255, 255, 0.05);
  --color-shadow-dark: rgba(0, 0, 0, 0.5);
  --gradient-background: linear-gradient(145deg, #2a2a2a, #1d1d1d);
    --border-subtle: rgba(255, 255, 255, 0.08);
  --card-shadow: 0 4px 12px var(--color-shadow-dark);
  --hover-bg: #2f2f2f;
  --focus-ring: 0 0 0 2px var(--accent-primary);
  --accent-success: #4ade80;
}

/*-------------------------------------------------
LOGIN
-------------------------------------------------*/

#com-hostway-plugins-commons-login fieldset {
  background-color: transparent;
  border-top: 0px;
}
#com-hostway-plugins-commons-login table.form {
  margin: 0;
  padding: 0;
}
#com-hostway-plugins-commons-login table.form td.fixedwidth {
  width: 14em;
}

#com-hostway-plugins-commons-login td.fixedwidth {
  width: 13em;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

#com-hostway-plugins-commons-login td {
  font-weight: normal;
  background-color: transparent;
  text-align: left;
  color: #252525;
  vertical-align: top;
  font-size: 0.9em;
  border: 0;
  width: auto;
  padding: 0.2em 0.2em 0.3em 0.2em;
  margin: 0;
}

#login-content {
  text-align: center;
}

/* WEBSITE INDEX PAGE */
/*#com-hostway-plugins-website-landing-createandenhance-list H2  */
#com-hostway-plugins-website-landing-filemgmt-list H2,
#com-hostway-plugins-website-landing-addedfxn-list H2 {
  float: left;
  clear: both;
}

/* HOMEPAGE- (code compliments of Glish) */

/* for Internet Explorer */
/*\*/
* html #dashboard-content {
  height: 650px;
}
/**/

#homepage-bodycopy {
  /* margin:0 0 0 288px;
	padding:0 12px 0 0; */

  /* width: 454px; IE5.x/win sees this.. */
  voice-family: '"}"';
  voice-family: inherit;
  /* width: 442px; ..but not this "standards" width value.. */
  width: 72%;
}

html > body #homepage-bodycopy {
  /* width: 442px; ..or this reinforcement of the standards width. */
}

#homepage-dashboard-components {
  margin-top: 25px;
}

/* DASHBOARD MESSAGES */
.dashboard-message {
  text-align: left;
  border: 1px solid #ccc;
  font-size: 11px;
  margin: 0.2em 0 1.5em 0;
  padding: 5px 0 5px 55px;

  /*width: 475px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:382px;*/
}
.table-action-button-view-unregistered {
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background-color: #2e5b82 !important;
  padding: 10px;
  color: #fff !important;
  margin: 12px 0 0 12px;
  text-decoration: none !important;
}
.table-action-button-view-unregistered:hover {
  background-color: #0c2233 !important;
}

#button-container-productlist:visited,
#button-container-productlist:active {
  color: #fff;
}
#button-container-productlist:hover {
  color: #ccc;
}

.table-width-percent {
  width: 50%;
}

a.faux-button.faux-button-summary:link,
a.faux-button.faux-button-summary,
.faux-button.faux-button-summary {
  background: #0267cc;
  border: none;
  font-weight: normal;
  text-decoration: none;
  border-radius: 4px;
  margin: 25px 0;
  padding: 0.4em 1.6em;
}
a.summary__link-extra,
a.summary__link-extra:link,
.summary__link-extra {
  color: #fff;
  text-decoration: none;
}
.action-btn__item {
  padding: 6px;
  background: #0267cc;
  text-decoration: none;
  border-radius: 4px;
}

@media screen and (max-width: 480px) {
  button.yola-btn,
  a.yola-btn {
    font-size: 0.92em !important;
  }

  #homepage-bodycopy {
    width: 100%;
  }

  #dashboard-content {
    min-height: auto;
    flex-direction: column-reverse;
  }
  .box-dashboard H2,
  .box-account-summary H2 {
    height: 42px;
  }
}

html > body .dashboard-message {
  /*  width:382px;*/
}

A:hover {
  cursor: pointer;
}

---
/* DASHBOARD BOXES */
.box-dashboard {
  border: 0px;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  text-align: center;
  width: 100%;
  font-size: 0.9em;
  clear: both;
}

.box-dashboard-content {
  margin: 5px;
  padding: 0;
}

.box-dashboard p {
  margin: 0 0 0 6px;
  padding: 6px 0 0 0;
}

.box-dashboard A:link,
.box-dashboard A,
.box-dashboard A:visited,
.box-dashboard A:hover,
.box-dashboard A:active {
  text-decoration: underline;
  background: transparent;
  margin: 0 0 0 6px;
  padding: 6px 0 0 0;
  color: #5c8bba;
}

.box-dashboard A:visited {
  color: purple;
}
.box-dashboard A:hover {
  color: #ff9900;
}
.box-dashboard A:active {
  color: #0066cc;
}

.box-dashboard table {
  background-color: transparent;
  padding: 0.2em 0 0.3em 0.4em;
  margin: 0;
  width: 100%;
}

.box-dashboard th {
  text-align: left;
  color: #666;
  vertical-align: top;
  font-size: 0.9em;
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0 6px;
  padding: 3px 0 3px 5px;
  margin: 0 0 0 8px;
}

.box-dashboard td {
  margin: 0 0 0 8px;
  padding: 3px 0 0 4px;
}

.box-dashboard td.label {
  font-size: 0.9em;
  font-weight: bold;
}
.box-dashboard td.value {
  font-size: 0.9em;
  font-weight: normal;
}
.preferences {
  font-size: 0.7em;
  padding: 0;
  margin: 0;
  display: none;
}
.box-dashboard H2,
.box-account-summary H2 {
  font-size: 1.2em;
  font-weight: lighter;
  margin: 0 0 4px 0;
  padding: 4px;
  text-align: center;
  width: auto;
  border: 0;
  color: #e5e1e1;
  background-color: rgb(55 55 55 / 50%);
}

.content {
  text-align: center;
}

.box-dashboard H3 {
  font-size: 1em;
  margin: 0;
  padding: 4px 4px 4px 6px;
  width: auto;
  color: #252525;
}

.box-dashboard form {
  margin: 0 0 0 6px;
  padding: 0 0 0 0;
}

.box-dashboard UL {
  font-size: 0.9em;
  padding: 5px;
  margin: 0 0 0 1px;
  list-style-image: url(/static/com/hostway/plugins/commons/images/image-alert-arrow-red.gif);
}

.box-dashboard LI {
  padding: 0;
  margin: -2px;
}

--

/* when changing around the dashboard components, be sure to alter the float and clear properties as well, if needed*/
#com-hostway-plugins-commons-home-alerts,
#com-hostway-plugins-dnr-dashboard-domainreport {
  float: left;
  clear: left;
}
#com-hostway-plugins-website-dashboard-usagedetails,
#com-hostway-plugins-commons-dashboard-accountsummary {
  clear: both;
}

#content #com-hostway-plugins-commons-home-news,
#content #com-hostway-plugins-commons-home-productspotlight {
  float: right;
  clear: right;
}

#com-hostway-plugins-commons-homepage-prodlist-landing {
  width: 412px;
}

DL.dashboard-service-menu {
  margin: 0;
  margin-left: 1.3em;
  padding: 0;
  clear: both;
}

/* this controls the spacing above both manager servies and quuck acess tools */
.dashboard-plan-box {
  padding: 10px 0 15px 0;
  margin: 0;
}

/* this controls the look of the word manage services */
DL.dashboard-service-menu DT {
  margin-left: 0.5em;
  color: #666;
  font-weight: bold;
  padding: 5px 0 0 0;
  font-size: 1.05em;
}

/* this controls the icons under manage services */
DL.dashboard-service-menu DD {
  float: left;
  margin: 0;
  padding: 10px;
  color: #333;
  background-image: none;
  min-height: 5px;
  width: 50px;
  list-style-type: none;
}

/* this controls the look of the word quick access */
DL.dashboard-quickacc-menu DT {
  margin-left: 0.5em;
  color: #666;
  font-weight: bold;
  padding: 5px 0 0 0;
  font-size: 1.05em;
}

/* this controls the icons under quick access tools */
DL.dashboard-quickacc-menu {
  margin: 0;
  margin-left: 1.3em;
  padding: 0;
  clear: both;
}

DL.dashboard-quickacc-menu DD {
  float: left;
  margin: 0;
  padding: 10px;
  color: #333;
  background-image: none;
  min-height: 5px;
  list-style-type: none;
}

.dashboard-plan-box H2 {
  font-size: 1.3em;
  font-weight: bold;
  color: #4973b3;
  padding: 0 0 0 3px;
  margin: 0;
  background: transparent
    url(/static/com/hostway/plugins/commons/images/background-h2-line-dkgray.gif)
    left bottom repeat-x;
  background-color: #eee;
}

.dashboard-planname {
  font-size: 0.7em;
  color: gray;
  text-transform: uppercase;
  font-weight: normal;
}
/*-------------------------------------------------
LOGIN
-------------------------------------------------*/

.button-submit.login__list__submit__INC {
  border: none;
  margin: 1rem 0;
  width: 70%;
  font-weight: normal;
  font-size: 18px;
}
.faux-button.forgot__password__INC {
  text-decoration: none;
}

.login__INC {
  width: 18rem;
  margin: 0 auto;
  border-radius: 8px;
  padding: 2rem 1rem;
  background: var(--gradient-background);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

#com-hostway-plugins-commons-login {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#com-hostway-plugins-commons-login fieldset {
  background-color: transparent;
  border-top: 0px;
}
#com-hostway-plugins-commons-login table.form {
  margin: 0;
  padding: 0;
}
#com-hostway-plugins-commons-login table.form td.fixedwidth {
  width: 14em;
}

#com-hostway-plugins-commons-login label.required {
  color: #fff;
  background: url(/static/com/hostway/plugins/commons/images/icon-formfield-required.gif)
    top left no-repeat;
  border-width: 0px;
  vertical-align: top;
}
#com-hostway-plugins-commons-login label.error {
  color: #fff;
  font-weight: bold;
  background: url(/static/com/hostway/plugins/commons/images/icon-formfield-error.gif)
    top left no-repeat;
  border-width: 0px;
  vertical-align: top;
  list-style-position: inside;
}

#com-hostway-plugins-commons-login label.error-nonrequired {
  color: #fff;
  font-weight: normal;
  vertical-align: top;
  list-style-position: inside;
}

#com-hostway-plugins-commons-login td.fixedwidth {
  width: 13em;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

#com-hostway-plugins-commons-login td {
  font-weight: normal;
  background-color: transparent;
  text-align: left;
  color: #252525;
  vertical-align: top;
  font-size: 0.9em;
  border: 0;
  width: auto;
  padding: 0.2em 0.2em 0.3em 0.2em;
  margin: 0;
}

#login-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* this controls the spacing above both manager servies and quuck acess tools */
.dashboard-plan-box {
  padding: 10px 0 15px 0;
  margin: 0;
}

/*-------------------------------------------------
 END LOGIN
-------------------------------------------------*/

/*-------------------------------------------------
 MY ACCOUNT
-------------------------------------------------*/
#com-hostway-plugins-commons-myaccount-personalcontactinfo {
  padding-right: 1em;
  margin-bottom: 1.4em;
}

#com-hostway-plugins-commons-myaccount-personalcontactinfo,
#com-hostway-plugins-commons-myaccount-billingcontactinfo,
#com-hostway-plugins-commons-myaccount-authinfo,
.box-info {
  float: left;
  width: 23em;
  margin-bottom: 1.4em;
}

#com-hostway-plugins-commons-myaccount-linkset {
  clear: both;
}

#com-hostway-plugins-commons-myaccount-ordersbillinglinkblock,
#com-hostway-plugins-commons-myaccount-settingslinkblock {
  padding-right: 1em;
}

#com-hostway-plugins-commons-myaccount-ordersbillinglinkblock,
#com-hostway-plugins-commons-myaccount-settingslinkblock,
#com-hostway-plugins-commons-myaccount-manageuserslinkblock {
  float: left;
  width: 15em;
  margin-bottom: 1.4em;
}

#com-hostway-plugins-commons-billinginfo-billingsummary {
  float: left;
  padding-right: 1em;
  width: 19em;
  margin-bottom: 1.4em;
}

#com-hostway-plugins-commons-billinginfo-paymentinfosummary {
  float: left;
  width: 27em;
  margin-bottom: 1.4em;
}

#com-hostway-plugins-commons-myaccount-mainlinks {
  margin-top: 1.4em;
}
#com-hostway-plugins-commons-orderstatus-ordersummary {
  clear: both;
}

/* PAYMENT INFO */
#com-hostway-plugins-commons-editpaymentoptionssubmenu ul {
  margin: 0;
  padding: 1em 1em 0;
  list-style: none;
}

/* PAYMENT OPTIONS */

#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu {
}
#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu ul {
  margin: 0 0 0 0;
  padding: 0 0 2em 0;
  list-style: none;
}

#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu li {
  float: left;
  background: url(/static/com/hostway/plugins/commons/images/left.gif) no-repeat
    left top;
}

#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu a {
  float: left;
  display: block;
  background: url(/static/com/hostway/plugins/commons/images/right.gif)
    no-repeat right top;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #ccc;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu a {
  float: none;
}
/* End IE5-Mac hack */

#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu a:hover {
  color: #333;
  text-decoration: underline;
}

#section1 > #com-hostway-plugins-commons-editpaymentoptionssubmenu li.current {
  background-image: url(/static/com/hostway/plugins/commons/images/left_on.gif);
}

#section1
  > #com-hostway-plugins-commons-editpaymentoptionssubmenu
  a.currentglo {
  background-image: url(/static/com/hostway/plugins/commons/images/right_on.gif);
  color: #333;
  padding-bottom: 5px;
}

#section2
  > #com-hostway-plugins-commons-billinginfo-paymentmethod-listcreditcards {
  float: left;
}
/*-------------------------------------------------
 END MY ACCOUNT
-------------------------------------------------*/

/*-------------------------------------------------
DNR
-------------------------------------------------*/
#com-hostway-plugins-dnr-details-domaindestination,
#com-hostway-plugins-dnr-nameservers-viewnameservers,
#com-hostway-plugins-dnr-lockstatus-domainlockstatus {
  width: 21em;
  padding-right: 1em;
  margin-bottom: 1.4em;
}

#com-hostway-plugins-dnr-contactinfo-regContactSummary {
  width: 23em;
  border: 1px solid gray;
  padding: 1em;
  margin-bottom: 1.6em;
  background-color: #f4f4f4;
}

#content > #com-hostway-plugins-dnr-nameservers-create {
  width: 17em;
  border: 1px solid gray;
  padding: 1em;
  margin-bottom: 1.4em;
}

#content > #com-hostway-plugins-dnr-nameservers-create H2 {
  margin-top: 0;
}

#content > #com-hostway-plugins-dnr-nameservers-edit {
  width: 29em;
  padding-right: 1em;
  margin-bottom: 1.4em;
}

#content > #com-hostway-plugins-dnr-contactregistrarnotice,
#content > #com-hostway-plugins-dnr-havingproblems {
  clear: both;
}

ul.marginless {
  margin: 0;
  padding: 0;
}

li.marginless {
  margin: 0 0 0 1em;
}

li.suggested-domain {
  list-style: none;
}

ul.suggested-domain {
  margin: 0;
  padding: 0;
}

h3.form {
  margin: 0 0 0.2em 0;
}
/*-------------------------------------------------
END DNR
-------------------------------------------------*/

/*-------------------------------------------------
EMAIL
-------------------------------------------------*/

.bw-list {
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
  min-width: 170px;
}

select.bw {
  width: 95%;
  margin-bottom: 0.5em;
}

label.bw {
  margin: 0;
  padding: 0;
  width: 0.8em;
}

.blacklist-top H3,
.whitelist-top H3 {
  font-size: 1.1em;
  padding-left: 28px;
  padding-bottom: 0.5em;
  height: 28px;
  margin: 0 2em 0px;
  background-repeat: no-repeat;
  background-position: top left;
}

.blacklist-top H3 {
  background-image: url(/static/com/hostway/plugins/cleanmailplus/images/icon-blacklist.gif);
}
.whitelist-top H3 {
  background-image: url(/static/com/hostway/plugins/cleanmailplus/images/icon-whitelist.gif);
}

.blacklist-top h4 {
  font-size: 0.9em;
  padding: 0;
  margin: 0;
}

.whitelist-top h4 {
  font-size: 1.1em;
  padding-left: 28px;
  padding-bottom: 0.5em;
  height: 28px;
  margin: 0 2em 0px;
  background-image: url(/static/com/hostway/plugins/cleanmailplus/images/icon-whitelist.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

.blacklist-top,
.blacklist-bottom,
.whitelist-top,
.whitelist-bottom {
  border-top: 1px solid #b9b9b9;
  border-left: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9; 
  padding: 10px;
}

#com-hostway-plugins-cseeplus-overview-usageinfo {
  margin-top: 1em;
  float: none;
}

hr {
  clear: both;
}

hr.clear {
  clear: both;
  color: #fff;
  border: 0;
  background-color: #fff;
  margin: 0 0 0.4em 0;
}

/*-------------------------------------------------
END EMAIL
-------------------------------------------------*/

/*-------------------------------------------------
TERMS OF USE
-------------------------------------------------*/

.tou-wrapper {
  max-width: 640px;
}
#tou-display ol.with-alpha {
  list-style-type: lower-alpha;
}

#tou-display #tou-content,
.dnr-agreement__input__container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  transition: all 0.2s ease;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.2;
  max-width: 640px;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.dnr-agreement__input__container {
  cursor: pointer;
}

#tou-display #tou-content:hover,
.dnr-agreement__input__container:hover {
  background: var(--hover-bg);
  border-color: var(--accent-primary);
}

#tou-display #tou-content dt {
  font-weight: 700;
  font-style: italic;
  padding: 0;
  margin: 10px 0 0 0;
}
#tou-display #tou-content dd {
  padding: 0;
  margin: 0 0 0 15px;
}
#tou-display #tou-content dl dl dt {
  font-style: normal;
  font-size: 0.9em;
  margin: 0;
}

/* Remove default paragraph margin */
#tou-display #tou-content p {
  margin: 0;
}

/* Custom checkbox style using label::before */
#tou-display #tou-content label {
  position: relative;
  padding-left: 0.5rem;
  align-items: flex-start;
  line-height: 1.4;
  gap: 0.25rem;
  font-weight: 500;
}

/* Draw checkbox box */
.dnr-agreement__input__container label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid var(--border-subtle, #ccc);
  background: var(--bg-primary, #fff);
  border-radius: 4px;
  z-index: 1;
  pointer-events: none; 
} 

#tou-display #tou-content label::after,
.dnr-agreement__input__container label::after {
  content: "";
  position: absolute;
  left: 0.45rem;
  top: 0.4rem;
  width: 0.4rem;
  height: 0.8rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

#tou-display #tou-content input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

/* Hover effect for checkbox */
#tou-display #tou-content label:hover::before,
.dnr-agreement__input__container label:hover::before {
  border-color: var(--accent-primary, #007bff);
}

#tou-display #tou-content label,
.dnr-agreement__input__container label {
  pointer-events: auto;
}
/* Container highlight when checked */
#tou-display #tou-content:has(input[type="checkbox"]:checked),
.dnr-agreement__input__container:has(input[type="checkbox"]:checked) {
  background: var(--hover-bg, #f8f9fa);
  border-color: var(--accent-primary, #007bff);
}

/* Text content styling */
#tou-display #tou-content label .checkbox-text,
.dnr-agreement__input__container label .checkbox-text {
  flex: 1;
  user-select: none;
}

/* Link styling - prevent event bubbling issues */
#tou-display #tou-content a {
  color: var(--accent-primary, #007bff);
  text-decoration: none;
  font-weight: 500;
  margin: 0 0.25rem;
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

#tou-display #tou-content a:hover {
  text-decoration: underline;
}

/* Re-enable pointer events on checkbox and link */
#tou-display #tou-content input[type="checkbox"],
.dnr-agreement__input__container input[type="checkbox"],
#tou-display #tou-content a {
  pointer-events: auto;
  z-index: 2;
  position: relative;
}

#tou-display #tou-content a {
  pointer-events: auto;
}

#tou-display #tou-content p {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
/*-------------------------------------------------
END TERMS OF USE
-------------------------------------------------*/
.pagination {
  background: transparent !important;
}

tr th.table__email__alias {
  background: transparent;
  text-decoration: underline;
}
table.paginator_container {
  background: transparent;
}

/*-------------------------------------------------
DNR terms of use
-------------------------------------------------*/

.dnr-agreement__input__container input[type="checkbox"]:checked ~ label::after {
  opacity: 1;
}

/* Hide native checkbox accessibly */
.dnr-agreement__input__container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Custom checkbox box */
.dnr-agreement__input__container label {
  position: relative;
  padding-left: 2rem;
  line-height: 1.4;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
}

/* Show background + checkmark when checked */
.dnr-agreement__input__container
  input[type="checkbox"]:checked
  ~ label::before {
  background-color: var(--accent-primary, #007bff);
  border-color: var(--accent-primary, #007bff);
}

.message-confirmation__icon {
  background-color: var(--accent-success)	;
  width: 3rem;
  height: 3rem;
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
}