body {
    font-family: "Roboto", sans-serif;
    color: #4b4f58;
}

.form-control {
    border-color: #dee0e3;
    color: #17191c;
}

.form-control:hover, #registration .form-control:hover {
    border-color: #6d7482;
    color: #17191c;
}

.form-control:focus, #registration .form-control:focus {
    border-color: #065cfe;
    color: #17191c;
}

::placeholder {
    color: #595e69;
}

section#main-body {
    background: #f7f7f8;
}

.master-breadcrumb {
    display: none;
}

a.tile {
   color: #1062fe; 
}

button#btnCheckAvailability {
    background: #1062fe;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
}

#order-standard_cart .domain-checker-container {
    background: #0637ac;
}

.domain-checker-container .domain-checker-bg {
    background-image: url(../../../../assets/images/information/domain-globe.png);
}

header.header .navbar a {
    color: #17191c;
}

header.header .navbar a:hover {
    color: #1062fe;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #17191c;
}

.list-group-item.active {
    color: #1062fe;
    background: #f0f5ff;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    color: #1062fe;
    background: #f0f5ff;
    border-color: #f0f5ff;
}

ul.package-features li {
    font-size: 13px;
    font-weight: 400;
}

.product-desc p {
    font-size: 13px;
    line-height: 26px;
}

.status-active, .status-completed, .status-open, .label-success, .badge-success {
    background-color: #1062fe;
}

a.badge-success:focus, a.badge-success:hover {
    background-color: #009aff;
}

.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #009aff;
}

.domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-sm-4, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-xs-4 {
    border-bottom: 6px solid #abe2fe;
}

#order-standard_cart .products .product div.product-pricing span.price {
    font-size: 17px;
    font-weight: 700;
    line-height: 32px;
}

#order-standard_cart .view-cart-items-header {
    font-size: 14px;
    background-color: #1062fe;
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid #1062fe;
}

.header-lined {
    display: none;
}

.card-body h1 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
}

p {
    color: #4b4f58;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
}

header.header .logo-img {
    max-width: 250px;
}

#registration input.form-check-input.accepttos {
    margin-top: 0.5rem;
}

footer.footer {

    padding: 50px 0;
}

#footer p {
    color: #eee; 
}

.card-header h1 {
    font-size: 30px;
    margin-top: 8px;
}

.tld-filters a {
    color: #fff !important;
}

:root {
    /* Brand Colors */
    --color-primary: #065cfe;
    --color-primary-dark: #003cb2;
    --color-primary-faded: #e5efff;
    --color-primary-faded-dark: #c2d6ff;
    --color-secondary: #083fbf;
    --color-secondary-dark: #08349b;

    /* State Colors */
    --color-success: #1e7b32;
    --color-success-dark: #19672a;
    --color-info: #0158fe;
    --color-info-dark: #003cb2;
    --color-warning: #b84b00;
    --color-warning-dark: #b64425;
    --color-danger: #ca202c;
    --color-danger-dark: #b6202a;

    /* Neutral Colors */
    --color-text-main: #17191c;
    --color-text-inverse: #ffffff;
    --color-bg-light: #f7f7f8;
    
    --color-border-light: #dee0e3;
    --color-border-dark: #6d7482;
}

/* ------------------------------------ */
/* 1. BASE AND UNIVERSAL STYLES         */
/* ------------------------------------ */

/* Base Links */
a:not(.btn) {
    color: var(--color-primary);
    text-decoration: none;
}
a:not(.btn).label-primary-faded,
a:not(.btn):focus-visible {
    color: var(--color-primary);
}

/* Base Button Properties (Consolidated) */
.btn,
input[type=button]:not(.btn),
input[type=submit]:not(.btn) {
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background-image: none;
}

/* Universal Hover/Focus Text Color (Applies to links and default buttons) */
.btn:hover,
input[type=button]:not(.btn):hover,
input[type=submit]:not(.btn):hover {
    color: var(--color-text-main);
    text-decoration: none;
}

