span.zenko-working-hours__message {
    display: none;
}

:root {
    --primary-h: 218.5;
    --primary-s: 70.04%;
    --primary-l: 48.43%;

    --color-50: hsl(var(--primary-h), var(--primary-s), 95%);
    --color-100: hsl(var(--primary-h), var(--primary-s), 88%);
    --color-200: hsl(var(--primary-h), var(--primary-s), 78%);
    --color-300: hsl(var(--primary-h), var(--primary-s), 68%);
    --color-400: hsl(var(--primary-h), var(--primary-s), 60%);
    --color-500: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
    --color-600: hsl(var(--primary-h), var(--primary-s), 45%);
    --color-700: hsl(var(--primary-h), var(--primary-s), 35%);
    --color-800: hsl(var(--primary-h), var(--primary-s), 25%);
    --color-900: hsl(var(--primary-h), var(--primary-s), 15%);
    
        --rounding-md: 15px;
}



@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}
p:last-of-type {
    margin-bottom: 0 !important;
}
/**
 * =========================================================
 * ZENKO - WHMCS Navbar Dropdown Hover
 * =========================================================
 */

/* Desktop only */
@media (min-width: 1200px) {

    /*
     * Hide dropdown by default
     */
    #nav > li.dropdown > .dropdown-menu {
        display: none;
    }

    /*
     * Show dropdown on hover
     */
    #nav > li.dropdown:hover > .dropdown-menu {
        display: block;
        margin: 0;
        left: unset;
        right: 0;
    }

    /*
     * Keep dropdown open while mouse
     * moves from parent to submenu
     */
    #nav > li.dropdown {
        position: relative;
        padding: 10px 0;
    }

    /*
     * Disable Bootstrap's active/open state
     * from affecting the visual behavior.
     */
    #nav > li.dropdown.show > .dropdown-menu {
        display: block;
    }
}




body.rtl  {
    direction: rtl;
    text-align: right;
}

.rtl .ml-auto, .rtl .mx-auto {
    margin-left: unset !important;
    margin-right: auto !important;
}

.rtl .mr-auto, .rtl .mx-auto {
    margin-right: unset !important;
    margin-left: auto !important;
}

header.header .topbar {
    color: #2563D2;
    background-color: #2563d21a;
}

header.header .topbar .btn, header.header .topbar .active-client .input-group-text, header.header .topbar .active-client .btn {
    color: #2563D2;
}

header.header .topbar .active-client .btn.btn-active-client span {
    border-bottom: 1px dashed #2563D2;
}

.main-navbar-wrapper, [data-target="#mainNavbar"] {
    display: flex !important;
}

header.header a.zenko-header-logo img {
    width: 100px;
}

header.header .navbar-nav {
    align-items: center;
        margin: 0;
}

header.header a.navbar-brand {
    display: none;
}


header.header .navbar {
    min-height: 55px;
    display: flex !important;
    align-items: center;
}


a:hover {
    text-decoration: none;
    color: #2563D2;
}


header.header ul#nav li[menuitemname="Open Ticket"] {
    background-color: #2563D2;
    font-size: 13px;
    font-weight: 400;
    border-radius: 6px;
    padding: 6px 10px;
}
header.header ul#nav li[menuitemname="Open Ticket"] a {
    color: #fff;
}

header.header li:not([menuitemname="Account"]) .dropdown-toggle::after {
    display: unset;
    margin-left: unset;
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
    font-size: 10px;
}
header.header li[menuitemname="Account"] .dropdown-toggle::after {
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
    font-size: 10px;
    margin-left: unset;
    margin-right: 3px;
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;

}
.dropdown-item {
    width: 100%;
    padding: 5px 5px;
}
.dropdown-menu a.dropdown-item {
    font-size: 14px !important;
}
header.header .navbar-nav a {
    text-align: right;
    font-size: 15px;
}


.tiles .tile i {
    top: 10px;
    right: unset;
    left: 20px;
    font-size: 20px;
    color: var(--color-100);
}
.tiles .tile:hover i {
    font-size:25px;
    color: var(--color-300);
}


section#main-body {
    background-color: #fff;
}

.badge-dark {
    background-color: var(--color-500);
}

.sidebar .card-header {
    background-color: #ffffff;
    font-weight: 600;
    color: var(--text);
    padding: 12px 16px;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #2563d21a;
}

.card.card-sidebar {
    border-radius: 15px;
    margin-bottom: 30px !important;
    border: 1px solid #2563d22e;
    box-shadow: -3px 3px 0 0px var(--color-50);
}

.sidebar .card-footer {
    background-color: #ffff;
    border-radius: 0 0 15px 15px;
    border: none;
    padding: 15px 10px 10px 10px;
}


.master-breadcrumb, .master-breadcrumb .breadcrumb {
    background-color: var(--color-500);
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: unset;
    padding-left: 10px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: unset;
    padding-right: 10px;
}

.master-breadcrumb .breadcrumb a, .master-breadcrumb .breadcrumb .breadcrumb-item.active {
    color: #fff;
}

body .sidebar .btn-success {
    background: var(--color-500);
    border-color: var(--color-500);
    border-radius: 10px;
    padding: 7px;
}

body .sidebar .btn-success:hover {
    background: var(--color-700);
    border-color: var(--color-700);
}

body .sidebar .btn-default {
    border: none;
    background: #2563d21a;
    color: var(--color-500);
    padding: 7px;
}
body .sidebar .btn-default:hover {
    color: #fff;
    background-color: var(--color-500);
    border-color: var(--color-500);
}


.sidebar .list-group:last-child {
    border-radius: 0 0 15px 15px;
}
body .list-group-item:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


.tiles .tile {
    display: block;
    position: relative;
    padding: 12px 20px;
    background-color: #ffffff;
    border-right: unset;
    text-decoration: none;
    transition: all .3s ease;
    border: 1px solid #eff0f1 !important;
    border-radius: 15px;
        margin-left: 15px;
}

.tiles .row>div:last-child .tile {
    margin: 0;
}

.tiles .tile:hover {
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 8px 56px rgba(0, 0, 0, 0.08);
    border-color: var(--color-400) !important;
    transform: translate(0px, -5px);
}

.tiles .highlight {
    display: none;
}


body .primary-content .client-home-cards .card .card-header, body .primary-content .client-home-cards .mc-promo-login .card-header, body .primary-content .client-home-cards .mc-promo-manage .card-header {
    border-radius: 15px 15px 0 0;
    padding: 12px;
}


.primary-content .card, .primary-content .mc-promo-login, .primary-content .mc-promo-manage {
    border-radius: 15px;
}

body .primary-content .client-home-cards .card .card-footer, body .primary-content .client-home-cards .mc-promo-login .card-footer, body .primary-content .client-home-cards .mc-promo-manage .card-footer {
    border-radius: 0 0 15px 15px;
}

body .primary-content .client-home-cards .card, body .primary-content .client-home-cards .mc-promo-login, body .primary-content .client-home-cards .mc-promo-manage{
    border-radius: 15px;
    margin-bottom: 30px !important;
    border: 1px solid #2563d22e;
    box-shadow: -3px 3px 0 0px var(--color-50);
}

.client-home-cards .card-title, .client-home-cards .mc-promo-login .panel-heading h3, .client-home-cards .mc-promo-manage .panel-heading h3, .client-home-cards .promo-container .header h3, .mc-promo-login .panel-heading .client-home-cards h3, .mc-promo-manage .panel-heading .client-home-cards h3, .promo-container .header .client-home-cards h3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.card-header .float-right {
    flex-grow: 1;
    float: left !important;
    text-align: left;
}

.sidebar .sidebar-menu-item-icon-wrapper {
    margin-right: 0;
    margin-left: 5px;
}

