/* @font-face {
    font-family: "Oxygen";
    src: url("../assets/fonts/Oxygen-400.woff");
    src: url("../assets/fonts/Oxygen-400.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Oxygen";
    src: url("../assets/fonts/Oxygen-300.woff");
    src: url("../assets/fonts/Oxygen-300.woff") format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Oxygen";
    src: url("../assets/fonts/Oxygen-700.woff");
    src: url("../assets/fonts/Oxygen-700.woff") format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
} */


:root {
    --oxy-primary: rgba(216, 184, 110, 1);
    /* #d8b86e */
    --oxy-primary-dark: rgba(154, 120, 41, 1);
    /* #9a7829 */
    --oxy-primary-dark-70: rgba(154, 120, 41, 0.7);
    /* 70% opacity */
    --oxy-primary-dark-50: rgba(154, 120, 41, 0.5);
    /* 50% opacity */
    --oxy-primary-very-dark: rgba(99, 75, 26, 1);
    /* #634b1a */
    --oxy-primary-light: rgba(240, 220, 166, 1);
    /* #f0dca6 */
    --oxy-primary-very-light: rgba(250, 241, 214, 1);
    /* #faf1d6 */
    --oxy-primary-ultra-light: rgba(253, 248, 235, 1);
    /* #fdf8eb */
    --oxy-background-gray: rgba(18, 23, 27, 1);
    /* #12171b */
    --oxy-gray: rgba(108, 117, 125, 1);
    /* #6c757d */
    --oxy-gray-light: rgba(222, 226, 230, 1);
    /* #dee2e6 */
    --oxy-gray-very-light: rgba(240, 242, 245, 1);
    /* #f0f2f5 */
    --oxy-gray-ultra-light: rgba(248, 249, 250, 1);
    /* #f8f9fa */


    --oxy-white: #FFFFFF;
    --oxy-black: #000000;

    --oxy-button-primary-background: var(--oxy-primary-dark);
    --oxy-button-primary-text: var(--oxy-white);
    --oxy-button-primary-border: var(--oxy-primary-dark);
    --oxy-button-primary-background-hover: var(--oxy-background-gray);
    --oxy-button-primary-text-hover: var(--oxy-white);
    --oxy-button-primary-border-hover: var(--oxy-background-gray);
    --oxy-button-primary-muted: #c2b39a;

    --break-mobile: 767px;
}

a {
    color: var(--oxy-primary-dark);
}

a:hover {
    color: var(--oxy-primary);
}

.alert-info,
.alert-warning {
    color: var(--oxy-primary-very-dark);
    background-color: var(--oxy-primary-very-light);
    border-color: var(--oxy-primary-very-light);
    padding: 1rem 1.25rem;
}

.oxy-body {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
    flex: 1;
}

h3,
.primary-content h3.card-title,
.oxy-main-body-affiliates p.h3,
.oxy-main-body-affiliates h2 {
    font-size: 20px;
    font-weight: bold;
}

.form-group label,
.form-check label {
    font-size: 0.875rem;
}

.attachment-group label {
    font-size: 1rem;
}

@media only screen and (max-width: 768px) {

    h3,
    .primary-content h3.card-titl,
    .oxy-main-body-affiliates p.h3,
    .oxy-main-body-affiliates h2 {
        font-size: 1.125rem;
    }

    .attachment-group label {
        font-size: 0.875rem;
    }

    .attachment-group,
    .attachment-group .input-group-append,
    .attachment-group .input-group-append button {
        font-size: 0.875rem !important;
    }
}


.oxy-main-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 60px 20px 80px 20px !important;
}

section#main-body {
    min-height: unset;
}

.oxy-main-body-login,
.oxy-main-body-password-reset-container {
    display: flex;
    width: 100%;
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-color: var(--oxy-background-gray);
    padding: 20px 20px !important;
}

.container,
.col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.oxy-container {
    display: flex;
    justify-content: start;
    align-items: start;
}

