body, html, table {
    font-size: 16px;
    background-color: #fff;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.header2 {
    background-color: #006db2;
    min-height: 85px !important;
}


#TopHeader {
    background: #00263f;
    height: 30px;
}

#TopHeader ul {
    display: block;
    position: absolute;
    right: 15px;
}

#TopHeader ul li {
    float: left;
    padding: 5px 10px;
    list-style: none outside none;
    line-height: 1.4em;
    font-size: 12px;
}

#TopHeader ul li:last-child {
    padding-right: 0;
}

#TopHeader ul li.whitelink a {
    color: #fff;
}

#TopHeader ul li a:hover {
    color: #5e9bd1;
    text-decoration: none;
}

#TopHeader ul li img {
    vertical-align: middle;
    margin-right: 3px;
}


.header2 h1 {
    padding: 0;
    margin: 0;
}

.search-input {
    background: #fff;
    padding: 5px 10px 5px 20px;
    border-radius: 20px;
    margin-top: -7px;
}

.search-input input[type=text] {
    padding: 0;
    margin: 0;
    border: 0;
    color: #b0b0b0;
    font-size: 14px;
    width: 417px;
}

.search-input input[type=submit] {
    padding: 0;
    margin: 0;
    border: 0;
    background: url(https://clients.hostwinds.com/images/new-menu/find-it.png);
    width: 139px;
    height: 27px;
}

#order-standard_cart .row .col-md-9 .products .product div.product-desc br, #order-standard_cart .row .products .product div.product-desc ul.clientul br, .nav-menu, .nav-menu ul.inner-subMenu, .nav-menu ul.main-ul ul {
    display: none;
}

.nav-menu ul.main-ul {
    text-align: right;
    margin-bottom: 0;
}

.nav-menu ul.main-ul > li {
    display: inline-block;
    position: relative;
}

.nav-menu ul.main-ul > li > a > .icon {
    font-size: 12px;
}

.nav-menu ul.main-ul > li > a {
    color: #fff;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}


.nav-menu ul.main-ul li a:hover {
    text-decoration: none !important;
}

.nav-menu ul.main-ul li:hover > ul.subMenu {
    width: 260px;
    text-align: left !important;
    margin-left: 0;
    margin-top: 27px;
    left: 0;
    padding: 10px 0 20px;
    z-index: 999;
}

.nav-menu ul.subMenu li a > .icon {
    color: #3492e1;
    margin-right: 10px;
    font-size: 25px;
    width: 25px;
}

.nav-menu ul.subMenu li {
    display: block;
    margin-bottom: 0;
    padding: 5px 20px;
    list-style: none !important;
}

.nav-menu ul.subMenu li a {
    color: #373e49;
    font-size: 18px;
}

.nav-menu ul.subMenu > li:hover {
    background: #0564ad !important;
}

.nav-menu ul.inner-subMenu > li:hover {
    background: #034e89 !important;
}

.nav-menu ul.main-ul li:hover > ul.subMenu, .nav-menu ul.subMenu li:hover > ul.inner-subMenu {
    display: block;
    position: absolute;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .15);
    margin-top: 10px;
}

li.liner {
    margin: 10px 20px !important;
    border-top: 4px solid #1f4879 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* MOBILE VIEW OF MAIN NAV */
.mobile-nav-menu.visible-xs #mobile-nav-collapse .nav > li > a:focus, .mobile-nav-menu.visible-xs #mobile-nav-collapse .nav > li > a:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 48, 90);
}

/* THESE CLASSES NOT ON HOMEPAGE NAV */
.mobile-submenu li {
    margin-bottom: 0 !important;
}

.mobile-submenu li:hover {
    background: #002a4f;
}

.mobile-submenu li a {
    color: #fff !important;
    padding: 10px 20px !important;
}

.mobile-submenu li.has-sub {
    color: #00305a !important;
    padding: 10px 15px !important;
}

.mobile-submenu li.has-sub, .mobile-submenu li.has-sub:hover {
    background: #dfdfdf !important;
}

/* THESE CLASSES NOT ON HOMEPAGE NAV */

.left-footer h2, .right-footer h2 {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 20px 0;
    padding: 0;
}

.right-footer h2 {
    margin: 0 0 20px;
}

section#main-body, .main-body {
    margin: 0 auto 0 auto;
    padding-bottom: 400px;
}

.hw-main-container {
    min-height: 100%;
    position: relative;
}


/* cart page style */
.container.outer-wrap section.section {
    margin-bottom: 2rem;
}

.footer-menu li {
    margin-bottom: 5px;
}

.footer-menu li a {
    color: #FFF;
    font-size: 15px;
}

.footer-menu li a:hover {
    color: #006db2;
}

.footer-me
.footer-menu li a:hover, .right-footer i {
    color: #fff !important;
}

.right-footer {
    padding: 24px !important;
    background: #00305a;
    border-radius: 4px;
    display: inline-block;
}

.right-footer .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.right-footer p {
    color: #acd2f3;
    font-size: 16px;
    padding-bottom: 0 !important;
}

.right-footer p a {
    color: #acd2f3 !important;
}

.bottom-footer {
    padding: 15px 10px;
    margin: 0 !important;
}

.bottom-footer-content {
    margin-bottom: 0;
    display: block;
    text-align: center;
}

/* Domain Register */
.suggestion-list {
    display: flex;
    flex-direction: row;
    text-align: center;
}

.suggestion-list > .domain-name-container {
    height: 75px;
    line-height: 75px;
    flex: 1;
}

.suggestion-list > .price-container {
    height: 75px;
    line-height: 75px;
    flex: 1;
}

.suggestion-list > .add-btn-container {
    flex: 1;
    padding: 15px;
}

.btn-add-to-cart {
    height: 45px;
    border: none;
    border-radius: 5px;
}

.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #ffce44;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9cc6ed), to(#1a4e7e));
    background: -webkit-linear-gradient(top, #9cc6ed, #1a4e7e);
    background: -moz-linear-gradient(top, #9cc6ed, #1a4e7e);
    background: -ms-linear-gradient(top, #9cc6ed, #1a4e7e);
    background: -o-linear-gradient(top, #9cc6ed, #1a4e7e);
}

.domain-checker-bg {
    margin: 0;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: 110% -5px;
    background-image: url('../img/globe_blue.png');
}


@media (min-width: 768px) {
    .nav-menu {
        display: block;
    }

    .nav-menu ul.main-ul > li {
        padding: 30px 10px;
        line-height: 27px;
    }

    .nav-menu ul.main-ul li:hover > ul.subMenu {
        min-width: 160px;
    }

    .nav-menu ul.inner-subMenu {
        padding-top: 15px;
        padding-bottom: 15px;
        right: -132px;
        bottom: -32px;
    }

}

@media (min-width: 992px) {
    .nav-menu ul.main-ul > li {
        line-height: 30px;
    }

    .nav-menu ul.main-ul li:hover > ul.subMenu {
        min-width: 230px;
    }

    .nav-menu ul.inner-subMenu {
        right: -190px;
        bottom: -35px;
    }
}

.logo {
    float: left;
    max-height: 50px;
    line-height: 0;
    padding: 24px 0 0;
    z-index: 999;
    position: relative;
}


.logo-header {
    height: 35px;
    filter: drop-shadow(-1px 1px 2px rgba(1, 1, 1, 0.6));
}

.navbar-main {
    background-color: #3492e1;
    font-size: 16px;
}

.navbar-main .navbar-nav > li > a {
    color: #FFF;
}

.navbar {
    border-radius: 0;
}

.nav-menu ul.main-ul > li > a {
    font-weight: 500;
    font-size: 16px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px transparent inset;
}

#TopHeader ul li, #TopHeader ul li a {
    color: #aed9f4;
    text-transform: capitalize;
}

#TopHeader ul li.white, #TopHeader ul li.white a {
    color: #fff;
}

#TopHeader .container {
    position: relative;
}

.hw-price {
    color: #0d990c;
}

#footer2 {
    color: #8dc3f0;
    font-size: 12px;
    padding: 15px 0;
    height: 50px;
}

.get-in-touch {
    border-radius: 5px;
    margin: -15px 0;
    padding: 15px;
}

body, button, input, textarea {
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
    color: #0d4d8a;
}

.light, label {
    font-weight: 400;
}

.panel {
    border-radius: 0;
    font-size: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit !important;
}

.panel-default > .panel-heading, .panel-sidebar > .panel-heading {
    background-color: #006db2;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
    padding: 16px 20px;

}

.modal-header.panel-heading h4, .panel-default > .panel-heading h3, .panel-sidebar > .panel-heading h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    margin: 0;
    padding: 0;
}


.modal-header.panel-heading {
    background-color: #0d4d8a;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 20px;
}

.sidebar .panel-default > .panel-body, .sidebar .panel-default > .panel-heading, .sidebar .panel-sidebar > .panel-heading {
    padding: 10px 15px !important;
}

#order-standard_cart .panel-heading a, #popup-backdrop .panel-default > .panel-heading h2, .sidebar .panel-default > .panel-heading, .panel-sidebar > .panel-heading h2, .sidebar .panel-sidebar > .panel-heading {
    color: #fff;
}

.sidebar .panel-default > .panel-heading .panel-title, .sidebar .panel-default > .panel-heading h3, sidebar .panel-sidebar > .panel-heading .panel-title, .sidebar .panel-sidebar > .panel-heading h3 {
    color: #fff;
    font-size: 15px;
}

.panel-default, .panel-sidebar {
    border-color: #d6dee8;
}

.panel-default .list-group a[id*=Secondary_Sidebar-Attachments], .panel-sidebar .list-group a[id*=Secondary_Sidebar-Attachments] {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-footer {
    background-color: #ecf1f7;
    border-top: 1px solid #ecf1f7;
    padding: 5px 15px;
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover, .panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
    background-color: #edf2f8;
    border-color: #d6dee8;
    color: #444;
}

.sidebar .panel-footer {
    padding: 10px 15px;
}

.form-group .input-group {
    width: 100%;
}

.promo-code-input-group.input-group {
    display: table;
}

.promo-code-input-group.input-group .input-group-btn {
    border: 1px solid #50944a;
    background: #50944a;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.promo-code-input-group.input-group .btn-success {
    padding: 6px 12px;
    line-height: 1.42857143;
    font-size: 14px;
    margin-top: 0;
}

.btn, .btn-success {
    background-color: #53BC48;
    color: #fff;
}

.btn.btn-blue-submit.btn-lg {
    padding: 20px 70px;
    background-color: #00A1F5;
}

.btn.btn-blue {
    background-color: #00A1F5;
    font-weight: 600;
}

.btn.btn-blue:hover, .btn.btn-blue-submit.btn-lg:hover, .btn.btn-blue:focus, .btn.btn-blue-submit.btn-lg:focus {
    background-color: #478CCA;
    border-color: #0A99E4;
}

.btn.btn-md {
    height: 40px;
    border-radius: 1.5px;
}

.btn-default {
    background: #fff;
    border: 1px solid #d1d6db;
    color: #5389c7;
}

.btn.btn-default:focus, .btn.btn-default:hover {
    background: #dedede;
    border: 1px solid #d1d6db;
    color: #5389c7;
}

.btn-primary {
    color: #fff;
    background-color: #53BC48;
    border-color: #53BC48;
    padding-left: 40px;
    padding-right: 40px;
}

.btn-danger {
    color: #fff;
    background-color: #BC4850;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c !important;
}

.btn:hover {
    border-color: #427e3c;
    color: #fff;
}

.btn-success:hover, .btn:hover {
    background: #427e3c;
}

.btn-primary:hover, .btn:focus {
    background: #427e3c;
    border-color: #427e3c;
    color: #fff;
}

.btn-success:focus {
    background: #427e3c;
}

.btn-primary:focus {
    background: #427e3c;
    border-color: #427e3c;
    color: #fff;
}

.btn-rounded {
    border-radius: 25px;
}

.btn-caps {
    text-transform: uppercase;
}

.btn-bold {
    font-weight: 700;
}

.btn-sm {
    width: auto !important;
    min-width: auto !important;
}

.btn-click {
    background-color: #83909d;
    border: 0;
}

.btn-sm.btn-click {
    font-size: 10px;
    padding: 2px 8px;
}

.btn-none {
    background-color: transparent;
    border: 0;
    color: #444;
    font-size: 14px;
}

#order-standard_cart .row .products .product div.product-desc li span, .btn-none span.price, .domain-checker-available strong, .select2-container--default .select2-results__option strong {
    font-weight: 700;
}

.btn-none span.continue {
    color: #53BC48;
    text-decoration: underline;
}

.btn.info, .paginate_button a {
    background: #fff;
    border: 1px solid #d1d6db;
    color: #498dcb;
    font-size: 14px;
}


.main-content {
    margin-bottom: 0;
    min-height: 375px;
}

.list-group {
    font-size: 1em;
}

.addon-products .list-group {
    margin-bottom: 0px;
}


.form-control, select, span.select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #bbb;
    line-height: 26px;
    color: #444;
    min-height: 40px;
    height: 40px;
}

#order-standard_cart .maincheckoutpage.container.outer-wrap #order-standard_cart .form-group span.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 300;
    color: #8D8D8D;
}

input[type=checkbox], input[type=radio] {
    min-height: auto;
    margin: 0 4px;
    position: relative;
}

.checkbox label, .radio label {
    min-height: auto;
    padding-left: 0;
}

span.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: auto;
    line-height: 26px;
    color: #444;
    padding: 6px 12px;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.select2-results ul li {
    font-size: 16px;
    line-height: 18px;
    padding: 6px 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] * {
    color: inherit;
}

.radio label img {
    max-width: 100%;
    margin-bottom: 5px;
    border: thin solid transparent;
}

.icheckbox_square-blue,.iradio_square-blue {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(blue.png) no-repeat;
    border: none;
    cursor: pointer
}

.icheckbox_square-blue {
    background-position: 0 0
}

.icheckbox_square-blue.hover {
    background-position: -24px 0
}

.icheckbox_square-blue.checked {
    background-position: -48px 0
}

.icheckbox_square-blue.disabled {
    background-position: -72px 0;
    cursor: default
}

.icheckbox_square-blue.checked.disabled {
    background-position: -96px 0
}

.iradio_square-blue {
    background-position: -120px 0
}

.iradio_square-blue.hover {
    background-position: -144px 0
}

.iradio_square-blue.checked {
    background-position: -168px 0
}

.iradio_square-blue.disabled {
    background-position: -192px 0;
    cursor: default
}

.iradio_square-blue.checked.disabled {
    background-position: -216px 0
}

@media (-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),(min-resolution:1.25dppx) {
    .icheckbox_square-blue,.iradio_square-blue {
        background-image:url(blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px
    }
}

.panel.panel-accent-red {
    border-top: 3px solid #e68f8d;
}

.panel.panel-accent-gold {
    border-top: 3px solid #efbb70;
}

.panel.panel-accent-emerald {
    border-top: 3px solid #91c58d;
}

.panel.panel-accent-midnight-blue {
    border-top: 3px solid #9e91bc;
}

.panel.panel-accent-blue {
    border-top: 3px solid #6aa1d4;
}

.panel.panel-accent-asbestos {
    border-top: 3px solid #444;
}

.bg-color-red {
    background-color: #e68f8d;
}

.bg-color-gold {
    background-color: #efbb70;
}

.bg-color-emerald {
    background-color: #91c58d;
}

.bg-color-midnight-blue {
    background-color: #9e91bc;
}

.bg-color-blue {
    background-color: #6aa1d4;
}

.bg-color-asbestos {
    background-color: #444;
}

/*.list-group .list-group-item label {
    background-color: #9da4ae !important;
}*/
.clientareacontacts #main-body #checkbox-list .list-group-item label.custom-control.custom-checkbox {
    background-color: transparent;
}