.sidebar .sidebar-menu-item-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
        width: 100%;
}

.sidebar .sidebar-menu-item-icon-wrapper .fas {
    font-weight: 400;
    vertical-align: middle;
    font-size: 15px;
}
.card-header i {
    order: 1;
}


body .primary-content .client-home-cards .card .card-header .btn, body .primary-content .client-home-cards .mc-promo-login .card-header .btn, body .primary-content .client-home-cards .mc-promo-manage .card-header .btn {
    background: #fff;
    color: var(--text);
    border: 1px solid #dfdfdf;
    border-radius: 7px;
    padding: .375rem .75rem;
}

body .primary-content .client-home-cards .card .card-header .btn:hover, body .primary-content .client-home-cards .mc-promo-login .card-header .btn:hover, body .primary-content .client-home-cards .mc-promo-manage .card-header .btn:hover {
    background: var(--color-500);
    border-color: var(--color-500);
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #b6c2cd;
}

.mc-promo-login body .primary-content .card .content, .mc-promo-manage body .primary-content .card .content, body .primary-content .card .card-body, body .primary-content .mc-promo-login .card-body, body .primary-content .mc-promo-login .content, body .primary-content .mc-promo-manage .card-body, body .primary-content .mc-promo-manage .content {
    padding: 20px;
}

.client-home-cards .list-group {
    max-height: 300px;
}

body .primary-content .client-home-cards .card .list-group .list-group-item, body .primary-content .client-home-cards .mc-promo-login .list-group .list-group-item, body .primary-content .client-home-cards .mc-promo-manage .list-group .list-group-item {
    padding: 8px 20px;
}

div#ticketsPanel .label {
    margin-right: 15px;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 5px;
}

.list-group small {
    margin: 12px 0 0 0;
    display: inline-block;
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #e3edff87;
}

.sidebar .sidebar-menu-item-icon-wrapper {
    display: none;
}

.sidebar .sidebar-menu-item-badge {
    margin-left: unset;
    margin-right: auto;
}

.sidebar .list-group-item .badge {
    background-color: var(--color-50);
    border-radius: 5px;
    color: var(--text-lifted);
}

.list-group-item-action:focus .badge , .list-group-item-action:hover .badge {
    background-color: var(--color-500);
    color: #fff !important;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: var(--color-50);
    color: var(--color-700);
}

.dataTables_wrapper .dataTables_filter {
    float: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: unset;
    margin-right: 10px;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 4px;
    font-size: 14px;
}

body .dataTables_wrapper table.table-list {
    border-radius: 15px;
}

body .dataTables_wrapper table.table-list thead th:last-child {
    border-radius: var(--rounding-md) 0 0 0;
}

body .dataTables_wrapper table.table-list thead th:first-child {
    border-radius: 0 var(--rounding-md) 0 0;
}

body .dataTables_wrapper table.table-list tr:last-child td:last-child {
    border-radius: 0 0 0 var(--rounding-md);
}
body .dataTables_wrapper table.table-list tr:last-child td:first-child {
    border-radius: 0 0 var(--rounding-md) 0;
}
table.table-list thead th {
    font-size: 14px;
}
body .dataTables_wrapper table.table-list thead th {
    border: none;
    background: #f6f6f6;
}
.table-list>tbody>tr:hover>td {
    background-color: #eef4ff;
}

.table-list>tbody>tr>td a.border-left {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    text-align: right;
    border: unset !important;
}
.table-list>tbody>tr>td {
    background-color: #fff;
}
.table-list>tbody>tr>td:not(:first-child) {
    border-right: 1px solid #dee2e6;
}
table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_desc_disabled, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: unset;
    padding-left: 26px;
}
table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before {
    position: absolute;
    display: block;
    opacity: .125;
    right: unset;
    left: 10px;
    line-height: 9px;
    font-size: .8em;
}
.dataTables_wrapper .dataTables_paginate {
    float: left;
}
.page-item:first-child .page-link {
    margin-left: unset;
    margin-right: 0;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start;
}
li#tableTicketsList_previous, body .pagination .page-item:first-child .page-link {
    border-radius: 0 15px 15px 0;
}
li#tableTicketsList_next, body .pagination .page-item:last-child .page-link {
    border-radius: 15px 0 0 15px;
}
.page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: var(--color-100);
    border-color: var(--color-100);
    color: var(--color-500);
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: right;
    margin: 0;
    font-size: 14px;
}
.dataTables_wrapper table.table-list {
    margin: 30px 0 40px 0 !important;
    border: 1px solid #ddd;
}
.mc-promo-login .panel-heading .primary-content h3, .mc-promo-manage .panel-heading .primary-content h3, .primary-content .card-title, .primary-content .mc-promo-login .panel-heading h3, .primary-content .mc-promo-manage .panel-heading h3, .primary-content .promo-container .header h3, .promo-container .header .primary-content h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.ticket-actions.float-sm-right.mt-3.mt-sm-0 {
    flex-grow: 1;
    text-align: left;
    float: left !important;
}
.btn-default:hover {
    color: #fff;
    background-color: var(--color-500);
    border-color: var(--color-500);
}
body .card.view-ticket .card-body:first-child p {
    margin: 0;
    font-size: 15px;
}
@media (min-width: 768px) {
    .float-md-right {
        float: left !important;
    }
}
.btn-primary {
    background: var(--color-500);
    border-color: var(--color-500);
}

button.btn-default.btn-sm.btn {
    border-radius: 7px !important;
    margin: 0 2px;
}
.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    right: unset;
    left: 20px;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-radius: 15px 0 0 15px;
}
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-radius: 0 15px 15px 0 !important;
}
label.custom-file-label.text-truncate {
    padding-right: 90px;
}
.custom-file-label::after {
    border-radius: 0 15px 15px 0;
}
body .custom-file-label {
    border-radius: 15px;
}

div#ticketReplyContainer .row {
    display: none;
}

div#sidebarTicketCc {
    display: none !important;
}

.ticket-reply.markdown-content.staff {
    padding: 10px;
    border: 1px solid #2563d22e;
    border-radius: 15px;
    box-shadow: -5px 5px 0 0px var(--color-50);
}
.ticket-reply.markdown-content {
    padding: 10px;
    border: 1px solid #f0d493;
    border-radius: 15px;
    box-shadow: -5px 5px 0 0px #fff3d0;
}
body .card.view-ticket .card-body:first-child {
    background-color: #f3f6ff;
    border: 1px solid #2563d22e;
    border-radius: 15px;
    box-shadow: -5px 5px 0 0px var(--color-50);
}

body .primary-content .card.view-ticket {
    border: none;
    border-radius: unset;
}
body .primary-content .card.view-ticket .card-body:not(:first-child) {
    padding: 0;
    margin: 20px 0;
}
.row {
    flex-direction: row;
}
div#Primary_Sidebar-Ticket_Information-Priority span.title {
    margin-bottom: 5px;
    display: inline-block;
}
button#closeTicket {
    border-radius: 7px;
}
div[menuitemname="Ticket Information"] .card-footer {
    width: 100%;
    padding: .75rem 1.25rem;
}
div[menuitemname="Ticket Information"] .card-footer .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}
div[menuitemname="Ticket Information"] .card-footer .row .col-6 {
    width: 100% !important;
    flex: unset !important;
    padding: 0;
    max-width: unset;
}
button.btn.btn-danger.btn-sm.btn-block {
    border-radius: 10px;
    padding: 7px;
}
.posted-by span.label {
    margin: 0;
    border-radius: 7px;
    padding: 5px 10px !important;
}
body .card.view-ticket .posted-by {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px;
}



.posted-by {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

/* Zenko support image */
.posted-by .zenko-support-favicon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    object-fit: cover;
    border-radius: 50%;
}