.oxy-col-reset {
    flex: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.oxy-input-flex-row {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

@media only screen and (max-width: 768px) {
    .oxy-input-flex-row {
        flex-direction: column;
    }
}

div.oxy-align-left,
p.oxy-align-left {
    text-align: left !important;
}

.oxy-login-container,
.oxy-password-reset-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.oxy-login-form {
    width: 100%;
}

.oxy-login-form a:hover {
    color: var(--oxy-primary-dark) !important;
    text-decoration: none;
}

.oxy-login-form .btn-reveal-pw:hover {
    color: var(--oxy-primary-dark) !important;
}

.oxy-login-form input:focus,
.oxy-password-reset-container input:focus {
    border-color: var(--oxy-primary-dark);
}

/* 
    oxy-button-primary
    oxy-button-primary-outline
    oxy-button-primary-outline-sm
*/

.btn-group>.btn.oxy-button-form-action {
    border: 1px solid var(--oxy-gray-light);
    border-color: var(--oxy-gray-light);
    border-radius: 0px;
    padding: 12px 20px;
    background-color: var(--oxy-white);
    color: var(--oxy-gray);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    box-shadow: none;
}

.btn-group>.btn.oxy-button-form-action:hover {
    border: 1px solid var(--oxy-primary-dark);
    background-color: var(--oxy-white);
    color: var(--oxy-primary-dark);
}

.btn-group>.btn.oxy-button-form-action i,
.oxy-dropdown-menu i {
    padding-right: 10px;
}

.oxy-dropdown-menu a {
    font-size: 14px;
    color: var(--oxy-gray);
}

.oxy-dropdown-menu a:hover {
    color: var(--oxy-primary-dark);
}

.oxy-button-primary-outline,
.btn-group>.btn.oxy-button-primary-outline,
.oxy-button-primary-outline:focus,
.btn-default:not(.oxy-use-default) {
    border: 1px solid var(--oxy-gray-light);
    border-color: var(--oxy-gray-light);
    border-radius: 0px;
    padding: 8px 20px;
    background-color: var(--oxy-white);
    color: var(--oxy-gray);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    box-shadow: none;
    /* letter-spacing: 1px; */
}

.oxy-button-primary-outline-sm,
.btn-group>.btn.oxy-button-primary-outline-sm,
.oxy-button-primary-outline-sm:focus,
.btn-group>.btn.oxy-button-primary-outline-sm:focus,
.oxy-button-primary-outline-sm:not(.disabled):not(.disabled):active,
.btn-group>.btn.oxy-button-primary-outline-sm:not(.disabled):not(.disabled):active {
    /* font-family: "Oxygen"; */
    border: 1px solid var(--oxy-gray-light);
    border-color: var(--oxy-gray-light);
    border-radius: 0px;
    padding: 8px 20px;
    background-color: var(--oxy-white);
    color: var(--oxy-gray);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    box-shadow: none;
    /* letter-spacing: 1px; */
}

.oxy-button-primary-outline-sm:hover,
.btn-group>.btn.oxy-button-primary-outline-sm:hover,
.oxy-button-primary-outline:hover,
.btn-group>.btn.oxy-button-primary-outline:hover,
.btn-default:not(.oxy-use-default):hover {
    border: 1px solid var(--oxy-primary-dark);
    background-color: var(--oxy-white);
    color: var(--oxy-primary-dark);
}

.oxy-button-icon-right i {
    padding-left: 10px;
}

.oxy-button-primary,
.oxy-button-primary:focus,
.oxy-button-primary:not(.disabled):not(.disabled):active,
.oxy-button-primary:not(.disabled):not(.disabled):active:focus,
.btn-primary,
.btn-success,
#btnDisable2FA {
    /* font-family: "Oxygen"; */
    border: 1px solid var(--oxy-button-primary-border);
    border-color: var(--oxy-button-primary-border);
    border-radius: 0px;
    padding: 8px 24px;
    background-color: var(--oxy-button-primary-background);
    color: var(--oxy-button-primary-text);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    box-shadow: none;
    /* letter-spacing: 1px; */
}

.oxy-button-primary:hover,
.btn-primary:hover,
.btn-success:hover,
#btnDisable2FA:hover {
    border: 1px solid var(--oxy-button-primary-border-hover);
    background-color: var(--oxy-button-primary-background-hover);
    color: var(--oxy-button-primary-text-hover);
}