#subacct-container .input-group {
    padding: 5px;
}

#checkbox-list .list-group-item p.done {
    display: none;
}

p.done {
    color: black;
    font-weight: 800;
    font-size: large;
    font-variant-caps: all-small-caps;
}

p.done i {
    color: #53BC48;
}

#mg-wrapper .module-content .table > tbody > tr > td.cell-actions .btn-icon .caret, #mg-wrapper .module-content .table > tbody > tr > td.cell-actions .btn-icon .fa, a.list-group-item, table.table-list thead td, table.table-table-striped thead td {
    color: #444;
}

a.list-group-item span {
    color: #478cca;
}

.client-home-panels .panel small, a.list-group-item small {
    color: #a5b1bd;
}

.tiles .tile {
    padding: 1%;
    border-right: none;
}

.tiles .tile a {
    display: block;
    position: relative;
    padding: 12px 20px;
    border-radius: 5px;
    color: #fff;
}

.tiles .tile.service a {
    background-color: #6da4d5;
}

.tiles .tile.domains a {
    background-color: #95c88f;
}

.tiles .tile.support a {
    background-color: #ea918f;
}

.tiles .tile.invoices a {
    background-color: #f3bd71;
}

.tiles .tile, .tiles .tile:hover {
    background-color: transparent;
}

.tiles .tile.service a:hover {
    background-color: #79acda;
}

.tiles .tile.domains a:hover {
    background-color: #a2cf9d;
}

.tiles .tile.support a:hover {
    background-color: #ec9c9b;
}

.tiles .tile.invoices a:hover {
    background-color: #f4c27c;
}

.tile .title {
    color: #fff;
    margin-bottom: 10px;
}

.tile .stat {
    font-weight: 700;
    margin-top: 10px;
}

.tile .icon {
    top: 12px;
    right: 20px;
}

.tile.service .icon {
    color: #5e95c6;
}

.tile.domains .icon {
    color: #6faf69;
}

.tile.support .icon {
    color: #e06e6b;
}

.tile.invoices .icon {
    color: #eaa556;
}

.tiles .tile .highlight {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 60px;
    height: 3px;
    transform: rotate(90deg) translateY(0) translateX(-33px);
    transform-origin: top left;
}

.tile.service .highlight {
    background-color: #074a81;
}

.tile.domains .highlight {
    background-color: #53BC48;
}

.tile.support .highlight {
    background-color: #d9534f;
}

.tile.invoices .highlight {
    background-color: #e08a36;
}

.client-status-wrapper {
    border: 1px solid #dbe0e7;
    border-left-width: 2px;
    margin-bottom: 25px;
}

.client-status-wrapper .col-md-4 {
    padding-right: 0;
}


.client-information h4 {
    color: #266299;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 2px;
}

.client-information h4.price {
    color: #f29424;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 5px;
    margin-right: 8px;
}

.client-information .col-md-5 {
    width: 36%;
    padding-right: 0;
    padding-left: 10px;
}

.client-information .col-md-4 {
    width: 36%;
    padding-right: 0;
    padding-left: 5px;
}

.client-information .col-md-3 {
    width: 28%;
    padding-right: 10px;
    padding-left: 0;
}

@media screen and (min-width: 768px) {
    .client-status-wrapper {
        display: flex;
    }

    .client-status-wrapper > .col-md-4 {
        flex: 1 1 auto;
        display: flex;
    }

    .client-status-wrapper .client-status {
        margin: 0 0 0 -16px;
        flex: 1 1 auto;
    }

    .client-status-wrapper .client-information {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.home-kb-search .form-control {
    border: 1px solid #d6dee8;
    background-color: #fff;
    color: #5a7e9e;
}

.home-kb-search .form-control::-webkit-input-placeholder {
    color: #5a7e9e;
}

.home-kb-search .form-control:-moz-placeholder, .home-kb-search .form-control::-moz-placeholder {
    color: #5a7e9e;
}

.home-kb-search .form-control:-ms-input-placeholder {
    color: #5a7e9e;
}

.breadcrumb {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 15px;
}

div.header-lined .breadcrumb {
    margin-top: 0;
    padding-left: 10px;
}

div.header-lined .breadcrumb li, div.header-lined .breadcrumb li a {
    color: #498dcb;
    font-size: 13px;
    line-height: 28px;
    white-space: nowrap;
}

div.header-lined .breadcrumb li.active {
    font-weight: 700;
    color: #3f7db6;
}

.breadcrumb > li + li::before {
    color: #ccc;
    content: "/";
    font-weight: 400;
    padding: 5px;
}

.main-content #order-standard_cart {
    padding: 0;
}

div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0 0 6px;
    font-weight: 700;
    color: #0d4d8a;
    font-size: 24px;
}

div.header-lined h1.no-line {
    border: 0;
}

.headerdescription, div.header-lined h1 {
    text-transform: uppercase;
}

.products div.header-lined h1 {
    border-bottom: 1px solid #d9dde0;
}

.row-eq-height {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.row-eq-height > div {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

#order-standard_cart .row .products .product {
    background-color: #eee;
    color: #444;
    border-top: 5px solid #5e9cd5;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

#order-standard_cart .row .products .product header {
    padding: 20px 10px 0;
    margin: 0 1px;
    background: 0 0;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #5a7e9e;
}

#order-standard_cart .row .products .product header span {
    font-size: 17px;
    font-weight: 700;
    color: #5a7e9e;
    font-style: italic;
}

#order-standard_cart .row .products .product footer {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
    font-size: .8em;
    text-align: center;
    padding: 0 15px;
}

#order-standard_cart .row .products .product footer .btn {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 5px;
}

#order-standard_cart .row .products .col-md-6 .product footer .btn {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
}

#order-standard_cart .row .products .product footer .btn i {
    margin-right: 5px;
}

#order-standard_cart .row .products .product footer .product-pricing {
    font-weight: 400;
    color: #0d4d8a;
    padding-top: 0;
    padding-bottom: 10px;
}

#order-standard_cart .row .products .product footer .product-pricing.text-uppercase {
    font-size: 12px !important;
    margin-top: 10px;
}

#order-standard_cart .row .products .product footer .product-pricing span {
    font-size: 18px;
    font-weight: 700;
}

#order-standard_cart .row .products .product footer .product-pricing span.price {
    font-size: 32px;
    line-height: 1.05em;
}

.product-desc .clientul, .product-desc ul {
    padding-left: 0;
}

#tabChangepw h3 strong::first-letter, .clientareaaddfunds .main-content h4, .clientareasecurity h4, .col-md-4 .product-desc ul, .product-desc .clientul {
    text-transform: uppercase;
}


.popover.confirmation a.btn.btn-success {
    width: 110px;
    height: 30px;
}

.popover.confirmation a.btn.btn-default {
    width: 75px;
    margin: 7px 0 9px;
    height: 30px;
}

#order-standard_cart .row .products .product div.product-desc {
    float: none;
    border-top: 1px solid #dedede;
    padding: 18px 18px 8px;
    margin: 0 18px;
    text-align: left;
}

#order-standard_cart .row .products .product div.product-desc li {
    list-style: none;
    padding: 0 0 10px;
}

#order-standard_cart div.product_description {
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    color: #5a7e9e;
    font-style: italic;
}

#order-standard_cart .btn-default, #order-standard_cart .btn-default:hover {
    min-width: 165px;
    color: #566e8a;
    background: 0 0;
    background-color: #eee;
}

.domain-checker-available, .domain-recommendation-price small, .domainaddedtocart .price small {
    font-weight: 400;
}

#order-standard_cart .panel-default, #order-standard_cart .panel-sidebar {
    margin-bottom: 20px;
    border-radius: 0;
}

#order-standard_cart.container.maincheckoutpage.outer-wrap .panel-default:not(.add-btm-10) {
    margin-bottom: 45px;
}

.maincheckoutpage.container.outer-wrap .panel-body:not(.addon-body) {
    border: 1px solid #0d4d8a;
}

#order-standard_cart .panel-default > .panel-heading h3, .register .jumbotron p > a, .sidebar .panel-default > .panel-heading h3, .transfer .jumbotron p > a, #order-standard_cart, #order-standard_cart .panel-sidebar > .panel-heading h3, .sidebar .panel-sidebar > .panel-heading h3 {
    font-style: normal;
}

.container.outer-wrap #containerNewUserSecurity .panel-heading h2, .container.outer-wrap #containerExistingUserSignin .panel-heading h2 {
    margin-top: 4px;
}

/* 16px @ 480px increasing to 25px @ 1920px */
@media (min-width: 300px) {
    .container.outer-wrap .form-horizontal .panel-heading h2 {
        font-size: calc(1rem + ((1vw - 4.8px) * 0.625));
        /* Where: * 0.625 = 100 * font_Size_Difference / viewport_Width_Difference */
    }

}

/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
    .container.outer-wrap .form-horizontal .panel-heading h2 {
        font-size: 25px;
    }
}

.container.outer-wrap .panel-heading h2 {
    color: #FFF;
    font-size: 25px;
    margin-top: .9rem;
    margin-bottom: 0;
    padding-left: 11px;
    text-transform: none;
}

#containerNewUserSecurity #btnAlreadyRegistered {
    padding-left: 5px;
    text-transform: none;
    font-kerning: normal;
    width: 100%;
}

span.small-login-text {
    font-size: smaller;
    padding-left: 6px;
}

#order-standard_cart #btnNewUserSignup {
    padding-left: .5rem;
}

#order-standard_cart .panel.panel-addon {
    text-align: left;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
}

#order-standard_cart .panel.panel-addon .panel-body, .maincheckoutpage .panel.panel-addon {
    line-height: 26px;
}

.clientareacreditcard .panel-default > .panel-heading, .clientareadetails .panel-default > .panel-heading, .clientareadomainregisterns .panel-default > .panel-heading, .clientareacreditcard .panel-sidebar > .panel-heading, .clientareadetails .panel-sidebar > .panel-heading, .clientareadomainregisterns .panel-sidebar > .panel-heading {
    padding-left: 40px;
    padding-right: 40px;
}

#order-standard_cart .panel.panel-addon .panel-body label {
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

#order-standard_cart .containerDomainoptions .header-lined + p {
    font-size: 16px;
    margin-bottom: 20px;
}

#confprodformdiv .form-pad .form-group label {
    color: #000;
}

#orderSummary {
    background-color: #fff;
    color: #525252;
}

.cartimage {
    display: block;
    padding: 40px 0;
}


#hwaddons.addon-products .list-group .panel-default.panel-addon {
    border: none;
    box-shadow: none;
}

#hwaddons .addon-products .panel-addon .panel-body {
    padding-top: 20px;
}

.addon-products .panel-addon .addon-footer {

    padding: 5px;
}

#hwaddons .panel-addon .panel-header .col-xs-12.col-sm-6 {
    padding-left: 8px;
}

#hwaddons .panel-addon .col-sm-6.text-right .col-xs-8.col-sm-12 {
    padding-right: 8px;
}

#order-standard_cart .software-licences-category .panel-body {
    padding-left: 20px;
    padding-right: 20px;
}

#order-standard_cart .addon-products .panel.panel-addon .panel-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.summary-totals {
    padding: 6px 10px 4px;
    border: none;
}

.select2-container span.highlight, .summary-totals span.highlight, span.ssd_price {
    color: #0d990c;
}

.total-due-today .carttotals {
    color: #525252;
}

#orderSummary hr {
    width: 91%;
    border-top: .75px solid #CCC;
    margin: 10px 0 10px 4%;
}

#orderSummary .total-due-today hr {
    border-top: 2px solid #CCC;
}

.checkout-security-msg {
    font-size: 12px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

#containerTerms {
    padding-top: 15px;
}

#cart_footer2 {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #00305a;
    color: #8fb0cc;
    font-size: .9em;
    width: 100%;
}

#cart_footer2 a {
    color: #8fb0cc;
}

#cart_footer2 .seperator {
    color: #113f67;
}

#cart_footer2 hr {
    border-top: 1px solid #113f67;
    padding: 0;
    margin: 0;
}

#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 400px; /* Height of the footer */
    background-color: #00263f;
}


.top-footer {
    background-color: #00263f;
    color: #fff;
    padding: 20px 0 20px;
}

.top-footer .title {
    color: #fff;
    margin-top: 24px;
}

.get-in-touch {
    background: #00305a;
    border-radius: 4px;
    color: #FFF;
    font-size: 16px;
    padding: 24px;
}

.get-in-touch .title {
    margin-top: 0;
}

.get-in-touch p:last-child {
    margin: 0;
}

.get-in-touch a {
    color: #acd2f3;
}

i.social-icon {
    font-size: 30px;
}