/* Operator / requestor badge */
.posted-by .requestor-badge {
    flex: 0 0 auto;
}

/* Date and time */
.posted-by .posted-on {
    margin-inline-start: auto;
    flex: 0 0 auto;
    white-space: nowrap;
}

.markdown-content blockquote, .md-preview blockquote {
    font-size: 1em;
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: unset;
    border-right: 3px solid var(--color-500);
    border-radius: 10px;
    background: var(--color-50);
}
.markdown-content pre, .md-preview pre {
    padding: 15px;
    background-color: #444;
    color: #f8f8f8;
    border: 0;
    border-radius: 10px;
    direction: ltr;
    text-align: left;
}

.ticket-reply .rating, .ticket-reply .rating-done {
    float: left;
    padding: 5px 10px;
    unicode-bidi: bidi-override;
    direction: ltr;
    font-size: 14px;
}
.ticket-reply .message {
    padding: 15px 10px 0 10px !important;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-radius: 0 15px 15px 0;
}

.btn {
    font-size: 13px;
}

.float-right {
    float: left !important;
}

body .list-group-item:first-child {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.sidebar-menu-item-label, .recent-ticket small {
    width: 100%;
}

div[menuitemname="Recent Tickets"] .list-group > a {
    border-bottom: 1px solid #e9effa;
}


.card-body h3.card-title {
    justify-content: flex-end !important;
}















/* =========================================================
   ZENKO - Support Department Cards
   ========================================================= */

.zenko-support-departments {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}


/* Department Card */

.zenko-support-department {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 calc(50% - 10px);
    min-width: 280px;
    gap: 16px;

    padding: 22px;
    border: 1px solid #e7e7e7;
    border-radius: 12px;

    background: #fff;
    color: inherit;
    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


/* Hover */

.zenko-support-department:hover {
    transform: translateY(-3px);

    border-color: #d8d8d8;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.07);

    color: inherit;
}


/* Icon */

.zenko-support-department-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #f4f6f8;

    color: #555;

    font-size: 18px;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}


.zenko-support-department:hover
.zenko-support-department-icon {
    background: #f0f1f3;
}


/* Content */

.zenko-support-department-content {
    flex: 1;
    min-width: 0;
}


.zenko-support-department-title {
    margin: 0 0 7px;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;

    color: #222;
}


.zenko-support-department-desc {
    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #777;
}


/* Arrow */

.zenko-support-department-arrow {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    color: #999;

    font-size: 12px;

    transition:
        transform 0.2s ease,
        color 0.2s ease;
}


.zenko-support-department:hover
.zenko-support-department-arrow {
    transform: translateX(-4px);
    color: #555;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 767px) {

    .zenko-support-departments {
        flex-direction: column;
        gap: 12px;
    }

    .zenko-support-department {
        flex: 1 1 100%;
        min-width: 0;

        padding: 18px;
    }

    .zenko-support-department-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;

        font-size: 16px;
    }

    .zenko-support-department-title {
        font-size: 15px;
    }

    .zenko-support-department-desc {
        font-size: 12px;
        line-height: 1.7;
    }

}


/* =========================================================
   Very Small Screens
   ========================================================= */

@media (max-width: 400px) {

    .zenko-support-department {
        gap: 12px;
        padding: 16px;
    }

    .zenko-support-department-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;

        font-size: 14px;
    }

    .zenko-support-department-arrow {
        display: none;
    }

}



.zenko-support-department-container {
    margin-left: 0 !important;
    flex: unset !important;
    max-width: unset;
}

.zenko-support-department:hover {
    color: inherit;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 8px 56px rgba(0, 0, 0, 0.08);
    border-color: var(--color-400) !important;
    transform: translate(0px, -5px);
}

.card.zenko-ticket-card h3.card-title.zenko-ticket-title + div.row {
    display: none;
}
.card.zenko-ticket-card .zenko-ticket-field-subject {
    min-width: 100%;
}
.card.zenko-ticket-card .zenko-ticket-field-department {
    min-width: 33.3333% !important;
}
.zenko-ticket-actions * {
    padding: 3px 10px;
    border-radius: 10px;
}
p.text-center.zenko-ticket-actions {
    margin-top: 50px;
}
p.text-center.zenko-ticket-actions a.btn.btn-default:hover {
    background: #b61c1c;
    border: 1px solid #b61c1c;
}


.form-check-input {
    margin-right: -1.25rem;
}
.controls.form-check {
    padding-right: 1.25rem;
}

body .btn-info.btn {
    color: #2563d2;
    background-color: #e9effa;
    border-color: #e9effa;
    border-radius: 7px !important;
    padding: 4px 25px !important;
}
.table-list>tbody>tr:hover>td button.btn.btn-info {
    background: #2563d2;
    color: #fff;
}
a.btn.nav-link.cart-btn {
    border: 1px solid #d8e3f7;
    margin-right: 20px;
    border-radius: 7px;
}



.announcement {
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 30px !important;
    border: 1px solid #2563d22e;
    box-shadow: -3px 3px 0 0px var(--color-50);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.announcement h1 {
    font-size: 18px;
    font-weight: 600;
}
.list-inline {
    padding-left: unset;
    padding-right: 0;
    list-style: none;
}
.pr-3, .px-3 {
    padding-right: unset !important;
    padding-left: 10px !important;
}
.announcement li.list-inline-item.text-muted.pr-3 {
    font-size: 14px;
}
.announcements .announcement article {
    border-left: unset;
    border-right: unset;
    border-radius: 10px;
    width: 100%;
}
.announcements a.btn.btn-default.btn-sm {
    align-self: flex-end;
}
.zenko-announcement-card h1.zenko-announcement-title {
    font-size: 20px;
    font-weight: 700;
}
li.list-inline-item.text-muted.pr-3.zenko-announcement-date, li.list-inline-item.text-muted.pr-3.zenko-announcement-time, .announcement ul.list-inline {display: none;}
.zenko-announcement-content {
    padding: 10px 0 0 0 !important;
    border-top: 1px solid #d8e3f7;
}
.announcements .announcement article {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}
.zenko-announcement-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}
















/* =========================================================
   ZENKO - Product Details UI
   ========================================================= */

.zenko-product-page {
    --zenko-primary: #4f46e5;
    --zenko-primary-light: #eef2ff;
    --zenko-text: #202124;
    --zenko-muted: #737373;
    --zenko-border: #e8e8e8;
    --zenko-bg: #f8f9fb;
    --zenko-radius: 14px;
}


/* =========================================================
   Overdue Invoice
   ========================================================= */

.zenko-product-overdue-invoice {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 20px;
    padding: 14px 18px;

    border: 1px solid #f1d2d2;
    border-radius: 10px;

    background: #fff7f7;
    color: #842029;
}

.zenko-product-invoice-button {
    margin-right: 15px;
}


/* =========================================================
   Main Product Card
   ========================================================= */

.zenko-product-details-card {
    overflow: hidden;

    margin-bottom: 20px;

    border: 1px solid var(--zenko-border);
    border-radius: var(--zenko-radius);

    box-shadow: 0 4px 18px rgba(0, 0, 0, .035);
}

.zenko-product-details-body {
    padding: 28px;
}


/* =========================================================
   Product Details
   ========================================================= */

.zenko-product-details {
    width: 100%;
}

.zenko-product-details-row {
    margin: 0;
}


/* =========================================================
   Product Status
   ========================================================= */

.zenko-product-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 220px;
    padding: 25px;

    border: 1px solid var(--zenko-border);
    border-radius: 12px;

    background: #fafafa;
}


/* Icon */

.zenko-product-status-icon {
    text-align: center;
}

.zenko-product-status-icon .fa-stack {
    margin-bottom: 12px;

    font-size: 28px;
}