/* Universal Cursor on non-disabled elements */
.btn:not(:disabled):not(.disabled),
input[type=button]:not(.btn):not(:disabled):not(.disabled),
input[type=submit]:not(.btn):not(:disabled):not(.disabled) {
    cursor: pointer;
}

/* Universal Disabled State (Simplified) */
.btn:disabled,
.btn[disabled],
fieldset[disabled] .btn,
input:disabled,
input[disabled] {
    cursor: not-allowed !important;
    opacity: 0.6;
}

/* Active State Base (Default/Default Outline only) */
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active,
input[type=button]:not(.btn):not(:disabled):not(.disabled).active,
input[type=button]:not(.btn):not(:disabled):not(.disabled):active,
input[type=submit]:not(.btn):not(:disabled):not(.disabled).active,
input[type=submit]:not(.btn):not(:disabled):not(.disabled):active {
    color: var(--color-text-main);
    background-color: var(--color-bg-light);
    border-color: var(--color-border-dark);
}

/* Base Input Buttons (Default behavior is Primary style) */
input[type=button]:not(.btn),
input[type=submit]:not(.btn) {
    color: var(--color-text-inverse);
    background: var(--color-primary);
    border-color: var(--color-primary);
}

input[type=button]:not(.btn):active,
input[type=button]:not(.btn):focus,
input[type=button]:not(.btn):hover,
input[type=submit]:not(.btn):active,
input[type=submit]:not(.btn):focus,
input[type=submit]:not(.btn):hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

/* Background image reset for active state (consolidated) */
.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle,
.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle,
.btn-primary-faded.active, .btn-primary-faded:active, .open > .btn-primary-faded.dropdown-toggle,
.btn-secondary.active, .btn-secondary:active, .open > .btn-secondary.dropdown-toggle,
.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle,
.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle,
.btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle,
.btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
    background-image: none;
}

/* ------------------------------------ */
/* 2. SOLID BUTTON VARIANTS             */
/* ------------------------------------ */

/* --- Default Button (Non-Solid) --- */

.btn-default {
    color: var(--color-text-main);
    background: transparent;
    border-color: var(--color-border-light);
}

/* Grouped: Hover, Focus, and the complex Active + Focus/Hover states */
.btn-default:hover,
.btn-default:focus,
.btn-default:focus-visible,
.btn-default:not(:disabled):not(.disabled).active.focus,
.btn-default:not(:disabled):not(.disabled):active.focus,
.btn-default:not(:disabled):not(.disabled).active:hover,
.btn-default:not(:disabled):not(.disabled):active:hover {
    background-color: var(--color-bg-light);
    border-color: var(--color-border-dark);
}

/* Clean Active State (Clicked) */
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.open > .btn-default:not(:disabled):not(.disabled).dropdown-toggle {
    background-color: var(--color-border-dark);
    border-color: transparent;
}

/* --- Primary Button --- */

.btn-primary {
    color: var(--color-text-inverse);
    background: var(--color-primary);
    border-color: var(--color-primary);
}

/* Grouped: Hover, Focus, Active, and complex Active states */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

/* --- Primary Faded Button --- */

.btn-primary-faded {
    color: var(--color-primary);
    background: var(--color-primary-faded);
    border-color: var(--color-primary-faded);
}

/* Grouped: Hover, Focus, Active */
.btn-primary-faded:hover,
.btn-primary-faded:focus,
.btn-primary-faded:focus-visible,
.btn-primary-faded:not(:disabled):not(.disabled):active,
.btn-primary-faded:not(:disabled):not(.disabled).active {
    color: var(--color-primary-dark);
    background-color: var(--color-primary-faded-dark);
    border-color: var(--color-primary-faded-dark);
}

/* --- Secondary Button --- */

.btn-secondary {
    color: var(--color-text-inverse);
    background: var(--color-secondary);
    border-color: var(--color-secondary);
}

/* Grouped: Hover, Focus, Active */
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus-visible,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
}

/* --- Success Button --- */