.bottom-footer {
    background-color: #00263f;
    color: #FFF;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bottom-footer a {
    color: #FFF;
    font-size: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.bottom-footer > .icon {
    font-size: 20px;
}

.footer-menu {
    list-style: none;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 5px;
}

.footer-menu li a {
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
}


.short-hr {
    width: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.configurableoptions-wrapper, .your_plan {
    margin: 0;
    background-color: #edf2f7;
    border: 1px solid #ddd;
}

.your_plan {
    padding: 10px;
}

.configurableoptions-wrapper {
    padding: 15px 45px;
}

.configurableoptions-wrapper .RangeSlider label {
    top: 23px;
    position: relative;
    text-transform: uppercase;
}

.irs {
    height: 55px;
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 12px;
    top: 33px;
    background: #eee;
    background: linear-gradient(to bottom, #ddd -50%, #fff 150%);
    border: 1px solid #ccc;
    border-radius: 16px;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    height: 8px;
}

span.irs-bar, span.irs-bar-edge {
    background: #0074dd;
    height: 10px;
    top: 33px;
}

span.irs-bar {
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
}

span.irs-bar-edge {
    border: 1px solid #428bca;
    border-right: 0;
    border-radius: 16px 0 0 16px;
    width: 14px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: .3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 24px;
    width: 24px;
    height: 24px;
    border: 1px solid #aaa;
    border-radius: 24px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    cursor: pointer;
}

.irs-slider, .irs-slider.state_hover, .irs-slider:hover {
    background: #0074dd;
}

.irs-max, .irs-min, span.irs-from, span.irs-single, span.irs-to {
    color: #cdcccc;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: 0 0;
    border-radius: 0;
}

span.irs-from, span.irs-single, span.irs-to {
    color: #444;
    -moz-border-radius: 0;
    top: 100%;
}

.irs-min {
    visibility: hidden !important;
}

.irs-max {
    visibility: visible !important;
}

.lt-ie9 .irs-max, .lt-ie9 .irs-min {
    background: #ccc;
}

.irs-grid-pol.small, .lt-ie9 .irs-from, .lt-ie9 .irs-single, .lt-ie9 .irs-to {
    background: #999;
}

.irs-grid {
    height: 27px;
}

.irs-grid-pol {
    opacity: .5;
    background: #428bca;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.upgrade .irs-line, .upgrade span.irs-bar, .upgrade span.irs-bar-edge {
    top: 23px;
}

.upgrade .irs-slider {
    border: 0;
    box-shadow: -2px 0 3px rgba(0, 0, 0, .3);
    top: 18px;
}

.upgrade span.irs-single {
    color: #a0a0a0;
    font-size: 10px;
    transform: translateY(-14px);
}

.logincontainer {
    margin: 20px auto 150px;
    padding: 0;
    width: 100%;
    max-width: 700px;
}

.logincontainer .panel-default > .panel-heading, .logincontainer .panel-sidebar > .panel-heading {
    padding-left: 40px;
    padding-right: 40px;
}

.logincontainer .pwreset {
    color: #418fd1;
    float: right;
    font-size: 12px;
}

.logincontainer .btn {
    text-transform: uppercase;
}

#order-standard_cart .container {
    max-width: 750px;
    padding: 0;
}

.maincheckoutpage.container {
    max-width: 750px;
}

.registerdomain {
    background: url(https://clients.hostwinds.com/templates/hwsix/img/hostwinds/lt-gradient-bg.jpg) repeat-x;
    padding: 40px 0;
}

@media (min-width: 768px) {
    .findadomain form {
        width: 750px;
        max-width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .registerdomain form {
        display: flex;
    }

    .findadomain .form-inline .form-group, .registerdomain .form-inline .form-group {
        margin-right: 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        flex: 1 1 auto;
    }

    .findadomain .form-inline .input-group, .registerdomain .form-inline .input-group {
        display: flex;
        align-items: center;
    }

    .findadomain .input-group input, .registerdomain .input-group input {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        flex: 1 1 auto;
    }

    .findadomain .form-inline button, .registerdomain .form-inline button {
        flex: 0 0 auto;
    }

    .findadomain .input-group-addon, .registerdomain .input-group-addon {
        flex: 0 0 auto;
        color: #444;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        line-height: 38px;
    }
}

.adddomain #main-menu, .packageDescription br, .sidebar .list-group-item i.fa-circle-o, .sidebar .list-group-item i.fa-dot-circle-o {
    display: none;
}

.domain-checker-result-headline {
    margin: 40px 0;
}

.domain-checker-result-headline span.subline {
    font-size: 21px;
    line-height: 24px;
    font-weight: 400;
    color: #5a7e9e;
    display: block;
    font-style: italic;
    margin-top: 10px;
}

.adddomain .sub-heading {
    color: #0d4d8a;
    text-transform: uppercase;
    margin-top: 50px;
}

.domainaddedtocart {
    border: 1px solid #e1e1e3;
    border-bottom: 3px solid #0d990c;
    padding: 0;
    margin: 0 0 40px;
}

.domainaddedtocart .col-sm-2 {
    background-color: #eee;
    border-left: 1px solid #e1e1e3;
    font-size: 9px;
    color: #0d990c;
}

.domainaddedtocart .domain, .domainaddedtocart .price {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}

.domainaddedtocart .price {
    font-size: 18px;
    color: #0d990c;
}

.domainaddedtocart .fa-check-circle {
    display: block;
    font-size: 30px;
}

.domain-recommendations-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.domain-recommendation {
    border: 1px solid #e1e1e3;
    flex: 0 1 calc(33.3333% - 10px);
    margin: 5px;
}

.domain-recommendation-name {
    padding: 10px 20px;
}

.domain-recommendation-sld, .domain-recommendation-tld {
    display: block;
    font-size: 16px;
    line-height: 1.2;
}

.domain-recommendation-tld {
    font-weight: 700;
    text-transform: uppercase;
}

.domain-recommendation-pricing {
    background: #eee;
    border-top: 1px solid #e1e1e3;
    padding: 10px 20px;
}

.domain-recommendation-price {
    color: #53BC48;
    font-size: 16px;
    font-weight: 700;
}

.domain-recommendation-cart {
    color: #566e8a;
    float: right;
    font-size: 22px;
    line-height: 1;
}

.domain-suggestions-wrapper {
    margin-bottom: 30px;
}

.domain-suggestions {
    border: 1px solid #e1e1e3;
    border-bottom-width: 0;
    padding: 8px 20px;
}

.domain-suggestions:last-child {
    border-bottom: 1px solid #e1e1e3;
}

.domain-suggestions .icheckbox_square-green {
    visibility: hidden;
    display: none;
}

.domain-suggestions label {
    font-weight: 400;
    font-size: 16px;
    line-height: 38px;
}

.addon-products-category .addon-footer select, .containerDomainoptions .price small, .containerDomainoptions label, .domain-suggestions .domain-suggestions-price small, .table.table-striped > tbody > tr > td.servicestatus .label {
    font-weight: 400;
}

.containerDomainoptions .price, .domain-suggestions .domain-suggestions-price {
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    color: #53BC48;
    display: inline-block;
    margin-right: 12px;
}

.domain-suggestions .btn {
    font-size: 24px;
    line-height: 36px;
}

.register .jumbotron, .transfer .jumbotron {
    background: url(https://clients.hostwinds.com/templates/hwsix/img/hostwinds/domain-hero.jpg) 0 0;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.register .jumbotron h1, .transfer .jumbotron h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}

.register .jumbotron p, .transfer .jumbotron p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
}

.register .jumbotron a, .transfer .jumbotron a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .aboutfindadomainwrapper .aboutfindadomain {
        margin-top: -75px;
    }
}

.aboutfindadomainwrapper {
    display: flex;
    flex-wrap: wrap;
}

.aboutfindadomainwrapper .col-md-3 {
    display: flex;
    flex-direction: column;
}

.aboutfindadomainwrapper .aboutfindadomain {
    flex: 1 0 auto;
    background-color: #eee;
    border-bottom: 3px solid #8fbde1;
    padding: 25px 15px;
    margin-bottom: 20px;
    color: #444;
}

.aboutfindadomain .findadomainheader {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.aboutfindadomain .findadomainheader div.two {
    flex-grow: 2;
}

.aboutfindadomain .findadomainheader h2 {
    font-size: 18px;
    padding: 0 0 0 10px;
    margin: 0;
    text-transform: uppercase;
}

.findadomain table thead tr {
    background-color: #eee;
}

.findadomain table thead th {
    padding: 10px 5px;
    text-transform: uppercase;
}

.findadomain table tr td:nth-of-type(2), .findadomain table tr td:nth-of-type(3), .findadomain table tr td:nth-of-type(4) {
    color: #53BC48;
}

.findadomain table tr td:nth-of-type(2) span, .findadomain table tr td:nth-of-type(3) span, .findadomain table tr td:nth-of-type(4) span {
    font-size: 18px;
    font-weight: 700;
}

.status {
    color: #fff;
}

.status-active, .status-answered, .status-cancelled, .status-closed, .status-collections, .status-dead, .status-expired, .status-fraud, .status-inprogress, .status-lost, .status-onhold, .status-open, .status-paid, .status-pending, .status-pending.transfer, .status-suspended, .status-terminated, .status-transferred.away, .status-unpaid, .status.completed {
    background-color: transparent;
}

.status-pending {
    color: #f59121;
}

.status-pending.transfer {
    color: #a68500;
}

.status-active, .status-open, .status.completed {
    color: #53BC48;
}

.status-suspended {
    color: #f0ad4e;
}

.status-customer-reply {
    color: #f60;
}

.status-answered, .status-fraud {
    color: #000;
}

.status-expired, .status-transferred.away {
    color: #004258;
}

.status-cancelled, .status-terminated {
    color: red;
}

.status-onhold {
    color: #248;
}

.status-inprogress {
    color: #c00;
}

.status-closed {
    color: #888;
}

.status-paid {
    color: #498302;
}

.status-unpaid {
    color: #ed3e48;
}

.status-collections {
    color: #9a141e;
}

.status-refunded {
    background-color: #319fc3;
}

.status-customer-reply {
    background-color: #f60;
}

.status-delivered {
    background-color: #248;
}

.status-accepted {
    background-color: #498302;
}

.status-dead, .status-lost {
    border: 0;
    color: #000;
}

.status.status-transferred-away {
    background: 0 0;
    color: #888;
}

.dataTables_wrapper {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 1em;
}

.dataTables_wrapper .listtable {
    background-color: #e6ecef;
    border: 1px #d6dee8 solid;
    border-radius: 0;
    font-size: 1em;
}

.dataTables_wrapper .dataTables_info {
    font-size: 1em;
}

.dataTables_wrapper .row, .dataTables_wrapper .row .col-sm-12, .dataTables_wrapper .row .col-sm-5, .dataTables_wrapper .row .col-sm-6, .dataTables_wrapper .row .col-sm-7 {
    margin: 0;
    padding: 0;
}

.dataTables_wrapper .dataTables_info {
    background-color: transparent;
    border: 0;
    border-bottom: none;
    color: #bcbcbc;
    border-radius: 0;
    padding: 14px 20px;
}

.clientareainvoices .dataTable .status-button .status-paid span, .clientareainvoices .dataTable .status-button .status-refunded span, .clientareainvoices .dataTable .status-button .status-unpaid span, .dataTables_wrapper .listtable .topbar .dataTables_info {
    color: #fff;
}

.dataTables_wrapper .listtable .topbar {
    padding: 0;
}

.dataTables_wrapper .listtable .topbar, .dataTables_wrapper .row:first-of-type {
    background-color: #006db2;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1em;
    text-align: left !important;
}

.dataTables_wrapper .listtable .topbar::after, .dataTables_wrapper .listtable .topbar::before {
    content: '';
    display: table;
}

.dataTables_wrapper .listtable .topbar::after {
    clear: both;
}

#tableServicesListhome_wrapper .dataTables_info {
    font-size: 17px;
}

.dataTables_wrapper .row:first-of-type {
    padding: 0;
}


.table.table-striped > tbody > tr > td, .table.table-striped > tbody > tr > th, .table.table-striped > tfoot > tr > td, .table.table-striped > tfoot > tr > th, .table.table-striped > thead > tr > td, .table.table-striped > thead > tr > th {
    text-align: left;
    vertical-align: middle;
}

.table.table-striped .text-center {
    text-align: center;
}


.upgrade table.table-striped {
    border: 1px solid #d6dee8;
}

.upgrade table.table-striped i.fa-angle-double-right {
    font-size: 1.5em;
    color: #0074e5;
}

#mg-wrapper .module-content .table > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafafa;
}

.table-hover > tbody > tr:hover, .table-striped > tbody > tr:hover {
    background-color: #edf2f8;
}

.upgrade table.table-list thead th, .upgrade table.table-striped thead th {
    padding: 14px 10px;
    background-color: #0d4d8a;
    border: 0;
    border-bottom: 1px solid white;
    font-size: 1em;
    color: white;
    border-radius: 0;
    text-align: left !important;
}


.table-list .domain-cell {
    font-weight: 700;
}

#tabAddons .table-list > tbody > tr:hover {
    cursor: pointer;
}

.masspay table.table-list tbody td {
    padding: 16px 20px;
}

.client-status, table.table-list thead, table.table-striped thead {
    background-color: #edf2f8;
}

.domainaddedtocart div, .masspay .upgrade table.table-list thead th, .masspay .upgrade table.table-striped thead th {
    padding: 12px 20px;
}

table.table-list thead th, table.table-striped thead th {
    background-color: transparent;
    border-bottom: 1px solid #d6dee8;
    color: #16528d;
    font-size: 16px;
    text-align: left;

}

.table-list > tbody > tr {
    background-color: #fff;
}

.dataTables_wrapper table.table-list, .dataTables_wrapper table.table-striped {
    margin-bottom: 0;
    margin-top: 0;
}


.dataTables_wrapper table.table-list thead th {
    border-bottom: 0;
    font-weight: bold;
}

.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom: 0;
}

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: inherit;
}


.dataTables_wrapper .dataTables_filter label {
    visibility: collapse;
    position: relative;
    padding: 10px 20px;
    margin: 0;
}

.dataTables_wrapper .dataTables_filter label input {
    visibility: visible;
}

table.dataTable thead .sorting::after {
    font-family: Font Awesome\ 5 Pro !important;
    content: "\f0dc" !important;
}

.dataTables_length select {
    min-height: 30px;
    height: 30px;
    margin-right: 5px;
}

.dataTables_wrapper .dataTables_length label {
    font-size: 13px;
    padding: 10px 10px 0 0;
    color: #4e525f;
}

.clientareainvoices .dataTables_wrapper .dataTables_length label {
    font-size: 13px;
    padding: 10px 10px 0;
}

#containerpaymentDetails .radio label, .clientareaemails .dataTables_wrapper .dataTables_length label {
    padding-left: 20px;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 6px 0 0;
}

.dataTables_wrapper .dataTables_length {
    background-color: inherit;
    font-size: .8em;
    color: #FFF;
}

.list-group-item .badge {
    font-weight: 400;
    background-color: transparent;
    border-radius: 0;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: transparent;
}

div.product-details {
    margin: 0 0 20px;
}

.product-status-wrapper {
    border: 1px solid #dbe0e7;
}

div.product-status-wrapper .product-header h3 {
    margin: 0;
    padding: 0;
    background-color: #5998cf;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 2.5em;
    text-transform: uppercase;
}

div.product-status-wrapper div.product-icon {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.product-status-accepted, .product-status-active, .product-status-answered, .product-status-cancelled, .product-status-closed, .product-status-collections, .product-status-customer-reply, .product-status-dead, .product-status-delivered, .product-status-expired, .product-status-fraud, .product-status-inprogress, .product-status-lost, .product-status-onhold, .product-status-open, .product-status-paid, .product-status-pending, .product-status-pending.transfer, .product-status-refunded, .product-status-suspended, .product-status-terminated, .product-status-transferred.away, .product-status-unpaid, .product-status.completed {
    background-color: #468cca;
    color: #fff;
}

div.product-status-wrapper .product-status {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: #478dcb;
}

div.product-status-wrapper .product-footer {
    border-top: 1px solid #fff;
    line-height: 2.5em;
    font-style: italic;
}

.product-status-pending .product-footer, .product-status-pending.transfer .product-footer {
    background-color: #edb800;
}

.product-status-active .product-footer, .product-status-open .product-footer, .product-status.completed .product-footer {
    background-color: #53BC48;
}

.product-status-suspended .product-footer {
    background-color: #f0ad4e;
}

.product-status-answered .product-footer, .product-status-fraud .product-footer {
    background-color: #000;
}

.product-status-expired .product-footer, .product-status-transferred.away .product-footer {
    background-color: #004258;
}

.product-status-cancelled .product-footer, .product-status-terminated .product-footer {
    background-color: #666;
}

.product-status-onhold .product-footer {
    background-color: #248;
}

.product-status-inprogress .product-footer {
    background-color: #c00;
}

.product-status-closed .product-footer {
    background-color: #888;
}

.product-status-paid .product-footer {
    background-color: #498302;
}

.product-status-unpaid .product-footer {
    background-color: #ed3e48;
}

.product-status-collections .product-footer {
    background-color: #9a141e;
}

.product-status-refunded .product-footer {
    background-color: #319fc3;
}

.product-status-customer-reply .product-footer {
    background-color: #f60;
}

.product-status-delivered .product-footer {
    background-color: #248;
}

.product-status-accepted .product-footer {
    background-color: #498302;
}

@media screen and (min-width: 768px) {
    .product-status-wrapper {
        display: flex;
    }

    .product-status, .product-status-wrapper .col-md-5, .product-status-wrapper .col-md-7 {
        flex: 1 1 auto;
        display: flex;
    }

    .product-status-wrapper .col-md-5 {
        margin: -1px 0 -1px -16px;
    }

    .product-status {
        flex-direction: column;
    }

    .product-status .product-icon {
        flex-grow: 2;
        align-self: center;
        display: flex;
    }

    .product-status .product-icon .img {
        align-self: center;
        max-width: 100%;
    }
}

.product-status .product-icon .img {
    padding: 30px;
    margin: 10px;
    background-color: #5998cf;
    border-radius: 50%;
    max-width: 100%;
}

.product-information {
    display: block;
    width: 100%;
}

.product-information p {
    border-bottom: 1px solid #dbe0e7;
    color: #444;
    display: block;
    font-weight: 400;
    margin: 0;
    padding: 10px 0;
}

.product-information p:last-of-type {
    border-bottom: none;
}

.product-information p span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #266299;
}

