/* Colours pallet

To change the colours, use find and replace with the values below:

 #f7f7f7 - Body background, header / section border, read only / disabled input fields.

 #5f5e54 - Links, buttons, list items, selected radio, selected checkbox.

 #e08100 - Hover buttons.

 #5f5e54 - Body text, input fields border.
 
 #7A2D00 - Output message.
 
 #B50024 - Error messages / fields.
 
 #1C7D40 - Success messages / fields.
 
 #999999 - read only / disabled input fields.

*/

html, html * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    background: none;
    background-repeat: no-repeat;
    background-position: left top;
    border: 0;
    outline: 0;
  }
  
  html {
    height: 100%;
  }
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
  }
  
  /* Default document styles - fonts, font sizes, text colours, font weight */
  body {
    font-family: Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #5f5e54;
    font-weight: 400;
    max-width: 3000px;
    margin: 0 auto;
    background-color: #f7f7f7;
    padding: 16px;
  }
  
  /* Links */
  a[href] {
    text-decoration: none;
    color: #ff9b14;
  }
  
  /* Link hover states */
  a[href]:hover, a[href]:active, a[href]:focus {
    text-decoration: underline;
    color: #e08100;
  }

  /* Footer links should look like normal text */
  footer a[href] {
    color: inherit;
  }

  /* Keep the same color on interaction states */
  footer a[href]:hover,
  footer a[href]:active,
  footer a[href]:focus {
    color: inherit;
    text-decoration: underline;
  }
  
  /* Heading styles */
  h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-weight: 700;
  }
  
  h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 25px;
    line-height: 1.5rem;
    font-weight: 400;
  }
  
  h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 700;
  }
  
  h4 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5em;
  }
  
  h5 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 400;
  }
  
  h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 1em;
  }
  
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
    margin-bottom: 0px;
  }
  
  /* List styles */
  ol, ul {
    list-style: none;
    margin: 20px 0;
  }
  
  ol:before, ol:after,
  ul:before, ul:after {
    content: " ";
    display: table;
  }
  
  ol:after,
  ul:after {
    clear: both;
  }
  
  ol:last-child,
  ul:last-child {
    margin-bottom: 0px;
  }
  
  ol:first-child,
  ul:first-child {
    margin-top: 0px;
  }
  
  ul li {
    padding-left: 22px;
    margin-bottom: 4px;
    position: relative;
    list-style: none;
  }
  
  ul li:last-child {
    margin-bottom: 0px;
  }
  
  ul li:before {
    content: '';
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #5f5e54;
    height: 7px;
    width: 7px;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
  }
  
  ol {
    counter-reset: item;
  }
  
  ol li {
    padding-left: 22px;
    margin-bottom: 10px;
    position: relative;
    list-style: none;
  }
  
  ol li:last-child {
    margin-bottom: 0px;
  }
  
  ol li:before {
    color: #5f5e54;
    position: absolute;
    left: 0;
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: 700;
    top: 1px;
  }
  
  ol li:nth-child(n+10) {
    padding-left: 30px;
  }
  
  ol li:nth-child(n+100) {
    padding-left: 38px;
  }
  
  hr {
    width: 100%;
    clear: both;
    border: 0;
    outline: 0;
    background-color: #f7f7f7;
    height: 1px;
    display: block;
    margin: 30px 0;
  }
  
  b, strong {
    font-weight: 700;
  }
  
  i, em {
    font-style: italic;
  }
  
  small {
    font-size: 0.8em;
    line-height: 1.2;
  }
  
  big {
    font-size: 1.2em;
  }
  
  .cc {
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 649px;
    padding: 0 0;
  }
  
  .cc:before, .cc:after {
    content: " ";
    display: table;
  }
  
  .cc:after {
    clear: both;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* Main content area */
  main {
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  }
  
  /* Add a border top when 2 sections are together */
  main section + section {
    border-top: 1px solid #f7f7f7;
  }

  section p {
    margin-top: 4px;
    margin-bottom: 16px;
  }
  
  /* Header */
  header {
    display: block; /* Change to display: none to hide */
    border-bottom: 1px solid #f7f7f7;
    text-align: center;
    padding: 24px 8% 12px;
  }
  
  header .main-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  
  .service-logo {
    display: block;
    max-width: 240px;
    max-height: 180px;
    margin: 12px 0 8px;
  }
  
  section {
    padding: 16px 8% 20px;
  }
  
  /* Output Messages */
  .output-message {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-style: italic;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFD8C2;
    display: block;
    padding: 4%;
    margin-bottom: 20px;
    color: #7A2D00;
  }
  
  .output-message:last-child {
    margin-bottom: 0px;
  }
  
  /* Output Message Success */
  .output-message.output--success {
    background-color: #DCF9E7;
    color: #1C7D40;
  }
  
  /* Output Message Error */
  .output-message.output--error {
    background-color: #FFF0F3;
    color: #B50024;
  }
  
  .boxed {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    padding: 6%;
    margin: 30px 0;
  }
  
  .boxed:last-child {
    margin-bottom: 0px;
  }
  
  .boxed:first-child {
    margin-top: 0px;
  }
  
  /* Footer style */
  footer {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
  }
  
  /* Forms styles */
  fieldset {
    display: block;
    margin-bottom: 20px;
  }
  
  fieldset:last-child {
    margin-bottom: 0px;
  }
  
  fieldset .field-validation {
    display: block;
    margin-top: 10px;
  }
  
  fieldset .error {
    color: #B50024;
  }
  
  fieldset legend span {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
  }
  
  /* Form labels */
  label {
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 700;
    display: block;
    color: #5f5e54;
    margin-bottom: 6px;
  }
  
  label:focus {
    color: #5f5e54;
  }
  
  /* Form input fields */
  input[type="text"], 
  input[type="email"], 
  input[type="password"], 
  input[type="telephone"], 
  input[type="tel"], 
  input[type="url"], 
  textarea, 
  select {
    background-color: #fff;
    border: 2px solid #5f5e54;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #5f5e54;
    padding: 13px 20px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
  /* Form input focus */
  input[type="text"]:focus, 
  input[type="email"]:focus, 
  input[type="password"]:focus, 
  input[type="telephone"]:focus, 
  input[type="tel"]:focus, 
  input[type="url"]:focus, 
  textarea:focus, 
  select:focus,
  input[type="text"]:active, 
  input[type="email"]:active, 
  input[type="password"]:active, 
  input[type="telephone"]:active, 
  input[type="tel"]:active, 
  input[type="url"]:active, 
  textarea:active, 
  select:active {
    border-color: #5f5e54;
    background-color: #fff;
  }
  
  /* Form input errors */
  input[type="text"].error, 
  input[type="email"].error, 
  input[type="password"].error, 
  input[type="telephone"].error, 
  input[type="tel"].error, 
  input[type="url"].error, 
  textarea.error, 
  select.error {
    border-color: #B50024;
  }
  
  /* Form input read only / disabled */
  input[type="text"]:read-only, 
  input[type="email"]:read-only, 
  input[type="password"]:read-only, 
  input[type="telephone"]:read-only,
  input[type="tel"]:read-only, 
  input[type="url"]:read-only, 
  textarea:read-only, 
  select:read-only, 
  input[type="text"]:disabled, 
  input[type="email"]:disabled, 
  input[type="password"]:disabled, 
  input[type="telephone"]:disabled, 
  input[type="tel"]:disabled, 
  input[type="url"]:disabled, 
  textarea:disabled, 
  select:disabled {
    background-color: #f7f7f7;
    pointer-events: none;
  }
  
  /* Text areas */
  textarea {
    height: 124px;
    resize: none;
  }
  
  
  /* Dropdowns */
  select {
    -webkit-appearance: auto;
    -ms-appearance: auto;
    -moz-appearance: auto;
    -o-appearance: auto;
    appearance: auto;
  }
  
  select:read-only {
    background-color: #fff;
    pointer-events: unset;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  /* Checkboxes / Radio buttons */
  input[type="checkbox"], input[type="radio"] {
    position : absolute;
    opacity: 0;
    height: 0;
    width: 0;
  }
  
  input[type="checkbox"] + label, input[type="radio"] + label {
    display: block;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    padding-top: 3px;
    margin-bottom: 4px;
    margin-right: 12px;
    display: inline-block;
  }
  
  input[type="checkbox"] + label:before, input[type="radio"] + label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #5f5e54;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
  input[type="checkbox"] + label:after, input[type="radio"] + label:after {
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
  }
  
  input[type="checkbox"]:checked + label, input[type="radio"]:checked + label,
  input[type="checkbox"]:focus + label, input[type="radio"]:focus + label {
    color: #5f5e54;
  }
  
  input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before,
  input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before {
    border-color: #5f5e54;
  }
  
  input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
    display: block;
  }
  
  input[type="checkbox"] + label:before {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  
  input[type="checkbox"] + label:after {
    left: 8px;
    top: 5px;
    width: 4px;
    height: 10px;
    border: solid #5f5e54;
    border-width: 0 4px 4px 0;
  }
  
  input[type="radio"] + label:before {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
  }
  
  input[type="radio"] + label:after {
    background-color: #5f5e54;
    height: 12px;
    width: 12px;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    left: 6px;
    top: 8px;
  }
  
  /* Buttons / Submit buttons */
  button, input[type=button], 
  input[type=submit], 
  a.button, 
  .button {
    display: inline-block;
    text-align: center;
    background-color: #ff9b14;
    border: 4px solid #ff9b14;
    font-weight: 700;
    padding: 11px 74px;
    cursor: pointer;
    color: #fff;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
  /* Button hover & focus states */
  button:hover, 
  input[type=button]:hover, 
  input[type=submit]:hover, 
  a.button:hover, 
  .button:hover, 
  button:focus, 
  input[type=button]:focus, 
  input[type=submit]:focus, 
  a.button:focus, 
  .button:focus {
    background: #e08100;
    color: #fff !important;
    text-decoration: none !important;
    border-color: #e08100;
  }
  
  /* Secondary button styles */
  button.button--secondary, 
  input[type=button].button--secondary, 
  input[type=submit].button--secondary, 
  a.button.button--secondary, 
  .button.button--secondary {
    background-color: transparent;
    border-color: #ff9b14;
    color: #ff9b14;
  }
  
  /* Secondary button hover & focus states */
  button.button--secondary:hover, 
  input[type=button].button--secondary:hover, 
  input[type=submit].button--secondary:hover, 
  a.button.button--secondary:hover, 
  .button.button--secondary:hover,
  button.button--secondary:focus, 
  input[type=button].button--secondary:focus, 
  input[type=submit].button--secondary:focus, 
  a.button.button--secondary:focus, 
  .button.button--secondary:focus {
    background: #e08100;
    border-color: #e08100;
  }
  
  /* Secondary button disabled states */
  button.button--secondary:disabled, 
  input[type=button].button--secondary:disabled, 
  input[type=submit].button--secondary:disabled, 
  a.button.button--secondary:disabled, 
  .button.button--secondary:disabled {
    background-color: transparent;
    color: #999999;
  }
  
  /* Full width buttons */
  button.button--full, 
  input[type=button].button--full, 
  input[type=submit].button--full, 
  a.button.button--full, 
  .button.button--full {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  
  /* Button disabled states */
  button:disabled, 
  input[type=button]:disabled, 
  input[type=submit]:disabled, 
  a.button:disabled, 
  .button:disabled {
    pointer-events: none;
    background-color: #999999;
    border-color: #999999;
  }
  
  /* Placeholder styles */
  ::-webkit-input-placeholder {
    color: #a9b0b4;
  }
  
  :-moz-placeholder {
    color: #a9b0b4;
  }
  
  ::-moz-placeholder {
    color: #a9b0b4;
  }
  
  :-ms-input-placeholder {
    color: #a9b0b4;
  }
  
  .grid {
    margin-top: 12px;
  }
  
  /* Grid (used for 2 columns) */
  .grid:before, .grid:after {
    content: " ";
    display: table;
  }
  
  .grid:after {
    clear: both;
  }
  
  .grid > .grid-item {
    margin-bottom: 18px;
    min-height: 1px;
    width: 100%;
  }
  
  .grid:last-child > .item:last-child {
    margin-bottom: 0px;
  }
  
  @media screen and (min-width: 760px) {
      
    .grid.md-2 > .grid-item {
      float: left;
      width: 48.34436%;
      margin-right: 3.31126%;
    }
    
    .grid.md-2 > .grid-item:nth-child(n), .grid.md-2 > .grid-item:nth-of-type(n) {
      margin-right: 3.31126%;
      clear: none;
    }
    
    .grid.md-2 > .grid-item:nth-child(2n) {
      margin-right: 0;
    }
    
    .grid.md-2 > .grid-item:nth-child(2n+1) {
      clear: both;
    }
    
  }

/* Attribute Release */
.attribute-release-page #attributeRelease {
    width: 100%;
    margin: 16px 0;
    border: 1px solid #5f5e54;
    border-radius: 4px;
    overflow: hidden;
  }
  
  .attribute-release-page #attributeRelease table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .attribute-release-page #attributeRelease th {
    text-align: left;
    font-size: 18px;
    padding: 6px 10px;
    background-color: #5f5e54;
    color: #fff;
  }
  
  .attribute-release-page #attributeRelease td {
    padding: 4px 10px;
    vertical-align: top;
  }
  
  .attribute-release-page #attributeRelease tr:nth-of-type(even) {
    background-color: #E4E5E3;
  }

  .attribute-release-page #attributeRelease td,
  .attribute-release-page #attributeRelease td strong,
  .attribute-release-page #attributeRelease td label {
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: break-all;
  }
  
  
  /* Dark Mode */
  @media (prefers-color-scheme: dark) {
  
    body {
      background-color: #101010;
      color: #d4d4d4;
    }
  
    main {
      background-color: #1a1a1a;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    }
  
    header {
      border-bottom-color: #2a2a2a;
    }
  
    hr {
      background-color: #2a2a2a;
    }
  
    footer {
      color: #d4d4d4;
      background-color: rgba(16, 16, 16, 0.6);
    }
  
    h1, h2, h3, h4, h5, h6, p {
      color: #d4d4d4;
    }
  
    label {
      color: #d4d4d4;
    }
  
    ol li:before {
      color: #d4d4d4;
    }
  
    ul li:before {
      background-color: #d4d4d4;
    }
  
    /*
    a[href] {
      color: #d4d4d4;
    }
  
    a[href]:hover,
    a[href]:active,
    a[href]:focus {
      text-decoration: underline;
      color: #cacaca;
    }
    */

    /* Links */
    a[href] {
      text-decoration: none;
      color: #ff9b14;
    }
    
    /* Link hover states */
    a[href]:hover, a[href]:active, a[href]:focus {
      text-decoration: underline;
      color: #e08100;
    }
  
    .boxed {
      background-color: #1a1a1a;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    }
  
    .output-message {
      background-color: rgba(255, 216, 194, 0.12);
      color: #FFD8C2;
    }
  
    .output-message.output--success {
      background-color: #1C7D40;
      color: #FFF;
    }
  
    .output-message.output--error {
      background-color: #B50024;
      color: #FFF;
    }
  
    button,
    input[type=button],
    input[type=submit],
    a.button,
    .button {
      background-color: #ff9b14;
      border-color: #ff9b14;
      color: #fff;
    }
  
    button:hover,
    input[type=button]:hover,
    input[type=submit]:hover,
    a.button:hover,
    .button:hover,
    button:focus,
    input[type=button]:focus,
    input[type=submit]:focus,
    a.button:focus,
    .button:focus {
      background-color: #e08100;
      border-color: #e08100;
      color: #fff !important;
    }
  
    button.button--secondary,
    input[type=button].button--secondary,
    input[type=submit].button--secondary,
    a.button.button--secondary,
    .button.button--secondary {
      background-color: transparent;
      border-color: #ff9b14;
      color: #ff9b14;
    }
  
    button.button--secondary:hover,
    input[type=button].button--secondary:hover,
    input[type=submit].button--secondary:hover,
    a.button.button--secondary:hover,
    .button.button--secondary:hover,
    button.button--secondary:focus,
    input[type=button].button--secondary:focus,
    input[type=submit].button--secondary:focus,
    a.button.button--secondary:focus,
    .button.button--secondary:focus {
      background-color: #e08100;
      border-color: #e08100;
      color: #fff;
    }
  
    button:disabled,
    input[type=button]:disabled,
    input[type=submit]:disabled,
    a.button:disabled,
    .button:disabled {
      background-color: #999999;
      border-color: #999999;
      color: #101010;
    }
  
    button.button--secondary:disabled,
    input[type=button].button--secondary:disabled,
    input[type=submit].button--secondary:disabled,
    a.button.button--secondary:disabled,
    .button.button--secondary:disabled {
      background-color: transparent;
      color: #999999;
      border-color: #999999;
    }
  
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="telephone"],
    input[type="tel"],
    input[type="url"],
    textarea,
    select {
      background-color: #101010;
      border-color: #d4d4d4;
      color: #d4d4d4;
    }
  
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="telephone"]:focus,
    input[type="tel"]:focus,
    input[type="url"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:active,
    input[type="email"]:active,
    input[type="password"]:active,
    input[type="telephone"]:active,
    input[type="tel"]:active,
    input[type="url"]:active,
    textarea:active,
    select:active {
      border-color: #ff9b14;
      background-color: #101010;
    }
  
    input[type="text"].error,
    input[type="email"].error,
    input[type="password"].error,
    input[type="telephone"].error,
    input[type="tel"].error,
    input[type="url"].error,
    textarea.error,
    select.error {
      border-color: #B50024;
    }
  
    input[type="text"]:read-only,
    input[type="email"]:read-only,
    input[type="password"]:read-only,
    input[type="telephone"]:read-only,
    input[type="tel"]:read-only,
    input[type="url"]:read-only,
    textarea:read-only,
    select:read-only,
    input[type="text"]:disabled,
    input[type="email"]:disabled,
    input[type="password"]:disabled,
    input[type="telephone"]:disabled,
    input[type="tel"]:disabled,
    input[type="url"]:disabled,
    textarea:disabled,
    select:disabled {
      background-color: #101010;
      border-color: #555555;
      color: #999999;
    }
  
    ::-webkit-input-placeholder {
      color: #777777;
    }
    :-moz-placeholder {
      color: #777777;
    }
    ::-moz-placeholder {
      color: #777777;
    }
    :-ms-input-placeholder {
      color: #777777;
    }
  
    input[type="checkbox"] + label,
    input[type="radio"] + label {
      color: #d4d4d4;
    }
  
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      background-color: #101010;
      border-color: #d4d4d4;
    }
  
    input[type="checkbox"] + label:after {
      border-color: #ff9b14;
    }
  
    input[type="radio"] + label:after {
      background-color: #ff9b14;
    }
  
    input[type="checkbox"]:checked + label,
    input[type="radio"]:checked + label,
    input[type="checkbox"]:focus + label,
    input[type="radio"]:focus + label {
      color: #d4d4d4;
    }
  
    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before,
    input[type="checkbox"]:focus + label:before,
    input[type="radio"]:focus + label:before {
      border-color: #ff9b14;
    }

    .attribute-release-page #attributeRelease {
        border-color: #777777;
      }
    
      .attribute-release-page #attributeRelease th {
        background-color: #333333;
        color: #ffffff;
      }
    
      .attribute-release-page #attributeRelease tr:nth-of-type(even) {
        background-color: #181818;
      }
    
      .attribute-release-page #attributeRelease td {
        color: #d4d4d4;
      }
  }