.oxy-button-primary:focus,
.btn-primary:focus,
.btn-success:focus,
.oxy-button-primary:active,
.btn-primary:active,
.btn-success:active {
    background-color: var(--oxy-primary) !important;
    border-color: var(--oxy-primary-light) !important;
    box-shadow: none !important;
}

.btn-primary:disabled {
    border-color: var(--oxy-button-primary-muted);
    border: 1px solid var(----oxy-button-primary-muted);
    background-color: var(--oxy-button-primary-muted);
    cursor: not-allowed;
}

.btn-checkout,
.btn-black {
    background-color: var(--oxy-black);
    border: 1px solid var(--oxy-black);
    color: var(--oxy-white);
}

.btn-checkout:hover,
.btn-black:hover {
    background-color: var(--oxy-primary-dark);
    border: 1px solid var(--oxy-primary-dark);
    color: var(--oxy-white);
}

.btn-checkout.disabled {
    background-color: var(--oxy-black);
    border-color: var(--oxy-black);
}



.oxy-submit-ticket-form .oxy-form-button-cancel {
    border: 1px solid var(--oxy-gray-light);
    border-color: var(--oxy-gray-light);
    background-color: var(--oxy-white);
    color: var(--oxy-gray);
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: none;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.oxy-submit-ticket-form .oxy-form-button-cancel:hover {
    border-color: var(--oxy-primary-dark);
    color: var(--oxy-primary-dark);
}

.oxy-submit-ticket-form .btn-primary {
    border: 1px solid var(--oxy-button-primary-border);
    border-color: var(--oxy-button-primary-border);
    background-color: var(--oxy-button-primary-background);
    color: var(--oxy-button-primary-text);
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
}

.oxy-submit-ticket-form .btn-primary:hover {
    background-color: var(--oxy-background-gray);
    border-color: var(--oxy-background-gray);
}


.verification-banner.email-verification .btn.btn-action.oxy-notification-button {
    border-color: var(--oxy-button-primary-border);
    background-color: var(--oxy-button-primary-background);
    color: var(--oxy-button-primary-text);
    font-size: 12px;
}

.verification-banner.email-verification .btn.btn-action.oxy-notification-button:hover {
    border: 1px solid var(--oxy-button-primary-border-hover);
    background-color: var(--oxy-button-primary-background-hover);
    color: var(--oxy-button-primary-text-hover);
}

/* Site Logo Styles */

.oxy-sitelogo,
.oxy-login-sitelogo {
    width: 200px;
}

.oxy-sitelogo.oxy-login-sitelogo {
    padding-bottom: 20px;
}

.oxy-sitelogo.oxy-header-sitelogo {
    width: 140px;
}

@media only screen and (max-width: 768px) {
    .oxy-sitelogo {
        width: 160px;
    }
}

.oxy-reset-button-container {
    display: flex;
    justify-content: start;
    padding-top: 0.5rem;
}

/* .oxy-main-body-clientareahome,
.oxy-main-body-clientareaproducts {
    padding: 60px 20px 80px 20px !important;
} */

/* Nav Bar Styles */

header.oxy-header {
    background-color: var(--oxy-background-gray);
}

header.oxy-header .oxy-main-navbar-wrapper {
    padding: 20px;
}

header.oxy-header .oxy-main-navbar-wrapper .oxy-navbar-inner {
    padding: 0px;
    justify-content: space-between;
}

header.oxy-header .oxy-navbar a {
    color: var(--oxy-white);
    font-weight: 500;
    text-decoration: none;
}

header.oxy-header .oxy-navbar a:hover {
    color: var(--oxy-primary);
}


header.oxy-header .oxy-navbar .dropdown-menu a {
    color: var(--oxy-black);
}

header.oxy-header .oxy-navbar .dropdown-menu a:hover {
    color: var(--oxy-primary-dark);
}

header.oxy-header .oxy-navbar-light {
    display: none;
}

header .oxy-navbar-left-container {
    gap: 40px;
    align-items: center;
}

header .oxy-navbar-right-container {
    justify-content: flex-end;
    align-items: center;
}

.oxy-navbar-mobile-container {
    padding: 0px;
}

.oxy-centered {
    text-align: center;
}

header.header .toolbar .nav-link.oxy-navbar-mobile-menu {
    padding: 6px 10px;
}

header.oxy-checkout-header .oxy-main-navbar-wrapper .oxy-navbar-inner {
    justify-content: center;
}

@media only screen and (max-width: 1199px) {
    header.oxy-header .oxy-navbar-light {
        display: flex;
        padding: 10px 20px;
    }

    header.oxy-header .oxy-main-navbar-wrapper .oxy-navbar-inner.collapsing .oxy-navbar-left-container,
    header.oxy-header .oxy-main-navbar-wrapper .oxy-navbar-inner.show .oxy-navbar-left-container {
        padding: 0px 20px 20px 20px;
    }


    header.oxy-header .oxy-main-navbar-wrapper {
        padding: 0px;
    }

    header.oxy-header .oxy-main-navbar-wrapper {
        padding: 0px;
    }

    header.header .toolbar .nav-link.oxy-navbar-mobile-menu:focus-visible,
    header.oxy-header .oxy-navbar-mobile-close:focus-visible {
        outline: none;
    }

    header.header .toolbar .nav-link.oxy-navbar-mobile-menu:hover,
    header.header .toolbar .nav-link.oxy-navbar-mobile-menu:focus,
    header.oxy-header .oxy-navbar-mobile-close:hover {
        color: var(--oxy-primary);
    }

    header.oxy-header .oxy-navbar-left-container ul {
        gap: 12px;
    }

    header.oxy-header .oxy-navbar-left-container .oxy-header-sitelogo,
    header.oxy-header .oxy-navbar-right-container {
        display: none;
    }

    header.header .toolbar .nav-link.oxy-navbar-mobile-menu.collapsed,
    header.header .toolbar .nav-link.oxy-navbar-mobile-menu:active {
        color: var(--oxy-white);
    }

    header .oxy-navbar-left-container {
        gap: 0px;
    }

    header.oxy-header .oxy-navbar a {
        font-size: 0.875rem;
    }

    header.oxy-checkout-header .oxy-navbar-mobile-container {
        justify-content: center;
    }

}

footer.oxy-footer {
    display: flex;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color: var(--oxy-background-gray);
}

.oxy-copyright {
    margin: 0px !important;
}

@media screen and (max-width: 768px) {
    footer.footer .oxy-copyright {
        font-size: 0.75rem;
    }
}

.oxy-notification-content {
    display: flex;
    align-items: center;
}

.verification-banner .oxy-notification-icon,
.oxy-notification-icon:before {
    padding-top: 0px;
    font-size: 24px;
}

.verification-banner .oxy-notification-text {
    padding-top: 0px;
    color: var(--oxy-gray);
    font-weight: 400;
}

.verification-banner .oxy-notification-close-container {
    display: flex;
    justify-content: flex-end;
}

.verification-banner .oxy-notification-close {
    padding: 0px;
}


@media only screen and (max-width: 1199px) {
    .verification-banner .oxy-notification-text {
        padding-top: 10px;
        font-size: 14px;
    }
}

.oxy-home-statcard-container {
    gap: 16px;
    flex-wrap: nowrap;
}

.oxy-home-statcard {
    flex: 1;
    max-width: unset;
}

.oxy-home-statcard .tile {
    border-right: none;
    border: 2px solid transparent !important;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    padding: 60px 20px 20px 20px;
    background-color: var(--oxy-white);
}

.oxy-home-statcard:hover .tile {
    border: 2px solid var(--oxy-primary) !important;
    background-color: var(--oxy-white);
    transform: scale(1.02);
}

.oxy-home-statcard .tile .highlight {
    display: none;
}

.oxy-home-statcard .tile .stat {
    color: var(--oxy-background-gray);
    margin-top: 0px;
}

.oxy-home-statcard:hover .tile .stat {
    color: var(--oxy-primary-dark);
}

.oxy-home-statcard .tile i {
    font-size: 32px;
}

.oxy-home-statcard:hover .tile i {
    font-size: 36px !important;
}

.oxy-home-panel-card {
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    background-color: var(--oxy-white);
}

.oxy-home-panel-card .list-group-item-action {
    color: var(--oxy-background-gray);
}


.oxy-home-panel-card.card-accent-oxy-primary {
    border-top: 4px solid var(--oxy-primary);
}

.oxy-home-panel-card .card-header {
    padding: 20px;
}

.oxy-home-panel-card .list-group-item {
    padding: 16px 20px !important;
}

.oxy-home-panel-card .div-service-item {
    align-items: start;
}

.oxy-home-panel-card .div-service-status {
    text-align: left;
    padding-top: 5px;
}

.oxy-home-panel-card h3.card-title {
    font-size: 16px;
    font-weight: bold;
}

.oxy-home-panel-card i {
    padding-right: 10px;
}

.oxy-home-panel-card .div-service-name {
    font-size: 14px;
}

.oxy-home-panel-card .div-service-name .text-domain {
    font-size: 12px;
}

@media only screen and (max-width: 768px) {
    .oxy-home-statcard-container {
        gap: 8px;
        flex-wrap: wrap;
    }

    .oxy-home-statcard {
        flex-basis: 45%;
    }

    .oxy-home-statcard .tile {
        padding: 40px 10px 10px 10px;
    }

    .oxy-home-statcard .tile i {
        font-size: 24px;
    }

    .oxy-home-statcard:hover .tile i {
        font-size: 28px !important;
    }

    .oxy-home-statcard .tile .stat {
        font-size: 28px;
    }

    .oxy-home-statcard .tile .title {
        font-size: 11px;
    }

    .oxy-home-panel-card h3.card-title {
        font-size: 0.875rem;
    }

    .oxy-home-panel-card .div-service-item {
        flex-direction: column;
        gap: 5px;
    }

    .oxy-home-panel-card .card-header {
        padding: 16px 10px;
    }

    .oxy-home-panel-card .list-group-item {
        padding: 16px 10px !important;
    }

    .oxy-home-panel-card .div-service-status {
        padding-top: 0px;
    }

    .oxy-home-panel-card .div-service-name {
        font-size: 0.75rem;
        margin-left: 0px;
        margin-right: 0px;
    }

    .oxy-home-panel-card .div-service-name span {
        white-space: normal;
    }

    .oxy-home-panel-card .div-service-name .text-domain {
        font-size: 12px;
    }

    .oxy-home-panel-card .div-service-buttons {
        margin-left: 0px;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .oxy-home-panel-card .div-service-buttons .btn-group-secondary,
    .oxy-home-panel-card .div-service-buttons .btn-view-details span:not(.sr-only) {
        display: inline-flex;
    }
}

.oxy-table-container th,
.dataTables_wrapper table.table-list thead th {
    font-size: 15px;
    font-weight: bold !important;
    vertical-align: middle !important;
    padding: 16px 26px 16px 8px !important;
    border-bottom: 4px solid var(--oxy-primary) !important;
}

.oxy-main-body-account-user-management th,
.oxy-main-body-account-user-management td strong {
    font-size: 15px;
    font-weight: bold !important;
    vertical-align: middle !important;
}

.oxy-table-container td {
    padding: 16px 26px 16px 8px !important;
}

.oxy-table-container td:first-child {
    padding: 16px 26px 16px 20px !important;
}

.oxy-table-container table {
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    table-layout: auto;
}

.oxy-table-container .form-control:focus {
    border-color: var(--oxy-primary-dark);
}

.oxy-invoices-table td,
.oxy-domains-table td,
.oxy-support-table td {
    text-align: center;
}

.oxy-table-container th {
    width: 200px;
}

.oxy-services-table th.table-col-4 {
    width: 100px;
}

.oxy-domains-table th.table-col-1 {
    width: 20px;
    padding: 8px !important;
}

.oxy-domains-table td.table-col-1 {
    padding: 8px !important;
}

.oxy-domains-table td.table-col-2 {
    text-align: left;
}

.oxy-domains-table .table-col-5 {
    width: 100px;
}

.oxy-invoices-table th.table-col-5 {
    width: 100px;
}

.oxy-invoices-table th.table-col-1,
.oxy-invoices-table th.table-col-4 {
    width: 80px;
}

.oxy-support-table td.table-col-2 a.border-left {
    border-left: none !important;
    padding-left: 0px !important;
}

.oxy-support-table th.table-col-3 {
    width: 100px;
}

.oxy-services-table .oxy-services-cell-product a {
    font-size: 12px;
}

.oxy-table-container .dataTables_info,
.oxy-table-container .dataTables_length {
    font-size: 14px;
}

.oxy-table-container .table-list tbody td {
    font-size: 14px;
}

.oxy-table-container .pagination>.active>a {
    background-color: var(--oxy-primary);
    border-color: var(--oxy-primary);
}

@media only screen and (max-width: 768px) {
    .oxy-table-container div.dataTables_filter {
        margin-top: 0px;
    }

    .oxy-table-container .dataTables_wrapper .dataTables_filter label {
        margin: 0px;
    }

    .oxy-table-container div.dataTables_info {
        padding: 10px 0px 20px 0px;
        font-size: 12px;
    }

    .oxy-table-container th {
        font-size: 14px;
    }

    .oxy-table-container .listtable {
        overflow-x: auto;
    }

    .oxy-table-container div.dataTables_wrapper .dataTables_length {
        text-align: left;
        font-size: 12px;
        padding-top: 16px;
    }

    .oxy-table-container .dataTables_paginate {
        padding-top: 12px;
    }

    .oxy-domain-button-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 0px;
        padding-bottom: 20px;
    }

    .oxy-table-container table {
        table-layout: fixed;
    }
}

.oxy-submit-ticket-form .form-group.col-md-4,
.oxy-submit-ticket-form .form-group.col-md-5,
.oxy-submit-ticket-form .form-group.col-md-10,
.oxy-submit-ticket-form .form-group.col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
}