div.product-details-tab-container {
    border: 0;
    padding: 10px 0;
}

.product-details-tab-container #manage .module-client-area {
    line-height: 2em;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #0d4d8a;
    border: 0;
    border-bottom: 1px solid #0d4d8a;
}

.nav-tabs > li > a {
    background-color: #ebf2fa;
    color: #0d4d8a;
    border-radius: 0;
    font-weight: 700;
}

.clientareaproductdetails .nav-tabs a, .clientareaproductdetails .tab-pane strong {
    text-transform: uppercase;
    display: inline-block;
}

.clientareaproductdetails .dataTables_wrapper {
    margin-top: 20px;
}

.clientareaproductdetails input.btn[type=button] {
    height: auto;
    min-height: 1px;
}

#tabChangepw h3 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #234f76;
}

#tabChangepw h3 strong {
    font-style: italic;
    text-transform: lowercase;
}

#tabChangepw label, .success-indicator span {
    font-weight: 700;
}

#tabChangepw .alert p strong {
    font-size: 18px;
    font-weight: 700;
}

#tabChangepw .alert p i {
    font-size: 18px;
}

#bandwidthUsage strong, #diskUsage strong {
    text-transform: capitalize;
}

.alert.alert-info .fa {
    margin-right: 3px;
}


#upgradepackage tr td:nth-of-type(1) {
    width: 40%;
    text-align: center;
    vertical-align: middle;
}

#upgradepackage tr td:nth-of-type(2) {
    width: 60%;
    background-color: #eee;
    vertical-align: middle;
}

#upgradepackage tr:nth-of-type(4n-1) td:nth-of-type(2) {
    background-color: #f6f6f6;
}


.packageDescription li, .packageDescription ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.packageDescription li span {
    font-weight: 700;
}

.upgradepackageform {
    background-color: #0d4d8a;
}

tr.upgradepackageform td {
    padding: 15px !important;
}

.packageName {
    font-size: 13px;
    color: #5a7e9e;
    line-height: 20px;
}

.packageName .price {
    font-weight: 700;
    font-size: 32px;
    display: block;
    line-height: 32px;
    color: #0d4d8a;
}

#upgradepackage .active {
    position: relative;
    z-index: 2;
}

#upgradepackage .active td:nth-of-type(1) {
    border-top: 1px solid #0d4d8a;
    border-left: 1px solid #0d4d8a;
}

#upgradepackage .active td:nth-of-type(2) {
    border-top: 1px solid #0d4d8a;
    border-right: 1px solid #0d4d8a;
}

#upgradepackage tr td:nth-of-type(1), #upgradepackage tr td:nth-of-type(2) {
    border: 1px solid #ddd;
    border-bottom: none;
}

#upgradepackage tr:nth-last-child(2) td {
    border-bottom: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
    #upgradepackage tr td:nth-of-type(1) {
        width: 20%;
    }

    #upgradepackage tr td:nth-of-type(2) {
        width: 80%;
    }

    .packageDescription li {
        float: left;
        width: 49%;
        line-height: 2;
    }

    .packageSelect {
        text-align: center;
    }

    .upgradepackageform .form-group, .upgradepackageform form {
        margin-bottom: 0;
    }
}

.upgradepackageform input[type=submit] {
    font-size: 16px;
}

.upgrade .form-control.eq-4 {
    width: auto;
    display: inline-block;
}

#order-standard_cart .header-lined h2 {
    font-size: 18px;
    margin-top: -10px;
}

.addon-products-category .addon-products-category-title {
    flex: 1 1 100%;
}

.addon-products-category .addon-footer, .newsubmitticket label {
    font-weight: 700;
}

#order-standard_cart .maincheckoutpage .confprodformdiv span.highlight, .addon-products-category .panel-addon .addon-footer .addon-pricing p .price, .addon-products-category .product-pricing .price {
    color: #0d990c;
}

.maincheckoutpage {
    color: #000;
}

.maincheckoutpage .addon-products .highlight {
    color: #0d990c;
}

.addon-desc {
    line-height: 1.2;
    font-size: 14px;
    padding-right: .75rem;
    color: #000;
}

.addon-desc-expand {
    display: inline-block;
    width: 7.5rem;
    float: right;
    text-align: right;
    padding: 1rem 0 0 0;
    margin-right: -1rem;
    color: #000;
    font-weight: 600;
}

#hwaddons .addon-body .addon-desc a.addon-desc-expand::after {
    content: "\2026";
    color: #000;
}

.addon-desc-content.is-expandable {
    display: none;
    margin-top: 10px;
}

#order-standard_cart .addon-products-category .panel-addon, .tab-pane .addon-products-category .panel-addon {
    border: 1px solid #dbe0e7;
    padding: 0;
}

.confprodformdiv .row .col-md-12 .panel.panel-default.panel-addon {
    border-color: #0d4d8a;
}

.confprodformdiv .row .panel.panel-addon .panel-body {
    padding: 0px 0px 15px 0px;
}

.addon-products .list-group .list-group-item {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
}

.addon-products .list-group .list-group-item:last-child {
    border: none;
}

.addon-panel {
    box-shadow: none;
}

.addon-products-category .panel-addon .panel-body.addon-body {
    padding: 30px 10px;
}

.addon-products-category .panel-addon .addon-body h4 {
    color: #16528d;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.addon-products-category .panel-addon .addon-footer {
    background: #f2f5fa;
    border-top: 1px solid #dbe0e7;
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
}

.addon-products-category .panel-addon .addon-footer .addon-pricing, .addon-products-category .panel-addon .addon-footer .addon-service {
    flex: 0 1 50%;
    padding: 15px;
}

.addon-products-category .panel-addon .addon-footer .addon-service + .addon-pricing {
    border-left: 1px solid #dbe0e7;
}

.addon-products-category .panel-addon .addon-footer .addon-pricing p {
    font-size: 18px;
    margin-bottom: 5px;
}

#order-standard_cart .addon-products-category .panel.panel-addon .panel-body, #order-standard_cart .addon-products-category .panel.panel-addon .panel-body ul, .tab-pane .addon-products-category .panel.panel-addon .panel-body ul {
    line-height: 1.4;
}

#order-standard_cart .addon-products-category .panel.panel-addon .panel-body ul, .tab-pane .addon-products-category .panel.panel-addon .panel-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


.addon-body .content-col, .addon-body .icon-col {
    padding-left: 15px;
    padding-right: 15px;
}

.addon-products .addon-body .icon-col {
    padding-left: 8px;
}


.table-container {
    position: relative;
}

.managementoptions-wrapper {
    display: flex;
    align-items: center;
}

.managementoptions-wrapper div {
    margin: 0 5px;
    padding: 10px;
    flex: 1 1 auto;
    align-self: center;
    background-color: #edf2f8;
    text-align: center;
}

td.autorenew .fa-check {
    color: #54964c;
}

.special .radio {
    margin-bottom: 10px;
}

.special .radio label {
    padding-left: 0;
}

.special .radio input[type=radio] {
    position: absolute;
    opacity: 0;
}

.special .radio input[type=radio] + .radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 2px solid #307cda;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: -.2em;
    margin-right: 1em;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.special .radio input[type=radio]:checked + .radio-label:before {
    background-color: #307cda;
    box-shadow: inset 0 0 0 3px #f4f4f4;
}

.special .radio input[type=radio]:focus + .radio-label:before {
    outline: 0;
    border-color: #307cda;
}

.special .radio input[type=radio]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #307cda;
    background: #307cda;
}

.special .radio input[type=radio] + .radio-label:empty:before {
    margin-right: 0;
}

.clientareadomaindetails .addon-products-category .panel-addon .panel-body {
    text-align: left;
}

.nsdomain {
    min-height: 40px;
    line-height: 40px;
    font-style: italic;
}

.clientareadomaingetepp .main-content h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}

#mg-wrapper .module-content .btn-primary {
    color: #fff;
    background-color: #53BC48;
    border-color: #53BC48;
    height: auto;
}

#mg-wrapper .module-content .input-icon > .fa {
    color: #ccc;
}

#mg-wrapper .module-content .panel-default > .panel-heading {
    padding: 10px;
    background-color: #0d4d8a;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 1em;
    color: #fff;
    border-radius: 0;
    text-align: left !important;
}

#mg-wrapper .module-content .panel-heading a {
    color: #fff;
    font-weight: 700;
}

#mg-wrapper .module-content .module-main-header, #mg-wrapper .panel-heading > .header-actions > .badge, .clientareainvoices h1 small {
    display: none;
}

#mg-wrapper .module-content .module-header h1 {
    font-size: 18px;
    font-weight: 700;
    color: #0d4d8a;
    text-transform: uppercase;
}

#mg-wrapper .module-content .table, #tableDomainsRenew {
    border: 1px solid #d6dee8;
}

#mg-wrapper .module-content .table > tbody > tr > td.cell-actions {
    text-align: right;
}

#mg-wrapper .module-content .table > tbody > tr > td.cell-actions > * {
    display: inline-block;
    margin: 0;
}

#mg-wrapper .module-content .list-info .btn-icon .fa, #mg-wrapper .module-content .table > tbody > tr > td .btn-icon .fa {
    font-size: 16px;
    line-height: 22px;
    color: #8a8e99;
}

#mg-wrapper .module-content .table tr td, #mg-wrapper .module-content .table tr th {
    border-color: #d6dee8;
}

#mg-wrapper .module-content .table thead tr th, #tableDomainsRenew thead tr th {
    text-transform: uppercase;
    color: #fff;
    background-color: #0d4d8a;
    border-bottom: none;
}

#mg-wrapper .module-content .table thead tr th {
    font-size: inherit;
    font-weight: 700;
}

#mg-wrapper .module-content .table tr td {
    font-size: 12px;
    line-height: 22px;
}

#mg-wrapper .module-content .table tr td a {
    cursor: pointer;
}

#mg-wrapper .module-content .table-marginless, .downloads table tbody tr td p {
    margin: 0;
}

#mg-wrapper .module-content .form-control[disabled], #mg-wrapper .module-content .form-control[readonly], #mg-wrapper .module-content fieldset[disabled] .form-control {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: default;
}

@media (min-width: 768px) {
    #mg-wrapper .module-content .header-search .row-fluid-xs .fluid-0, #mg-wrapper .module-content .header-search .row-fluid-xs .fluid-100 {
        float: right;
    }
}

#tableDomainsRenew_wrapper {
    margin-top: 20px;
    margin-bottom: 30px;
}

#tableDomainsRenew thead tr th {
    font-weight: 700;
}

.textgreen {
    color: #6a9b5a;
}

.textred {
    color: red;
}

.textblack {
    color: #000;
}

.clientareainvoices .dataTable .status-button .status, .downloads .status-button .status, .downloadscat .status-button .status, .supportticketslist .dataTable .status-button .status, .tickettablewrapper .status-button .status {
    display: block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.clientareainvoices .dataTable .status-button .status-paid {
    background-color: #53BC48;
    color: #fff;
}

.clientareainvoices .dataTable .status-button .status-cancelled, .clientareainvoices .dataTable .status-button .status-unpaid {
    background-color: red;
    color: #fff;
}

.supportticketslist .dataTable .status-button .status-closed, .tickettablewrapper .status-button .status-closed {
    background-color: #8390a0;
    color: #fff;
}

.supportticketslist .dataTable .status-button .status-awaiting-client-response, .supportticketslist .status-button .status-answered, .tickettablewrapper .status-button .status-awaiting-client-response {
    background-color: #4c565f;
    color: #fff;
}

.downloads .status-button .status-active, .downloadscat .status-button .status-active, .supportticketslist .dataTable .status-button .status-open, .supportticketslist .dataTable .status-button .status-status-customer-reply, .tickettablewrapper .status-button .status-open, .tickettablewrapper .status-button .status-status-customer-reply {
    background-color: #5ca35d;
    color: #fff;
}


.masspay-main-total td.text-right {
    color: #53BC48;
    font-size: 1.5em;
    line-height: 1;
}

.massPayCheckout > tbody > tr > td, .massPayCheckout > tbody > tr > th, .massPayCheckout > tfoot > tr > td, .massPayCheckout > tfoot > tr > th, .massPayCheckout > thead > tr > td, .massPayCheckout > thead > tr > th {
    background-color: #e4ebf3;
    border-top: none;
    border-bottom: 1px solid #cad7e6;
}

.massPayCheckout > tbody > tr.masspay-main-total > td {
    background-color: transparent;
    font-weight: 700;
    border-bottom: none;
}

#currentPaymentDetails, .ticket-reply.staff .user {
    background-color: #edf2f8;
}

#currentPaymentDetails [class*=col] {
    line-height: 30px;
}

#creditCardInputFields span.btn {
    font-size: 16px;
    padding: 10px 20px;
}

#creditCardInputFields col-xs-12 {
    padding-top: 5px;
}

.hw_paypal .panel-body hr {
    border-top: 1px solid #d6dee8;
}

.clientareaaddfunds .table-striped > tbody > tr {
    background-color: #ecf1f7;
}

.clientareaaddfunds .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e4ebf3;
}


.alert-block form, .panel .panel-body table, .tickettablewrapper table, .viewcart.hwcart .panel label {
    margin-bottom: 0;
}

.tickettablewrapper thead td, .tickettablewrapper thead th {
    background-color: #edf2f8;
    color: #1b4d80;
    text-transform: uppercase;
    font-weight: 700;
}

.tickettablewrapper tbody td {
    vertical-align: middle !important;
}

.panel-info {
    border-color: #53BC48;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #53BC48;
    border-color: #53BC48;
    border-radius: 0;
}

.ticket-reply {
    margin: 10px 0;
    padding: 0;
    background-color: #fff;
}

.ticket-reply .user {
    padding: 5px 0;
    background-color: #edf2f8;
    color: #16528d;
}

.ticket-reply, .ticket-reply.staff {
    border: 1px solid #d6dee8;
}

.ticket-reply .user .type {
    font-weight: 400;
}

.ticket-reply .user .name {
    font-weight: 700;
}

.viewticket .container .row .sidebar:nth-of-type(2) {
    display: none;
}

.panel .panel-body td {
    vertical-align: middle;
}

.downloads .panel .panel-body, .downloadscat .panel .panel-body {
    padding: 0;
}

.tableStatusListwrapper tr.critical td {
    background-color: #f7d3d3;
}

.tableStatusListwrapper tr.critical td.critical {
    color: #8a192b;
}

.tableStatusListwrapper tr.ok td, .tableStatusListwrapper tr.warning td {
    background-color: #fff;
}

#Secondary_Navbar-Account.dropdown {
    font-weight: 700;
}

.client-information .balance-info-wrapper p, .client-status .client-area p {
    font-size: 13px;
}

.client-information .balance-info-wrapper a, .client-information .balance-info-wrapper a:active, .client-information .balance-info-wrapper a:hover, .client-information .balance-info-wrapper a:link, .client-information .balance-info-wrapper a:visited {
    color: #498dcb;
}

.client-information .balance-total-wrapper a, .client-information .balance-total-wrapper a:active, .client-information .balance-total-wrapper a:hover, .client-information .balance-total-wrapper a:link, .client-information .balance-total-wrapper a:visited {
    color: #498dcb;
    font-size: 13px;
}

