/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/


.outer-border{
    border: 1px solid #e5e9f2;
    border-radius: 4px;
}

.center-td {
    position: relative;
    display: table-cell;
    vertical-align: middle !important;
    padding: 1rem .5rem;
}
.chip {
    padding: 0 12px;
    background-color: #f5f5f5;
    border-radius: 100px;
    display: inline-flex;
    margin: 4px;
    color: rgba(0, 0, 0, .87);
    align-items: center;
    height: 32px;
    font-size: 14px;
    cursor: pointer;
    border: none;
}

.chip .icon {
    font-size: 16px;
    color: rgba(0, 0, 0, .54);
    width: 20px;
    text-align: center;
}
.chip .icon--trailing {
    margin: 2px -4px 0 4px;
}

.has-content-sidebar {
    position: relative
}

.nk-content-sidebar {
    position: fixed;
    left: 0;
    top: 65px;
    width: 280px;
    min-height: calc(100vh - 65px);
    max-height: calc(100vh - 65px);
    background: #fff;
    border-right: 1px solid #e5e9f2;
    z-index: 700;
    transform: translateX(-100%);
    transition: left 450ms ease, transform 450ms ease
}

.nk-content-sidebar+.toggle-overlay {
    z-index: 600
}

.nk-content-sidebar-inner {
    padding: 2rem 1.75rem;
    max-height: calc(100vh - 65px)
}

.nk-content-sidebar.mobile-menu {
    transition: transform .4s ease
}

.nk-content-sidebar.content-active {
    transform: none
}

.nk-content-sidebar+.nk-content,
.nk-content-sidebar+.toggle-overlay+.nk-content {
    margin-top: 65px;
    position: relative
}

@media (min-width: 992px) {
    .nk-content-sidebar {
        transform: none
    }
    .has-content-sidebar {
        padding: 0 0 0 280px
    }
}

@media (min-width: 1200px) {
    .has-sidebar .nk-content-sidebar {
        left: 290px
    }
    .has-sidebar .has-content-sidebar {
        padding: 0 0 0 570px
    }
}


.nk-nav-tree {
    padding: .5rem 0
}

.nk-nav-tree li a,
.nk-nav-tree li>span {
    color: #526484;
    font-size: 13px;
    font-weight: 500;
    display: block;
    line-height: 1.25rem;
    padding: .5rem 0
}

.nk-nav-tree li.active a,
.nk-nav-tree li a:hover {
    color: #037dff
}

.nk-nav-tree ul {
    padding-bottom: 8px
}

.nk-nav-tree ul li a {
    position: relative;
    color: #8094ae;
    padding: 5px 16px;
    border-left: 1px solid #e5e9f2
}

.nk-nav-tree ul li a:after {
    position: absolute;
    width: 3px;
    content: '';
    background: #037dff;
    left: -1px;
    top: 0;
    bottom: 0;
    opacity: 0
}

.nk-nav-tree ul li:hover a {
    color: #526484
}

.nk-nav-tree ul li.active a {
    color: #037dff
}

.nk-nav-tree ul li.active a:after {
    opacity: 1
}

/* For summernote override unordered and order list */
.note-editable ul{
    list-style: disc !important;
    list-style-position: inside !important;
  }
  
  .note-editable ol {
    list-style: decimal !important;
    list-style-position: inside !important;
  }

  /* Dashboard widgets */

  .nk-wg7 { display: flex; flex-wrap: wrap; }

.nk-wg7 > * { flex-grow: 1; width: 100%; }

.nk-wg7-stats { line-height: 1.3; }

.nk-wg7-stats-group { display: flex; align-items: flex-start; margin-top: 1.5rem; }

.nk-wg7-stats .number { font-size: 1rem; font-weight: 700; }

.nk-wg7-stats .number-lg { font-size: 2.25rem; letter-spacing: -0.03em; font-weight: 400; }

.nk-wg7-stats .number-lg:first-child { margin-top: -.125rem; }