.oxy-submit-ticket-form-addrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
}

.oxy-submit-ticket-form-addrow .btn-addmore {
    font-size: 14px;
}

.oxy-submit-ticket-form-addrow label {
    margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    .oxy-submit-ticket-form .form-group.col-md-5 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .oxy-submit-ticket-form .md-editor .btn-group {
        margin: 2px;
    }

    .oxy-submit-ticket-form label,
    .oxy-submit-ticket-form input,
    .oxy-submit-ticket-form select {
        font-size: 14px;
    }

    .oxy-submit-ticket-form-addrow .btn-addmore {
        font-size: 13px;
    }

}

.list-group-item-action:hover {
    z-index: 1;
    color: var(--oxy-black);
    text-decoration: none;
    background-color: var(--oxy-primary-ultra-light);
}

.sidebar .list-group-item-action.active:hover {
    z-index: 1;
    color: var(--oxy-primary-dark);
    text-decoration: none;
    background-color: var(--oxy-primary-very-light);
}

.sidebar .list-group-item.active {
    color: var(--oxy-primary-dark);
    background-color: var(--oxy-primary-very-light);
    border-color: var(--oxy-primary-dark);
}

.inputPaddingLeft {
    padding-left: 1rem !important;
}

@media screen and (max-width: 768px) {
    .inputPaddingLeft {
        padding-left: 0rem !important;
    }

    #default-captcha-domainchecker {
        font-size: 0.875rem;
    }
}