.client-information .balance-total-wrapper {
    padding-left: 5px;
    padding-right: 5px;
}

.client-status .client-area {
    text-transform: uppercase;
    text-align: left;
    margin-left: 20px;
}

.client-status .client-area h4 {
    font-size: 115%;
    margin-top: 29px;
    margin-bottom: 2px;
}

.client-status .client-area a, .client-status .client-area a:active, .client-status .client-area a:hover, .client-status .client-area a:link, .client-status .client-area a:visited {
    font-size: 13px;
    color: #498dcb;
    text-transform: none;
}

a.domain-link, a.domain-link:active, a.domain-link:hover, a.domain-link:link, a.domain-link:visited {
    font-size: 13px;
    font-style: italic;
}

.past-due-wrapper p {
    color: #d45d5d;
    font-size: 12px;
    text-align: center;
}

.topbar .dataTables_filter label {
    font-size: 11px;
}

.dataTables_wrapper table.dataTable thead th:after {
    opacity: .25;
    margin-right: 12px;
}

.dataTables_wrapper table.dataTable thead .sorting_asc:after {
    content: "\f077";
    font-family: Font Awesome\ 5 Pro;
    opacity: .25;
    font-size: .7em;
}

.dataTables_wrapper table.dataTable thead .sorting_desc:after {
    content: "\f078";
    font-family: Font Awesome\ 5 Pro;
    opacity: .25;
    font-size: .7em;
}

@media (min-width: 768px) {
    .alert-choose-contact {
        display: flex;
        flex-flow: row nowrap;
    }

    .alert-choose-contact .choose-contact-col {
        flex: 1 1 auto;
    }

    .alert-choose-contact .add-contact-col {
        border-left: 1px solid #bce8f1;
        flex: 0 0 auto;
        margin-left: 10px;
        padding-left: 10px;
    }

    .alert-choose-contact button {
        line-height: 26px;
    }

    .formclientareacontacts {
        display: flex;
    }

    .formclientareacontacts div.form-group {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        min-width: 1px;
    }

    .formclientareacontacts div.form-group label {
        flex: 0 0 auto;
        margin: 0 5px 0 0;
        min-width: 1px;
    }

    .formclientareacontacts div.form-group select.form-control {
        flex: 1 1 auto;
        margin: 0 10px;
        min-width: 1px;
    }

    .formclientareacontacts div.form-group input {
        flex: 1 1 auto;
        min-width: 1px;
    }

    .formclientareacontacts button {
        flex: 0 0 auto;
        margin-left: 5px;
        min-width: 1px;
    }
}

.clientareasecurity #modalAjax table {
    margin: 0 auto 20px;
}


.enabled-checkmark {
    color: #53BC48;
}

.error\/page-not-found .header-lined {
    display: none;
}

.four-oh-four h1 {
    font-size: 32px;
    margin: 20px 0;
}

.four-oh-four hr {
    border-color: #bdd3fa;
    margin: 20px auto;
    width: 50px;
}

.four-oh-four p {
    color: #607e9a;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
}

.ssd_div {
    margin-bottom: 10px;
}

.ssd_supercharge_text {
    font-weight: 700;
    padding-left: 5px;
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.btn-social i.fa, .social-signin-btns {
    text-align: center;
}

.social-signin-btns .btn {
    margin: 5px;
    padding: 10px 40px !important;
    width: 40% !important;
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-social i.fa {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    border-right: 1px solid rgba(0, 0, 0, .2);
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2);
}

.btn-facebook.active, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, .2);
}

.btn-facebook.active, .btn-facebook:active, .open .dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled:active, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled]:active, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2);
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2);
}

.btn-google.active, .btn-google:active, .btn-google:focus, .btn-google:hover, .open .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #ca3523;
    border-color: rgba(0, 0, 0, .2);
}

.btn-google.active, .btn-google:active, .open .dropdown-toggle.btn-google {
    background-image: none;
}

.btn-google-plus.disabled.active, .btn-google-plus.disabled:active, .btn-google-plus.disabled:focus, .btn-google-plus[disabled].active, .btn-google-plus[disabled]:active, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:hover, .btn-google.disabled, .btn-google.disabled:hover, .btn-google[disabled], fieldset[disabled] .btn-google, fieldset[disabled] .btn-google-plus.active, fieldset[disabled] .btn-google-plus:active, fieldset[disabled] .btn-google-plus:focus, fieldset[disabled] .btn-google-plus:hover {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2);
}

.btn-twitter {
    color: #fff;
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, .2);
}

.btn-twitter.active, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover, .open .dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #1c92c7;
    border-color: rgba(0, 0, 0, .2);
}

.btn-twitter.active, .btn-twitter:active, .open .dropdown-toggle.btn-twitter {
    background-image: none;
}

.btn-twitter.disabled, .btn-twitter.disabled.active, .btn-twitter.disabled:active, .btn-twitter.disabled:focus, .btn-twitter.disabled:hover, .btn-twitter[disabled], .btn-twitter[disabled].active, .btn-twitter[disabled]:active, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter.active, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:hover {
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, .2);
}

.providerPreLinking {
    min-height: 52px;
}

.providerLinkingFeedback {
    display: none;
}

#registration {
    margin: 0;
    padding: 0 0 40px;
}

#registration .field-container {
    margin: 0 0 30px;
}

#registration label {
    font-weight: 400;
    color: #666;
    font-size: 13px;
}

#registration .info-text-sm {
    font-size: .85em;
    text-align: center;
}

#registration .sub-heading {
    height: 0;
    border-top: 1px solid #ddd;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#registration .sub-heading span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #058;
    background-color: #fff;
}

#registration .prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: 400;
}

#registration .field, #registration .form-control {
    position: relative;
    vertical-align: top;
    border: 1px solid #bbb;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: 0;
    background: #fff;
    height: 36px;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
}

#registration .input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px;
}

#registration .form-control-qty {
    width: 70px;
    text-align: center;
}

#registration .form-control-static-inline {
    display: inline-block;
}

#registration .form-control:focus {
    border-color: #ddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#registration textarea.field, .bootstrap-switch input[type=checkbox].form-control, .bootstrap-switch input[type=radio].form-control {
    height: auto;
}

#registration .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px;
}

#registration .prepend-icon .field-icon i {
    position: relative;
}

#registration .prepend-icon .field-icon {
    top: 0;
    z-index: 4;
    width: 42px;
    height: 36px;
    color: inherit;
    line-height: 36px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    pointer-events: none;
}

#registration .field-icon i {
    color: #bbb;
}

#registration .field[disabled], #registration .field[readonly] {
    background-color: #f8f8f8;
    opacity: 1;
}

#registration .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
    font-size: 12px;
}

.hwsignup1.container {
    width: 500px;
}

.os_custom_message {
    font-size: 13px;
    padding-top: 3px;
}

.order-summary .pull-left, .order-summary .pull-right {
    font-size: 18px;
}

.order-summary .amt .pull-right {
    font-weight: 600;
}

.hw_discount_order {
    font-size: 13px;
    display: block;
    clear: both;
    font-weight: bold;
}

.select_hwqty {
    display: inline;
    cursor: pointer;
    color: red;
}

.cartQuantity {
    display: none;
}

.domain-input-group {
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

@media screen and (min-width: 500px) {
    .domain-input-group {
        flex-flow: row nowrap;
    }
}

.domain-input-group .fa-search {
    position: absolute;
    height: 40px;
    line-height: 40px;
    width: 3em;
    text-align: center;
    top: 0;
    left: 0;
}

.domain-input-group .fa-search.cart-search {
    left: .45rem;
}

.domain-input-group .form-control {
    flex: 1 1 auto;
    padding-left: 3em;
}

.domain-input-group .btn {
    flex: 0 0 auto;
    margin-left: 5px;
    padding-left: 24px;
    padding-right: 24px;
}

.btn.btn-green.btn-form.center-block {
    flex: none;
    margin-left: auto;
    height: 40px;
}

@media screen and (min-width: 768px) {
    .btn.btn-green.btn-form.center-block {
        flex: none;
        margin-left: 2rem;
        height: 40px;
    }
}

.domain-result-main .domain-name {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 10px auto;
}

.domain-result-main .domain-name i {
    position: absolute;
    top: 8px;
    left: -25px;
    width: 1em;
    text-align: center;
    font-size: 16px;
    line-height: 17px;
}

.domain-result-main .domain-name small {
    line-height: .75em;
    font-size: 75%;
    font-weight: 400;
    text-transform: none;
}

.domain-results-main {
    display: none;
}

.domain-result.domain-result-main {
    font-size: 18px;
}

.domain-result-failed {
    color: #444;
}

.domain-result-success {
    color: #0d990c;
}

.domain-result-transferable {
    color: #ffad1f;
}

.domain-result-failed .add-to-cart, .domain-result-failed .alert, .domain-result-failed .domain-name .fa-check-circle, .domain-result-success .exclamation {
    display: none;
}

.domain-result-success .alert {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}

button.add-to-cart {
    margin-top: 12px;
}

.hideMe {
    color: transparent;
    display: block;
    height: 0;
}

.hints, .hints i {
    font-size: 18px;
    color: #444;
}

.hints i {
    font-size: 14px;
}

.success-indicator {
    padding: 20px 0 0;
    color: #0d990c;
    font-size: 16px;
}

.remove-from-cart {
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    display: block;
}

.taken-domain {
    display: none;
}

.domain-result.domain-result-transferable .taken-domain, .hw_price_free .free-domain-message b {
    display: inline-block;
}

.domain-result-main {
    text-align: center;
}

.domain-actions .price {
    color: #427e4c;
    font-size: 14px;
}

.domain-result-main .hw-price-block.hw_price_free {
    margin: 16px auto 10px;
}

.domain-result span.hints.discount-inelligible, .domain-result-transferable .domain-taken-treatment, .domain-result.domain-result-failed .domain-unavailable-treatment, .domain-result.domain-result-success .domain-available-treatment, .hw_price_free .hw_domain_free {
    display: block;
}

.discount-inelligible, .domain-result-main .price p, .domain-result.domain-result-main.domain-result-failed span.hints.discount-inelligible, .domain-result.hw_price_free.domain-result-transferable .domain-available-treatment, .domain-taken-treatment, .domain-unavailable-treatment, .dp-transferable, .free-domain-message b, .hw_domain_free, .hw_price_free .discount-inelligible, .hw_price_free span.hints.discount-inelligible {
    display: none;
}

.domain-result-main .hw-price-block.hw_price_free .free-domain-message b {
    display: inline;
}

.domain-result-transferable .dp-transferable, .domainname {
    margin-bottom: 0;
    line-height: 36px;
}

.domain-result-main {
    vertical-align: top;
}

.domain-result-main .cart-add {
    margin: 24px auto 0;
    display: block;
}

.hints small {
    color: #777;
}

.domain-result-main .domain-actions {
    text-align: right;
}

.domain-result-main .hw_price_free .price {
    color: #969da7;
    text-decoration: line-through;
}

.hw_domain_free em {
    font-size: 12px;
}

.domain-result-main .hw-price-block {
    display: inline-block;
}

.domain-result-main .hw-price-block div {
    display: block;
    text-align: right;
    font-size: 12px;
    width: 130px;
}

.domain-result-failed .price, small.small_txt {
    color: #2f4f4f;
    font-size: 18px;
}

.domain-actions, .domain-result .domain-name {
    display: inline-block;
    position: relative;
}

i.available-check {
    top: 9px;
    left: -22px;
}


.price {
    z-index: 99999 !important;
}

a.add-to-cart small {
    font-size: 13px;
    float: right;
    padding-left: 3px;
}

a.add-to-cart .fa-minus-circle {
    color: #aa2817;
}

a.add-to-cart .fa-trash-alt {
    color: #83909d;
}

a.add-to-cart.hw_main_domain {
    font-size: 30px;
}

.domain-related {
    padding-top: 15px;
}

.domain-results-display {
    padding-top: 11px;
}

small.small_txt {
    position: absolute;
    margin: -4px 0 0 -54px;
}

.domain-related h4 {
    font-size: 16px;
    font-weight: 700;
}

span.disclaimer {
    font-size: 10px;
    margin-left: -49px;
    position: absolute;
    width: 143px;
    line-height: 1;
    font-style: italic;
}

span.transfer-text-aside {
    margin-left: 11px;
}


.switch-title {
    margin-bottom: 6px;
}

.addon-products-category .addon-section-right p br, .card #frmManagePaymentMethod hr, .domain-available-treatment {
    display: none;
}

.unmanagedSavings {
    color: #0d990c;
    font-weight: 700;
}

.unmanaged-txt {
    position: absolute;
    align-content: center;
}


@media (max-width: 660px) {
    .order-summary .pull-left {
        width: 68%;
    }
}

.department-row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -5px 10px;
}

.department-col {
    display: flex;
    flex-flow: column nowrap;
    flex: 0 1 33.3333%;
    padding-left: 5px;
    padding-right: 5px;
}

.department-col label {
    display: flex;
    margin: 0;
    flex-flow: column nowrap;
    flex: 1 1 auto;
}

.department-box {
    background: #fff;
    border: 1px solid #ddd;
    flex: 1 1 auto;
    padding: 15px;
    cursor: pointer;
}

.department-box:hover, input[type=radio]:checked + .department-box {
    background: #edf2f8;
}

.department-name {
    color: #0d4d8a;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}

.department-desc, .graybox {
    font-size: 13px;
    line-height: 20px;
}

.department-desc {
    color: #444;
    font-weight: 400;
}

.graybox {
    background: #edf2f8;
    margin: 0 0 15px;
    padding: 15px;
}

.graybox h1, .graybox h2, .graybox h3, .graybox h4, .graybox h5, .graybox h6 {
    margin-top: 0;
    margin-bottom: 6px;
}

.graybox p:last-child {
    margin-bottom: 0;
}

.graybox a {
    color: #337ab7;
    text-decoration: underline;
}

.btn.btn-validate {
    display: inline-block;
    float: right;
    width: 22%;
    height: auto;
    padding: 10px;
    background: #83919e;
    border-color: #83919e;
    font-weight: 200;
    color: #fff;
    text-transform: uppercase;
}

.btn.purchase-upgrade-btn {
    width: auto;
    padding: 8px 60px;
    font-size: 16px;
    font-weight: 700;
}

.bluebox {
    background: #daecf8;
    border-radius: 4px;
    margin: 0 0 15px;
    padding: 15px;
}

.bluebox .bluebox-header {
    background: #c6dff3;
    border-radius: 4px 4px 0 0;
    margin: -15px -15px 15px;
    padding: 10px 15px;
}

.bluebox-header h1, .bluebox-header h2, .bluebox-header h3, .bluebox-header h4, .bluebox-header h5, .bluebox-header h6 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.line-separator {
    color: #5e6e7d;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 20px 0;
}

.line-separator::after, .line-separator::before {
    background: #ddd;
    content: '';
    flex: 1 1 auto;
    height: 1px;
}

.line-separator em {
    padding-left: .5em;
    padding-right: .5em;
}

.clientareadetails #main-body .bootstrap-switch.bootstrap-switch-wrapper {
    margin-left: 0px;
}

.clientareadetails #main-body .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-off {
    margin-left: 28px;
}

.clientareadetails #main-body .bootstrap-switch-handle-on.bootstrap-switch-success {
    font-weight: 600;
}

.clientareadetails #main-body .bootstrap-switch-handle-off.bootstrap-switch-default {
    display: none;
}

.clientareadetails .header-lined h1, .upgradesummary .header-lined h1 {
    padding: 0;
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    border-bottom: 0 solid #fff;
}