.btn-success {
    color: var(--color-text-inverse);
    background: var(--color-success);
    border-color: var(--color-success);
}

/* Grouped: Hover, Focus, Active */
.btn-success:hover,
.btn-success:focus,
.btn-success:focus-visible,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    background-color: var(--color-success-dark);
    border-color: var(--color-success-dark);
    color: var(--color-text-inverse);
}

/* --- Info Button --- */

.btn-info {
    color: var(--color-text-inverse);
    background: var(--color-info);
    border-color: var(--color-info);
}

/* Grouped: Hover, Focus, Active */
.btn-info:hover,
.btn-info:focus,
.btn-info:focus-visible,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    background-color: var(--color-info-dark);
    border-color: var(--color-info-dark);
}

/* --- Warning Button --- */

.btn-warning {
    color: var(--color-text-inverse);
    background: var(--color-warning);
    border-color: var(--color-warning);
}

/* Grouped: Hover, Focus, Active */
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:focus-visible,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    background-color: var(--color-warning-dark);
    border-color: var(--color-warning-dark);
}

/* --- Danger Button --- */

.btn-danger {
    color: var(--color-text-inverse);
    background: var(--color-danger);
    border-color: var(--color-danger);
}

/* Grouped: Hover, Focus, Active */
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:focus-visible,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    background-color: var(--color-danger-dark);
    border-color: var(--color-danger-dark);
}

/* ------------------------------------ */
/* 3. OUTLINE BUTTON VARIANTS           */
/* ------------------------------------ */

/* --- Default Outline --- */

.btn-default.btn-outline,
.btn-outline {
    color: var(--color-text-main);
    background: transparent;
    border-color: var(--color-border-light);
}

/* Grouped: Hover/Focus/Active states revert to the default button's light-gray solid fill */
.btn-default.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline:focus-visible,
.btn-outline:hover, .btn-outline:focus, .btn-outline:focus-visible {
    color: var(--color-text-main);
    background-color: var(--color-bg-light);
    border-color: var(--color-border-dark);
}

/* Clean Active State for Default Outline */
.btn-default.btn-outline.active, .btn-default.btn-outline:active,
.btn-outline.active, .btn-outline:active {
    color: var(--color-text-main);
    background-color: var(--color-border-dark);
    border-color: transparent;
}

/* --- Primary Outline --- */

.btn-primary.btn-outline,
.btn-primary-outline {
    color: var(--color-primary);
    background: transparent;
    border-color: var(--color-primary);
}