.form-control:focus {
    border-color: var(--oxy-primary);
}

.oxy-details-form .col-md-6,
.oxy-main-body-user-profile .col-md-6,
.oxy-main-body-user-password .col-form-label,
.oxy-clear-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.oxy-padding-left-10 {
    padding-left: 10px !important;
}

.oxy-padding-right-10 {
    padding-right: 10px !important;
}

.oxy-main-body-account-user-management .label-info {
    background-color: var(--oxy-primary);
}

.oxy-main-body-clientareaproductdetails {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 940px;
    margin: auto !important;
}

.oxy-main-body-clientareaproductdetails .oxy-product-details-package {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.oxy-main-body-clientareaproductdetails .oxy-product-details-package h4 {
    font-size: 0.875rem;
    font-style: italic;
}

.oxy-main-body-clientareaproductdetails .oxy-product-details-package .product-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.oxy-main-body-clientareaproductdetails .oxy-product-details-package .product-status-text {
    font-size: 0.875rem;
    text-transform: capitalize;
    padding: 0.5rem 2rem;
    background-color: var(--oxy-primary-dark);
    border-radius: 5px;
    line-height: 1em;
    margin: auto;
    margin-top: 0.5rem;
}

.oxy-main-body-clientareaproductdetails .oxy-product-details-package .btn-default {
    width: 100%;
}



.oxy-main-body-clientareaproductdetails .oxy-product-details-info {
    font-size: 0.875rem;
}

.oxy-main-body-clientareaproductdetails .oxy-product-details-info h4 {
    font-size: 1rem !important;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0.75rem;
}

.oxy-main-body-clientareaproductdetails .oxy-main-card {
    margin-bottom: 1.25rem;
}

.oxy-main-body-clientareaproductdetails .product-details-tab-container {
    padding: 2.5rem 1.25rem;
}

.oxy-main-body-clientareaproductdetails .module-client-area {
    padding: 0px !important;
}

@media screen and (max-width: 768px) {
    .oxy-main-body-clientareaproductdetails .oxy-product-details-package {
        padding: 0rem;
    }

    .oxy-main-body-clientareaproductdetails .oxy-product-details-info h4 {
        font-size: 0.875rem !important;
    }

    .oxy-main-body-clientareaproductdetails .oxy-product-details-info {
        margin-top: 1.25rem;
    }
}

.oxy-main-body-clientareacancelrequest>.container,
.oxy-main-body-viewticket>.container,
.oxy-main-body-clientareadetails>.container,
.oxy-main-body-supportticketsubmit-steptwo>.container,
.oxy-main-body-account-user-management>.container,
.oxy-main-body-account-paymentmethods>.container,
.oxy-main-body-account-contacts-new>.container,
.oxy-main-body-clientareasecurity>.container,
.oxy-main-body-user-profile>.container,
.oxy-main-body-user-password>.container,
.oxy-main-body-user-security>.container,
.oxy-main-body-affiliatessignup>.container {
    max-width: 940px;
}

.oxy-main-body-clientareaproductdetails .oxy-dns-instructions-content {
    padding: 1.25rem;
    background-color: var(--oxy-primary-very-light);
    border-radius: 5px;
    margin: auto;
    margin-bottom: 2.5rem;
    max-width: 80%;
}

.oxy-main-body-clientareaproductdetails .oxy-dns-instructions-content h4 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.oxy-main-body-clientareaproductdetails .oxy-dns-instructions-content p {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.oxy-special-instructions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    background-color: var(--oxy-primary-very-light);
    border-radius: 5px;
}

.oxy-special-instructions h4 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.oxy-special-instructions p {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

.oxy-special-instructions p:last-child {
    margin-bottom: 0rem;
}



.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background-color: var(--oxy-primary-dark);
}

.twofa-setup input {
    font-size: 1rem !important;
}

.twofa-setup .btn-primary {
    padding: 0.625rem 1.5rem;
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
    padding: 0.375rem 0.75rem;
}

.oxy-main-body-viewticket .view-ticket p,
.oxy-main-body-viewticket .view-ticket .message {
    font-size: 0.875rem;
}

.oxy-main-body-viewticket .view-ticket .posted-by,
.oxy-main-body-viewticket .view-ticket .posted-by-name {
    font-size: 0.875rem;
}

.oxy-main-body-affiliatessignup h3 {
    width: 80%;
}


.oxy-main-body-affiliatessignup p.lead {
    font-size: 1rem;
    color: var(--oxy-black);
    font-weight: 400;
    padding-top: 0.625rem;
}


.oxy-main-body-affiliatessignup .card-body ul {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 1.25rem;
    margin-bottom: 0rem;
}

.oxy-main-body-affiliatessignup form p.text-center {
    text-align: left !important;
}

.oxy-affiliate-statcard-container {
    display: flex;
    gap: 1rem;
}

.oxy-affiliate-statcard {
    max-width: unset;
    padding: 0rem;
    flex: 1;
}

.oxy-affiliate-statcard .affiliate-stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    background-color: var(--oxy-white);
    border: 2px solid transparent !important;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    padding: 60px 20px 20px 20px;
    margin-bottom: 0rem !important;
    height: 100%;
}