.zenko-product-status-icon .fa-stack-2x {
    color: #eef0f3;
}

.zenko-product-status-icon .fa-stack-1x {
    color: #60656d;
}


/* Product name */

.zenko-product-name {
    margin: 8px 0 5px;

    font-size: 18px;
    font-weight: 700;

    color: var(--zenko-text);
}


/* Department */

.zenko-product-department {
    margin: 0;

    font-size: 13px;
    font-weight: 400;

    color: var(--zenko-muted);
}


/* Status */

.zenko-product-status-text {
    display: inline-flex;
    align-items: center;

    margin-top: 16px;
    padding: 6px 13px;

    border-radius: 30px;

    background: #fff3cd;
    color: #856404;

    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   Product Information
   ========================================================= */

.zenko-product-info {
    padding: 10px 25px;

    text-align: right !important;
}

.zenko-product-info-title {
    display: block;

    margin: 12px 0 3px;

    font-size: 12px;
    font-weight: 500;

    color: var(--zenko-muted);
}

.zenko-product-info-title:first-child {
    margin-top: 0;
}


/* =========================================================
   Product Tabs
   ========================================================= */

.zenko-product-navigation {
    display: flex;
    gap: 5px;

    margin-bottom: 0;

    padding: 5px;

    border: 1px solid var(--zenko-border);
    border-radius: 11px 11px 0 0;

    background: #fafafa;
}

.zenko-product-nav-item {
    margin: 0;
}

.zenko-product-nav-link {
    display: flex;
    align-items: center;
    gap: 7px;

    margin: 0;
    padding: 10px 16px;

    border: 0 !important;
    border-radius: 7px !important;

    color: #666;

    font-size: 13px;
    font-weight: 500;

    transition:
        background .2s ease,
        color .2s ease;
}

.zenko-product-nav-link:hover {
    background: #f0f1f3;
    color: #222;
}

.zenko-product-nav-link.active {
    background: #fff !important;
    color: var(--zenko-primary) !important;

    box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
}


/* =========================================================
   Additional Information
   ========================================================= */

.zenko-product-additional-info {
    overflow: hidden;

    border: 1px solid var(--zenko-border);
    border-top: 0;

    border-radius: 0 0 11px 11px;

    background: #fff;
}

.zenko-product-additional-row {
    display: flex;
    align-items: center;

    margin: 0;

    padding: 14px 18px;

    border-bottom: 1px solid #f0f0f0;
}

.zenko-product-additional-row:last-child {
    border-bottom: 0;
}

.zenko-product-additional-label,
.zenko-product-additional-value {
    padding: 0 8px;
}

.zenko-product-additional-label {
    color: #666;
    font-size: 13px;
}

.zenko-product-additional-value {
    color: #222;
    font-size: 14px;
    font-weight: 500;
}


/* =========================================================
   Downloads / Addons
   ========================================================= */

.zenko-product-downloads,
.zenko-product-addons {
    padding: 25px 5px;
}

.zenko-product-downloads-title,
.zenko-product-addons-title {
    margin-bottom: 18px;

    font-size: 18px;
    font-weight: 700;

    color: var(--zenko-text);
}

.zenko-product-downloads-alert {
    border: 0;
    border-radius: 9px;

    background: var(--zenko-primary-light);
    color: #3730a3;
}


/* =========================================================
   Change Password
   ========================================================= */

.zenko-product-password-card {
    margin-top: 20px;

    border: 1px solid var(--zenko-border);
    border-radius: var(--zenko-radius);

    box-shadow: 0 4px 18px rgba(0, 0, 0, .035);
}

.zenko-product-password-body {
    padding: 28px;
}

.zenko-product-password-title {
    margin-bottom: 25px;

    font-size: 18px;
    font-weight: 700;
}


/* Password fields */

.zenko-password-new,
.zenko-password-confirm {
    margin-bottom: 22px;
}

.zenko-password-input,
.zenko-password-confirm-input {
    min-height: 43px;

    border-radius: 8px;
}


/* Password strength */

.zenko-password-strength {
    overflow: hidden;

    height: 5px;

    margin-top: 10px;

    border-radius: 10px;

    background: #eee;
}

.zenko-password-strength-bar {
    border-radius: 10px;
}


/* Password tips */

.zenko-password-tips {
    margin-top: 15px;

    border: 0;
    border-radius: 9px;

    background: #f7f8fa;

    color: #666;

    line-height: 1.9;
}


/* Generate button */

.zenko-password-generate {
    min-height: 43px;

    border-radius: 8px;
}


/* Actions */

.zenko-password-actions {
    margin-top: 25px;
}

.zenko-password-submit,
.zenko-password-reset {
    min-height: 42px;

    padding: 8px 20px;

    border-radius: 8px;
}


/* =========================================================
   Bottom Buttons
   ========================================================= */

.zenko-product-invoice-button,
.zenko-password-submit {
    transition: all .2s ease;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .zenko-product-details-body {
        padding: 18px;
    }

    .zenko-product-details-row {
        display: flex;
        flex-direction: column;
    }

    .zenko-product-details-row > .col-md-6 {
        width: 100%;
        max-width: 100%;
    }

    .zenko-product-status {
        min-height: 190px;
        margin-bottom: 20px;
    }

    .zenko-product-info {
        padding: 5px 10px;

        text-align: right !important;
    }

    .zenko-product-info-title {
        margin-top: 15px;
    }

    .zenko-product-navigation {
        overflow-x: auto;
        flex-wrap: nowrap;

        border-radius: 10px 10px 0 0;
    }

    .zenko-product-nav-link {
        white-space: nowrap;
        padding: 9px 13px;
    }

    .zenko-product-additional-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        gap: 5px;

        padding: 13px 15px;
    }

    .zenko-product-additional-label,
    .zenko-product-additional-value {
        width: 100%;

        text-align: right !important;
    }

    .zenko-product-password-body {
        padding: 20px 15px;
    }

    .zenko-product-overdue-invoice {
        align-items: flex-start;
        gap: 10px;
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {

    .zenko-product-name {
        font-size: 16px;
    }

    .zenko-product-status-icon .fa-stack {
        font-size: 23px;
    }

    .zenko-product-details-card {
        border-radius: 10px;
    }

    .zenko-product-details-body {
        padding: 15px;
    }

}
.tab-content.bg-white.product-details-tab-container {
    border: 1px solid var(--zenko-border);
    border-radius: var(--zenko-radius);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .035);
}
.zenko-product-overview .nav-tabs {
    border-bottom: unset;
}
.nav-tabs .nav-link {
    font-size: 14px;
}


span.label.status.status-unpaid {
    background: #d92424;
    padding: 5px 15px !important;
}


body.rtl h3.card-title.zenko-ticket-title {
    justify-content: flex-start !important;
    flex-direction: row;
}


h1.zenko-cart-config-title, #order-standard_cart .font-size-36 {
    font-size: 18px !important;
    font-weight: 600;
}

body #order-standard_cart .panel .panel-heading {
    border-radius: 15px 15px 0 0;
}

.order-summary.zenko-cart-order-summary, .order-summary.zenko-cart__summary{
    border-radius: 15px;
    margin-bottom: 30px !important;
    border: 1px solid #2563d22e;
    box-shadow: -3px 3px 0 0px var(--color-50);
}

p.zenko-cart-product-description.zenko-cart-product-description-2 {
    margin: 15px 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

p.product-title.zenko-cart-product-title.zenko-cart-product-description.zenko-cart-product-description-1, body #order-standard_cart .order-summary h2 {
    font-weight: 600;
    font-size: 18px !important;
}

#order-standard_cart .sub-heading {
    margin-top: 50px;
}

