.s-dashboard-card, .s-dashboard-card-sm { 
    margin-bottom: var(--bs-gutter-x);
}

.s-dashboard-card .card-header {
    padding: 1rem;
    border-bottom: none;
    background-color: transparent;
}

.s-dashboard-card .card-body {
    border-radius: 0 0 4px 4px;
    padding: 1rem;
}

.s-dashboard-card .card-footer {
    border-top-color: transparent;
    background-color: transparent;
    padding: 1rem;
}

.s-dashboard-card .card-title {
    margin: 0;
    font-size: 1.4rem;
    color: var(--s-table-title);
}

.s-dashboard-card-sm .card-body {
    padding: 1rem;
    border-radius: 4px 4px 0 0;
    margin: 1px;
}

.s-dashboard-card-sm .card-footer {
    color: rgba(var(--s-bright-rgb), 0.8);
    background-color: var(--bs-body-bg);
    border-radius: 0 0 4px 4px;
    border-top: none;
    margin: 0 1px 1px 1px;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
}

.s-dashboard-card-sm h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.s-dashboard-card-sm p {
    font-size: 15px;
}

.s-dashboard-card-sm p > small {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

.s-dashboard-card-sm .icon {
    transition: all 0.3s linear;
    position: absolute;
    top: 13px;
    color: rgba(var(--s-bright-rgb), 1);
    right: 10px;
    font-size: 64px;
}

.s-dashboard-card-sm:hover .icon {
    font-size: 70px;
}

.theme-azure-light .bg-world-map {
    background: var(--s-sidebar-band-bg);
}

.theme-azure-light .s-dashboard-card-sm .card-body {
    background: rgba(var(--bs-primary-rgb), 0.15);
}

.theme-azure-light .s-dashboard-card-sm.s-alt .card-body {
    background: rgba(var(--bs-success-rgb), 0.15);
}

:root.theme-cosmos-dark .s-dashboard-card-sm {
    background: #4a68ab;
}

:root.theme-cosmos-dark .s-dashboard-card-sm .card-footer {
    background: #284991;
}

:root.theme-cosmos-dark .s-dashboard-card-sm.s-alt {
    background: #4a95ab;
}

:root.theme-cosmos-dark .s-dashboard-card-sm.s-alt .card-footer {
    background: #1a6b83;
}

.s-chat-sidebar {
    background: rgba(var(--s-bright-rgb), 0.06);
}

.s-chat-sidebar .list-group-item {
    background: transparent;
    color: var(--bs-body-text);
}

.s-chat-sidebar .list-group-item:hover,
.s-chat-sidebar .list-group-item.active {
    background-color: rgba(var(--s-bright-rgb), 0.06);
}

.s-chat-online {
    color: #34ce57
}

.s-chat-offline {
    color: #e4606d
}

.s-chat-sidebar img {
    background-color: rgba(var(--s-bright-rgb), 0.1);
}

.s-chat-sidebar .form-control {
    background: transparent;
    border-color: rgba(128, 128, 128, 0.2);
}

.s-chat-profile-section .btn {
    color: var(--bs-body-text);
}

.s-chat-profile-image {
    padding: 1px;
    border: 3px solid var(--bs-success);
}

.s-chat-header {
    background: rgba(var(--s-bright-rgb), 0.03) !important;
}

.s-chat-messages {
    display: flex;
    height: 400px;
    flex-direction: column;
    overflow-y: scroll;
}

.s-chat-message-own,
.s-chat-message-other {
    display: flex;
    flex-shrink: 0;
    max-width: 65%;
}

.s-chat-message-own {
    flex-direction: row-reverse;
    margin-left: auto;
}

.s-chat-message-own .s-chat-message-body {
    background: rgba(var(--s-bright-rgb), 0.12) !important;
}

.s-chat-message-other {
    margin-right: auto
}

.s-chat-message-other .s-chat-message-body {
    background: rgba(var(--s-bright-rgb), 0.03) !important;
}

.s-todo-list {
    list-style: none;
    padding: 0;
}

.s-todo-list li {
    margin: var(--s-row-gap) 0;
}

.s-todo-list li.s-todo-done .text {
    text-decoration: line-through;
}


.s-todo-list .handle {
    margin-right: 0.5em;
    padding: 0 2px;
    cursor: move;
}

.s-todo-list input[type=checkbox] {
    margin-right: 5px;
    margin-top: 0;
    width: 1.4em;
    height: 1.4em;
}

.s-todo-list small.label {
    color: rgba(var(--s-bright-rgb), 0.65);
    margin-left: 1em;
}

.datepicker .table {
    color: var(--bs-body-color);
}

.datepicker table tr td {
    color: var(--bs-body-color);
}

.datepicker table.table tr td.old,
.datepicker table.table tr td.new {
    color: var(--bs-secondary);
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background-color: rgba(var(--s-bright-rgb), 0.2);
}

.datepicker table tr td.day.active,
.datepicker table tr td.day.active:hover {
    background-color: rgba(var(--s-bright-rgb), 0.4);
}

.datepicker table.table > :not(:first-child) {
    border-top-width: 1px;
    border-top-color: var(--s-card-border);
}

.jqstooltip {
    box-sizing: content-box;
}

.daterangepicker {
    background-color: var(--s-card-bg);
}

.daterangepicker .ranges li {
    background-color: rgba(var(--s-bright-rgb), 0.05);
    border-color: var(--s-card-border);
    color: var(--bs-body-color);
}

.daterangepicker .ranges .input-mini {
    border-color: var(--s-input-border);
    color: var(--s-input-text);
}

.daterangepicker .daterangepicker_start_input label, 
.daterangepicker .daterangepicker_end_input label {
    text-shadow: none;
    color: var(--bs-body-color);
}

html[dir="rtl"] .s-dashboard-card-sm .icon {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .s-chat-message-own {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .s-chat-message-other {
    margin-right: 0;
    margin-left: auto
}

html[dir="rtl"] .s-todo-list .handle {
    margin-right: 0;
    margin-left: 0.5em;
}

html[dir="rtl"] .s-todo-list input[type=checkbox] {
    margin-right: 0;
    margin-left: 5px;
}

html[dir="rtl"] .s-todo-list small.label {
    margin-left: 0;
    margin-right: 1em;
}