/* =====================================================================
   Blaze silver theme: replaces Antler's blue colour scheme with metallic silver.
   GENERATED from every [data-color="blue"] rule in style.css + main.css
   (#55bde5 / #1697bf), minus rules for sections this site doesn't use.
   Loaded from includes/head.tpl. Rules are prefixed with "html" and use
   !important so they beat the vendor rules and the order form's later CSS.
   SVG icon accents use the <linearGradient id="blz-silver-grad"> in footer.tpl.
   ===================================================================== */
:root {
    --blz-silver: #cfd4db;
    --blz-silver-dark: #9aa2ac;
    --blz-silver-base: #bfc5cd;
    --blz-silver-text: #1b1f24;
    --blz-silver-metal: linear-gradient(135deg, #8a929c 0%, #b9c0c9 20%, #e4e8ed 40%, #ffffff 50%, #dfe3e8 60%, #aeb5bf 80%, #858d97 100%);
}

html [data-color="blue"] svg #svg-ico {
    fill: url(#blz-silver-grad) var(--blz-silver) !important;
}
html [data-color="blue"] svg #svg-concept {
    stroke: url(#blz-silver-grad) var(--blz-silver) !important;
}
html [data-color="blue"] .golink {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .golink:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .bg-pink {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .c-pink {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .bb-pink {
    border-bottom: solid 1px var(--blz-silver-dark) !important;
}
html [data-color="blue"] .popover-body {
    border: solid 2px var(--blz-silver-dark) !important;
}
html [data-color="blue"] .popover .arrow::before {
    border-top-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .popover .popover-header {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] ::selection {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .megamenu .start-offer .inner {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .megamenu .service-list .service.special .media-body a:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .megamenu .service-list .service .media-body a:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .megamenu-list .service-list .service .media-body a:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .fullrock .closer {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .form-control:focus {
    border: solid 1px var(--blz-silver-dark) !important;
}
html [data-color="blue"] .sec-bg5 {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .total-grad {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .total-grad-inverse {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .btn-default-pink {
    color: var(--blz-silver) !important;
    border: 1px solid var(--blz-silver-dark) !important;
}
html [data-color="blue"] .btn-default-pink:hover {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .btn-default-grad-purple-fill {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .btn-default-grad-purple-fill:hover {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .btn-default-pink-fill {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .pricing .wrapper .title {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .pricing .list-info {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .fill-input:focus {
    border-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .domain-prices li {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .footer .soc-icons i {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .included i {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .soc-icons-apply span {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .knowledge a {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .services .service-wrap .pay img {
    border: solid 1px var(--blz-silver-dark) !important;
}
html [data-color="blue"] .page-item.active .page-link {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
    border-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .bs-popover-start>.popover-arrow::after {
    border-right-color: var(--blz-silver-dark) !important;
    border-left-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .bs-popover-end>.popover-arrow::after {
    border-left-color: var(--blz-silver-dark) !important;
    border-right-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .bs-popover-top>.popover-arrow::after {
    border-top-color: var(--blz-silver-dark) !important;
}
html [data-color="blue"] .bg-purple {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .c-purple {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .sec-grad-white-to-purple {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .btn-default-purple {
    color: var(--blz-silver) !important;
    border: 1px solid var(--blz-silver-dark) !important;
}
html [data-color="blue"] .btn-default-purple:hover {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .btn-default-purple-fill {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .pricing .table .title {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .header .desk.navbar-nav .dropdown-menu > li a:hover {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .downfiles {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .product .header-content .title {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .product .product-desc .list-info .spec {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .header .dropdown .notification .notify-header {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
}
html [data-color="blue"] .landing-page .navbar-default {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .landing-page .navbar .navbar-nav > li.active > a {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .landing-page .feature.pricing .cycle {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .loginpage .login-page-header i {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .panel-info>.panel-heading {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .drop-down-btn.dropside-content {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .main-content .tab-content .panel-footer {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .tld-pricing-header {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .right-overview-box-domain span.domain-main-info a {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] #promotions-slider .promo-banner h3 small a {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .know-bgbox-container .col-sm-12 a i {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] #Secondary_Navbar-Account .secundary-nav .secundary-header {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .masspay-container {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .header .dropdown.user-login .login-header {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .departments-ticket-show a {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .login-header .logout-btn {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .user-quicklinks li a i {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .header .dotted-animation .main-circle {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .header .dotted-static .main-circle {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] table.table-list thead th {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] #order-standard_cart .order-summary {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] #order-standard_cart .account-select-container div.account.active {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .product.addons .badge.feat {
    background-color: var(--blz-silver-base) !important;
    background-image: var(--blz-silver-metal) !important;
    color: var(--blz-silver-text) !important;
}
html [data-color="blue"] .header .dotted-animation .animate-circle {
    border: 5px solid var(--blz-silver-dark) !important;
}
html [data-color="blue"] .header .dotted-static .animate-circle {
    border: 5px solid var(--blz-silver-dark) !important;
}
html [data-color="blue"] .custom-select.form-control:focus {
    border: 1px solid var(--blz-silver-dark) !important;
}
html [data-color="blue"] .list-group-item.active i.fa-dot-circle:before {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .list-group-item.active span {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] table.table-list tbody td.sorting_1 a {
    color: var(--blz-silver) !important;
}
html [data-color="blue"] .main-content .panel.panel-default .panel-body .cpanel-package-details a {
    color: var(--blz-silver) !important;
}

/* ---------------------------------------------------------------------
   MANUAL ADDITIONS (not generated; keep when regenerating the rules above)
   Panels that were blue with white text inside: on silver the text must be
   dark. Buttons inside keep their own colours (e.g. the gold Checkout).
   --------------------------------------------------------------------- */
html body #order-standard_cart .order-summary,
html body #order-standard_cart .order-summary *:not(.btn):not(.btn *),
html body .masspay-container,
html body .masspay-container *:not(.btn):not(.btn *),
html body .panel-info > .panel-heading,
html body .panel-info > .panel-heading *,
html body .main-content .tab-content .panel-footer,
html body .main-content .tab-content .panel-footer *:not(.btn):not(.btn *),
html body .tld-pricing-header,
html body .tld-pricing-header *,
html body #Secondary_Navbar-Account .secundary-nav .secundary-header,
html body #Secondary_Navbar-Account .secundary-nav .secundary-header *,
html body .dropdown.user-login .login-header,
html body .dropdown.user-login .login-header *,
html body .dropdown .notify-header,
html body .dropdown .notify-header *,
html body #order-standard_cart .account-select-container div.account.active,
html body #order-standard_cart .account-select-container div.account.active *,
html body .popover .popover-header,
html body .landing-page .feature.pricing .cycle,
html body .departments-ticket-show a,
html body table.table-list thead th,
html body table.table-list thead th * {
    color: var(--blz-silver-text) !important;
}