/* ***************************************************** ** Custom Stylesheet ** Any custom styling you want to apply should be defined here. ***************************************************** */ /* ----------------------------- Header: black background and white text Overrides original template styles ----------------------------- */ #header { background-color: #2B2B2B !important; } #header * { color: #ffffff !important; } #header .navbar-nav li a:hover, #header .navbar-nav li a:hover span { background-color: #5E5E5E !important; border-radius: 4px !important; color: #ffffff !important; padding: 2px 6px; } #header .navbar-collapse { background-color: #2B2B2B !important; } #header .navbar-nav li .dropdown-menu { background-color: #2B2B2B !important; } #header .navbar-nav li .dropdown-menu li a:hover { background-color: #5E5E5E !important; color: #ffffff !important; } #header .navbar-nav li a, #header .navbar-nav li .dropdown-menu li a { transition: background-color 0.2s ease, color 0.2s ease !important; } /* ----------------------------- Footer: black background and white text ----------------------------- */ #footer { background-color: rgb(16,16,16) !important; color: rgb(33,37,41)!important; border-bottom: 1px solid rgb(42,42,42)!important; border-top: 1px solid rgb(42,42,42)!important; } #footer *{ color: #ffffff !important; } #footer a:hover { background-color: #5E5E5E !important; color: #ffffff !important; border-radius: 4px !important; padding: 2px 6px !important; } #footer a { transition: background-color 0.2s ease, color 0.2s ease !important; } /* ----------------------------- Login Page: background image This class wraps the entire login page You can replace the image with another one if needed ----------------------------- */ .wdes-wrap-account-page { background-image: url("../images/server_racks.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ---- GreaterLink dark auto ---- */ /* ---- GreaterLink: remap PHOX colour variables to the dark theme (covers logged-in client area) ---- */ :root,:root body,:root .wdes-style-default,:root .wdes-style-soft-contrast{ --main-clr:#FF6C2C!important;--brand-primary:#FF6C2C!important;--brand-primary-lighter:#FF9A5C!important;--brand-primary-lighter-2:#FF8A4C!important; --brand-info-darker:#FF9A5C!important;--brand-info-lighter-3:rgba(255,108,44,.16)!important;--btn-bg:rgba(255,108,44,.12)!important;--main-color-lighter-v1:rgba(255,108,44,.10)!important; --body-bg:#0B1120!important;--block-bg:#131C2E!important;--head-clr:#18233A!important;--block-header-bg:#18233A!important;--panel-background:#131C2E!important;--panel-title-bg:#18233A!important;--table-container-header-bg:#18233A!important; --header-background-color:#0B1120!important;--footer-background-color:#0B1120!important;--dropdown-menu-bg:#131C2E!important; --gray-darker:#E6EBF5!important;--gray-base:#B6C2D6!important;--gray-lighter:#94A3B8!important;--gray-lighter-2:#64748B!important;--gray-lighter-3:#2E3B57!important;--gray-lighter-4:#243049!important;--gray-icons:#7C8BA3!important; --input-bg:#0F172A!important;--input-focus-bg:#0F172A!important;--input-hover-bg:#0F172A!important;--input-disabled-bg:#18233A!important;--icheck-bg:#0F172A!important;--icheck-hover-bg:#0F172A!important; --success-lighter-v1:rgba(34,197,94,.22)!important;--success-lighter-v2:rgba(34,197,94,.16)!important;--success-lighter-v3:rgba(34,197,94,.10)!important;--success-dark:#4ADE80!important; --brand-success-lighter-2:rgba(34,197,94,.22)!important;--brand-success-lighter-3:rgba(34,197,94,.16)!important;--brand-success-lighter-4:rgba(34,197,94,.10)!important;--label-success-color:#4ADE80!important; --danger-lighter-v1:rgba(248,113,113,.22)!important;--danger-lighter-v2:rgba(248,113,113,.16)!important;--danger-lighter-v3:rgba(248,113,113,.10)!important;--danger-dark:#F87171!important; --warning-lighter-v1:rgba(255,181,71,.22)!important;--warning-lighter-v2:rgba(255,181,71,.16)!important;--warning-lighter-v3:rgba(255,181,71,.10)!important;--warning-dark:#FFB547!important; --info-lighter-v1:rgba(96,165,250,.22)!important;--info-lighter-v2:rgba(96,165,250,.16)!important;--info-lighter-v3:rgba(96,165,250,.10)!important;--info-dark:#60A5FA!important; --label-info-color:#FF9A5C!important; --box-shadow-sm:0 8px 28px rgba(255,108,44,.13),0 1px 0 rgba(255,108,44,.10)!important;--block-box-shadow:0 8px 28px rgba(255,108,44,.13),0 1px 0 rgba(255,108,44,.10)!important} /* ---- Auto dark overrides generated from PHOX/Bootstrap CSS (white bg, dark text, light borders) ---- */ /* from templates_greaterlink_css_all.min.css */ mark { color: var(--gl-text) } fieldset { border: 1px solid var(--gl-line) } body { color: var(--gl-text); background: var(--gl-card) } .img-thumbnail { background: var(--gl-card); border: 1px solid var(--gl-line) } hr { border-top: 1px solid var(--gl-line) } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { color: var(--gl-muted) } .mark,mark { background: var(--gl-card) } .text-muted { color: var(--gl-muted) } .bg-success { background: var(--gl-card) } .bg-warning { background: var(--gl-card) } .bg-danger { background: var(--gl-card2) } .page-header { border-bottom: 1px solid var(--gl-line) } blockquote { border-left: 5px solid var(--gl-line) } blockquote .small,blockquote footer,blockquote small { color: var(--gl-muted) } .blockquote-reverse,blockquote.pull-right { border-right: 5px solid var(--gl-line) } code { background: var(--gl-card) } pre { color: var(--gl-text); background: var(--gl-card); border: 1px solid var(--gl-line) } caption { color: var(--gl-muted) } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { border-top: 1px solid var(--gl-line) } .table>thead>tr>th { border-bottom: 2px solid var(--gl-line) } .table>tbody+tbody { border-top: 2px solid var(--gl-line) } .table .table { background: var(--gl-card) } .table-bordered { border: 1px solid var(--gl-line) } .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border: 1px solid var(--gl-line) } .table-striped>tbody>tr:nth-of-type(odd) { background: var(--gl-card) } .table-hover>tbody>tr:hover { background: var(--gl-card2) } .table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active { background: var(--gl-card2) } .table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover { background: var(--gl-card2) } .table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success { background: var(--gl-card) } .table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning { background: var(--gl-card) } .table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger { background: var(--gl-card2) } @media screen and (max-width:767px) { .table-responsive { border: 1px solid var(--gl-line) } } legend { color: var(--gl-text); border-bottom: 1px solid var(--gl-line) } output { color: var(--gl-text) } .form-control { color: var(--gl-text); background: var(--gl-bg2); border: 1px solid var(--gl-line) } .form-control::-moz-placeholder { color: var(--gl-muted) } .form-control:-ms-input-placeholder { color: var(--gl-muted) } .form-control::-webkit-input-placeholder { color: var(--gl-muted) } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { background: var(--gl-bg2) } .has-success .input-group-addon { background: var(--gl-bg2) } .has-warning .input-group-addon { background: var(--gl-bg2) } .has-error .input-group-addon { background: var(--gl-bg2) } .help-block { color: var(--gl-muted) } .btn.focus,.btn:focus,.btn:hover { color: var(--gl-text) } .btn-default { color: var(--gl-text); background: var(--gl-card); border-color: var(--gl-line) } .btn-default.focus,.btn-default:focus { color: var(--gl-text); background: var(--gl-card) } .btn-default:hover { color: var(--gl-text); background: var(--gl-card2) } .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default { color: var(--gl-text); background: var(--gl-card2) } .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover { color: var(--gl-text); background: var(--gl-card2) } .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover { background: var(--gl-card); border-color: var(--gl-line) } .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover { color: var(--gl-muted) } .dropdown-menu { background: var(--gl-card); border: 1px solid var(--gl-line) } .dropdown-menu .divider { background: var(--gl-card2) } .dropdown-menu>li>a { color: var(--gl-text) } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover { color: var(--gl-text); background: var(--gl-card2) } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { color: var(--gl-muted) } .dropdown-header { color: var(--gl-muted) } .input-group-addon { color: var(--gl-text); background: var(--gl-bg2); border: 1px solid var(--gl-line) } .nav>li>a:focus,.nav>li>a:hover { background: var(--gl-card2) } .nav>li.disabled>a { color: var(--gl-muted) } .nav>li.disabled>a:focus,.nav>li.disabled>a:hover { color: var(--gl-muted) } .nav .open>a,.nav .open>a:focus,.nav .open>a:hover { background: var(--gl-card2) } .nav .nav-divider { background: var(--gl-card2) } .nav-tabs { border-bottom: 1px solid var(--gl-line) } .nav-tabs>li>a:hover { border-color: var(--gl-line) var(--gl-line) var(--gl-line) } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { color: var(--gl-text); background: var(--gl-card2); border: 1px solid var(--gl-line) } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border: 1px solid var(--gl-line) } @media (min-width:768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid var(--gl-line) } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border-bottom-color: var(--gl-line) } } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover { border: 1px solid var(--gl-line) } @media (min-width:768px) { .nav-tabs-justified>li>a { border-bottom: 1px solid var(--gl-line) } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover { border-bottom-color: var(--gl-line) } } .navbar-default { background: var(--gl-card); border-color: var(--gl-line) } .navbar-default .navbar-brand { color: var(--gl-muted) } .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover { color: var(--gl-text) } .navbar-default .navbar-text { color: var(--gl-muted) } .navbar-default .navbar-nav>li>a { color: var(--gl-muted) } .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover { color: var(--gl-text) } .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover { color: var(--gl-text); background: var(--gl-card2) } .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover { color: var(--gl-text); background: var(--gl-card2) } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: var(--gl-muted) } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: var(--gl-text) } .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: var(--gl-text); background: var(--gl-card2) } } .navbar-default .navbar-toggle { border-color: var(--gl-line) } .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background: var(--gl-card2) } .navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: var(--gl-line) } .navbar-default .navbar-link { color: var(--gl-muted) } .navbar-default .navbar-link:hover { color: var(--gl-text) } .navbar-default .btn-link { color: var(--gl-muted) } .navbar-default .btn-link:focus,.navbar-default .btn-link:hover { color: var(--gl-text) } .navbar-inverse .navbar-brand { color: var(--gl-muted) } .navbar-inverse .navbar-text { color: var(--gl-muted) } .navbar-inverse .navbar-nav>li>a { color: var(--gl-muted) } .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover { color: var(--gl-text) } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: var(--gl-muted) } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: var(--gl-text) } } .navbar-inverse .navbar-toggle .icon-bar { background: var(--gl-card) } .navbar-inverse .navbar-link { color: var(--gl-muted) } .navbar-inverse .btn-link { color: var(--gl-muted) } .navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover { color: var(--gl-text) } .breadcrumb { background: var(--gl-card) } .breadcrumb>.active { color: var(--gl-muted) } .pagination>li>a,.pagination>li>span { background: var(--gl-card); border: 1px solid var(--gl-line) } .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { background: var(--gl-card2); border-color: var(--gl-line) } .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover { color: var(--gl-muted); background: var(--gl-card); border-color: var(--gl-line) } .pager li>a,.pager li>span { background: var(--gl-card); border: 1px solid var(--gl-line) } .pager li>a:focus,.pager li>a:hover { background: var(--gl-card2) } .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span { color: var(--gl-muted); background: var(--gl-card) } .list-group-item.active>.badge,.nav-pills>.active>a>.badge { background: var(--gl-card2) } .jumbotron { background: var(--gl-card) } .jumbotron>hr { border-top-color: var(--gl-line) } .thumbnail { background: var(--gl-card); border: 1px solid var(--gl-line) } .thumbnail .caption { color: var(--gl-text) } .alert-success { background: var(--gl-card) } .alert-warning { background: var(--gl-card) } .alert-danger { background: var(--gl-card2) } .progress { background: var(--gl-card) } .list-group-item { background: var(--gl-card); border: 1px solid var(--gl-line) } .list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover { color: var(--gl-muted); background: var(--gl-card) } .list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text { color: var(--gl-muted) } a.list-group-item,button.list-group-item { color: var(--gl-text) } a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading { color: var(--gl-text) } a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover { color: var(--gl-text); background: var(--gl-card2) } .list-group-item-success { background: var(--gl-card) } .list-group-item-warning { background: var(--gl-card) } .list-group-item-danger { background: var(--gl-card2) } .panel { background: var(--gl-card) } .panel-footer { background: var(--gl-card); border-top: 1px solid var(--gl-line) } .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body { border-top: 1px solid var(--gl-line) } .panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid var(--gl-line) } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid var(--gl-line) } .panel-default { border-color: var(--gl-line) } .panel-default>.panel-heading { color: var(--gl-text); background: var(--gl-card); border-color: var(--gl-line) } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: var(--gl-line) } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: var(--gl-line) } .panel-primary>.panel-heading .badge { background: var(--gl-card) } .panel-success>.panel-heading { background: var(--gl-card) } .panel-warning>.panel-heading { background: var(--gl-card) } .panel-danger>.panel-heading { background: var(--gl-card2) } .well { background: var(--gl-card); border: 1px solid var(--gl-line) } .well blockquote { border-color: var(--gl-line) } .close { color: var(--gl-text) } .close:focus,.close:hover { color: var(--gl-text) } .modal-content { background: var(--gl-card) } .modal-header { border-bottom: 1px solid var(--gl-line) } .modal-footer { border-top: 1px solid var(--gl-line) } .popover { background: var(--gl-card); border: 1px solid var(--gl-line) } .popover.top>.arrow:after { border-top-color: var(--gl-line) } .popover.right>.arrow:after { border-right-color: var(--gl-line) } .popover.bottom>.arrow:after { border-bottom-color: var(--gl-line) } .popover.left>.arrow:after { border-left-color: var(--gl-line) } .carousel-indicators li { border: 1px solid var(--gl-line) } .carousel-indicators .active { background: var(--gl-card2) } .intl-tel-input .country-list { background: var(--gl-bg2); border: 1px solid var(--gl-line) } .intl-tel-input .country-list .divider { border-bottom: 1px solid var(--gl-line) } .intl-tel-input .country-list .country .dial-code { color: var(--gl-muted) } .iti-flag { background: var(--gl-card2) } body,button,input,select,textarea { color: var(--gl-text) } .navbar-main .navbar-nav .dropdown-menu>.active>a,.navbar-main .navbar-nav .dropdown-menu>.active>a:focus,.navbar-main .navbar-nav .dropdown-menu>.active>a:hover,.navbar-main .navbar-nav .dropdown-menu>.open>a,.navbar-main .navbar-nav .dropdown-menu>.open>a:focus,.navbar-main .navbar-nav .dropdown-menu>.open>a:hover,.navbar-main .navbar-nav .dropdown-menu>li>a:focus,.navbar-main .navbar-nav .dropdown-menu>li>a:hover { color: var(--gl-text); background: var(--gl-card2) } .list-group-item { border-color: var(--gl-line) } .list-group-item .badge { color: var(--gl-text) } .list-group-item>i.far.fa-circle { color: var(--gl-muted) } body { background: var(--gl-card) } .primary-bg-color { background: var(--gl-card) } section#header { background: var(--gl-card) } section#header .search .form-control { border-color: var(--gl-line) } section#header .search .btn { background: var(--gl-card); border-color: var(--gl-line); color: var(--gl-muted) } section#main-body { background: var(--gl-card) } section#footer { background: var(--gl-card); border-top: 1px solid var(--gl-line); color: var(--gl-text) } section#footer .back-to-top i { background: var(--gl-card2); color: var(--gl-muted) } .navbar-main .navbar-toggle .icon-bar { background: var(--gl-card) } .navbar-main .navbar-toggle:focus .icon-bar,.navbar-main .navbar-toggle:hover .icon-bar { background: var(--gl-card2) } div.header-lined h1 { border-bottom: 1px solid var(--gl-line) } div.header-lined .breadcrumb li a { color: var(--gl-muted) } .compact-control-bar { background: var(--gl-card) } @media (min-width:768px) { .logincontainer.with-social .login-form { border-right: 1px solid var(--gl-line) } } section#home-banner .btn.transfer { background: var(--gl-card2) } .client-home-panels .panel>.panel-heading { background: var(--gl-card) } .client-home-panels .panel>.panel-heading .panel-title .btn:hover { color: var(--gl-text) } .client-home-panels .panel small { color: var(--gl-muted) } .client-home-panels .panel>.list-group { border-top: 1px solid var(--gl-line); border-bottom: 1px solid var(--gl-line) } .home-kb-search .form-control { background: var(--gl-bg2); border: 1px solid var(--gl-line); color: var(--gl-muted) } .home-kb-search .form-control:focus { border-color: var(--gl-line) } .home-kb-search i { color: var(--gl-muted) } .tiles .tile { background: var(--gl-card); border-right: 1px solid var(--gl-line) } .tiles .tile:hover { background: var(--gl-card2) } @media (max-width:767px) { .tiles .tile:nth-child(1),.tiles .tile:nth-child(2) { border-bottom: 1px solid var(--gl-line) } } .tile .title { color: var(--gl-muted) } .panel.panel-accent-silver { border-top: 3px solid var(--gl-line) } .bg-color-silver { background: var(--gl-card2) } ul.top-nav>li>a { color: var(--gl-muted) } ul.top-nav>li:active>a,ul.top-nav>li:focus>a,ul.top-nav>li:hover>a,ul.top-nav>li>a:focus { color: var(--gl-text) } ul.top-nav>li.primary-action { border-left: solid 1px var(--gl-line) } .announcement-single .article-items { color: var(--gl-muted) } div.product-details div.product-icon { background: var(--gl-card) } div.product-details-tab-container { border: 1px solid var(--gl-line); background: var(--gl-card) } .dataTables_wrapper .dataTables_info { border-bottom: 1px solid var(--gl-line) } .dataTables_wrapper table.table-list thead th.sorting_asc,.dataTables_wrapper table.table-list thead th.sorting_desc { background: var(--gl-card) } .dataTables_wrapper .dataTables_filter label .form-control { background-color: var(--gl-bg2); border: 1px solid var(--gl-line) } .dataTables_wrapper .dataTables_length { background: var(--gl-card); color: var(--gl-muted) } .pagination>li>a,.pagination>li>span { color: var(--gl-text) } table.table-list thead th { background: var(--gl-card); border-bottom: 1px solid var(--gl-line); color: var(--gl-text) } .table-list>tbody>tr>td a.border-left { border-left: 1px solid var(--gl-line) } .table-list>tbody>tr>td { background: var(--gl-card) } .table-list>tbody>tr:nth-child(even)>td { background: var(--gl-card) } .status { border: 2px solid var(--gl-line); background: var(--gl-card); color: var(--gl-text) } .status-custom { background: var(--gl-card); color: var(--gl-text) } .status-answered,.status-fraud { color: var(--gl-text) } .status-cancelled { color: var(--gl-muted) } .status-terminated { color: var(--gl-text) } .status-closed { color: var(--gl-muted) } .status-cancelled { color: var(--gl-muted) } .status-dead,.status-lost { color: var(--gl-text) } .affiliate-referral-link span { border: 1px solid var(--gl-line) } .ticket-reply { border: 1px solid var(--gl-line); background: var(--gl-card) } .ticket-reply .user { background: var(--gl-card) } .ticket-reply.staff .user { background: var(--gl-card) } .ticket-reply .rating span.star:before,.ticket-reply .rating-done span.star:before { color: var(--gl-muted) } .ticket-reply .attachments { border-top: 1px dashed var(--gl-line); background: var(--gl-card) } .panel>.list-group .ticket-details-children .title { color: var(--gl-muted) } .requestor-type-guest { background: var(--gl-card2) } .ticketfeedbackstaffcont { background: var(--gl-card) } .popover-user-notifications { border-color: var(--gl-line) } .popover-user-notifications ul li { border-bottom: 1px solid var(--gl-line) } .popover-user-notifications ul li a { color: var(--gl-text) } .popover-user-notifications ul li a:hover { background: var(--gl-card2) } div.credit-card { background: var(--gl-card); border: 1px solid var(--gl-line) } div.credit-card div.card-number { background: var(--gl-card2) } .auth3d-area { border: 1px solid var(--gl-line) } .submit-3d { border: 1px solid var(--gl-line) } .invoice-summary { background: var(--gl-card); border: 4px dashed var(--gl-line) } .invoice-summary-table td.total-row { background: var(--gl-card) } div.credit-card .logo-discover { color: var(--gl-text) } div.sidebar .list-group-item-selected .badge { background: var(--gl-bg2) } @media (max-width:991px) { .panel-actions>.list-group .list-group-item { border: 1px solid var(--gl-line) !important } } .twofa-setup .activation-msg { border: 1px dashed var(--gl-line) } .twofa-setup .backup-code { background: var(--gl-card); color: var(--gl-text) } .twofa-module { border: 1px solid var(--gl-line) } .kb-category a small { color: var(--gl-muted) } h3.kb-alsoread { background: var(--gl-card) } .kb-rate-article { background: var(--gl-card) } .kb-article-details { color: var(--gl-muted) } a.admin-inline-edit { color: var(--gl-muted) } a.admin-inline-edit:hover { color: var(--gl-text) } tr.masspay-total td { background: var(--gl-card) } .verification-banner { background: var(--gl-card); border-bottom: 1px solid var(--gl-line); color: var(--gl-text) } .verification-banner.user-validation .btn.btn-action,.verification-banner.user-validation .btn.btn-action:active,.verification-banner.user-validation .btn.btn-action[disabled]:hover { background: var(--gl-card); border-color: var(--gl-line); color: var(--gl-text) } .verification-banner .btn.close { color: var(--gl-text) } .verification-banner .btn.close:hover { color: var(--gl-text) } .verification-banner .fal,.verification-banner .far,.verification-banner .fas { color: var(--gl-text) } .verification-banner.success { background: var(--gl-card) } .verification-banner.failed { background: var(--gl-card) } .md-editor { border: 1px solid var(--gl-line) } .md-editor>.btn-toolbar { background: var(--gl-card) !important } .md-editor>.md-preview,.md-editor>textarea.markdown-editor { border-top: 1px solid var(--gl-line) !important; border-bottom: 1px solid var(--gl-line) !important; background: var(--gl-bg2) !important } div.md-editor.active { border: 1px solid var(--gl-line) } .markdown-editor-status { color: var(--gl-muted) } .markdown-content h1 { color: var(--gl-text) } .markdown-content h2 { color: var(--gl-text) } .markdown-content h3 { color: var(--gl-text) } .markdown-content h4 { color: var(--gl-text) } .markdown-content table { background: var(--gl-card); border: 1px solid var(--gl-line) } .markdown-content table>thead>tr>th { background: var(--gl-card); border: 1px solid var(--gl-line) } .markdown-content table>tbody>tr>td { border: 1px solid var(--gl-line) } .panel-sidebar { border-color: var(--gl-line) } .panel-sidebar>.panel-heading { color: var(--gl-text); background: var(--gl-card) } .panel-sidebar .panel-title { color: var(--gl-text) } .panel-sidebar>.panel-footer { color: var(--gl-text); background: var(--gl-card) } .panel-sidebar a.list-group-item:hover i.far,.panel-sidebar a.list-group-item:hover i.fas { color: var(--gl-text) !important } .panel-sidebar.view-filter-btns .list-group-item.active,.panel-sidebar.view-filter-btns .list-group-item.active:focus,.panel-sidebar.view-filter-btns .list-group-item.active:hover { background: var(--gl-card2); border-color: var(--gl-line); color: var(--gl-text) } .store-order-container .store-domain-tabs li a { background: var(--gl-card); border-bottom: 1px solid var(--gl-line) } .store-order-container .store-domain-tabs li.active a { background: var(--gl-card2) } .store-order-container .store-domain-tab-content { border: 1px solid var(--gl-line) } .store-order-container .domain-validation { color: var(--gl-muted) } .store-promoted-product { background: var(--gl-card) } .promo-banner { background: var(--gl-card); border: 1px solid var(--gl-line) } .promo-banner.ox a { color: var(--gl-text) } .client-home-panels div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metrics-row>div:not(:last-child) { border-right: 1px solid var(--gl-line) } .client-home-panels div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-title { color: var(--gl-muted) } #registration label { color: var(--gl-text) } .marketing-email-optin { background: var(--gl-card) } #registration .sub-heading { border-top: 1px solid var(--gl-line) } #registration .sub-heading span { background: var(--gl-card) } #registration .field,#registration .form-control { border: 1px solid var(--gl-line); color: var(--gl-text); background: var(--gl-bg2) } #registration .form-control:focus { border-color: var(--gl-line) } #registration .field[disabled],#registration .field[readonly],#registration .form-control[disabled],#registration .form-control[readonly] { background: var(--gl-bg2) } #registration .field-help-text { color: var(--gl-muted) } .upgrade .product-to-be-upgraded { background: var(--gl-card) } .upgrade .products .product { background: var(--gl-card) } .upgrade .products .product ul { border-left: 1px solid var(--gl-line); border-right: 1px solid var(--gl-line) } .upgrade .products .product .footer { border: 1px solid var(--gl-line) } .upgrade .products .product ul li { color: var(--gl-muted); border-bottom: 1px solid var(--gl-line) } .upgrade .products .product ul li span { color: var(--gl-text) } form[data-role=json-form] .has-error input.form-control,form[data-role=json-form] .has-error select.form-control,form[data-role=json-form] .has-error textarea.form-control { background: var(--gl-bg2) } .select-account { border-top: 1px solid var(--gl-line) } .select-account a { border-bottom: 1px solid var(--gl-line) } .select-account a:hover { background: var(--gl-bg2) } .continue-container { background: var(--gl-card); border: 1px solid var(--gl-line) } .invite-box { background: var(--gl-card); border: 1px solid var(--gl-line) } .featured-tld .price { background: var(--gl-card); color: var(--gl-text) } .domain-pricing .tld-row { border-bottom: 1px solid var(--gl-line) } .domain-pricing .tld-row.highlighted { background: var(--gl-card) } .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 { background: var(--gl-card) } .domain-pricing .tld-pricing-header div:nth-child(odd) { background: var(--gl-card) } .ox-table-accounts .list-group-item-danger { background: var(--gl-card2) } div[menuitemname='Active Products/Services'] .btn-view-more.disabled { color: var(--gl-muted) } .div-service-item .dropdown-menu li { color: var(--gl-text) } .div-service-item .dropdown-menu>li:focus,.div-service-item .dropdown-menu>li:hover { color: var(--gl-text); background: var(--gl-card2) } .dropdown-menu li.disabled,.dropdown-menu li.disabled:focus,.dropdown-menu li.disabled:hover { color: var(--gl-muted) } .bootstrap-switch { border-color: var(--gl-line) } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color: var(--gl-text); background: var(--gl-card) } .bootstrap-switch .bootstrap-switch-label { color: var(--gl-text); background: var(--gl-card) } .md-editor { border: 1px solid var(--gl-line) } .md-editor .md-footer,.md-editor>.md-header { background: var(--gl-card) } .md-editor>.md-preview { background: var(--gl-card); border-top: 1px dashed var(--gl-line); border-bottom: 1px dashed var(--gl-line) } .md-editor>textarea { border-top: 1px dashed var(--gl-line); border-bottom: 1px dashed var(--gl-line); background: var(--gl-bg2) } .md-editor>textarea:focus { background: var(--gl-bg2) } .md-editor .md-controls .md-control:hover { color: var(--gl-text) } .md-editor.md-fullscreen-mode { background: var(--gl-card) !important } .md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview { color: var(--gl-muted); background: var(--gl-bg2) !important } .md-editor.md-fullscreen-mode .md-preview { color: var(--gl-text) } .md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover { color: var(--gl-text); background: var(--gl-bg2) !important } .md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover { color: var(--gl-text) } .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover { color: var(--gl-text) } table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { border: 2px solid var(--gl-line) } table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before { border: 2px solid var(--gl-line) } table.dataTable>tbody>tr.child ul li { border-bottom: 1px solid var(--gl-line) } div.dtr-modal div.dtr-modal-display { background: var(--gl-card) } div.dtr-modal div.dtr-modal-close { border: 1px solid var(--gl-line); background: var(--gl-card) } div.dtr-modal div.dtr-modal-close:hover { background: var(--gl-card2) } .lb-outerContainer { background: var(--gl-card) } .lb-data .lb-number { color: var(--gl-muted) } .captcha-overlay-popup { background: var(--gl-card); border: 1px solid var(--gl-line) } /* from core.css */ @media screen and (max-width: 991px) { section#header .wdes-header section#main-menu .navbar-main .navbar-collapse { background: var(--gl-card) } } .pagination li a,.pagination li span { background: var(--gl-card) } .iradio_square-blue:before,.iradio-wdes:before { background: var(--gl-card) } .wdes-switch .slider { background: var(--gl-card2) } .wdes-switch .slider::before { background: var(--gl-card) } .btn-group.open .dropdown-toggle { background: var(--gl-card2) } .modal-backdrop { background: var(--gl-card) } .modal-content .panel-heading.modal-header { background: var(--gl-card) } @media screen and (max-width: 991px) { .wdes-layout-minimize #header { border-bottom: 1px solid var(--gl-line) } .wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item > .wdes-menu-item-link,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > .wdes-menu-item-link,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > button,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > a { border-bottom: 1px solid var(--gl-line) } .wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item > .wdes-menu-item-link:hover,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item > .wdes-menu-item-link:focus,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > .wdes-menu-item-link:hover,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > .wdes-menu-item-link:focus,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > button:hover,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > button:focus,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > a:hover,.wdes-layout-minimize section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > a:focus { color: var(--gl-text) } .wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item > .wdes-menu-item-link,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > .wdes-menu-item-link,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > button,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > a { color: var(--gl-text); border-bottom: 1px solid var(--gl-line) } .wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item > .wdes-menu-item-link:hover,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item > .wdes-menu-item-link:focus,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > .wdes-menu-item-link:hover,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > .wdes-menu-item-link:focus,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > button:hover,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > button:focus,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > a:hover,.wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav > li.wdes-menu-item .dropdown > a:focus { color: var(--gl-text) } } @media screen and (min-width: 992px) { .wdes-layout-full section#header .wdes-header section#main-menu .navbar-main .navbar-nav .wdes-menu-item .wdes-notifications .wdes-new-notification { background: var(--gl-card) } } :root .wdes-style-soft-contrast .sidebar .panel.panel-sidebar[menuitemname="Client Details"] { background: var(--gl-card) } :root .wdes-style-soft-contrast [menuitemname="Ticket Information"] .list-group,:root .wdes-style-soft-contrast [menuitemname=Attachments] .list-group { background: var(--gl-card) } .promo-banner .content form .btn { background: var(--gl-card) } div.product-details-tab-container { border: 1px solid var(--gl-line); background: var(--gl-card) } div.product-details-tab-container .row { border-bottom: 1px solid var(--gl-line) } div.product-details-tab-container .row div { color: var(--gl-text) } .wdes-announcements-carousel ol.carousel-indicators li { background: var(--gl-card) } .wdes-announcements-carousel ol.carousel-indicators li.active { background: var(--gl-card2) } .wdes-account-page-announcement-single_btn { background: var(--gl-card); color: var(--gl-text) } .wdes-wrap-account-page_main_article { background: var(--gl-card) } .wdes-wrap-account-page_main-article_heading .header-lined h1 { color: var(--gl-text) } .wdes-wrap-account-page_main-article_form#registration .field,.wdes-wrap-account-page_main-article_form#registration .form-control { border-color: var(--gl-line) } .wdes-wrap-account-page_main-article_form#registration .sub-heading span,.wdes-wrap-account-page_main-article_form .sub-heading span { color: var(--gl-text) } .wdes-wrap-account-page_main-article_form#registration .intl-tel-input .country-list { border: 1px solid var(--gl-line) } .wdes-wrap-account-page_main-article_form_actions .wdes-register:hover { color: var(--gl-text) } /* from templates_orderforms_phox_css_all.min.css */ html #order-phox label,html #order-phox p.domain-renewal-desc,html .service-renewals .div-renewal-period-label { color: var(--gl-text) } html #order-phox .sub-heading { border-top: 1px solid var(--gl-line) } html #order-phox .products .product { background: var(--gl-card); border: 1px solid var(--gl-line) } html #order-phox .products .product header { background: var(--gl-card) } html #order-phox .products .product header span { color: var(--gl-text) } html #order-phox .products .product header .qty { color: var(--gl-muted) } html #order-phox .panel-addon .panel-body label { color: var(--gl-text) } html #order-phox .panel-addon .panel-price { background: var(--gl-card) } html #order-phox .panel-addon-selected { border-color: var(--gl-line) } html #order-phox .domain-selection-options .option { background: var(--gl-bg2) } html #order-phox .domain-selection-options .option-selected { background: var(--gl-bg2) } html #order-phox .transfer-eligible { background: var(--gl-card) } html #order-phox .transfer-not-eligible { color: var(--gl-text); background: var(--gl-card) } html #order-phox .product-info { background: var(--gl-card); border-top: 1px solid var(--gl-line); border-bottom: 1px solid var(--gl-line) } html #order-phox .summary-container { background: var(--gl-card) } html #order-phox .order-summary .summary-totals { border-top: 1px solid var(--gl-line); border-bottom: 1px solid var(--gl-line) } html #order-phox .apply-credit-container { background: var(--gl-card) } html #order-phox .cc-input-container { background: var(--gl-bg2); border: 1px solid var(--gl-line) } html #order-phox .cc-input-container .existing-cc-grid { color: var(--gl-text) } html #order-phox .field,html #order-phox .form-control { border: 1px solid var(--gl-line); color: var(--gl-text); background: var(--gl-bg2) } html #order-phox .form-control:focus { border-color: var(--gl-line) } html #order-phox .field[disabled],html #order-phox .field[readonly],html #order-phox .form-control[disabled],html #order-phox .form-control[readonly] { background: var(--gl-bg2) } html #order-phox .field-help-text { color: var(--gl-muted) } html #order-phox .view-cart-items .item { background: var(--gl-card) } html #order-phox .view-cart-items .item:nth-child(even) { background: var(--gl-card) } html #order-phox .btn-remove-from-cart { color: var(--gl-text) } html #order-phox .order-summary .subtotal { border-bottom: 1px solid var(--gl-line) } html #order-phox .order-summary .bordered-totals { border-bottom: 1px solid var(--gl-line) } html #order-phox .order-summary .recurring-charges { color: var(--gl-muted) } html #order-phox .order-summary .btn-continue-shopping { color: var(--gl-text) } html #order-phox .view-cart-tabs .nav-tabs a[aria-expanded=true],html #order-phox .view-cart-tabs .nav-tabs a[aria-selected=true] { border-color: var(--gl-line) var(--gl-line) var(--gl-line); background: var(--gl-bg2) } html #order-phox .view-cart-tabs .tab-content { background: var(--gl-card) } html #order-phox .view-cart-promotion-code { background: var(--gl-card); border: 1px dashed var(--gl-line) } html #order-phox .view-cart-gateway-checkout { background: var(--gl-card) } html div.domainresults div:not(.btn-group) { background: var(--gl-card2); color: var(--gl-text) } html div.domainresults div:not(.btn-group) span { color: var(--gl-muted) } html .domain-checker-container .input-group-box { background: var(--gl-bg2) } html .domain-pricing .tld-row { border-bottom: 1px solid var(--gl-line) } html .domain-pricing .tld-row.highlighted { background: var(--gl-card) } html .domain-pricing .tld-pricing-header .col-sm-2,html .domain-pricing .tld-pricing-header .col-sm-4,html .domain-pricing .tld-pricing-header .col-xs-2,html .domain-pricing .tld-pricing-header .col-xs-4 { background: var(--gl-card) } html .domain-pricing .tld-pricing-header div:nth-child(odd) { background: var(--gl-card) } html .spotlight-tlds { background: var(--gl-card) } html .spotlight-tld { background: var(--gl-card); border: 1px solid var(--gl-line); color: var(--gl-text) } html .spotlight-tld .invalid,html .spotlight-tld .unavailable { background: var(--gl-card); border-color: var(--gl-line) } html .suggested-domains .domain-lookup-suggestions-loader { background: var(--gl-card) } html .domain-promo-box { background: var(--gl-card); border: 1px solid var(--gl-line); color: var(--gl-text) } html .domain-promo-box .small { color: var(--gl-muted) } html .form-control.domain-renewals-filter,html .form-control.service-renewals-filter { background-color: var(--gl-bg2) !important } html .domain-renewals,html .service-renewals { border-top: 1px solid var(--gl-line) } html .addon-renewals .service-renewal,html .domain-renewals,html .service-renewals { background: var(--gl-card) } html .domain-renewals .domain-renewal,html .service-renewals .service-renewal { border-bottom: 1px solid var(--gl-line) } html .addon-renewals .service-renewal:nth-child(even),html .domain-renewals .domain-renewal:nth-child(even),html .service-renewals .service-renewal:nth-child(even) { background: var(--gl-card) } html .service-renewals .div-renewal-ineligible { color: var(--gl-text) } html .addon-renewals>div { border: 1px solid var(--gl-line) } html #order-phox .addon-promo-container { border: 1px solid var(--gl-line) } html #order-phox .mc-promo { background: var(--gl-card); border: 1px dashed var(--gl-line) } html #order-phox .mc-promo .body { border-top: 10px solid var(--gl-line); background: var(--gl-card) } html #order-phox .mc-promo.weebly .expander,html #order-phox .mc-promo.weebly .price { color: var(--gl-muted) } html #order-phox .mc-promo.sitelockvpn .expander,html #order-phox .mc-promo.sitelockvpn .price { color: var(--gl-text) } html #order-phox .default-captcha { background: var(--gl-card); border: 1px solid var(--gl-line); color: var(--gl-muted) } html #order-phox .account-select-container { border-right: 1px solid var(--gl-line) } html #order-phox .account-select-container div.account { background: var(--gl-bg2); border: 1px solid var(--gl-line) } html #order-phox .account-select-container div.account.active { background: var(--gl-bg2) } html .product-recommendations .product-recommendation { background: var(--gl-card); border: 1px dashed var(--gl-line) } html .product-recommendations .product-recommendation .body { border-top: 10px solid var(--gl-line); background: var(--gl-card) } /* from templates_orderforms_phox_wdes_css_core.css */ html #order-phox .wdes-phox-hooks-output > h3 { color: var(--gl-text) } html #order-phox .wdes-phox-hooks-output .mc-promos .mc-promo .header .content .headline { color: var(--gl-text) } html #order-phox .wdes-phox-hooks-output .mc-promos .mc-promo .body { background: var(--gl-card); border-top: 1px solid var(--gl-line) } html #order-phox .wdes-phox-view-cart_item_title_block { color: var(--gl-text) } html #order-phox .wdes-phox-cart_btn:hover,html #order-phox .wdes-phox-cart_btn:focus { background: var(--gl-card2) } html #order-phox .cc-input-container { background: var(--gl-bg2); border: 1px solid var(--gl-line) } html #order-phox .domain-promo-box { background: var(--gl-card); border: 1px solid var(--gl-line) } html #order-phox .domains-row .input-group-addon.input-group-prepend { color: var(--gl-text) } html #order-phox .sub-heading span,html #order-phox .sub-heading-borderless span { color: var(--gl-text) } html #order-phox #frmDomainTransfer .panel .panel-body #inputTransferDomain,html #order-phox #frmDomainTransfer .panel .panel-body #inputAuthCode { background: var(--gl-bg2) } html #order-phox #frmDomainTransfer .panel .panel-body #btnTransferDomain:hover,html #order-phox #frmDomainTransfer .panel .panel-body #btnTransferDomain:focus { background: var(--gl-card2) !important } html #order-phox .domain-renewals .domain-renewal { background: var(--gl-card) } html #order-phox .wdes-phox-addons-heading { color: var(--gl-text) } html #order-phox .product-configurable-options .form-group { background: var(--gl-card); border: 1px solid var(--gl-line) } html #order-phox .tld-pricing-header { border: 1px solid var(--gl-line) } html #order-phox .tld-pricing-header .tld-column,html #order-phox .tld-pricing-header .no-gutters > div { color: var(--gl-text) } html #order-phox .tld-row { border: 1px solid var(--gl-line) } html #order-phox .tld-row .two-row-center strong { color: var(--gl-text) } html #order-phox .tld-row .text-center small { color: var(--gl-text) } html #order-phox .dataTables_wrapper .dataTables_filter label .form-control { background-color: var(--gl-bg2) !important } html #order-phox .tld-filters a { background: var(--gl-card) } /* from store.css */ html .landing-page .hero { color: var(--gl-text) } html .landing-page .product-options .item { background: var(--gl-card) } html .landing-page .product-options p { color: var(--gl-text) } html .landing-page .product-options .price { color: var(--gl-text) } html .landing-page.mail-services .product-options .item { background: var(--gl-card) } html .landing-page .navbar .navbar-nav > li > a { border-bottom: 1px solid var(--gl-line) } @media (min-width: 992px) { html .landing-page .navbar .navbar-nav > li > a { border-left: 1px solid var(--gl-line) } html .landing-page .navbar .navbar-nav > li:last-child > a { border-right: 1px solid var(--gl-line) } } html .landing-page .navbar .navbar-nav > li.active > a { background: var(--gl-card2) } html .landing-page .light-grey-bg { background: var(--gl-card); color: var(--gl-text) } html .landing-page .nav-tabs > li > a,html .landing-page .nav-tabs > li > a:focus { background: var(--gl-card) } html .landing-page .nav-tabs > li > a:hover { background: var(--gl-card2) } html .landing-page .nav-tabs > li.active > a,html .landing-page .nav-tabs > li.active > a:focus,html .landing-page .nav-tabs > li.active > a:hover { background: var(--gl-card2) } html .landing-page .tab-content { background: var(--gl-card) } html .landing-page .pricing-item { border: 1px solid var(--gl-line) } html .landing-page .pricing-item ul li { border-bottom: 1px solid var(--gl-line) } html .landing-page .pricing-item .feature-heading { background: var(--gl-card) } html .landing-page .features { background: var(--gl-card) } html .landing-page.weebly .faq { background: var(--gl-card2) } html .landing-page.ssl .validation-levels .item { background: var(--gl-card) } html .landing-page.ssl .help-me-choose .ideal { color: var(--gl-muted) } html .landing-page.ssl .ssl-benefits .row { color: var(--gl-text) } html .landing-page.ssl .ssl-benefits i { color: var(--gl-text) } html .landing-page.ssl .browser-notice .wrapper { background: var(--gl-card) } html .landing-page.ssl .detailed-info { background: var(--gl-card) } html .landing-page.ssl .detailed-info .panel-body { background: var(--gl-card); border: 1px solid var(--gl-line) } html .landing-page.ssl .standout-2 { color: var(--gl-text) } html .landing-page.ssl ul.ssl-certs-all li { border-bottom: 3px solid var(--gl-line) } html .landing-page.ssl ul.ssl-certs-all .price span { color: var(--gl-muted) } html .landing-page.ssl .row-pricing-table ul li { background: var(--gl-card); border-bottom: 1px solid var(--gl-line); color: var(--gl-text) } html .landing-page.ssl .certificate-options .btn { background: var(--gl-card); color: var(--gl-text) } html .landing-page.ssl .dashed-border { border-bottom: 1px dashed var(--gl-line) } html .sitebuilder-upgrade-container,html .weebly-upgrade-container { border: 1px solid var(--gl-line) } html .sitebuilder-upgrade-container .promo-wrapper,html .weebly-upgrade-container .promo-wrapper { background: var(--gl-card) } html .landing-page.sitelock .plans .plan { background: var(--gl-card) } html .landing-page.sitelock .plans .plan ul li { color: var(--gl-muted); border-bottom: 1px solid var(--gl-line) } html .landing-page.sitelock .plans .plan ul li span { color: var(--gl-text) } html .landing-page.codeguard .overview-features span { color: var(--gl-muted) } @media (min-width: 768px) { html .landing-page.codeguard .overview-features li { border-right: 1px solid var(--gl-line) } html .landing-page.codeguard .overview-features span { color: var(--gl-muted) } } html .landing-page.codeguard .faqs { background: var(--gl-card) } html .landing-page.codeguard .irs-line { background: var(--gl-card) } html .landing-page.sitelockvpn .feature.alternate-bg { background: var(--gl-card) } html .landing-page.sitelockvpn .feature.pricing .pricing-box { background: var(--gl-card) } html .landing-page.sitelockvpn .feature.pricing .cycle { background: var(--gl-card); color: var(--gl-text) } html .landing-page.sitelockvpn .feature.pricing ul li { border-bottom: 1px solid var(--gl-line) } html .landing-page.sitelockvpn .dividing-line { background: var(--gl-card2) } html .landing-page.sitelockvpn .feature.countries { background: var(--gl-card) } html .landing-page.marketgoo .feature-wrapper { background: var(--gl-card) } html .landing-page.marketgoo .plan ul { border-top: 1px solid var(--gl-line) } html .landing-page.marketgoo .plan ul li { border-bottom: 1px solid var(--gl-line) } html .landing-page.marketgoo .plan.labels ul li { border-right: 1px solid var(--gl-line) } html .landing-page.marketgoo .plan.marketgoo_pro ul { background: var(--gl-card) } html .landing-page.marketgoo .carousel .carousel-indicators li { background: var(--gl-card2) } html .landing-page.marketgoo .faqs { background: var(--gl-card) } html .landing-page.ox .stand-out { background: var(--gl-card2) } html .landing-page.ox .pricing td:not(.no-border),html .landing-page.ox .pricing th { border: 1px solid var(--gl-line) } html .landing-page.ox .pricing table tr:nth-child(even) td:first-child { background: var(--gl-card) } html .landing-page.ox .faqs { background: var(--gl-card) } html .landing-page.sitebuilder .intro { background: var(--gl-card) } html .landing-page.sitebuilder .nav-tabs > li > a { background: var(--gl-card); color: var(--gl-text) } html .landing-page.sitebuilder .nav-tabs a.active,html .landing-page.sitebuilder .nav-tabs a.active:focus,html .landing-page.sitebuilder .nav-tabs a.active:hover,html .landing-page.sitebuilder .nav-tabs > li.active > a,html .landing-page.sitebuilder .nav-tabs > li.active > a:focus,html .landing-page.sitebuilder .nav-tabs > li.active > a:hover { background: var(--gl-card2) } html .landing-page.sitebuilder .features p { color: var(--gl-text) } html .landing-page.sitebuilder .templates { border-top: 1px solid var(--gl-line) } html .landing-page.sitebuilder .templates .previews img,html .landing-page.sitebuilder .templates .previews .show-more div { border: 1px solid var(--gl-line) } html .landing-page.sitebuilder .templates .previews .show-more div .icon-wrapper { background: var(--gl-card2) } html .landing-page.sitebuilder .templates .previews .thumb-wrapper .type-label { border: 1px solid var(--gl-line) } html .landing-page.sitebuilder .templates .previews .type-single .type-label { background: var(--gl-card2) } html .landing-page.sitebuilder .templates .previews .tplname { color: var(--gl-muted) } html .landing-page.sitebuilder .templates .previews a:hover .tplname { color: var(--gl-text) } html .landing-page.sitebuilder .pricing-table { background: var(--gl-card); border: 1px solid var(--gl-line) } html .landing-page.sitebuilder .pricing-table-row:not(.col-heading):nth-child(even) { background: var(--gl-card) } html .wp-toolkit { background: var(--gl-card) } html .wp-toolkit .hero-image { background: var(--gl-card2) } html .wp-toolkit .body-intro { background: var(--gl-card2) } html .wp-toolkit .service-selector { border-bottom: 1px solid var(--gl-line) } html .wp-toolkit .cart-items { border-bottom: 1px solid var(--gl-line) } html .wp-toolkit .cart-items .item:nth-child(odd) { background: var(--gl-card) } html .wp-toolkit .service-selector .service .btn.disabled { background: var(--gl-bg2); border-color: var(--gl-line); color: var(--gl-muted) } html .wp-toolkit .service-selector .divider { background: var(--gl-bg2) } html .wp-toolkit .faqs .border-line { background: var(--gl-card) } html .landing-page.xovinow { background: var(--gl-card) } html .landing-page.xovinow .btn-xovinow { background: var(--gl-card); border-color: var(--gl-line) } html .landing-page.xovinow .bg-white { background: var(--gl-card) } html .landing-page.xovinow .feature-tabs .nav-tabs > li > a,html .landing-page.xovinow .feature-tabs .nav-tabs > li > a:focus,html .landing-page.xovinow .feature-tabs .nav-tabs > li > a:hover { background: var(--gl-card); color: var(--gl-text) } html .landing-page.xovinow .pricing .plan .plan-price { border-bottom: 2px solid var(--gl-line) } html .landing-page.xovinow .pricing .plan-feature.row-highlight { background: var(--gl-card) } html .landing-page.nordvpn .line-break { border-bottom: 1px var(--gl-line) solid } html .landing-page.nordvpn .feature.logo { background: var(--gl-card) } html .landing-page.nordvpn .comparison .col-xs-2 { border: 1px solid var(--gl-line) } html .landing-page.nordvpn .comparison .col-xs-12:nth-of-type(7) .col-xs-2:not(:nth-of-type(2)),html .landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2) { border-bottom: 1px solid var(--gl-line) } html .landing-page.nordvpn .comparison .col-xs-12 .col-xs-2:nth-of-type(2) { background: var(--gl-card) } html .landing-page.threesixtymonitoring { color: var(--gl-text) } html .landing-page.threesixtymonitoring h1,html .landing-page.threesixtymonitoring h2,html .landing-page.threesixtymonitoring h3,html .landing-page.threesixtymonitoring .row-revenue { color: var(--gl-text) } html .landing-page.threesixtymonitoring .section-header { color: var(--gl-text) } html .landing-page.threesixtymonitoring .section-header .form-control { color: var(--gl-text) } html .landing-page.threesixtymonitoring .nav-link { color: var(--gl-text) } html .landing-page.threesixtymonitoring .nav-primary .nav-link { background: var(--gl-card) } html .landing-page.threesixtymonitoring .nav-secondary .nav-item.active > .nav-link,html .landing-page.threesixtymonitoring .nav-secondary .nav-item.active > .nav-link:focus,html .landing-page.threesixtymonitoring .nav-secondary .nav-item.active > .nav-link:hover { background: var(--gl-card2) } html .div-pricing > div:nth-child(2) > div { border-top: solid var(--gl-line) 3px } html .landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels ul li:nth-child(2n+2) { background: var(--gl-card) } html .landing-page.threesixtymonitoring .div-pricing-container .div-feature-values ul li:nth-child(2n+2) { background: var(--gl-card) } html .landing-page.threesixtymonitoring .section-faq .btn-link { color: var(--gl-text) } html .landing-page.threesixtymonitoring .section-faq .panel-heading { background: var(--gl-card); border-bottom: solid var(--gl-line) 3px } /* from dataTables.bootstrap.css */ html ul.DTTT_dropdown.dropdown-menu a { color: var(--gl-text) !important } html div.DTTT_print_info { color: var(--gl-text); background: var(--gl-card) } html div.dataTables_processing { background: var(--gl-card); background: var(--gl-card); background: var(--gl-card); background: var(--gl-card); background: var(--gl-card); background: var(--gl-card); background: var(--gl-card) } html div.DTFC_LeftHeadWrapper table,html div.DTFC_LeftFootWrapper table,html div.DTFC_RightHeadWrapper table,html div.DTFC_RightFootWrapper table,html table.DTFC_Cloned tr.even { background: var(--gl-card) } /* from dataTables.responsive.css */ html table.dataTable.dtr-inline.collapsed tbody td:first-child:before,html table.dataTable.dtr-inline.collapsed tbody th:first-child:before { border: 2px solid var(--gl-line) } html table.dataTable.dtr-column tbody td.control:before,html table.dataTable.dtr-column tbody th.control:before { border: 2px solid var(--gl-line) } html table.dataTable tr.child ul li { border-bottom: 1px solid var(--gl-line) } /* ========================================================================== GreaterLink Orange — WHMCS client area + cart (matches orange.greaterlink.net) Loaded after the PHOX theme CSS; overrides only. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); :root{--gl-bg:#0B1120;--gl-bg2:#0F172A;--gl-card:#131C2E;--gl-card2:#18233A;--gl-line:#243049;--gl-text:#E6EBF5;--gl-muted:#94A3B8; --gl-orange:#FF6C2C;--gl-orange2:#FF9A5C;--gl-orange-dk:#E8531A;--gl-green:#22C55E;--gl-red:#F87171; --gl-glow:0 8px 28px rgba(255,108,44,.13),0 1px 0 rgba(255,108,44,.10);--gl-glow-hover:0 14px 40px rgba(255,108,44,.24),0 0 0 1px rgba(255,108,44,.25)} /* ---- Base ---- */ html,body,.wdes-wrap-theme,.wdes-wrap-content,.outer-wrapper,.inner-wrapper,.main-content,section#main-body,#main-body{background:var(--gl-bg)!important;color:var(--gl-text)!important} body,button,input,select,textarea,.btn{font-family:Inter,system-ui,-apple-system,sans-serif!important} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.section-title,.panel-title,.modal-title,.product-name,.product-name *{color:var(--gl-text)!important;letter-spacing:-.01em} h1,.h1{font-weight:800!important} p,li,label,.control-label,.text-muted,.help-block,small,.small,.product-desc,.product-desc *,.domain-checker-result-headline-content,.msg{color:#B6C2D6!important} a{color:var(--gl-orange2)}a:hover,a:focus{color:#fff} hr{border-color:var(--gl-line)!important} ::selection{background:rgba(255,108,44,.35)} /* ---- Header / navigation ---- */ .wdes-header,.navbar,.navbar-default,.navbar-main,#header{background:rgba(11,17,32,.95)!important;border:0!important;border-bottom:1px solid var(--gl-line)!important;box-shadow:none!important} .navbar-default .navbar-nav>li>a,.wdes-menu-item-link,.wdes-menu-item_content,.navbar a{color:#CBD5E1!important;font-weight:500} .navbar-default .navbar-nav>li>a:hover,.wdes-menu-item-link:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{color:#fff!important;background:transparent!important} .dropdown-menu{background:var(--gl-card)!important;border:1px solid var(--gl-line)!important;border-radius:12px!important;box-shadow:0 18px 40px rgba(0,0,0,.45),var(--gl-glow)!important;padding:8px!important} .dropdown-menu>li>a,.dropdown-menu a{color:#CBD5E1!important;border-radius:8px}.dropdown-menu>li>a:hover,.dropdown-menu a:hover{background:var(--gl-card2)!important;color:#fff!important} .dropdown-menu .divider,.nav-divider{background:var(--gl-line)!important} .navbar-toggle .icon-bar{background:#fff!important}.navbar-toggle{border-color:var(--gl-line)!important} /* ---- Cards, panels, lists ---- */ .panel,.card,.product,.wdes-phox-products-list_item,.modal-content,.list-group,.domain-lookup-result,.suggested-domains,.tld-row,.well,.cart-body .panel,.view-cart-items,.summary-container,.order-summary,.sidebar .panel,.panel-sidebar{ background:var(--gl-card)!important;border:1px solid var(--gl-line)!important;border-radius:16px!important;box-shadow:var(--gl-glow)!important;color:var(--gl-text)!important} .product:hover,.wdes-phox-products-list_item:hover,.panel:hover{box-shadow:var(--gl-glow-hover)!important;border-color:rgba(255,108,44,.45)!important} .panel-heading,.card-header,.modal-header,.panel-footer,.modal-footer{background:var(--gl-card2)!important;border-color:var(--gl-line)!important;color:var(--gl-text)!important} .panel-heading{border-radius:16px 16px 0 0!important}.panel-body,.card-body,.modal-body{background:transparent!important;color:var(--gl-text)!important} .panel-primary>.panel-heading{background:linear-gradient(120deg,var(--gl-orange-dk),#FF8A3D)!important;color:#fff!important;border-color:transparent!important} .panel-primary>.panel-heading *{color:#fff!important} .list-group-item,.list-group-item-action{background:transparent!important;border-color:var(--gl-line)!important;color:#CBD5E1!important} .list-group-item.active,.list-group-item:hover,.list-group-item-action:hover{background:var(--gl-card2)!important;color:#fff!important;border-left:3px solid var(--gl-orange)!important} .modal-backdrop.in{opacity:.7!important}.close{color:#fff!important;opacity:.7} /* ---- Product / pricing cards in the store ---- */ .product .price,.product-pricing,.product-pricing .price,.price{color:#fff!important;font-weight:800!important} .product .product-pricing small,.product .billing-cycle{color:var(--gl-muted)!important} .product.featured,.product .featured,.wdes-phox-products-list_item.featured{border-color:var(--gl-orange)!important;box-shadow:0 0 0 1px var(--gl-orange),0 18px 48px rgba(255,108,44,.28)!important} .badge,.label,.label-primary,.badge-secondary{background:var(--gl-orange)!important;color:#fff!important;border-radius:999px!important;font-weight:700} /* ---- Buttons ---- */ .btn{border-radius:10px!important;font-weight:600!important;transition:filter .15s,box-shadow .15s} .btn-primary,.btn-order-now,.btn-add-to-cart,.btn-success,.btn-checkout,#btnCompleteOrder,.btn-info{background:var(--gl-orange)!important;border-color:var(--gl-orange)!important;color:#fff!important;box-shadow:0 6px 18px rgba(255,108,44,.25)!important} .btn-primary:hover,.btn-order-now:hover,.btn-add-to-cart:hover,.btn-success:hover,.btn-checkout:hover,.btn-info:hover{filter:brightness(1.08);background:var(--gl-orange)!important;color:#fff!important} .btn-default,.btn-secondary,.btn-link{background:transparent!important;border:1px solid var(--gl-line)!important;color:var(--gl-text)!important} .btn-default:hover,.btn-secondary:hover{border-color:var(--gl-orange)!important;color:#fff!important} .btn-danger{background:#B91C1C!important;border-color:#B91C1C!important} .btn-add-to-cart.added,.added{background:var(--gl-green)!important;border-color:var(--gl-green)!important} /* ---- Forms ---- */ .form-control,.custom-select,select,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],textarea{ background:var(--gl-card2)!important;border:1px solid var(--gl-line)!important;color:var(--gl-text)!important;border-radius:10px!important;box-shadow:none!important} .form-control:focus,select:focus,input:focus,textarea:focus{border-color:var(--gl-orange)!important;box-shadow:0 0 0 3px rgba(255,108,44,.18)!important;outline:0} .form-control::placeholder,input::placeholder,textarea::placeholder{color:#6B7A94!important} .input-group-addon,.input-group-btn .btn-default{background:var(--gl-card2)!important;border-color:var(--gl-line)!important;color:#CBD5E1!important} input[type=checkbox],input[type=radio]{accent-color:var(--gl-orange)} .md-editor,.md-editor>textarea,.md-editor .btn-toolbar{background:var(--gl-card2)!important;border-color:var(--gl-line)!important} /* ---- Tables ---- */ .table,.table>tbody>tr>td,.table>thead>tr>th,.table>tfoot>tr>td,.dataTables_wrapper{background:transparent!important;color:#CBD5E1!important;border-color:var(--gl-line)!important} .table>thead>tr>th{color:var(--gl-muted)!important;text-transform:uppercase;font-size:12px;letter-spacing:.04em} .table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.02)!important}.table-hover>tbody>tr:hover{background:var(--gl-card2)!important} /* ---- Alerts ---- */ .alert{border-radius:12px!important;border:1px solid var(--gl-line)!important;background:var(--gl-card)!important;color:var(--gl-text)!important} .alert-danger{border-color:rgba(248,113,113,.5)!important}.alert-success{border-color:rgba(34,197,94,.5)!important}.alert-info,.alert-warning{border-color:rgba(255,108,44,.45)!important} /* ---- Domain checker ---- */ .domain-checker-container,.domain-checker-bg,.domain-lookup-primary-results,.domainchecker-homepage-captcha,.bg-light{background:var(--gl-bg2)!important;border-radius:16px!important;border:1px solid var(--gl-line)!important} .domain-checker-available,.domain-available,.text-success{color:var(--gl-green)!important}.domain-checker-unavailable,.domain-unavailable,.text-danger{color:var(--gl-red)!important} .tld-row,.list-group-item.tld-row{border-radius:0!important;box-shadow:none!important;border-left:0!important;border-right:0!important} /* ---- Sidebar ---- */ .sidebar .panel-heading .panel-title,.panel-sidebar .panel-title{font-size:15px!important} .sidebar .list-group-item.active{background:rgba(255,108,44,.12)!important;color:#fff!important} /* ---- Footer ---- */ .wdes-footer-wrapper,#footer,.copyrights{background:#0A0F1C!important;border-top:1px solid var(--gl-line)!important;color:var(--gl-muted)!important} .copyrights *,.wdes-footer-wrapper *{color:var(--gl-muted)!important}.wdes-back-to-top{background:var(--gl-orange)!important;color:#fff!important;border-radius:10px!important} /* ---- Breadcrumbs, pagination, tabs ---- */ .breadcrumb{background:transparent!important}.breadcrumb>li,.breadcrumb a{color:var(--gl-muted)!important} .pagination>li>a,.pagination>li>span{background:var(--gl-card)!important;border-color:var(--gl-line)!important;color:#CBD5E1!important} .pagination>.active>a,.pagination>.active>span{background:var(--gl-orange)!important;border-color:var(--gl-orange)!important;color:#fff!important} .nav-tabs{border-color:var(--gl-line)!important}.nav-tabs>li>a{color:#CBD5E1!important;border-radius:10px 10px 0 0!important} .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{background:var(--gl-card)!important;border-color:var(--gl-line)!important;border-bottom-color:transparent!important;color:#fff!important} .nav-pills>li.active>a{background:var(--gl-orange)!important} /* ---- Loader ---- */ .loader,.loading,.domain-lookup-loader{color:var(--gl-orange)!important} /* ---- PHOX-specific blocks ---- */ .featured-product-label{background:linear-gradient(120deg,var(--gl-orange-dk),#FF8A3D)!important;color:#fff!important} .page-banner{background:radial-gradient(700px 260px at 80% 0,rgba(255,108,44,.16),transparent),var(--gl-card)!important;border:1px solid var(--gl-line)!important;border-radius:18px!important;box-shadow:var(--gl-glow)!important} .page-banner *{color:var(--gl-text)}.page-banner p{color:#B6C2D6!important} .domain-search-result-wrapper,.wdes-phox-block,.wdes-wrap-account-page_main_article{background:var(--gl-card)!important;border:1px solid var(--gl-line)!important;border-radius:16px!important;box-shadow:var(--gl-glow)!important;color:var(--gl-text)!important} .wdes-wrap-account-page{background:radial-gradient(900px 400px at 75% 10%,rgba(255,108,44,.16),transparent),var(--gl-bg)!important} .wdes-wrap-account-page_main_article *{color:var(--gl-text)}.wdes-wrap-account-page_main_article .text-muted,.wdes-wrap-account-page_main_article p{color:#B6C2D6!important} textarea.md-input,.md-input,.md-footer,.md-header{background:var(--gl-card2)!important;color:var(--gl-text)!important;border-color:var(--gl-line)!important} /* ---- GreaterLink support bar + footer (templates) ---- */ .gl-top{background:#0A0F1C;border-bottom:1px solid var(--gl-line);font-size:13px;color:var(--gl-muted)} .gl-top .container{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap} .gl-top a{color:var(--gl-text)!important}.gl-top b{color:var(--gl-text)} .gl-foot{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px;padding:40px 0 24px;text-align:left} .gl-foot h5{color:var(--gl-text)!important;font-size:14px;font-weight:700;margin:0 0 12px}.gl-foot a{display:block;color:var(--gl-muted)!important;font-size:14px;margin:7px 0}.gl-foot a:hover{color:#fff!important} .gl-foot p{color:var(--gl-muted)!important;font-size:14px;margin-top:12px;max-width:280px} .gl-logo{font-weight:800;font-size:22px;color:var(--gl-text)!important;letter-spacing:-.02em;margin:0!important}.gl-logo span{color:var(--gl-orange)!important} .gl-legal{border-top:1px solid var(--gl-line);padding-top:16px;font-size:13px}.gl-legal a{color:var(--gl-muted)!important} .wdes-footer-wrapper{display:block!important} @media(max-width:900px){.gl-foot{grid-template-columns:1fr 1fr}.gl-top .container{justify-content:center;text-align:center}} /* ---- ticket editor + login background ---- */ body .md-editor>textarea,body textarea#inputMessage,body .md-editor>.md-preview{background:var(--gl-card2)!important;color:var(--gl-text)!important} .wdes-wrap-account-page{background:linear-gradient(90deg,rgba(11,17,32,.35),rgba(11,17,32,.85)),url("https://greaterlink.net/wp-content/uploads/2026/09/greaterlink-hero-server-room-clean.jpg") center/cover no-repeat,var(--gl-bg)!important} /* ---- Site navigation (identical to greaterlink.net) ---- */ .gl-wrap{max-width:1200px;margin:0 auto;padding:0 24px} .gl-top .gl-wrap{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap} .gl-nav{position:sticky;top:0;z-index:1030;background:rgba(11,17,32,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gl-line)} .gl-nav .gl-wrap{display:flex;align-items:center;gap:28px;height:68px} .gl-brand{font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--gl-text)!important;text-decoration:none!important}.gl-brand span{color:var(--gl-orange)} .gl-links{display:flex;gap:22px}.gl-links a{font-size:14px;font-weight:500;color:#CBD5E1!important;text-decoration:none!important}.gl-links a:hover{color:#fff!important} .gl-right{margin-left:auto;display:flex;gap:10px;align-items:center} .gl-btn{display:inline-flex;align-items:center;border-radius:10px;padding:11px 18px;font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none!important;line-height:1} .gl-btn.pri{background:var(--gl-orange);color:#fff!important}.gl-btn.ghost{border:1px solid var(--gl-line);color:var(--gl-text)!important}.gl-btn:hover{filter:brightness(1.08)} .gl-cart{position:relative;display:grid;place-items:center;width:42px;height:40px;border:1px solid var(--gl-line);border-radius:10px;color:var(--gl-text)!important} .gl-cart span{position:absolute;top:-7px;right:-7px;background:var(--gl-orange);color:#fff;font-size:11px;font-weight:700;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px} .gl-toggle{display:none;background:none;border:1px solid var(--gl-line);color:var(--gl-text);border-radius:10px;padding:8px 12px;font-size:18px;margin-left:auto} @media(max-width:900px){.gl-links,.gl-right .gl-btn{display:none}.gl-toggle{display:block}.gl-right{margin-left:auto} .gl-nav.open .gl-links{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#0B1120;border-bottom:1px solid var(--gl-line);padding:16px 24px;gap:14px}} /* PHOX header spacing no longer needed */ .has-header .wdes-wrap-content,.has-header #main-body{padding-top:0!important;margin-top:0!important} .gl-mob{display:none!important} @media(max-width:900px){.gl-nav.open .gl-mob{display:block!important}.gl-mob-cta{color:var(--gl-orange)!important;font-weight:700!important}} /* PHOX full-screen login under the site nav */ .wdes-wrap-account-page{min-height:calc(100vh - 106px)!important} /* ---- Login page (PHOX account layout) ---- */ .wdes-wrap-account-page_header{display:none!important} .wdes-wrap-account-page_footer{background:transparent!important;border:0!important;box-shadow:none!important} .wdes-announcements-carousel .carousel-inner{background:rgba(19,28,46,.88)!important;border:1px solid var(--gl-line)!important;border-radius:16px!important;box-shadow:var(--gl-glow)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .wdes-account-page-announcement-single a.btn,.wdes-account-page-announcement-single .btn{background:var(--gl-orange)!important;color:#fff!important;border:0!important} .gl-support{display:grid;gap:6px;margin-top:16px}.gl-support a{display:block;color:var(--gl-text)!important;font-weight:600;margin:0!important}.gl-support span{font-size:13px;color:var(--gl-muted)} /* ---- Pixel-match the website nav (Bootstrap 3 changes base font-size/line-height) ---- */ .gl-nav,.gl-nav *{box-sizing:border-box} .gl-nav{font-size:16px!important;line-height:1.55!important} .gl-nav .gl-brand{font-size:22px!important;line-height:1.55!important;display:inline-block} .gl-nav .gl-links a{font-size:14px!important;line-height:1.55!important} .gl-nav .gl-btn{line-height:1.55!important;padding:11px 18px!important;font-size:14px!important;border-width:1px;border-style:solid} .gl-nav .gl-btn.pri{border:0!important} .gl-nav .gl-cart{height:46px;width:46px;font-size:16px} .gl-nav a:focus{outline:none;text-decoration:none} @media(max-width:900px){.gl-nav .gl-toggle{margin-left:0}.gl-nav .gl-links a.gl-mob-cta{color:var(--gl-orange)!important;font-weight:700!important}} /* ---- Client area menu bar (logged in) ---- */ .gl-sub{background:#0F1729;border-bottom:1px solid var(--gl-line);position:relative;z-index:40;font-size:14px;line-height:1.55} .gl-sub .gl-wrap{display:flex;align-items:center;min-height:52px;gap:8px} .gl-sub-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px} .gl-sub-acct{margin-left:auto} .gl-sub-nav>li{position:relative} .gl-sub-nav>li>a{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;color:#CBD5E1!important;font-weight:500;text-decoration:none!important;white-space:nowrap} .gl-sub-nav>li>a:hover,.gl-sub-nav>li.open>a,.gl-sub-nav>li.active>a{background:rgba(255,108,44,.10);color:#fff!important} .gl-sub-nav>li>a i{font-size:13px;color:var(--gl-orange)} .gl-sub-nav>li>a .wdes-nav-menu-item_icon{font-size:10px;color:#94A3B8;margin-left:2px} .gl-sub-nav .badge{background:var(--gl-orange);color:#fff;font-size:11px} .gl-sub-nav .dropdown-menu{background:#131C2E;border:1px solid var(--gl-line);border-radius:12px;padding:8px;margin-top:6px;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px rgba(255,108,44,.15),0 8px 24px rgba(255,108,44,.18)} .gl-sub-acct .dropdown-menu{left:auto;right:0} .gl-sub-nav .dropdown-menu>li>a{display:block;padding:8px 12px;border-radius:8px;color:#CBD5E1!important;font-size:14px;white-space:nowrap} .gl-sub-nav .dropdown-menu>li>a:hover,.gl-sub-nav .dropdown-menu>li>a:focus{background:rgba(255,108,44,.12);color:#fff!important} .gl-sub-nav .dropdown-menu>li>a i{color:var(--gl-orange);width:16px} .gl-sub-nav .dropdown-menu .nav-divider,.gl-sub-nav .dropdown-menu .divider{height:1px;margin:6px 4px;background:var(--gl-line)} .gl-sub-toggle{display:none;background:none;border:1px solid var(--gl-line);color:#E6EDF7;border-radius:10px;padding:8px 14px;font-weight:600;font-size:14px} .gl-sub-toggle i{font-size:11px;margin-left:6px;color:var(--gl-orange)} @media(max-width:900px){ .gl-sub .gl-wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:8px} .gl-sub-toggle{display:block} .gl-sub-nav{display:none;flex-direction:column;align-items:stretch;width:100%} .gl-sub.open .gl-sub-nav{display:flex} .gl-sub-acct{margin-left:0;border-top:1px solid var(--gl-line);padding-top:6px} .gl-sub-nav .dropdown-menu{position:static;float:none;box-shadow:none;margin:2px 0 6px;width:100%} } @media(min-width:901px){.gl-sub-main{margin-left:-12px}.gl-sub-acct{margin-right:-12px}} .dataTables_wrapper .form-control,.form-control.input-sm{background:var(--gl-bg2)!important;color:var(--gl-text)!important;border:1px solid var(--gl-line)!important} html .landing-page.ssl .validation-levels .item,html .landing-page.ssl .validation-levels .item span{color:var(--gl-text)!important} html .landing-page.ssl .standout-1{background:linear-gradient(180deg,rgba(255,108,44,.14),var(--gl-card))!important;border-top:1px solid rgba(255,108,44,.35);border-bottom:1px solid rgba(255,108,44,.35)} html .landing-page.ssl .standout-1 h3,html .landing-page.ssl .standout-1 p{color:var(--gl-text)!important} /* SSL store page (MarketConnect) */ html .landing-page.ssl .validation-levels{background:var(--gl-bg2)!important} html .landing-page.ssl .validation-levels h3{color:var(--gl-text)!important} html .landing-page.ssl .validation-levels .item{background:var(--gl-card)!important;border:1px solid var(--gl-line);border-radius:14px;box-shadow:var(--gl-glow)} html .landing-page.ssl .validation-levels .item .btn,html .landing-page.ssl .detailed-info .btn-default{background:var(--gl-orange)!important;color:#fff!important;border:0!important;border-radius:10px} html .landing-page.ssl .validation-levels .item li img[src*="safety-icon"]{display:none} html .landing-page.ssl .validation-levels .item li:has(img[src*="safety-icon"])>span::before{content:"\2713";color:var(--gl-green);font-weight:800;margin-right:8px} html .landing-page.ssl .competitive-upgrade-promo{background:linear-gradient(180deg,rgba(255,108,44,.14),var(--gl-card))!important;border-top:1px solid rgba(255,108,44,.35);border-bottom:1px solid rgba(255,108,44,.35)} html .landing-page.ssl .competitive-upgrade-banner{background:var(--gl-card2)!important} html .landing-page.ssl .detailed-info .panel-heading{background:var(--gl-card2)!important;color:var(--gl-orange2)!important;border-bottom:1px solid var(--gl-line)} html .landing-page.ssl .features{background:var(--gl-bg2)!important} html .landing-page.ssl .features .feature{background:var(--gl-card)!important;color:var(--gl-text)!important;border:1px solid var(--gl-line)} html .landing-page.ssl .features .feature:hover{background:var(--gl-card2)!important;border-color:rgba(255,108,44,.45)} html .landing-page.ssl .certificate-options{background:var(--gl-orange-dk)!important} html .landing-page.ssl ul.ssl-certs-all li.featured{background:rgba(255,108,44,.10)!important} html .landing-page.ssl ul.ssl-certs-all li{border-bottom-color:var(--gl-line)!important} html .landing-page.ssl .ssl-benefits .row,html .landing-page.ssl .standout-2{color:var(--gl-text)!important} html .landing-page.ssl .what-is-ssl .fas,html .landing-page.ssl .what-is-ssl .far,html .landing-page.ssl .ssl-benefits i,html .landing-page.ssl .ideal-for.dv i{color:var(--gl-orange)!important} html .landing-page.ssl .browser-notice .wrapper{background:var(--gl-card)!important;border-top-color:var(--gl-orange)!important} /* DataTables search box (domain pricing) */ html .dataTables_wrapper .dataTables_filter input,html .dataTables_filter input[type=search]{background:var(--gl-bg2)!important;color:var(--gl-text)!important;border:1px solid var(--gl-line)!important;border-radius:8px} html body .dataTables_wrapper .dataTables_filter label .form-control,html body .form-control.domain-renewals-filter,html body .form-control.service-renewals-filter{background-color:var(--gl-bg2)!important;color:var(--gl-text)!important;border:1px solid var(--gl-line)!important;border-radius:8px!important} @media(min-width:901px) and (max-width:1100px){.gl-nav .gl-wrap{gap:18px}.gl-links{gap:14px}} html,body{overflow-x:clip} @media(min-width:901px) and (max-width:1020px){.gl-nav .gl-wrap{gap:14px}.gl-nav .gl-links{gap:11px}.gl-nav .gl-links a{font-size:13.5px!important}} /* ---- Status labels (invoices, services, domains, tickets): roomy pills, colour by status ---- */ html body .label.status,html body span.label.status{display:inline-block!important;width:auto!important;height:auto!important;min-width:0!important;padding:5px 12px!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em;border-radius:999px!important;white-space:nowrap!important;text-align:center;background:rgba(255,108,44,.14)!important;color:#FF9A5C!important;border:1px solid rgba(255,108,44,.45)!important;overflow:visible!important} html body .label.status.status-paid,html body .label.status.status-active,html body .label.status.status-completed,html body .label.status.status-accepted,html body .label.status.status-answered,html body .label.status.status-delivered{background:rgba(34,197,94,.14)!important;color:#4ADE80!important;border-color:rgba(34,197,94,.45)!important} html body .label.status.status-unpaid,html body .label.status.status-pending,html body .label.status.status-payment-pending,html body .label.status.status-pending-transfer,html body .label.status.status-open,html body .label.status.status-customer-reply,html body .label.status.status-in-progress{background:rgba(255,108,44,.14)!important;color:#FF9A5C!important;border-color:rgba(255,108,44,.45)!important} html body .label.status.status-overdue,html body .label.status.status-collections,html body .label.status.status-suspended,html body .label.status.status-expired,html body .label.status.status-fraud,html body .label.status.status-dead{background:rgba(248,113,113,.14)!important;color:#FCA5A5!important;border-color:rgba(248,113,113,.45)!important} html body .label.status.status-cancelled,html body .label.status.status-refunded,html body .label.status.status-terminated,html body .label.status.status-closed,html body .label.status.status-draft,html body .label.status.status-transferred-away,html body .label.status.status-grace,html body .label.status.status-redemption{background:rgba(148,163,184,.12)!important;color:#CBD5E1!important;border-color:rgba(148,163,184,.4)!important} /* ---- Client area sidebar panels: breathing room, badges on the right ---- */ html body .panel-sidebar{border-radius:14px!important;overflow:hidden} html body .panel-sidebar .panel-heading{padding:14px 18px!important} html body .panel-sidebar .panel-title{display:flex!important;align-items:center;gap:8px;font-size:15px!important;margin:0!important} html body .panel-sidebar .panel-title .panel-minimise,html body .panel-sidebar .panel-title .pull-right{margin-left:auto!important;float:none!important;font-size:12px;color:var(--gl-muted)} html body .panel-sidebar .list-group{margin:0!important;padding:6px 8px 8px!important} html body .panel-sidebar .list-group-item{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border-radius:10px!important;border:0!important;margin:0 0 2px!important;line-height:1.35!important} html body .panel-sidebar .list-group-item .truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body .panel-sidebar .list-group-item .badge{order:2;float:none!important;margin:0 0 0 auto!important;min-width:26px;padding:3px 9px!important;border-radius:999px!important;font-size:12px!important;line-height:1.4!important;background:var(--gl-card2)!important;color:var(--gl-text)!important;border:1px solid var(--gl-line)} html body .panel-sidebar .list-group-item.active .badge,html body .panel-sidebar .list-group-item:hover .badge{background:var(--gl-orange)!important;border-color:var(--gl-orange);color:#fff!important} html body .panel-sidebar .list-group-item .sidebar-menu-item-icon{width:18px;text-align:center;color:var(--gl-orange2)} html body .panel-sidebar .panel-body{padding:14px 18px!important} html body .panel-sidebar .panel-footer{padding:12px 18px!important} html body .table-container .table>thead>tr>th,html body .table-container .table>tbody>tr>td,html body table.table-list>thead>tr>th,html body table.table-list>tbody>tr>td{padding:14px 18px!important;vertical-align:middle!important}