#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    padding: 7px 17px;
    border-radius: 10px;
    top: -32px;
    font-size: 16px;
    background: hsl(0deg 0% 100%) !important;
    border: 1px solid #d7e3f7;
}
#order-standard_cart .info-text-sm {
    font-size: 14px;
}

.zenko-cart-summary-container span, .zenko-cart__summary-container span {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    font-style: normal !important;
}
body #order-standard_cart .order-summary .recurring-charges {
    color: unset;
}
#order-standard_cart .view-cart-items .item-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}
#order-standard_cart .view-cart-items .item-price span.cycle.zenko-cart__item-cycle {
    font-size: 12px !important;
}
body.rtl #order-standard_cart .product-info {
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #d7e3f7;
}
.float-left {
    float: right !important;
}
body #order-standard_cart .order-summary .total-due-today span {
    display: unset;
}
body .total-due-today {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
body #order-standard_cart .order-summary .total-due-today .amt {
    font-size: 18px !important;
    font-weight: 600 !important;
}
body #order-standard_cart .order-summary .summary-totals {
    margin: 10px 0;
    padding: 10px 0;
}
button#btnCompleteProductConfig {
    background: var(--color-500);
    border-color: var(--color-500);
    padding: 8px 16px;
    border-radius: 10px;
    width: 100%;
}
@media (min-width: 576px) {
    body .text-sm-left {
        text-align: right !important;
    }
}

body #order-standard_cart .checkout-security-msg {
    margin: 20px 0;
    padding-left: unset;
    padding-right: 75px;
    font-size: 14px;
}
body #order-standard_cart .checkout-security-msg i {
    float: right;
    margin-left: unset;
    margin-right: -48px;
    font-size: 20px;
}
body #order-standard_cart .sub-heading {
    height: 0;
    border-top: 1px solid #ddd;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

body #order-standard_cart .text-right .btn-checkout {
    background: var(--color-500);
    border-color: var(--color-500);
    padding: 8px 16px;
    border-radius: 10px;
    width: 100%;
}

.view-cart-tabs {
    margin-top: 50px !important;
}

#order-standard_cart .view-cart-items .item-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

span.item-title a.btn.btn-link.btn-xs {
    padding: 5px 15px;
    background: #e9effa;
    border-radius: 7px;
    margin-right: 15px;
    color: var(--color-400);
}
#order-standard_cart .view-cart-items .item-price span {
    font-size: 16px !important;
}
#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 13px;
    margin-top: 5px;
}
span#totalDueToday + span {
    font-size: 13px;
}
body #order-standard_cart .cart-body .empty-cart {
    margin: 0px !important;
}
div#applyPromo label.field-icon {
    display: none;
}












/* =========================================================
   ZENKO CHECKOUT
   Clean Section Based UI
   ========================================================= */

.zenko-checkout-page {
    --zenko-border: #e6e8ec;
    --zenko-text: #20242a;
    --zenko-muted: #7b818c;
    --zenko-bg: #f7f8fa;
    --zenko-white: #ffffff;
    --zenko-primary: var(--color-500);

    direction: rtl;
}


/* =========================================================
   PAGE
   ========================================================= */

.zenko-checkout-header {
    margin-bottom: 22px;
}

.zenko-checkout-title {
    margin: 0;
    color: var(--zenko-text);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.zenko-checkout-sidebar {
    display: none !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.zenko-checkout-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 18px;
    padding: 14px 18px;

    background: var(--zenko-white);
    border: 1px solid var(--zenko-border);
    border-radius: 12px;
}

.zenko-checkout-intro-text {
    margin: 0;
    color: var(--zenko-muted);
    font-size: 13px;
}


/* =========================================================
   FORM
   ========================================================= */

.zenko-checkout-form {
    width: 100%;
}


/* =========================================================
   ALL SECTIONS
   ========================================================= */

.zenko-checkout-section {
    width: 100%;

    margin-bottom: 18px;
    padding: 22px;

    background: var(--zenko-white);
    border: 1px solid var(--zenko-border);
    border-radius: 14px;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.zenko-checkout-section-heading {
    display: block;

    margin: 0 0 40px !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}

.zenko-checkout-section-heading span {
    display: block;

    margin: 0;
    padding: 0;

    color: var(--zenko-text);

    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
}


/* =========================================================
   ACCOUNT
   ========================================================= */

.zenko-checkout-account-select {
    display: block;

    margin: 0;
}


/* Account item */

.zenko-checkout-account-card {
    position: relative;

    margin: 0 0 10px;
    padding: 16px 18px;

    background: var(--zenko-bg);

    border: 1px solid var(--zenko-border);
    border-radius: 10px;

    transition:
        border-color .15s ease,
        background-color .15s ease;
}

.zenko-checkout-account-card:last-child {
    margin-bottom: 0;
}

.zenko-checkout-account-card:hover {
    border-color: var(--zenko-primary);
}

.zenko-checkout-account-card.active {
    background: #fff;

    border-color: var(--zenko-primary);
}


/* Account address */

.zenko-checkout-account-card .address {
    display: inline-block;

    color: var(--zenko-text);
    line-height: 1.8;
}

.zenko-checkout-account-card .address strong {
    font-size: 14px;
    font-weight: 700;
}

.zenko-checkout-account-card .address .small {
    color: var(--zenko-muted);
    font-size: 12px;
}


/* =========================================================
   LOGIN
   ========================================================= */

.zenko-checkout-login {
    margin-top: 18px;
    padding-top: 18px;

    border-top: 1px solid var(--zenko-border);
}


/* =========================================================
   SIGNUP
   ========================================================= */

.zenko-checkout-signup {
    margin-top: 18px;
    padding-top: 20px;

    border-top: 1px solid var(--zenko-border);
}


/* =========================================================
   INNER HEADINGS
   ========================================================= */

.zenko-checkout-inner-heading {
    margin: 0 0 18px !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}

.zenko-checkout-inner-heading span {
    color: var(--zenko-text);

    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   FIELDS GRID
   ========================================================= */
.row.zenko-checkout-fields-row div[class*="col-sm"] {
    max-width: 100% !important;
}
h4.modal-title.margin-bottom.mb-3.zenko-cart__modal-title i.fas.fa-times.fa-3x {
    display: none !important;
}
.modal-content.zenko-cart__modal-content {
    padding: 20px;
}
body.rtl #order-standard_cart .modal-remove-item .modal-footer {
    padding-bottom: 0;
}
.modal-footer.justify-content-center.zenko-cart__modal-footer button {
    min-width: 140px;
}
body.rtl button.btn.btn-primary.zenko-cart__modal-confirm {
    background: #c91515;
    border-color: #c91515;
}
body.rtl #order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #ffffff;
}
h4.modal-title.margin-bottom.mb-3.zenko-cart__modal-title {
    font-size: 18px;
    font-weight: 700;
}
#order-standard_cart .prepend-icon .field-icon{margin: 0;}
.zenko-checkout-fields-row {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 4fr));

    gap: 0 14px;

    margin: 0;
}


/* =========================================================
   INPUTS
   ========================================================= */

.zenko-checkout-field {
    width: 100%;
    min-height: 44px;

    padding: 9px 12px;

    background: var(--zenko-white);

    border: 1px solid var(--zenko-border);
    border-radius: 8px;

    box-shadow: none;

    color: var(--zenko-text);

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.zenko-checkout-field:focus {
    border-color: var(--zenko-primary);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--zenko-primary) 10%,
            transparent
        );

    outline: none;
}


/* =========================================================
   PAYMENT
   ========================================================= */

.zenko-checkout-payment-section {
    position: relative;
}


/* Payment summary */