.control-label-description {
    display: inline-block;
    font-style: italic;
    margin-top: 10px;
    color: #8d9296;
}

div.product-status-wrapper .product-status-transferredaway .product-footer {
    background: #53BC48;
    color: #fff;
    font-style: italic;
    font-weight: 400;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.product-status-wrapper .product-status-active .product-footer {
    background: #53BC48;
}

div.product-status-wrapper .product-status-transferredaway .product-footer {
    background: #888;
}

#tabAddons h3, #tabAutorenew h3, #tabNameservers h3, #tabReglock h3, .addon-products-category-title h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
}

.addon-products-category-title h3 {
    margin-top: 30px;
    margin-bottom: 25px;
}

#tabAutorenew .alert, #tabNameservers .alert, #tabReglock .alert {
    text-align: center;
    margin-bottom: 30px;
}

#tabAddons .addon-products-category .panel-addon .product-addon-text-wrapper {
    padding: 10px 0 0;
}

#tabAddons .addon-products-category .panel-addon .addon-footer form {
    margin: 0 auto;
}

#tabAddons .addon-products-category .panel-addon .addon-footer .product-pricing {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
}


.domain-cell a:active, .domain-cell a:hover, .domain-cell a:link, .domain-cell a:visited {
    color: #3c93d8;
}

.domain-select-all-container {
    position: absolute;
    top: 15px;
    left: 20px;
}

#tableDomainsList td label.fancy-checkbox, .md-editor textarea {
    margin-top: 10px;
}

#tableDomainsList .servicestatus .label {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.table-container .domain-btn-group {
    position: absolute;
    top: 10px;
    left: 65px;
}

#tableRenewalsList_wrapper .expiration-column *, #tableRenewalsList_wrapper .status-column * {
    display: inline-block;
    width: 100% !important;
    text-align: center !important;
}

#tableRenewalsList_wrapper .past-grace-period, #tableRenewalsList_wrapper .status-column .status-expired {
    color: #a94442;
}

#tableRenewalsList .renewal-period-dropdown, .viewcart #containerTerms button i {
    font-size: 12px;
}

.clientareadomaincontactinfo .main-content > h3, .clientareadomaingetepp .main-content > h3, .clientareadomainregisterns .main-content > h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 0 30px;
}

.domain-contact-info-pane .panel-heading h3 {
    padding: 5px 10px;
}

.clientareadomaincontactinfo .alert {
    text-align: center;
}

.clientareacontacts .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.addon-products-category .panel-body {
    display: flex;
}

.addon-products-category .panel-addon .addon-footer form, table.server-info-table {
    width: 100%;
}


.addon-products-category .addon-section-left, .addon-products-category .addon-section-right, .clientareacontacts .alert .col-md-3 button {
    padding: 10px;
}

.addon-products-category .addon-section-right ul {
    font-size: 14px !important;
}

.addon-products-category .addon-section-right ul li {
    margin-bottom: 5px;
}

.addon-products-category .addon-section-right ul b {
    display: inline-block;
    margin: 10px 0 5px;
}

.addon-products-category .addon-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

label.fancy-checkbox {
    margin-bottom: 10px;
}

.serverstatus .dataTables_empty {
    background-color: #fff !important;
    color: #5f6c75;
    font-size: 14px;
    font-style: italic;
    padding: 15px;
    text-align: left;
}

table.server-info-table td, table.server-info-table th {
    font-size: 14px;
    padding: 10px;
}

table.server-info-table th {
    color: #0d4d8a;
    text-transform: uppercase;
    vertical-align: top;
}

table.server-info-table td {
    vertical-align: top;
}

.clientareaproductdetails .nav-tabs a, .clientareaproductdetails .tab-pane strong {
    margin: 0;
    color: #265e97;
}

.upgradesummary form h2 {
    color: #5d6975;
    font-size: 14px;
    font-weight: 400;
    margin: 15px 0 10px;
}

.upgradesummary .table-purchase {
    background: #edf2f8;
}

.upgradesummary .table-purchase thead {
    font-weight: 700;
    color: #5b6c7e;
    background: #dbe2e8;
}

.upgradesummary .table-purchase tbody {
    font-weight: 200;
    color: #596571;
}

.upgradesummary .table-purchase th {
    padding-top: 13px;
}

.upgradesummary .table-purchase td {
    background: 0 0;
    border-top: 0;
}

.upgradesummary .table-purchase td:last-child, .upgradesummary .table-purchase th:last-child {
    text-align: right;
}

.upgradesummary .table-purchase th:first-child {
    border-left: 8px solid #dbe2e8;
}

.upgradesummary .table-purchase th:last-child {
    border-right: 8px solid #dbe2e8;
}

.upgradesummary .table-purchase td:first-child {
    border-left: 8px solid #edf2f8;
}

.upgradesummary .table-purchase td:last-child {
    border-right: 8px solid #edf2f8;
}

.upgradesummary .table-purchase tr.purchase-total td {
    border-top: 1px solid #d2dbe2;
    padding-bottom: 10px;
}

.upgradesummary .table-purchase tr.purchase-total td:first-child {
    text-transform: uppercase;
}

.upgradesummary .table-purchase tr.purchase-total td:last-child {
    font-size: 18px;
    font-weight: 700;
}

.upgradesummary .promo-input {
    display: inline-block;
    width: 76%;
    padding: 20px 10px;
}

.upgradesummary .alert-warning {
    color: #979258;
    font-weight: 200;
    font-size: 15px;
}

.nav-mobile-footer-wrapper {
    display: none;
    padding: 10px 0 0;
    margin: 0 20px;
    border-bottom: 1px solid #13507f;
}

.nav-mobile-footer-last {
    margin-bottom: 30px;
}

.nav-mobile-footer-wrapper h3 {
    margin: 0;
    padding: 0 10px 10px;
    font-weight: 700;
}

.nav-mobile-footer-wrapper .footer-nav-toggle, .nav-mobile-footer-wrapper .footer-nav-toggle:active, .nav-mobile-footer-wrapper .footer-nav-toggle:focus, .nav-mobile-footer-wrapper .footer-nav-toggle:hover {
    position: absolute;
    margin-right: 0;
    top: -8px;
    right: 0;
    color: #fff;
    background: 0 0;
    border-color: transparent;
}

.nav-mobile-footer-wrapper .navbar-collapse {
    background-color: #013d6f;
    box-shadow: none;
    border-top: 1px solid #13507f;
}


@media (max-width: 991px) {
    header#branding {
        display: flex;
    }

    span.logo {
        float: right;
    }

    #TopHeaderWrap, .nav-menu {
        display: none;
    }

    .navbar-main {
        background-color: #006db2;
        padding: 0 15px 15px;
    }

    .navbar-toggle > .icon {
        color: #FFF;
        font-size: 35px;
        float: left !important;
    }


    .navbar-default .navbar-toggle {
        background: 0 0;
        border-color: transparent;
    }

    .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: 0 0;
        border-color: transparent;
    }

    .navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }

    .navbar-collapse {
        border: 0;
    }

    .navbar-main .navbar-collapse .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-main .navbar-collapse .navbar-nav > .open > a, .navbar-main .navbar-collapse .navbar-nav > .open > a:active, .navbar-main .navbar-collapse .navbar-nav > .open > a:focus, .navbar-main .navbar-collapse .navbar-nav > .open > a:hover, .navbar-main .navbar-collapse .navbar-nav > li > a:active, .navbar-main .navbar-collapse .navbar-nav > li > a:focus, .navbar-main .navbar-collapse .navbar-nav > li > a:hover {
        color: #fff;
    }

    .navbar-main .navbar-collapse .navbar-nav > li .dropdown-menu {
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        background-color: #FFF;
        color: #373e49;
        border: 0;
        border-radius: 0;
    }

    .navbar-main .navbar-collapse .navbar-nav > li .dropdown-menu > li > a {
        color: #373e49;
    }

    .navbar-main .navbar-collapse .navbar-nav > li .dropdown-menu > li > a:active, .navbar-main .navbar-collapse .navbar-nav > li .dropdown-menu > li > a:focus, .navbar-main .navbar-collapse .navbar-nav > li .dropdown-menu > li > a:hover {
    }

    .nav-footer-wrapper {
        display: none;
    }


    .nav-mobile-footer-wrapper {
        display: block;
    }
}

.clientareaproducts .dataTables_wrapper .dataTables_info {
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 200;
}

#configoptions {
    padding: 5px 15px 0 5px;
}

.clientareaproductdetails .col-sm-6 .input-group {
    display: inline-table;
}

.sidebar .panel-footer .col-button-left .btn, .sidebar .panel-footer .col-button-right .btn {
    border-radius: 5px;
}

table#tableDomainsList.dataTable thead tr th {
    padding-right: 8px;
}

#tableChecks_wrapper table.dataTable thead .sorting:after, #tableChecks_wrapper table.dataTable thead .sorting_asc:after, #tableChecks_wrapper table.dataTable thead .sorting_desc:after, #tableDomainsRenew_wrapper table.dataTable thead .sorting:after, #tableDomainsRenew_wrapper table.dataTable thead .sorting_asc:after, #tableDomainsRenew_wrapper table.dataTable thead .sorting_desc:after, #tableNotification_lists_wrapper table.dataTable thead .sorting:after, #tableNotification_lists_wrapper table.dataTable thead .sorting_asc:after, #tableNotification_lists_wrapper table.dataTable thead .sorting_desc:after, #tableTicketsList_wrapper table.dataTable thead .sorting:after, #tableTicketsList_wrapper table.dataTable thead .sorting_asc:after, #tableTicketsList_wrapper table.dataTable thead .sorting_desc:after, .clientareainvoices table.dataTable thead .sorting:after, .clientareainvoices table.dataTable thead .sorting_asc:after, .clientareainvoices table.dataTable thead .sorting_desc:after, table#tableDomainsList.dataTable thead .sorting::after, table#tableDomainsList.dataTable thead .sorting_asc::after, table#tableDomainsList.dataTable thead .sorting_desc::after {
    display: inline;
    position: relative;
    top: auto;
    right: auto;
    margin-left: 15px;
    margin-right: -23px;
}

#tableTicketsList_wrapper table.table-list tbody td:nth-child(2) {
    max-width: 200px;
    word-wrap: normal;
}

#tableChecks_wrapper.dataTables_wrapper .dataTables_info {
    padding: 14px 10px;
}

#tableDomainsList_wrapper .dataTables_info, .clientareainvoices .dataTables_wrapper .dataTables_info {
    padding: 14px 20px 14px 0;
    font-size: 12px;
}

.masspay label.control-label {
    font-weight: 700;
    margin-bottom: 6px;
}

#innerBillingContactsContainer .radio label:first-child {
    padding-left: 0;
}

.card #frmManagePaymentMethod .radio, .downloads .header-lined + p, p.add-funds-p {
    margin-bottom: 30px;
}

.table.table-striped > tbody > tr > td.dataTables_empty, .table.table-striped > tbody > tr > th.dataTables_empty {
    font-size: 12px;
    padding: 18px;
}

#tableDomainsList_wrapper .table.table-striped a, #tableDomainsList_wrapper .table.table-striped a:active, #tableDomainsList_wrapper .table.table-striped a:hover, #tableDomainsList_wrapper .table.table-striped a:link, #tableDomainsList_wrapper .table.table-striped a:visited {
    font-size: 14px;
    font-weight: 700;
    color: #468dcd;
}

#mg-wrapper .input-icon > .form-control {
    font-size: 12px;
    height: auto;
    min-height: unset;
    padding: 6px 0 6px 30px;
    border-radius: 0;
}

#mg-wrapper .input-icon > .fa {
    left: 10px;
    font-size: 12px;
}

#mg-wrapper .module-content .btn-primary {
    font-size: 14px;
    font-weight: 200;
    padding: 4px 15px 3px;
}

#mg-wrapper .panel .panel-list > li {
    border-bottom: 0;
    font-size: 14px;
    font-style: italic;
    font-weight: 200;
    color: #5c656c;
    padding: 15px;
}

#mg-wrapper .module-content .panel-group .panel {
    border-radius: 0;
}

.downloads table strong {
    color: #194174;
}

.downloads table tbody tr td {
    padding: 15px 20px;
}

.viewcart #existingCardInfo, .viewcart #newCardInfo {
    margin-top: 20px;
}

.viewcart .cartimage {
    padding: 0 0 30px;
}

.viewcart #containerTerms .checkbox-inline, .viewcart #containerTerms .radio-inline {
    padding-left: 0;
    margin-bottom: 10px;
}

.viewcart #containerTerms button {
    margin-bottom: 20px;
    padding: 8px 30px 10px;
}

.viewcart #orderSummary {
    margin-bottom: 10px;
}

.viewcart .carttotals {
    font-size: 22px;
    font-weight: 700;
}

#containerPromoCode .col-sm-3 {
    padding-left: 0;
}

#containerPromoCode .col-sm-9 {
    padding-right: 10px;
}

#validatepromo {
    padding: 10px;
    font-weight: 200;
}

.viewcart .addon-products .panel-addon .addon-footer {
    background: #fff;
}

.viewcart .sub-heading h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}

.viewcart .addon-products .content-col h4 {
    margin-top: 0;
}

.viewcart .panel-default > .panel-heading, .viewcart .panel-sidebar > .panel-heading {
    padding: 10px 15px;
}

.viewcart .panel-default > .panel-body, .viewcart .panel-sidebar > .panel-body {
    padding: 20px 10px;
}

.container.outer-wrap .form-horizontal .panel-default > .panel-body {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.container.outer-wrap .form-horizontal .panel-default > .panel-body:not(.no-btm-pad) {
    padding-bottom: 25px;
}

.configuredomains .panel-default > .panel-heading, .configuredomains .panel-sidebar > .panel-heading {
    padding-left: 40px;
    padding-right: 40px;
}

.configuredomains .panel-default > .panel-body, .configuredomains .panel-sidebar > .panel-body {
    padding: 20px 40px;
}

.findadomain .jumbotron p {
    margin-bottom: 35px;
}

.clientareacontacts .icheckbox_flat-blue.checked {
    margin-right: 5px;
}

.domain-suggestions-wrapper button {
    padding: 0 12px 0 10px;
}

.clientareasecurity .disable-notice {
    margin-top: 30px;
}

.clientareasecurity #ssoStatusTextDisabled, .clientareasecurity #ssoStatusTextEnabled {
    position: relative;
    top: -11px;
    left: 120px;
}

#myDomain {
    min-width: 210px;
}

.logincontainer .btn {
    display: block;
    font-size: 14px;
    font-weight: 200;
    padding: 10px 80px;
    width: auto;
    max-width: none;
}

.pwreset .logincontainer .alert.alert-success {
    font-weight: 700;
    color: #5b985c;
    background: #eff6ee;
    border: 1px solid #dbe5da;
}

.pwreset .logincontainer .panel-body {
    text-align: center;
}

.pwreset .logincontainer .btn.btn-primary {
    display: inline-block;
    width: auto;
    max-width: none;
}

.department-box > div:first-child {
    visibility: hidden;
}

.clientareaproductdetails .tab-content .panel .panel-body {
    padding: 20px;
}

.clientareacontacts .alert-info, .clientareaaddcontact .alert-info {
    color: #fff;
    background-color: #074b82;
    border-color: #bce8f1;
}

.bg-info {
    color: #fff;
    background-color: #074b82;

}

.ticket-reply .rating span.star, .ticket-reply .rating-done span.star {
    font-family: Font Awesome\ 5 Pro !important;
}