.oxy-affiliate-statcard .affiliate-stat span {
    color: var(--oxy-black);
    font-size: 2.5rem;
    line-height: 1em;
    font-weight: 500;
}

.oxy-affiliate-statcard .affiliate-stat i {
    float: unset;
    color: #ccc;
    font-size: 2rem;
    position: absolute;
    top: 10px;
    right: 20px;
}

.oxy-main-body-affiliates .oxy-affiliate-links-container {
    display: flex;
    flex: 3;
    flex-direction: column;
    margin-bottom: 0rem !important;
}

.oxy-main-body-affiliates .oxy-affiliate-links-container,
.oxy-affiliate-comms-container {
    border: none;
    border-top: 4px solid var(--oxy-primary);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    background-color: var(--oxy-white);
}

.oxy-affiliate-comms-container {
    margin-top: 2.5rem;
}

.oxy-affiliate-comms-container,
.oxy-affiliate-links-container .card-body {
    padding: 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.oxy-affiliate-links-container p.h3,
.oxy-affiliate-comms-container p.h3,
.oxy-affiliate-comms-container p {
    margin-bottom: 0rem;
}

.oxy-affiliate-comms-container p {
    font-size: 0.875rem;
}

.oxy-main-body-affiliates h2 {
    padding-top: 2.5rem;
    margin-bottom: 0rem;
}

.oxy-main-body-affiliates .dataTables_info {
    font-size: 0.875rem;
    padding-top: 0rem;
}


@media screen and (max-width: 768px) {

    .alert-info,
    .alert-warning {
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
    }

    .oxy-main-body-two-factor-challenge #frmTwoFactorChallenge input {
        font-size: 0.875rem;
    }

    .oxy-main-body-clientareaproductdetails .oxy-dns-instructions-content {
        max-width: 100%;
        margin-bottom: 0rem;

    }

    .oxy-main-body-clientareaproductdetails .oxy-dns-instructions-content h4 {
        font-size: 0.875rem;
    }

    .oxy-main-body-clientareaproductdetails .product-details-tab-container .text-right {
        text-align: center !important;
        padding-top: 1rem;
        font-size: 0.875rem;
    }

    .oxy-main-body-clientareaproductdetails .product-details-tab-container .text-left {
        text-align: center !important;
        font-size: 0.875rem;
    }

    .responsive-tabs-sm {
        width: 65%;
    }

    .responsive-tabs-sm-connector {
        display: none;
    }

    .responsive-tabs-sm .nav-item {
        border-bottom: none !important;
        font-size: 0.875rem;
    }

    .oxy-mobile-button-vertical-container {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        align-items: center;
    }

    .oxy-main-body-viewticket .view-ticket p,
    .oxy-main-body-viewticket .view-ticket .message {
        font-size: 0.875rem;
    }

    .oxy-main-body-viewticket .view-ticket .posted-by,
    .oxy-main-body-viewticket .view-ticket .posted-by-name {
        font-size: 0.75rem;
    }

    .oxy-main-body-viewticket .view-ticket .requestor-badge {
        padding: 0.125rem 0.5rem;
    }

    .oxy-affiliate-statcard-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .oxy-affiliate-statcard .affiliate-stat {
        padding: 40px 10px 10px 10px;
    }

    .oxy-affiliate-statcard .affiliate-stat span {
        font-size: 28px;
    }

    .oxy-affiliate-statcard .affiliate-stat i {
        font-size: 1.5rem;
    }

    .oxy-main-body-affiliates h2 {
        padding-bottom: 1.25rem;
    }

    .oxy-affiliate-comms-container td,
    .oxy-affiliate-links-container input {
        font-size: 0.875rem;
    }
}