.zenko-checkout-total {
    margin: 0 0 16px;
    padding: 18px;

    background: var(--zenko-bg) !important;

    border: 1px solid var(--zenko-border) !important;
    border-radius: 10px !important;

    color: var(--zenko-muted);

    text-align: right;
}

.zenko-checkout-total-price {
    display: inline-block;

    margin-right: 4px;

    color: var(--zenko-text);

    font-size: 20px;
    font-weight: 700;
}


/* Payment methods */

.zenko-checkout-gateways {
    margin: 0 0 16px;
}

.zenko-checkout-payment-method {
    display: flex !important;
    align-items: center;

    width: 100%;

    min-height: 50px;

    margin: 8px 0 0 !important;
    padding: 12px 14px;

    background: var(--zenko-white);

    border: 1px solid var(--zenko-border);
    border-radius: 9px;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background-color .15s ease;
}

.zenko-checkout-payment-method:hover {
    border-color: var(--zenko-primary);
}


/* =========================================================
   CREDIT
   ========================================================= */

.zenko-checkout-credit {
    margin: 0 0 16px;
    padding: 14px;

    background: var(--zenko-bg);

    border: 1px solid var(--zenko-border);
    border-radius: 9px;
}


/* =========================================================
   GATEWAY ERRORS
   ========================================================= */

.zenko-checkout-gateway-errors {
    margin: 12px 0;

    border-radius: 9px;
}


/* =========================================================
   GATEWAY INPUT
   ========================================================= */

.zenko-checkout-gateway-input {
    margin-bottom: 16px;
}


/* =========================================================
   CREDIT CARD
   ========================================================= */

.zenko-checkout-card-fields {
    margin-top: 12px;
    padding-top: 18px;

    border-top: 1px solid var(--zenko-border);
}


/* =========================================================
   NOTES
   ========================================================= */

.zenko-checkout-notes-section {
    margin-bottom: 18px;
}

.zenko-checkout-notes-content {
    margin: 0;
}

.zenko-checkout-notes-content .zenko-checkout-field {
    min-height: 120px;

    resize: vertical;
}


/* =========================================================
   SUBMIT
   ========================================================= */

.zenko-checkout-submit-section {
    margin-bottom: 18px;

    text-align: left;
}

.zenko-checkout-submit {
    margin: 0;
}

.zenko-checkout-submit-button {
    min-width: 190px;
    min-height: 46px;

    padding: 10px 24px;

    border-radius: 9px;

    font-size: 14px;
    font-weight: 600;
}


/* =========================================================
   SECURITY
   ========================================================= */

.zenko-checkout-security {
    margin-top: 0;

    padding: 12px 16px;

    background: transparent !important;

    border: 1px solid var(--zenko-border) !important;
    border-radius: 9px !important;

    color: var(--zenko-muted);

    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   CLEARFIX
   ========================================================= */

.zenko-checkout-clear {
    display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .zenko-checkout-title {
        font-size: 23px;
    }

    .zenko-checkout-intro {
        align-items: stretch;
        flex-direction: column;
    }

    .zenko-checkout-section {
        padding: 16px;
        border-radius: 11px;
    }

    .zenko-checkout-fields-row {
        grid-template-columns: 1fr;
    }

    .zenko-checkout-submit-section {
        text-align: center;
    }

    .zenko-checkout-submit-button {
        width: 100%;
    }
}

.zenko-checkout-section span.primary-bg-color {
    border: none !important;
    top: 0 !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}
.dataTables_wrapper .dataTables_filter label .form-control {
    padding: 7px 45px 7px 10px !important;
}
body .dataTables_wrapper .dataTables_filter::after {
    left: unset;
    right: 20px;
    transform: translateY(-55%);
}
.text-right {
    text-align: left!important;
}
#registration .prepend-icon .field {
    padding-left: unset;
    padding-right: 36px;
}
p.text-center.zenko-ticket-actions * {
    min-width: 130px;
    padding: 7px;
}
.verification-banner .fal, .verification-banner .far, .verification-banner .fas {
    color: #666;
    float: right;
    padding: 2px 0 0 20px;
    font-size: 24px;
}
.verification-banner .btn.close {
    margin-left: unset;
    margin-right: 10px;
    background: #ff000024;
    border-radius: 10px;
}
.verification-banner.email-verification .col-2.col-sm-1.order-3 {
    flex: unset !important;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


@media (max-width: 576px) {
    .posted-by .posted-on {
    font-size: 12px;
}
    .tiles .tile {
    margin-left: 10px;
    margin-bottom: 10px;
}
.tiles .row>div:last-child .tile, .tiles .row>div:nth-child(2) .tile {
    margin: 0;
}
.mc-promo-login .panel-heading .primary-content h3, .mc-promo-manage .panel-heading .primary-content h3, .primary-content .card-title, .primary-content .mc-promo-login .panel-heading h3, .primary-content .mc-promo-manage .panel-heading h3, .primary-content .promo-container .header h3, .promo-container .header .primary-content h3
 {
        font-size: 14px;
        gap: 10px 0;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
.mc-promo-login body .primary-content .card .content, .mc-promo-manage body .primary-content .card .content, body .primary-content .mc-promo-login .card-body, body .primary-content .mc-promo-login .content, body .primary-content .mc-promo-manage .card-body, body .primary-content .mc-promo-manage .content {
    padding: 0px;
}
.sidebar .card-header {
    border-radius: 15px;
}
.client-home-cards .card-body p, .client-home-cards .mc-promo-login .content p, .client-home-cards .mc-promo-manage .content p, .mc-promo-login .client-home-cards .content p, .mc-promo-manage .client-home-cards .content p {
    padding: 0;
} 
.tiles .tile .stat {
    font-size: 25px;
}
div#ticketsPanel .label {
    margin-right: 10px;
    padding: 3px 7px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
}


  .table-container {
    width: 100%;
  }

  .dataTables_wrapper, .tableInvoicesList_wrapper {
    max-width: 100%;
            margin-bottom: 40px;
  }

  #tableServicesList, #tableInvoicesList  {
    width: 100% !important;
    min-width: 100% !important;
  }

  #tableServicesList th,
  #tableServicesList td,
  #tableInvoicesList th,
  #tableInvoicesList td{
    white-space: nowrap;
  }

  #tableServicesList,#tableInvoicesList {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }




body .dataTables_wrapper .dataTables_filter label .form-control {
    width: 100%;
}
.dataTables_wrapper table.table-list {
    margin: 00px 0 30px 0 !important;
}
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0px;
    }

body .dataTables_wrapper table.table-list tr:last-child td:first-child {
    border-radius: 0 0 15px 15px;
}
.table-list>tbody>tr>td a.border-left {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    line-height: 1.5;
}
body .dataTables_wrapper table.table-list td {
    font-size: 14px;
}
.ticket-actions.float-sm-right.mt-3.mt-sm-0 {
    display: none;
}

.message.p-3.zenko-ticket-message-content {
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
    color: #213545;
}
.zenko-ticket-field.zenko-ticket-form-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.zenko-ticket-field.zenko-ticket-form-actions input {
    width: 130px;
}


.breadcrumb-item {
    white-space: nowrap;
    font-size: 12px !important;
}
ol.breadcrumb {
    overflow: auto;
    flex-wrap: nowrap;
    width: 100% !important;
    min-width: 100% !important;
}
.breadcrumb-item+.breadcrumb-item {
    padding-right: 5px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-left: 5px;
}


.card.d-block.d-md-none.bg-light {
    border-radius: 15px;
    margin-bottom: 30px !important;
    border: 1px solid #2563d22e;
    box-shadow: -3px 3px 0 0px var(--color-50);
}
.zenko-announcement-card h1.zenko-announcement-title {
    font-size: 18px;
}