.ticket-reply .rating span.star:before, .ticket-reply .rating-done span.star:before {
    content: "\f005" !important;
    font-weight: 200 !important;
}

.ticket-reply .rating span.star:hover:before, .ticket-reply .rating span.star:hover ~ span.star:before, .ticket-reply .rating-done span.star.active:before {
    content: "\f005" !important;
    font-weight: 900 !important;
}

.dropdown-menu > li > a {
    font-size: 16px;
}

.shd_input_epp {
    max-width: 125px;
    margin-bottom: 5px;
}

#order-standard_cart .input-group {
    margin: auto;
}

.has-float-label {
    margin-bottom: 15px;
}

.col-sm-6.has-float-label label {
    left: 20px;
}

.light_sub_bg {
    clear: both;
    margin-bottom: -20px;
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #eaeaea;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-control {
    font-size: 16px;
}

.hwgateways [type=radio] {
    display: none;
}

.hwgateways .gwlabel {
    margin: 6px auto;
    padding-left: 10px;
    padding-right: 10px;
    position: inherit;
}

.gwlabel img {
    pointer-events: none;
}

#hwccauthcontainer {
    flex: 0 0 20%;
}

#hw_paypalcontainer {
    flex: 0 0 20%;
}

#hw_paypalcontainer {
    flex: 0 0 20%;
}


#newalipaycontainer {
    flex: 0 0 20%;
}

#stripe_alipaycontainer {
    flex: 0 0 20%;
}

#nowpaymentscontainer {
    flex: 0 0 20%;
}

.payment-methods + img:hover {
    border: 1px solid #4286f4;
}

.payment-methods:checked + img {
    border: 2px solid #4286f4;
    box-shadow: 0 0 10px #9ecaed;
    /*    padding: .25rem*/ /* broke cc image placement */
}

.managed_unmanaged {
    margin-bottom: 10px;
}

.package-opts .switch-field {
    padding: 0 0 15px 0;
    overflow: hidden;
}

.switch-field {
    padding: 15px;
    overflow: hidden;
}

.switch-field [type=radio] {
    display: none;
}

.switch-field label {
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    padding: 10px;
    border: 1px solid rgba(13, 77, 138, .2);
}

.switch-field label:hover, .switch-field label:hover span {
    cursor: pointer;
    font-weight: 700;
    background-color: #478CCA;
    border-color: #0A99E4;
    color: #FFF;
}

.switch-field input:checked + label {
    border-color: #0A99E4;
    background-color: #00A1F5;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
}

@media (min-width: 768px) {

    .switch-field label:first-of-type {
        border-radius: 4px 0 0 4px;
    }

    .switch-field label:last-of-type {
        border-radius: 0 4px 4px 0;
    }
}

@media only screen and (max-width: 500px) and (min-width: 350px) {
    .hwgateways .gwlabel {
        padding: 15px;
    }

    #hwccauthcontainer {
        flex: 0 0 50%;

    }

    #hw_paypalcontainer {
        flex: 0 0 50%;
    }

    #nowpaymentscontainer {
        flex: 0 0 50%;
    }


    #newalipaycontainer {
        flex: 0 0 50%;
    }

    #stripe_alipaycontainer {
        flex: 0 0 50%;
    }
}

.switch-field label {
    display: inline-block;
}

/* Commented out per Ernie test on 05/27/2026 */
/*#containerPromoCode {*/
/*    display: none;*/
/*}*/

.promo-text-field-centering {
    margin-left: 0 !important;
}

.promo-button-spacing {
    padding-left: 15px !important;
}

/* Signup Styles & Floating Label - dependent upon classes */

/* top margin classes */
.add-top-25 {
    margin-top: 25px;
}

.add-top-30 {
    margin-top: 30px;
}

.add-top-40 {
    margin-top: 40px;
}

.add-top-50 {
    margin-top: 50px;
}

/* bottom margin classes */
.add-btm-10 {
    margin-bottom: 10px !important;
}

.add-btm-15 {
    margin-bottom: 15px !important;
}

.add-btm-25 {
    margin-bottom: 25px !important;
}

.add-btm-30 {
    margin-bottom: 30px !important;
}

.add-btm-40 {
    margin-bottom: 40px;
}

.add-btm-50 {
    margin-bottom: 50px;
}

/* remove top padding class */
.no-top-pad {
    padding-top: 0px !important;
}

/* remove bottom padding class */
.no-btm-pad {
    padding-bottom: 0px !important;
}

#signup-splash {
    padding-top: 1rem;
}


.hostwinds-signup #main-body.container-fluid {
    background: repeating-linear-gradient(rgb(1, 111, 185), rgb(0, 25, 94));
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
    color: #FFF;
}

#signup-splash #guarantee-box {
    justify-content: center;
    display: flex;
}

.outer-wrap.dk-bg .panel-body.drk-form-panelBody {
    padding: 0px 25px 10px 25px;
}

.container.outer-wrap .row .guarantee-icon {
    font-size: 50px;
}

@media (max-width: 767px) {
    .container.outer-wrap.dk-bg .row .guarantee-item span.visible-xs-inline-block {
        width: 1rem;
    }
}

/* 14px @ 480px increasing to 20px @ 1920px */
@media (min-width: 480px) {
    .guarantee-text.sm-r-text {
        font-size: calc(0.875rem + ((1vw - 4.8px) * 0.4167));
        /* Where: * 0.4167 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}

/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
    .guarantee-text.sm-r-text {
        font-size: 20px;
    }
}

/* 16px @ 480px increasing to 20px @ 1920px */
@media (min-width: 480px) {
    .guarantee-text {
        font-size: calc(1rem + ((1vw - 4.8px) * 0.2778));
        /* Where: * 0.2778 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}

/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
    .guarantee-text {
        font-size: 20px;
    }
}

.container.outer-wrap .row .guarantee-text {
    text-align: center;
    /*    font-size: 20px;*/
    display: flex;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .container.outer-wrap .row .guarantee-text, .container.outer-wrap .row .guarantee-item {
        width: 100%;
    }

    .guarantee-icon {
        padding-left: 1rem;
        padding-bottom: .75rem;
    }

    .container.outer-wrap .row .guarantee-text, .container.outer-wrap .row .guarantee-text span {
        width: 100%;
    }

    .container.outer-wrap.dk-bg .row .login-container-header.panel-heading {
        padding-left: 20px;
    }
}

.container.outer-wrap .row .login-container .vr {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.35);
}

.hidden-xs.col-sm-1.vr-col {
    width: 150px;
}

.container.outer-wrap .row .col-xs-12.visible-xs p {
    height: 30px;
}

.container.outer-wrap .row .login-box-column {
    background-color: rgba(0, 0, 0, 0.25);
}

.container.outer-wrap .row .login-social-buttons {
    padding: 25px;
}

.container.outer-wrap .row .login-container-header {
    text-align: left;
    /*background-color: rgba(0,0,0, 0.25);*/
    font-size: 20px;
    height: 75px;
    padding: 10px;
}

.container.outer-wrap .row .form-wrapper .panel {
    margin-bottom: 0px;
}

.container.outer-wrap .row .form-wrapper h3.panel-title {
    font-weight: normal;
    font-size: 20px;
    padding-bottom: .25rem;
    font-variant: normal;
    text-transform: none;
}

.container.outer-wrap .row .form-wrapper .panel-subtitle {
    font-size: 12px;
    text-transform: none;
    color: #9AB1C1;
}

.container.outer-wrap .row .form-wrapper .login-icon {
    font-size: 40px;
    padding-bottom: 20px;
    padding-right: 10px;
    float: right;
}

.container.outer-wrap .row .form-wrapper .login-icon img {
    width: auto;
    height: 56px;
    padding-bottom: 8px;
}

.container.outer-wrap .row .login-social-buttons {
    display: flex;
    justify-content: center;
}

.container.outer-wrap .row .social-button {
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 10px;
    font-size: 14px;
    margin: auto;
    width: 30%;
}

.dk-bg .gb {
    color: #FFF;
    padding-bottom: 30px;
}

.lt-bg .gb {
    color: #00538b;
    font-weight: 600;
    margin-bottom: 1rem;
}

.gb p.icon-text {
    font-size: 18px;
}

.container.outer-wrap .panel .panel-heading {
    height: 60px;
}

.container.outer-wrap .row .panel-heading span.login-icon i {
    font-size: 3.5rem;
}

.container.outer-wrap.dk-bg .row .panel-heading span.login-icon {
    margin-top: -.5rem;
}

.container.outer-wrap.dk-bg .row .panel-heading span.login-icon i {
    font-size: 2.5rem;
}

.container.outer-wrap .row .vr {
    margin-top: 1.5vw;
}

.container.outer-wrap.dk-bg .row .form-wrapper .inputContainer {
    background-color: transparent;
}

#signup-splash .form-box {
    background-color: #013267;
}

.container.outer-wrap .row .form-wrapper .panel {
    background-color: transparent;
    border: none;
}

#signup-splash #signup, #signup-splash #login {
    padding: 0px;
}

#signup-splash #signup .panel-heading {
    background-color: #012b54;
}

#signup-splash #login .panel-heading {
    background-color: #012c55;
}

.container.outer-wrap.dk-bg .form-group {
    width: 100%;
    margin-bottom: 18px;
}

.container.outer-wrap.dk-bg .btn.btn-primary.btn-lg.btn-block {
    margin-top: 28px;
}

.container.outer-wrap .row .form-wrapper .inputContainer input {
    font-weight: 400;
    width: 100%;
}

.maincheckoutpage.container.outer-wrap #hwaddons.panel-body {
    border-top-color: transparent;
}


.container.outer-wrap .row .form-wrapper .inputContainer {
    width: 100%;
    position: relative;
    display: inline-block;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.container.outer-wrap.dk-bg .row .form-wrapper .inputContainer label {
    color: #FFF;
}

.container.outer-wrap .row .form-wrapper .inputContainer.form-group input:focus::-webkit-input-placeholder {
    color: transparent;
}

.container.outer-wrap .row .form-wrapper .inputContainer.form-group input:focus:-moz-placeholder {
    color: transparent;
}

.container.outer-wrap .row .form-wrapper .form-control {
    -webkit-box-shadow: none;
}

.container.outer-wrap .row .form-wrapper .inputContainer label.placeholder {
    color: #FFF;
}

/*.maincheckoutpage .form-group .highlight {
    border: 1px solid #ccc;
    border-color : #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}*/
@media only screen and (max-width: 767px) {
    .container-fluid.outer-wrap {
        padding: 0 2rem;
    }

    .container-fluid.outer-wrap .row.gb div.col-xs-12 {
        text-align: center;
    }
}

#cart_footer2 {
    max-height: 70px;
    position: relative;
}

/* CART PAGE */
input#domaincheckbtn {
    width: 200px;
}

#domainContainer .panel-body .wrapper {
    max-width: 980px;
    margin: 0 auto;
    background-color: transparent;
    /* padding: 100px 60px; */
    padding-right: 15px;
    padding-left: 15px;
}

div#wrapper-static-content {
    max-width: 100%;
}

#order-standard_cart #domainContainer .form-group {
    background: transparent;
    padding: 20px 0px;
    border-radius: 8px;
    margin-bottom: 0px;
}

#domainContainer .form-group .input-group {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: auto;
    line-height: 1.5;
}


@media (min-width: 768px) {
    #domainContainer .wrapper .container {
        max-width: 100%;
        width: 750px;
    }
}

@media (max-width: 992px) {
    .input-group-append .btn-blue {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        width: 200px;
        height: 50px
    }

    #domainContainer span.input-group-append {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        margin: 1rem auto;
    }

    #domainContainer .input-group .form-control {
        width: 100%;
        max-width: 680px;
    }
}

@media (min-width: 993px) {
    #domainContainer .input-group .form-control {
        width: 100%;
        max-width: 494px;
    }

    .input-group-append .btn-blue {
        height: 50px;
        max-width: 140px;
        margin-left: -1px;
        padding: 0px 15px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

.maincheckoutpage.lt-bg input[type="checkbox"].hw-check {
    border: 2px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 8px !important;
    position: relative;
    width: auto !important;
    background: #FFF;
    top: 3px;
    box-shadow: 0 1px 3px #ccc;
}

.maincheckoutpage.lt-bg input[type="checkbox"].hw-check:checked {
    border-color: #478CCA;
    box-shadow: 0 1px 3px #478CCA;
}

.maincheckoutpage input[type="checkbox"].hw-check:checked:after {
    color: black;
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 1px;
}

.licenses strong {
    margin-left: .35rem;
    font-size: 16px;
}

#containerNewUserSecurity h3 {
    padding: .5rem 0 0 0;
}

.maincheckoutpage.container.outer-wrap .login-container-header .row .col-xs-9 h3:not(.client-login) {
    padding: 1.25rem 0 0 0;
}

.maincheckoutpage.container.outer-wrap .login-container-header .row .col-xs-9 h3.client-login {
    padding: .5rem 0 0 0;
}

.login-container-header small.small-login-text, #containerExistingUserSignin .panel-heading .highlight {
    font-size: .65rem;
}

.container.outer-wrap .row #containerUserAccount .form-group.inputContainer select {
    color: #444;
}

.maincheckoutpage.container.outer-wrap .form-group {
    margin-bottom: 0px;
}

.viewcart .maincheckoutpage.container.outer-wrap .panel .panel-heading {
    padding: 2px 15px;
}

.cart-icon.pull-right img {
    height: auto;
    width: 36px;
}

.visual-tooltip {
    overflow: hidden;
    padding: 10px 3px;
    background: transparent;
}

#hwaddons .addon-products {
    padding: 0 21px;
}

#hwaddons .addon-products .list-group {
    margin-bottom: 0px;
    padding: 0 10px;
}

.addon-products label {
    cursor: pointer;
}

#hwaddons .col-xs-12.list-group-item {
    padding: 0 5px;
    margin-bottom: 18px;
}

#containerSoftwareLicences .row.licenses {
    padding: 0 25px;
}

.order-summary .amt .highlight-drk {
    font-weight: 600;
}

h4.pull-left.addon_totals {
    font-size: 1rem;
    font-weight: 500;
    margin: 0px;
}

.form-wrapper .summary-totals .highlight.addon-price {
    font-size: 1rem;
}

.img-tooltip i {
    color: #0d4d8a;
    font-size: 1.4rem;
}

.form-wrapper .tooltip.top .tooltip-arrow {
    border-top-color: #0d4d8a;
}

.form-wrapper .tooltip-inner {
    max-width: 18rem;
    background-color: #FFF;
}

.form-wrapper .tooltip.fade.top.in .tooltip-inner img {
    width: 17rem;
    height: 9rem;
}

.form-wrapper .input-group input#inputLoginPassword {
    background: transparent;
}

.summary-totals .list-group-item-heading, .summary-totals h4 {
    display: contents;
    color: inherit;
    font-weight: 500;
}

.confprodformdiv .list-group-item-heading {
    font-weight: 600;
    color: #000;
}

i.far.fa-trash-alt.hw_removecart {
    cursor: pointer;
    padding-left: 5px;
}

i.far.fa-trash-alt.hw_removecart:hover {
    color: red;
}

/* payment info */
#containerpaymentDetails .panel-body.main-panel-body {
    padding: 35px;
}

.col-xs-12.hwgateways-cc-col {
    padding: 0 2px;
}

.container.outer-wrap ul.hwgateways li {
    width: 18%;
}

ul.list-unstyled.list-inline.radio.hwgateways, .hwgateways-label {
    padding-left: 15px;
}