.nk-wg7-title, .nk-wg7-note { font-size: 13px; font-weight: 500; color: #526484; }

.is-dark .nk-wg7-title, .is-dark .nk-wg7-note { color: #6baafe; }

.number + .nk-wg7-title, .number + .nk-wg7-note { margin-top: 0.625rem; }

.nk-wg7-title + .number, .nk-wg7-note + .number { margin-top: 0.4375rem; }

.number-lg + .nk-wg7-title, .number-lg + .nk-wg7-note { margin-top: 0.25rem; }

.nk-wg7-title + .number-lg, .nk-wg7-note + .number-lg { margin-top: 0.25rem; }

.nk-wg7-foot { width: 100%; margin-top: 0.75rem; }

.nk-wg7-note { font-weight: 400; font-style: italic; }

@media (min-width: 992px) { .nk-wg7 > * { width: 100%; }
  .nk-wg7-foot { margin-top: .75rem; } }

.nk-wgw { position: relative; }

.nk-wgw-inner { padding: 1.25rem; display: block; }

.sm.nk-wgw .nk-wgw-inner { padding: 1.25rem; }

.nk-wgw-name { display: flex; align-items: center; }

.nk-wgw-icon { position: relative; height: 32px; width: 32px; font-size: 20px; border-radius: 50%; background: #8094ae; color: #fff; margin-right: 0.75rem; display: inline-flex; align-items: center; justify-content: center; }

.is-dark .nk-wgw-icon { background: #6baafe; }

.nk-wgw-icon.is-default:after { position: absolute; bottom: -8px; right: -8px; font-family: "Nioicon"; content: ""; height: 20px; width: 20px; font-size: 13px; border-radius: 50%; background: #fff; color: #ffa353; display: inline-flex; align-items: center; justify-content: center; }

.is-dark .nk-wgw-icon.is-default:after { background: #0b3175; }

.nk-wgw-title { font-family: Roboto, sans-serif; font-weight: 500; font-size: 1rem; margin-bottom: 0; color: #526484; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.is-dark .nk-wgw-title { color: #fff; }

.nk-wgw-more { position: absolute; top: 1.25rem; right: 1.25rem; }

.is-dark .nk-wgw-more .btn-trigger { color: #a9cdff; }

.is-dark .nk-wgw-more .btn-trigger:before { background-color: #071d46; }

.nk-wgw-balance { line-height: 1.3; padding-top: 1.25rem; }

.nk-wgw-balance .amount { font-size: 1.5rem; font-weight: 500; color: #364a63; }

.is-dark .nk-wgw-balance .amount { color: #fff; }

.nk-wgw-balance .amount span { font-weight: 400; opacity: 0.6; }

.nk-wgw-balance .amount-sm { font-size: 13px; color: #526484; font-weight: 700; padding-top: .125rem; }

.is-dark .nk-wgw-balance .amount-sm { color: #6baafe; }

.nk-wgw-balance .amount-sm span { font-weight: 400; }

.nk-wgw-balance .currency { padding-left: 0.25rem; }

.nk-wgw-actions { padding: .75rem 1.25rem; border-top: 1px solid #e5e9f2; }

.is-dark .nk-wgw-actions { border-color: rgba(9, 113, 254, 0.4); }

.nk-wgw-actions ul { display: flex; align-items: center; flex-wrap: wrap; }

.nk-wgw-actions ul li:not(:last-child) { padding-right: 1.5rem; }

.nk-wgw-actions a { display: inline-flex; align-items: center; font-size: 12px; padding: .5rem 0; color: #526484; }

.nk-wgw-actions a .icon { font-size: 1.25em; margin-right: 0.5rem; color: #8094ae; margin-top: -1px; }

.nk-wgw-actions a .icon, .nk-wgw-actions a span { transition: color .3s; }

.is-dark .nk-wgw-actions a { color: #a9cdff; }

.is-dark .nk-wgw-actions a .icon { color: #6baafe; }

.is-dark .nk-wgw-actions a:hover span, .is-dark .nk-wgw-actions a:hover .icon { color: #fff; }

.nk-wgw-actions a:hover span, .nk-wgw-actions a:hover .icon { color: #0971fe; }

.nk-wgw-add { display: flex; flex-direction: column; justify-content: center; height: 100%; text-align: center; }

.nk-wgw-add a { display: block; }

.nk-wgw-add a .add-icon { display: inline-flex; position: relative; z-index: 1; font-size: 24px; height: 36px; width: 36px; align-items: center; justify-content: center; }

.nk-wgw-add a .add-icon:before { position: absolute; z-index: -1; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; content: ''; background-color: #ebeef2; border-radius: 50%; opacity: 0; transition: all .3s; }

.is-dark .nk-wgw-add a .add-icon:before { background-color: #071d46; }

.is-dark .nk-wgw-add a .add-icon .icon { color: #fff; }

.nk-wgw-add a:hover .add-icon:before { opacity: 1; height: 120%; width: 120%; }

.nk-wgw-add a .title { color: #0971fe; font-size: 1rem; margin-top: 1.25rem; margin-bottom: 0.75rem; }

.is-dark .nk-wgw-add a .title { color: #fff; }

.nk-wgw-add .sub-text { padding: 0 1.5rem; }

@media (min-width: 576px) { .nk-wgw { position: relative; }
  .nk-wgw-inner { padding: 1.5rem; }
  .sm.nk-wgw .nk-wgw-inner { padding: 1rem 1.25rem; }
  .nk-wgw-actions { padding-left: 1.5em; padding-right: 1.5rem; }
  .nk-wgw-actions a { font-size: 13px; } }

.nk-wgw.sm .nk-wgw-icon { height: 24px; width: 24px; font-size: 14px; margin-right: 0.5rem; }

.nk-wgw.sm .nk-wgw-icon.is-default:after { bottom: -8px; right: -8px; height: 20px; width: 20px; font-size: 13px; }

.nk-wgw.sm .nk-wgw-title { font-weight: 700; font-size: 13px; }

.nk-wgw.sm .nk-wgw-balance { padding-top: 0.75rem; }

.nk-wgw.sm .nk-wgw-balance .amount { font-size: 1rem; }

.nk-wgwh { display: flex; align-items: center; }

.nk-block-head-sub + .nk-wgwh { padding-top: .5rem; }

.nk-wgwh > .icon { margin-right: 1rem; }

.nk-wgwh-title { font-size: 1.5rem; color: #364a63; font-weight: 700; }

.nk-wgwh-title .title { margin-bottom: 0; font-size: inherit; }

.nk-wgwh-title small { font-size: 70%; color: #8094ae; }

.nk-wgwh-title small a { color: inherit; }

/* Settings Appearance */

.nk-opt-set {
    padding: 1.5rem 1.5rem 1.5rem
}

.nk-opt-set:not(:last-child) {
    border-bottom: 1px solid #e5e9f2
}

.nk-opt-set-title {
    padding: 0 0 0.5rem;
    text-transform: uppercase;
    color: #8094ae;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 11px
}
.nk-opt-list+.nk-opt-set-title {
    margin-top: 1.25rem
}

@media (min-width: 576px) {
    .nk-opt-set,
    .nk-opt-reset {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.dark-mode .nk-demo-head,
.dark-mode .nk-opt-set:not(:last-child),
.dark-mode .nk-demo-item:not(:last-child) {
    border-color: #1d2d40
}

.nk-opt-list {
    padding: 0;
    flex-wrap: wrap;
    margin: -0.5rem;
    display: flex
}


.nk-opt-item {
    width: 33%;
    text-align: center;
    padding: 0.5rem
}

.nk-opt-item:not(.active):not(.disabled) {
    cursor: pointer
}

.nk-opt-item.active {
    cursor: default
}

.nk-opt-item.disabled {
    pointer-events: none
}

.nk-opt-item.disabled>.nk-opt-item-name {
    opacity: .5
}

.col-2x .nk-opt-item {
    width: 50%
}

.col-4x .nk-opt-item {
    width: 25%
}

.nk-opt-item-name {
    font-weight: 400;
    color: #526484;
    font-size: 12px;
    letter-spacing: 0.02em
}

.nk-opt-item-name small {
    font-size: 11px
}

.dark-mode .nk-opt-item-name {
    color: #8094ae
}

.nk-opt-item-bg {
    background: #fff;
    width: 100%;
    height: 32px;
    border: 1px solid #dbdfea;
    padding: 3px;
    margin-bottom: 5px;
    position: relative;
    display: block;
    border-radius: 2px;
    transition: all 0.3s
}

.dark-mode .nk-opt-item-bg {
    border-color: #3c4d62
}

.nk-opt-item-bg>span:not(.nk-opt-item-name) {
    display: block;
    background: #526484;
    height: 100%;
    border-radius: 1px
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).bg-theme {
    background: #2c3782 !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).bg-light {
    background: #ebeef2 !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).bg-lighter,
.dual-listbox .nk-opt-item-bg>span.dual-listbox__item:not(.nk-opt-item-name):hover {
    background: #f5f6fa !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).bg-dark {
    background: #101924 !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).theme-light {
    background: linear-gradient(90deg, #f5f6fa 0%, #f5f6fa 50%, #ebeef2 50%, #ebeef2 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).theme-dark {
    background: linear-gradient(90deg, #1f2b3a 0%, #1f2b3a 50%, #101924 50%, #101924 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-default {
    background: linear-gradient(90deg, #2c3782 0%, #2c3782 28%, #6576ff 28%, #6576ff 72%, #c4cefe 72%, #c4cefe 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-purple {
    background: linear-gradient(90deg, #4700e8 0%, #4700e8 28%, #854fff 28%, #854fff 72%, #e7dcff 72%, #e7dcff 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-green {
    background: linear-gradient(90deg, #074e3b 0%, #074e3b 28%, #0fac81 28%, #0fac81 72%, #cfeee6 72%, #cfeee6 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-blue {
    background: linear-gradient(90deg, #0144a0 0%, #0144a0 30%, #0971fe 30%, #0971fe 72%, #cee3ff 72%, #cee3ff 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-egyptian {
    background: linear-gradient(90deg, #1a3767 0%, #1a3767 30%, #2e62b9 30%, #2e62b9 72%, #d5e0f1 72%, #d5e0f1 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-red {
    background: linear-gradient(90deg, #ab0e21 0%, #ab0e21 30%, #ee3148 30%, #ee3148 72%, #fcd6da 72%, #fcd6da 100%) !important
}

.nk-opt-item-bg>span:not(.nk-opt-item-name).skin-bluelite {
    background: linear-gradient(90deg, #001cfe 0%, #001cfe 28%, #6576ff 28%, #6576ff 72%, #e0e4ff 72%, #e0e4ff 100%) !important
}

.nk-opt-item-bg:hover,
.nk-opt-item-bg:focus {
    border-color: #b7c2d0
}

.active>.nk-opt-item-bg {
    border-color: #6576ff;
    box-shadow: 0 0 0 2px rgba(101, 118, 255, 0.2)
}

.active>.nk-opt-item-bg:after {
    font-family: "Nioicon";
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 0.875rem
}

.active>.nk-opt-item-bg.is-light:after {
    color: #101924
}

.only-text>.nk-opt-item-bg {
    margin-bottom: 0;
    height: 28px
}

.only-text>.nk-opt-item-bg:after {
    display: none
}

.disabled>.nk-opt-item-bg {
    border-color: #e5e9f2 !important
}

.dark-mode .disabled>.nk-opt-item-bg {
    border-color: #3c4d62 !important
}

.nk-opt-item-bg>.nk-opt-item-name {
    color: #364a63;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.12em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.dark-mode .nk-opt-item-bg>.nk-opt-item-name {
    color: #b6c6e3
}

.active>.nk-opt-item-bg>.nk-opt-item-name {
    color: #6576ff;
    font-weight: 700
}

.dark-mode .nk-opt-item-bg {
    background-color: #101924
}

.alert-note {
    padding: 1rem 1rem 1rem 2.75rem;
    border-radius: 4px;
    position: relative;
    line-height: 1.4;
    background: #f5f6fa;
    text-align: left;
}
.alert-note > .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.25rem;
    font-size: 1rem;
    width: 2.5rem;
    text-align: center;
    line-height: 1.3;
}
.alert-note.sm {
    padding: 0.5rem 0.75rem 0.5rem 2.25rem;
}
.alert-note.sm > .icon {
    width: 2rem;
}
.alert-note p,
.alert-note .note-text {
    font-size: 0.75rem;
    line-height: 1.5;
    display: block;
}
.alert-note.is-plain {
    padding: 0 0 0.5rem 1.125rem;
    background: transparent;
}
.alert-note.is-plain:last-child {
    padding-bottom: 0;
}
.alert-note.is-plain > .icon {
    left: 0;
    top: 0;
    font-size: 12px;
    line-height: 1.3;
    transform: translateY(1px);
    width: 1.125rem;
    text-align: left;
}

/*!
 * Tickets Component
**/



.table-tickets { font-size: 13px; color: #8094ae; }

.tb-ticket-item td, .tb-ticket-item th { vertical-align: middle; }

.tb-ticket-item td { padding-top: 0.75rem; padding-bottom: 0.75rem; }

.tb-ticket-item td.tb-ticket-desc { font-size: 0.875rem; color: #526484; }

.tb-ticket-item td.tb-ticket-id { font-size: 0.875rem; }

.tb-ticket-item.is-unread { background: #f5f6fa; }

.tb-ticket-item.is-unread .title { font-weight: 500; color: #364a63; }

.tb-ticket-item .date, .tb-ticket-item .date-last { white-space: nowrap; }

.tb-ticket-item .title { vertical-align: middle; display: inline-block; max-width: 220px; padding-right: 1rem; }

.tb-ticket-id { font-weight: 500; color: #6576ff; width: 120px; }

.tb-ticket-id a, .tb-ticket-desc a { display: block; padding: 0.25rem 0; color: inherit; }

.tb-ticket-date, .tb-ticket-seen, .tb-ticket-status { width: 115px; }

.tb-ticket-status { text-align: center; }

.tb-ticket-action { text-align: right; }

.tb-ticket-item .tb-ticket-action { height: 52px; }

.tb-ticket-title th { color: #8094ae; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; height: auto; }

@media (min-width: 1200px) { .tb-ticket-item .title { max-width: 320px; } }

@media (max-width: 575.98px) { .table-tickets { font-size: 12px; }
  .tb-ticket-item { display: flex; position: relative; flex-wrap: wrap; padding: .5rem 1.25rem; align-items: center; }
  .tb-ticket-item td { border: 0; padding: 0; }
  .tb-ticket-item td:first-child, .tb-ticket-item td:last-child { padding: 0; }
  .tb-ticket-item td.tb-ticket-id { font-size: 14px; }
  .tb-ticket-item td.tb-ticket-desc { font-size: 12px; }
  .tb-ticket-item:not(:first-child) { border-top: 1px solid #dbdfea; }
  .tb-ticket-item .title { max-width: 360px; }
  .tb-ticket-id { width: 100%; }
  .tb-ticket-item .tb-ticket-id { margin-top: .25rem; margin-bottom: .125rem; }
  .tb-ticket-desc { width: 78%; }
  .tb-ticket-id a, .tb-ticket-desc a { padding: 0; }
  .tb-ticket-action { margin-left: auto; }
  .tb-ticket-item .tb-ticket-action { height: auto; }
  .tb-ticket-date, .tb-ticket-seen, .tb-ticket-status { width: auto; }
  .tb-ticket-status { position: absolute; width: 90px; right: 1.25rem; text-align: right; top: .75rem; }
  .tb-ticket-title { display: flex; position: relative; }
  .tb-ticket-title th:not(:first-child):not(.tb-ticket-status) { display: none; }
  .tb-ticket-title th.tb-ticket-status { padding-right: 0; top: 0; }
  .table .tb-ticket-title th.tb-ticket-status { border: 0; } }

@media (max-width: 420px) { .tb-ticket-item .title { max-width: 270px; } }

@media (max-width: 374px) { .tb-ticket-item .title { max-width: 220px; } }

.ticket-info { display: flex; align-items: center; justify-content: space-between; margin-bottom: -.5rem; }

.ticket-status { padding-left: 1rem; }

.ticket-meta { color: #8094ae; }

.ticket-meta li { display: inline-block; padding-right: 1rem; }

.ticket-meta strong { color: #526484; }

.ticket-meta .ticket-id strong { color: #6576ff; }

.ticket-msg-item .user-card .user-avatar { width: 40px; height: 40px; font-size: 14px; }

.ticket-msg-item:not(:first-child) { margin-top: 3rem; }

.ticket-msg-from { margin-bottom: 1.25rem; }

.ticket-msg-attach { margin-top: 2rem; }

.ticket-msg-attach .title { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: #8094ae; }

.ticket-msg-attach-list { display: flex; flex-wrap: wrap; margin: -0.375rem; }

.ticket-msg-attach-list li { width: 72px; position: relative; margin: 0.375rem; }

.ticket-msg-attach-list li img { border-radius: 4px; }

.ticket-msg-attach-list a { display: block; position: relative; border-radius: 4px; z-index: 1; }

.ticket-msg-attach-list a:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(31, 43, 58, 0.4); border-radius: 4px; z-index: 2; opacity: 0; transition: opacity 0.3s; }

.ticket-msg-attach-list a .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2rem; height: 2rem; line-height: 2rem; color: #fff; background: #6576ff; border-radius: 4px; text-align: center; z-index: 3; opacity: 0; transition: opacity 0.6s; }

.ticket-msg-attach-list a:hover:after { opacity: 1; }

.ticket-msg-attach-list a:hover .icon { opacity: 1; }

.ticket-msg-reply { margin-bottom: .5rem; margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid #e5e9f2; }

.ticket-msg-reply textarea { height: 156px; resize: none; padding: 0.75rem 1.5rem; }

.ticket-msg-reply-action-list { display: inline-flex; align-items: center; margin: 0 -0.35rem; }

.ticket-msg-reply-action-list li .icon { font-size: 1.1rem; color: #526484; transition: color 0.4s; }

.ticket-msg-reply-action-list li .icon:hover { color: #6576ff; }

@media (min-width: 768px) { .ticket-msg-from { display: flex; align-items: center; justify-content: space-between; }
  .ticket-msg-comment, .ticket-msg-attach, .ticket-msg-reply { margin-left: 56px; } }

@media (max-width: 767.98px) { .ticket-msg-from { padding-bottom: 1rem; border-bottom: 1px solid #e5e9f2; }
  .card-bordered .ticket-msg-reply { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; margin-top: 2rem; padding-top: 1.25rem; }
  .ticket-msg-item:not(:first-child) { border-top: 1px solid #dbdfea; padding-top: 1.5rem; margin-top: 1.5rem; }
  .card-bordered .ticket-msg-item { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; }
  .ticket-msg-item .user-card + .ticket-msg-date { font-style: italic; margin-left: 56px; } }

  .nk-store-statistics .item { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0; }

.nk-store-statistics .title { font-size: 0.8125rem; color: #8094ae; }

.nk-store-statistics .count { font-size: 1.25rem; color: #364a63; font-weight: 700; }

.nk-store-statistics .icon { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; height: 44px; width: 44px; border-radius: 6px; }