.mc-promo-login body .primary-content .card .content, .mc-promo-manage body .primary-content .card .content, body .primary-content .card .card-body, body .primary-content .mc-promo-login .card-body, body .primary-content .mc-promo-login .content, body .primary-content .mc-promo-manage .card-body, body .primary-content .mc-promo-manage .content {
    padding: 15px;
}

.sidebar.sidebar-secondary {
    margin-top: 20px;
}
.announcement h1 {
    font-size: 16px;
}
.announcements .announcement article {
    padding: 10px;
}
body #order-modern .title-bar {
    margin: 0 0 25px 0;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 30px !important;
    border: 1px solid #2563d22e;
    box-shadow: -3px 3px 0 0px var(--color-50);
    padding: 15px;
}
body #order-modern .title-bar h1 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
body #order-modern .product .pricing {
    float: left;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
}
body #order-modern .product .name {
    font-size: 16px;
    font-weight: 600;
}
body #order-modern .product .description {
    font-size: 14px;
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: 400;
}
body #order-modern .product {
    border-radius: 15px;
}
h1.zenko-cart-config-title, #order-standard_cart .font-size-36 {
    font-size: 18px !important;
    font-weight: 600;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}
body #order-standard_cart .cart-sidebar h3,body #order-standard_cart .sidebar-collapsed h3 {
    font-size: 15px;
}
body #order-standard_cart label, body #order-standard_cart p.domain-renewal-desc, body .service-renewals .div-renewal-period-label {
    margin-right: unset;
    margin-left: 10px;
    margin-top: 10px;
}
body #order-standard_cart .view-cart-items .item-title {
    font-size: 16px;
    margin-bottom: 15px;
}
body #order-standard_cart .view-cart-items .item-price {
    text-align: left;
}
#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 13px !important;
}
.zenko-checkout-total-price {
    font-size: 17px;
}
.form-control {
    font-size: 13px;
}
h1.zenko-kb-title {
    font-size: 18px;
    line-height: 1.5;
}
a.zenko-kb-print {
    margin-top: 10px;
}




}



















































/* =========================================================
   ZENKO - Mobile Header
   Only applies to screens below 992px
   ========================================================= */