/* saving for future use */
/*

@media screen and (min-width: 300px) and (max-width: 520px) {
    ul.list-unstyled.list-inline.radio.hwgateways {
        padding-left: 2.5rem;
    }
    .container.outer-wrap ul.hwgateways li {
        width: 40%;
    }
}
@media screen and (min-width: 350px) and (max-width: 594px){
    ul.list-unstyled.list-inline.radio.hwgateways {
        padding-left: 1vw;
    }
    .container.outer-wrap ul.hwgateways li img {
        margin-left: 2.5rem;
    }
}*/

p.lead {
    font-weight: 500;
}

.new-product-totals {
    padding: 6px 0 4px 0px;
}

/* packages above addons */
.row.package-opts {
    padding: 0 25px;
}

/* in addon box */
.addon-body .row.center-block hr {
    width: 40%;
    display: inline-block;
    border-top-color: #CCC;
}

p.floating-title {
    font-weight: 600;
    padding: 7px 0;
    display: inline-block;
    clear: both;
    width: 10rem;
}

.addon-body .row.center-block span.float-left {
    display: inline-flex;
    width: 100%;
}


.addon-totals {
    padding: 2px 0 2px 10px;
}

.nomargin {
    margin: 0 !important;
}

.noborder {
    border: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

#orderSummary .total-due-today .pull-left, .total-due-today .pull-right {
    font-size: 24px;
}

.panel-default .panel-heading .cart-icon {
    font-size: 40px;
    padding-right: 10px;
    float: right;

}

.viewcart .panel-heading.main {
    padding: 0 15px;
}

#order-standard_cart .form-group {
    margin-bottom: 20px;
}

#order-standard_cart .form-group .small-label {
    font-size: 14px;
}

/* allows for the checkbox to display properly */
.form-horizontal .form-group .control-label {
    text-align: left;
}

/* cart forms layout fixes */
.confprodformdiv .row.package-opts .col-xs-12 {
    padding-left: 0px;
}

.maincheckoutpage.container.outer-wrap #hwaddons .addon-body {
    display: block;
    flex-flow: unset;
}

.maincheckoutpage.container.outer-wrap label.control-label {
    font-size: 16px;
    white-space: nowrap;
}

.btn.btn-md {
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
}

.form-horizontal #myDomain {
    display: inline-block;
    height: 50px;
}

@media (max-width: 520px) {
    .container.outer-wrap ul.hwgateways li {
        width: 40%;
    }

    .container.outer-wrap .form-horizontal .panel-heading h2 {
        padding-left: 0px;
    }

    #accountinfocontainer #containerNewUserSecurity #btnAlreadyRegistered {
        white-space: nowrap;
        padding-left: 0px;
    }

    #accountinfocontainer span.small-login-text {
        padding-left: 0px;
        font-size: x-small;
    }
}

@media (max-width: 570px) {
    .ssd_div:not(.package-opts .ssd_div) {
        text-align: center;
    }
}

@media (max-width: 766px) {
    /*    #inputCardCVV {
            width: 9rem;
            display: inline;
        }*/
    .maincheckoutpage.container.outer-wrap #hwaddons.panel-body {
        padding: 5px;
    }

    .addon-products * {
        text-align: center;
    }
}

@media (max-width: 767px) {
    input#inputCardExpiry {
        width: 50%;
    }

    #inputCardCVV {
        display: inline;
        width: 50%;
    }

    .container.outer-wrap #containerProductoptions .addon-products .list-group-item .panel-addon {
        margin-bottom: 0px;
    }

    label.control-label.col-sm-2.labelPass2 {
        /*        margin-left: -1.5rem;*/
        margin-right: 1.5rem;
        padding-top: 1rem;
    }

    .btn.btn-md {
        margin-left: -5px;
        width: 26%;
    }

    #containerUserAccount .form-group label.control-label.col-sm-2:last-of-type:not(.address-label) {
        padding-top: 1rem;
    }
}

@media (min-width: 768px) {
    #inputCardCVV {
        display: inline;
        margin-left: -2rem;
        margin-right: .33rem;
    }

    #creditCardInputFields #inputCardNumber {
        width: 98%;
        margin-left: 0px;
    }

    input#inputCardExpiry {
        margin-left: 0px;
    }

    input#inputEmail {
        width: 100%;
        display: inline;
    }

    .maincheckoutpage.container.outer-wrap label.control-label {
        margin-right: 26px;
    }

    #containerUserAccount label.control-label, #creditCardInputFields label.control-label {
        margin-right: 0px;
    }

    label.control-label.col-sm-2.labelPass2 {
        margin-left: -1.25rem;
        margin-right: 33px !important;
    }

    #containerUserAccount .form-group label.col-sm-2:last-of-type:not(.address-label) {
        padding-left: .25rem;
    }
}

.img-tooltip {
    display: inline;
}

input[type="checkbox"].cbdefault {
    background-color: white;
    border: 2px solid #ddd;
    border-radius: 3px;
    color: white !important;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 8px !important;
    position: relative;
    width: auto !important;
}

.panel-addon input[type="checkbox"].cbdefault {
    top: 3px;
}

input[type="checkbox"].cbdefault:checked:after {
    color: white;
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 1px;
}

input[type="checkbox"].cbdefault:checked {
    background: #0075DF !important;
    border: 1px solid #0075DF !important;
    padding: 9px !important;
}


input[type="radio"].cbdefault {
    background-color: white;
    border: 2px solid #ddd;
    border-radius: 3px;
    color: white !important;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 8px !important;
    position: relative;
    width: auto !important;
}

.panel-addon input[type="radio"].cbdefault {
    top: 3px;
}

input[type="radio"].cbdefault:checked:after {
    color: white;
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 1px;
}

input[type="radio"].cbdefault:checked {
    background: #0075DF !important;
    border: 1px solid #0075DF !important;
    padding: 9px !important;
}

.panel-default > .panel-heading .hwcart-appname h3 {
    color: #0d4d8a;
    padding: 20px;
    font-size: 25px;

}

.order-summary {
    /*padding-top: 50px;*/
}

#main-body.container .col-xs-12.main-content {
    min-height: 0px;
}

#order-standard_cart.main-container.container {
    min-height: 375px;
    max-width: 810px;
}

.hwcart section#main-body {
    padding-bottom: 100px;
}

#support-nav {
    color: #FFF;
    background: #00263f;
    text-align: right;
    height: 35px;
}

#support-nav > .container > ul {
    list-style-type: none;
}

#support-nav > .container > ul > li {
    line-height: 35px;
    font-size: 12px;
    display: inline;
    padding-left: 30px;

}

#support-nav > .container > ul > li > a {
    color: #FFF;
}

.navbar-default {
    background-color: #006db2;
    border: none;
    margin-bottom: 0px;
}

.dropdown {
    padding: 10px;
}

#main-site-navigation > .container > .navbar-collapse > .navbar-nav > li > .dropdown-menu {
    left: 10px;
    width: 225px;
}

.navbar-default .navbar-nav > li > a {
    margin-top: 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #006db2;
    color: #FFF;
}

a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #3492e1;
}

.navbar-nav > li > .dropdown-menu > ul {
    list-style-type: none;
    padding: 0px;
    line-height: 50px;
}

.navbar-nav > li > .dropdown-menu > ul > li {
    background: #FFF;
    border-radius: 5px;
    width: 100%;
}

.navbar-nav > li > .dropdown-menu > ul > li:hover {
    transform: scale(1.1);
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 3px gray;
}

.navbar-nav > li > .dropdown-menu a {
    font-size: 16px;
    color: #373e49;
    padding: 10px;
    text-decoration: none;
    margin-bottom: 15px;
}


.navbar-nav > li > .dropdown-menu a > .icon {
    color: #3492e1;
    font-size: 25px;
    width: 25px;
    margin-right: 20px;
}

#main-site-navigation > .container > .navbar-collapse > .navbar-nav > li > .dropdown-menu::before {
    content: ' ';
    display: block;
    position: absolute;
    top: -5px;
    left: 25px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: -1;
}

#bs-example-navbar-collapse-1 {
    background: #006db2;

}

.mobile-menu {
    width: 100%;
    color: #FFF;
    display: block;
    z-index: 1001;

}

.mobile-menu ul {
    list-style-type: none;
    padding: 0px;
}

#admin-area-nav {
    background: #3492e1;

}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar {
    min-height: 32px !important
}

.navbar-brand {
    padding: 5px;
}

#main-site-navigation {
    padding: 5px;
}

#admin-area-links > ul > li {
    padding-left: 0px;
    padding-bottom: 15px;
}


#admin-area-links > ul > li a {
    font-size: 14px;
    font-weight: 400;
}

#admin-area-links > ul > li a:hover {
    color: #006db2;
}


#admin-area-links > .navbar-nav > .dropdown > .dropdown-menu > ul {
    line-height: 30px;
    min-width: 200px;
}


#admin-area-links > .navbar-nav > .dropdown > .dropdown-menu > ul > li, #admin-area-links > .navbar-nav > .dropdown > .dropdown-menu > ul > li:hover {
    transform: scale(1.0);
    background: #FFF;
    box-shadow: none;
    margin-bottom: 0px;
}

#admin-area-links > .navbar-nav > li > .dropdown-menu a:hover {
    font-weight: 600;
}

#admin-area-nav > .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:focus {
    background: transparent !important;
}

.no-hover-on-mobile:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}


@media only screen and (max-width: 768px) {


    .logo-header {
        margin-top: -5px;
    }

    #main-site-navigation > .container > .navbar-collapse > .navbar-nav > li > .dropdown-menu {
        width: 100%;
    }

    #main-site-navigation > .container > .navbar-collapse > .navbar-nav > li > .dropdown-menu > ul > li {
        border-radius: 0px;
        width: 100%;
    }

    #main-site-navigation > .container > .navbar-collapse > .navbar-nav > li {
        margin-bottom: 20px;
    }

    .navbar-nav > li > .dropdown-menu > ul > li:hover {
        transform: scale(1.0);
    }

    #admin-area-links > .navbar-nav > li > .dropdown-menu {
        padding: 5px;
    }

    #admin-area-links > .navbar-nav > li > .dropdown-menu > ul > li {
        border-radius: 0px;
    }

}


.card, .mc-promo-manage, .mc-promo-login {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card > hr, .mc-promo-manage > hr, .mc-promo-login > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group, .mc-promo-manage > .list-group, .mc-promo-login > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card > .list-group:first-child, .mc-promo-manage > .list-group:first-child, .mc-promo-login > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child, .mc-promo-manage > .list-group:last-child, .mc-promo-login > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group, .mc-promo-manage > .card-header + .list-group, .mc-promo-login > .card-header + .list-group,
.card > .list-group + .card-footer,
.mc-promo-manage > .list-group + .card-footer,
.mc-promo-login > .list-group + .card-footer {
    border-top: 0;
}

.card-body, .mc-promo-manage .content, .mc-promo-login .content {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title, .mc-promo-manage .panel-heading h3, .mc-promo-login .panel-heading h3, .promo-container .header h3 {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card, .card-deck .mc-promo-manage, .card-deck .mc-promo-login {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card, .card-deck .mc-promo-manage, .card-deck .mc-promo-login {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group > .card, .card-group > .mc-promo-manage, .card-group > .mc-promo-login {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group > .card, .card-group > .mc-promo-manage, .card-group > .mc-promo-login {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card, .card-group > .mc-promo-manage + .card, .card-group > .mc-promo-login + .card, .card-group > .card + .mc-promo-manage, .card-group > .mc-promo-manage + .mc-promo-manage, .card-group > .mc-promo-login + .mc-promo-manage, .card-group > .card + .mc-promo-login, .card-group > .mc-promo-manage + .mc-promo-login, .card-group > .mc-promo-login + .mc-promo-login {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child), .card-group > .mc-promo-manage:not(:last-child), .card-group > .mc-promo-login:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top, .card-group > .mc-promo-manage:not(:last-child) .card-img-top, .card-group > .mc-promo-login:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header,
    .card-group > .mc-promo-manage:not(:last-child) .card-header,
    .card-group > .mc-promo-login:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .mc-promo-manage:not(:last-child) .card-img-bottom, .card-group > .mc-promo-login:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .mc-promo-manage:not(:last-child) .card-footer,
    .card-group > .mc-promo-login:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child), .card-group > .mc-promo-manage:not(:first-child), .card-group > .mc-promo-login:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top, .card-group > .mc-promo-manage:not(:first-child) .card-img-top, .card-group > .mc-promo-login:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header,
    .card-group > .mc-promo-manage:not(:first-child) .card-header,
    .card-group > .mc-promo-login:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .mc-promo-manage:not(:first-child) .card-img-bottom, .card-group > .mc-promo-login:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .mc-promo-manage:not(:first-child) .card-footer,
    .card-group > .mc-promo-login:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card, .card-columns .mc-promo-manage, .card-columns .mc-promo-login {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card, .card-columns .mc-promo-manage, .card-columns .mc-promo-login {
        display: inline-block;
        width: 100%;
    }
}

.accordion {
    overflow-anchor: none;
}
.accordion > .card, .accordion > .mc-promo-manage, .accordion > .mc-promo-login {
    overflow: hidden;
}
.accordion > .card:not(:last-of-type), .accordion > .mc-promo-manage:not(:last-of-type), .accordion > .mc-promo-login:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type), .accordion > .mc-promo-manage:not(:first-of-type), .accordion > .mc-promo-login:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion > .card > .card-header, .accordion > .mc-promo-manage > .card-header, .accordion > .mc-promo-login > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0;
}

.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select:focus {
    border-color: #79a6d2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(51, 102, 153, 0.25);
}
.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}
.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}
.custom-select::-ms-expand {
    display: none;
}
.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.input-inline {
    display: inline-block;
}

.input-inline-100 {
    width: 100px;
}

/**
 * Credit Card Input
 */
.cc-number-field {
    background-image: url(../../../assets/img/payment/unknown.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.cc-number-field.visa {
    background-image: url(../../../assets/img/payment/visa.png);
}

.cc-number-field.mastercard {
    background-image: url(../../../assets/img/payment/mastercard.png);
}

.cc-number-field.amex {
    background-image: url(../../../assets/img/payment/amex.png);
}

.cc-number-field.dinersclub {
    background-image: url(../../../assets/img/payment/dinersclub.png);
}

.cc-number-field.discover {
    background-image: url(../../../assets/img/payment/discover.png);
}

.cc-number-field.unionpay {
    background-image: url(../../../assets/img/payment/unionpay.png);
}

.cc-number-field.jcb {
    background-image: url(../../../assets/img/payment/jcb.png);
}

.cc-number-field.maestro {
    background-image: url(../../../assets/img/payment/maestro.png);
}

.cc-number-field.forbrugsforeningen {
    background-image: url(../../../assets/img/payment/forbrugsforeningen.png);
}

.cc-number-field.dankort {
    background-image: url(../../../assets/img/payment/dankort.png);
}

.cc-number-field.troy {
    background-image: url(../../../assets/img/payment/troy.png);
}

.form-group .field-error-msg {
    display: none;
    font-size: 0.85em;
    color: #cc0000;
}

.form-group.has-error .field-error-msg {
    display: block;
}

.w-hidden {
    display: none;
}

.p-4 {
    padding: 1.5rem !important;
}

.text-muted {
    color: #6c757d !important;
}

.btn-link {
    font-weight: 400;
    color: #336699;
    text-decoration: none;
}
.btn-link:hover {
    color: #204060;
    text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
    text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

#inputCardCvvNew {
    display: inline;
    margin-left: -2rem;
    margin-right: .33rem;
}