/* Grouped: Hover, Focus, Active, etc. */
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active,
.btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:active {
    color: var(--color-text-inverse);
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

/* --- Primary Faded Outline --- */

.btn-primary-faded.btn-outline,
.btn-primary-faded-outline {
    color: var(--color-primary);
    background: transparent;
    border-color: var(--color-primary-faded);
}

.btn-primary-faded.btn-outline:hover, .btn-primary-faded-outline:hover,
.btn-primary-faded.btn-outline:focus, .btn-primary-faded-outline:focus,
.btn-primary-faded.btn-outline:active, .btn-primary-faded-outline:active {
    color: var(--color-primary-dark);
    background-color: var(--color-primary-faded-dark);
    border-color: var(--color-primary-faded-dark);
}

/* --- Generic Outline Pattern (Secondary, Success, Info, Warning, Danger) --- */

.btn-secondary.btn-outline, .btn-secondary-outline { color: var(--color-secondary); background: transparent; border-color: var(--color-secondary); }
.btn-secondary.btn-outline:hover, .btn-secondary-outline:hover, .btn-secondary.btn-outline:active { color: var(--color-text-inverse); background-color: var(--color-secondary-dark); border-color: var(--color-secondary-dark); }

.btn-success.btn-outline, .btn-success-outline { color: var(--color-success); background: transparent; border-color: var(--color-success); }
.btn-success.btn-outline:hover, .btn-success-outline:hover, .btn-success.btn-outline:active { color: var(--color-text-inverse); background-color: var(--color-success-dark); border-color: var(--color-success-dark); }

.btn-info.btn-outline, .btn-info-outline { color: var(--color-info); background: transparent; border-color: var(--color-info); }
.btn-info.btn-outline:hover, .btn-info-outline:hover, .btn-info.btn-outline:active { color: var(--color-text-inverse); background-color: var(--color-info-dark); border-color: var(--color-info-dark); }

.btn-warning.btn-outline, .btn-warning-outline { color: var(--color-warning); background: transparent; border-color: var(--color-warning); }
.btn-warning.btn-outline:hover, .btn-warning-outline:hover, .btn-warning.btn-outline:active { color: var(--color-text-inverse); background-color: var(--color-warning-dark); border-color: var(--color-warning-dark); }

.btn-danger.btn-outline, .btn-danger-outline { color: var(--color-danger); background: transparent; border-color: var(--color-danger); }
.btn-danger.btn-outline:hover, .btn-danger-outline:hover, .btn-danger.btn-outline:active { color: var(--color-text-inverse); background-color: var(--color-danger-dark); border-color: var(--color-danger-dark); }

/* ------------------------------------ */
/* 4. BADGES AND LINK BUTTON OVERRIDES  */
/* ------------------------------------ */

.btn-default .badge { color: transparent; background-color: var(--color-text-main); }
.btn-primary .badge { color: var(--color-primary); background-color: var(--color-text-inverse); }
.btn-primary-faded .badge { color: var(--color-primary-faded); background-color: var(--color-primary); }
.btn-secondary .badge { color: var(--color-secondary); background-color: var(--color-text-inverse); }
.btn-success .badge { color: var(--color-success); background-color: var(--color-text-inverse); }
.btn-info .badge { color: var(--color-info); background-color: var(--color-text-inverse); }
.btn-warning .badge { color: var(--color-warning); background-color: var(--color-text-inverse); }
.btn-danger .badge { color: var(--color-danger); background-color: var(--color-text-inverse); }

/* Outline Badges */
.btn-default.btn-outline .badge, .btn-outline .badge { color: transparent; background-color: var(--color-text-main); }
.btn-primary.btn-outline .badge, .btn-primary-outline .badge { color: var(--color-primary); background-color: var(--color-primary); }
.btn-primary-faded.btn-outline .badge, .btn-primary-faded-outline .badge { color: var(--color-primary-faded); background-color: var(--color-primary-faded); }
.btn-secondary.btn-outline .badge, .btn-secondary-outline .badge { color: var(--color-secondary); background-color: var(--color-secondary); }
.btn-success.btn-outline .badge, .btn-success-outline .badge { color: var(--color-success); background-color: var(--color-success); }
.btn-info.btn-outline .badge, .btn-info-outline .badge { color: var(--color-info); background-color: var(--color-info); }
.btn-warning.btn-outline .badge, .btn-warning-outline .badge { color: var(--color-warning); background-color: var(--color-warning); }
.btn-danger.btn-outline .badge, .btn-danger-outline .badge { color: var(--color-danger); background-color: var(--color-danger); }

/* Link Button Styles */
.btn.btn-link:not(.btn-outline) {
    text-decoration: none;
    box-shadow: none;
}

/* Default Link (not a specific color class) */
.btn.btn-link:not(.btn-outline):not(.btn-primary-faded):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-danger):not(.btn-warning):not(.btn-dark):not(.btn-light) {
    color: var(--color-primary);
    border-color: transparent;
    background: transparent;
}
.btn.btn-link:not(.btn-outline):not(.btn-primary-faded):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-danger):not(.btn-warning):not(.btn-dark):not(.btn-light):hover {
    color: var(--color-primary);
    text-decoration: none;
}

/* Specific Color Link Overrides */
.btn.btn-link:not(.btn-outline).btn-success { color: var(--color-success); }
.btn.btn-link:not(.btn-outline).btn-warning { color: var(--color-warning); }
.btn.btn-link:not(.btn-outline).btn-danger { color: var(--color-danger); }