@media (max-width: 1199px) {
    .navbar.navbar-expand-xl.main-navbar-wrapper {
    display: none !important;
}
ul.navbar-nav.ml-auto.zenko-mobile-account-nav li.nav-item, .zenko-mobile-account-nav .dropdown-toggle::after  {
    display: none !important;
}
.dropdown-toggle::after {
    display: none !important;
}
    /* -------------------------------------------------------
       Base
       ------------------------------------------------------- */

    .zenko-mobile-header,
    .zenko-mobile-header *,
    .zenko-mobile-drawer,
    .zenko-mobile-drawer *,
    .zenko-mobile-overlay {
        box-sizing: border-box;
    }


    /* -------------------------------------------------------
       Mobile Header
       ------------------------------------------------------- */

    .zenko-mobile-header {
        position: relative;
        z-index: 10010;

        width: 100%;
        height: 64px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 16px;

        background: #fff;

        border-bottom: 1px solid rgba(0, 0, 0, .06);
    }


    /* -------------------------------------------------------
       Hamburger
       ------------------------------------------------------- */

    .zenko-mobile-menu-btn {
        width: 42px;
        height: 42px;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap: 5px;

        padding: 0;
        margin: 0;

        border: 0;
        background: transparent;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;
    }


    .zenko-mobile-menu-btn span {
        display: block;

        width: 22px;
        height: 2px;

        border-radius: 10px;

        background: #222;

        transition:
            transform .25s ease,
            opacity .2s ease;
    }


    .zenko-mobile-menu-active span:nth-child(1) {
        transform:
            translateY(7px)
            rotate(45deg);
    }


    .zenko-mobile-menu-active span:nth-child(2) {
        opacity: 0;
    }


    .zenko-mobile-menu-active span:nth-child(3) {
        transform:
            translateY(-7px)
            rotate(-45deg);
    }


    /* -------------------------------------------------------
       Logo
       ------------------------------------------------------- */

    .zenko-mobile-logo {
        position: absolute;

        left: 50%;
        top: 50%;

        transform: translate(-50%, -50%);

        display: flex;
        align-items: center;
        justify-content: center;

        text-decoration: none;
    }


    .zenko-mobile-logo img {
        display: block;

        width: auto;
        height: 38px;

        max-width: 150px;

        object-fit: contain;
    }


    /* -------------------------------------------------------
       Cart
       ------------------------------------------------------- */

    .zenko-mobile-cart {
        display: flex;
        align-items: center;
        justify-content: center;

        min-width: 42px;
        min-height: 42px;
    }


    .zenko-mobile-cart-link {
        position: relative;

        width: 42px;
        height: 42px;

        display: flex !important;
        align-items: center;
        justify-content: center;

        padding: 0 !important;
        margin: 0 !important;

        color: #222 !important;

        background: transparent !important;

        border: 0 !important;
    }


    .zenko-mobile-cart-link i {
        font-size: 18px;
    }


    .zenko-mobile-cart-link #cartItemCount {
        position: absolute;

        top: 3px;
        right: 1px;

        min-width: 17px;
        height: 17px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0 4px;

        font-size: 9px;
        line-height: 17px;
    }


    /* -------------------------------------------------------
       Hide Original Navbar On Mobile
       ------------------------------------------------------- */

    #mainNavbar {
        display: none !important;
    }


    /* -------------------------------------------------------
       Overlay
       ------------------------------------------------------- */

    .zenko-mobile-overlay {
        position: fixed;

        inset: 0;

        z-index: 10020;

        background: rgba(0, 0, 0, .38);

        opacity: 0;
        visibility: hidden;

        transition:
            opacity .28s ease,
            visibility .28s ease;

        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }


    .zenko-mobile-overlay-open {
        opacity: 1;
        visibility: visible;
    }


    /* -------------------------------------------------------
       Drawer
       ------------------------------------------------------- */

    .zenko-mobile-drawer {
        position: fixed;

        top: 0;
        right: 0;

        z-index: 10030;

        width: min(88vw, 360px);
        height: 100dvh;

        display: flex;
        flex-direction: column;

        direction: rtl;

        background: #fff;

        box-shadow:
            -12px 0 35px rgba(0, 0, 0, .12);

        transform: translateX(105%);

        transition:
            transform .34s cubic-bezier(.22, 1, .36, 1);

        visibility: hidden;
    }


    .zenko-mobile-drawer-open {
        transform: translateX(0);

        visibility: visible;
    }


    /* -------------------------------------------------------
       Drawer Header
       ------------------------------------------------------- */

    .zenko-mobile-drawer-header {
        min-height: 72px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 20px;

        border-bottom: 1px solid #eee;

        flex-shrink: 0;
    }


    .zenko-mobile-drawer-title {
        font-size: 15px;
        font-weight: 700;

        color: #222;
    }


    .zenko-mobile-close {
        width: 38px;
        height: 38px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 0;
        border-radius: 50%;

        background: #f5f5f5;

        color: #333;

        font-size: 25px;
        font-weight: 300;

        line-height: 1;

        cursor: pointer;
    }


    /* -------------------------------------------------------
       Drawer Content
       ------------------------------------------------------- */

    .zenko-mobile-drawer-content {
        flex: 1;

        overflow-y: auto;
        overflow-x: hidden;

        padding: 12px 14px 35px;

        -webkit-overflow-scrolling: touch;
    }


    /* -------------------------------------------------------
       Navigation Reset
       ------------------------------------------------------- */

    .zenko-mobile-nav,
    .zenko-mobile-account-nav {
        width: 100% !important;

        display: block !important;

        padding: 0 !important;
        margin: 0 !important;

        list-style: none !important;
    }


    .zenko-mobile-account-nav {
        margin-top: 12px !important;

        padding-top: 12px !important;

        border-top: 1px solid #eee;
    }


    .zenko-mobile-nav li,
    .zenko-mobile-account-nav li {
        position: relative;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        list-style: none !important;
    }


    /* -------------------------------------------------------
       Main Links
       ------------------------------------------------------- */

    .zenko-mobile-nav > li > a,
    .zenko-mobile-account-nav > li > a {
        min-height: 50px;

        display: flex !important;
        align-items: center;

        position: relative;

        width: 100%;

        padding: 0 14px !important;
        margin: 3px 0;

        border-radius: 10px;

        color: #222 !important;

        background: transparent;

        font-size: 14px;
        font-weight: 500;

        text-decoration: none !important;

        transition:
            background .2s ease,
            color .2s ease;
    }


    .zenko-mobile-nav > li > a:hover,
    .zenko-mobile-account-nav > li > a:hover {
        background: #f7f7f7;
    }


    /* -------------------------------------------------------
       Dropdown Arrow
       ------------------------------------------------------- */

    .zenko-mobile-arrow {
        position: absolute;

        left: 14px;

        width: 24px;
        height: 24px;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 17px;

        color: #888;

        transition:
            transform .25s ease,
            color .25s ease;
    }


    .zenko-mobile-open > a .zenko-mobile-arrow {
        transform: rotate(180deg);

        color: #222;
    }


    /* -------------------------------------------------------
       Dropdown
       ------------------------------------------------------- */

    .zenko-mobile-nav .dropdown-menu,
    .zenko-mobile-account-nav .dropdown-menu {
        position: static !important;

        float: none !important;

        width: 100% !important;

        min-width: 0 !important;

        display: block !important;

        max-height: 0;

        overflow: hidden;

        padding: 0 8px !important;
        margin: 0 !important;

        border: 0 !important;

        border-radius: 10px;

        background: #f8f8f8;

        box-shadow: none !important;

        opacity: 0;

        transition:
            max-height .3s ease,
            opacity .22s ease,
            padding .3s ease;
    }


    .zenko-mobile-nav
    .zenko-mobile-open
    > .dropdown-menu,

    .zenko-mobile-account-nav
    .zenko-mobile-open
    > .dropdown-menu {
        max-height: 600px;

        padding-top: 6px !important;
        padding-bottom: 6px !important;

        opacity: 1;
    }


    /* -------------------------------------------------------
       Dropdown Links
       ------------------------------------------------------- */

    .zenko-mobile-nav
    .dropdown-menu
    > li
    > a,

    .zenko-mobile-account-nav
    .dropdown-menu
    > li
    > a {
        min-height: 44px;

        display: flex !important;
        align-items: center;

        width: 100%;

        padding: 0 12px !important;

        margin: 1px 0;

        border-radius: 7px;

        color: #555 !important;

        background: transparent;

        font-size: 13px;

        text-decoration: none !important;

        transition:
            background .18s ease,
            color .18s ease;
    }


    .zenko-mobile-nav
    .dropdown-menu
    > li
    > a:hover,

    .zenko-mobile-account-nav
    .dropdown-menu
    > li
    > a:hover {
        color: #222 !important;

        background: #fff;
    }


    /* -------------------------------------------------------
       Dropdown Divider
       ------------------------------------------------------- */

    .zenko-mobile-nav
    .dropdown-divider,

    .zenko-mobile-account-nav
    .dropdown-divider {
        margin: 6px 8px !important;

        border-top-color: #e5e5e5 !important;
    }


    /* -------------------------------------------------------
       Open Ticket
       ------------------------------------------------------- */

    .zenko-mobile-nav
    #Primary_Navbar-Open_Ticket
    > a {
        margin-top: 10px;

        color: #fff !important;

        background: #222 !important;

        justify-content: center;

        font-weight: 600;
    }


    .zenko-mobile-nav
    #Primary_Navbar-Open_Ticket
    > a:hover {
        background: #111 !important;
    }


    /* -------------------------------------------------------
       Body Lock
       ------------------------------------------------------- */

    body.zenko-mobile-menu-lock {
        overflow: hidden !important;
    }


    /* -------------------------------------------------------
       Floating Ticket
       ------------------------------------------------------- */

    .zenko-floating-ticket {
        position: fixed;

        right: 16px;
        bottom: 16px;

        z-index: 10015;

        height: 42px;

        display: flex;
        align-items: center;
        gap: 7px;

        padding: 0 14px 0 10px;

        border-radius: 22px;

        background: #222;

        color: #fff !important;

        box-shadow:
            0 6px 20px rgba(0, 0, 0, .18);

        font-size: 12px;
        font-weight: 600;

        text-decoration: none !important;

        transition:
            transform .2s ease,
            box-shadow .2s ease;
    }


    .zenko-floating-ticket:hover {
        color: #fff !important;

        transform: translateY(-2px);

        box-shadow:
            0 8px 24px rgba(0, 0, 0, .22);
    }


    .zenko-floating-ticket-icon {
        width: 26px;
        height: 26px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: rgba(255, 255, 255, .12);
    }


    .zenko-floating-ticket-icon i {
        font-size: 12px;
    }
}

    /* -------------------------------------------------------
       Small Mobile
       ------------------------------------------------------- */

    @media (max-width: 380px) {

        .zenko-mobile-header {
            height: 58px;

            padding-left: 10px;
            padding-right: 10px;
        }


        .zenko-mobile-logo img {
            height: 34px;

            max-width: 130px;
        }


        .zenko-mobile-drawer {
            width: 90vw;
        }


        .zenko-floating-ticket {
            right: 12px;
            bottom: 12px;

            height: 39px;

            padding-right: 12px;

            font-size: 11px;
        }
}


/* ---------------------------------------------------------
   Desktop: Hide Mobile Components
   --------------------------------------------------------- */

@media (min-width: 1199px) {

    .zenko-mobile-header,
    .zenko-mobile-drawer,
    .zenko-mobile-overlay,
    .zenko-floating-ticket {
        display: none !important;
    }
    
}

.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.input-group-text {
    border-radius: 0 15px 15px 0;
}
input#inputPassword {
    border-radius: 0px !important;
}

h1.zenko-kb-title {
    font-size: 19px;
    font-weight: 700;
}
.list-inline-item:not(:last-child) {
    margin-right: unset;
    margin-left: 10px;
}
.mr-2, .mx-2 {
    margin-right: unset !important;
    margin-left: 8px !important;
}
article.zenko-kb-article {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #2e3d50;
}
img.zenko-kb-image {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
}
h4.zenko-kb-feedback-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}
button.zenko-kb-feedback-button {
    border-radius: 7px;
    padding: 5px 25px;
}
button.zenko-kb-feedback-button.zenko-kb-feedback-yes {
    background: green;
    border-color: green;
}
button.zenko-kb-feedback-button.zenko-kb-feedback-no {
    background: #ed3e3e;
    border-color: #ed3e3e;
}
.kb-article-item small {
    padding-left: 0px;
    color: #636770;
}

p, body.rtl {
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}

p.zenko-cart-intro {
    margin-bottom: 15px !important;
}
h1.zenko-cart__title {
    background-color: #f3f6ff;
    border: 1px solid #2563d22e;
    border-radius: 15px;
    box-shadow: -5px 5px 0 0px var(--color-50);
    padding: 20px;
}

#order-standard_cart .cart-body {
    width: 100% !important;
}
.cart-sidebar {
    display: none !important;
}
body #order-standard_cart .order-summary h2, body #order-standard_cart .order-summary .summary-container {
    border: none !important;
}


#order-standard_cart .prepend-icon .field {
    padding-left: unset;
    padding-right: 36px;
}