/*
 * Card-body alias rules — Sprint 18-pre BS3 cleanup (2026-05-26)
 *
 * Source: extracted from public/backend/files/assets/css/style1.css (md5-identical
 *         to style2-5.css for `.card-block` rules).
 *
 * Why: Sprint 18-pre renamed `.card-block` → `.card-body` across 92 view files
 *      per Plan v5 D3. The 5 vendor theme files were left untouched per user D7
 *      (hybrid approach). This file mirrors every vendor `.card-block` selector
 *      to `.card-body` so DOM with new class still inherits vendor styling.
 *
 * Generator: Python state-machine (handles @media nesting correctly).
 * Trace: ADR-003 Amendment 1, Plan v5 D3, Sprint 18-pre PR.
 */

.card-body {
    padding: 1.25rem
}

.card .card-header+.card-body,
.card .card-header+.card-body-big {
    padding-top: 0
}

.card .card-body table tr {
    padding-bottom: 20px
}

.card .card-body .sub-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px
}

.card .card-body code {
    background-color: #eee;
    margin: 5px;
    display: inline-block
}

.card .card-body .dropdown-menu {
    top: 38px
}

.card .card-body p {
    line-height: 25px
}

.card .card-body a.dropdown-item {
    margin-bottom: 0;
    font-size: 14px;
    -webkit-transition: 0.25s;
    transition: 0.25s
}

.card .card-body a.dropdown-item:active,
.card .card-body a.dropdown-item .active {
    background-color: #01a9ac
}

.card .card-body.remove-label i {
    margin: 0;
    padding: 0
}

.card .card-body.button-list span.badge {
    margin-left: 5px
}

.card .card-body .dropdown-menu {
    background-color: #fff;
    padding: 0
}

.card .card-body .dropdown-menu .dropdown-divider {
    background-color: #ddd;
    margin: 3px 0
}

.card .card-body .dropdown-menu>a {
    padding: 10px 16px;
    line-height: 1.429
}

.card .card-body .dropdown-menu>li>a:focus,
.card .card-body .dropdown-menu>li>a:hover {
    background-color: rgba(202, 206, 209, 0.5)
}

.card .card-body .dropdown-menu>li:first-child>a:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.card .card-body .badge-box {
    padding: 10px;
    margin: 12px 0
}

.card .card-body-big {
    padding: 30px 35px
}

.card .card-body-small {
    padding: 15px 20px
}

.card-body.list-tag ul li {
    display: block;
    float: none;
    margin-bottom: 5px
}

.card-body.list-tag ol li {
    margin-bottom: 5px
}

.card-body ul li.list-inline-item {
    display: inline-block;
    float: left
}

.button-page .card-body a.nav-link {
    margin-bottom: 0
}

.card-body.tree-view ul {
    display: inherit
}

.card-body.tree-view ul li {
    display: inherit;
    float: none
}

.card-body .docs-options .dropdown-menu {
    top: inherit
}

.card-body.user-info {
    position: absolute;
    width: 100%;
    bottom: 10px
}

.card-body ul.list-contacts,
.card-body.groups-contact ul {
    display: block;
    float: none
}

.card-body ul.list-contacts li,
.card-body.groups-contact ul li {
    display: block;
    float: none
}

.card-body.groups-contact {
    margin-bottom: 0
}

.card-body .connection-list {
    margin-bottom: 20px
}

.gallery-page .card-body {
    margin-bottom: -20px
}

.search-result .card .card-body h5 {
    font-weight: 600
}

.search-result .card .card-body p {
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 1.4
}

.search2 .card-body:first-child {
    padding-top: 0
}

.version .card-body {
    padding: 0
}

.generic-card-body code {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.button-page .card-body {
    margin-bottom: -20px
}

.button-page .card-body ul {
    margin-bottom: 0;
    display: inline-block
}

.button-page .card-body a {
    margin-bottom: 20px
}

.button-page .card-body ul li {
    display: inline-block;
    margin-right: 20px;
    float: left
}

.card .card-body .wizard-form .steps ul {
    display: block
}

.card .card-body .wizard-form li {
    margin-right: 0
}

.card .card-body ul.pagination li {
    margin-right: 0
}

.statustic-card .card-body {
    position: relative
}

.statustic-card .card-body .progress {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 5px;
    overflow: visible
}

.statustic-card .card-body .progress .progress-bar {
    position: relative
}

.statustic-card .card-body .progress .progress-bar:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    background: inherit
}

.statustic-card .card-body .progress .progress-bar.bg-c-blue:before {
    -webkit-animation: blue-blink-bar 0.5s linear infinite;
    animation: blue-blink-bar 0.5s linear infinite
}

.statustic-card .card-body .progress .progress-bar.bg-c-green:before {
    -webkit-animation: green-blink-bar 0.5s linear infinite;
    animation: green-blink-bar 0.5s linear infinite
}

.statustic-card .card-body .progress .progress-bar.bg-c-pink:before {
    -webkit-animation: pink-blink-bar 0.5s linear infinite;
    animation: pink-blink-bar 0.5s linear infinite
}

.statustic-card .card-body .progress .progress-bar.bg-c-yellow:before {
    -webkit-animation: yellow-blink-bar 0.5s linear infinite;
    animation: yellow-blink-bar 0.5s linear infinite
}

.widget-card-1 .card-body>span {
    color: #919aa3
}

.user-widget-card .card-body {
    padding: 1.95rem 1.25rem 0.85rem
}

.table-card .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.table-card .card-body .table>thead>tr>th {
    border-top: 0
}

.table-card .card-body .table .chk-option {
    vertical-align: middle;
    width: 30px;
    display: inline-block
}

.table-card .card-body .table .chk-option .checkbox-fade,
.table-card .card-body .table .chk-option .checkbox-fade .cr,
.table-card .card-body .table .chk-option .checkbox-zoom,
.table-card .card-body .table .chk-option .checkbox-zoom .cr {
    margin-right: 0
}

.table-card .card-body .table label {
    margin-bottom: 0
}

.table-card .card-body .table tr td:first-child,
.table-card .card-body .table tr th:first-child {
    padding-left: 20px
}

.table-card .card-body .table tr td:last-child,
.table-card .card-body .table tr th:last-child {
    padding-right: 20px
}

.latest-update-card .card-body {
    padding-top: 0
}

.latest-update-card .card-body .latest-update-box {
    position: relative
}

.latest-update-card .card-body .latest-update-box:after {
    content: "";
    position: absolute;
    background: #ddd;
    height: 100%;
    width: 1px;
    top: 0;
    left: 110px;
    z-index: 1
}

.latest-update-card .card-body .latest-update-box .update-meta {
    z-index: 2;
    min-width: 160px
}

.latest-update-card .card-body .latest-update-box .update-meta .update-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    padding: 12px 13px;
    font-size: 16px;
    color: #fff;
    margin-left: 10px
}

.latest-activity-card .card-body {
    padding-top: 0
}

.latest-activity-card .card-body .latest-update-box {
    position: relative
}

.latest-activity-card .card-body .latest-update-box .update-meta {
    z-index: 2;
    min-width: 160px
}

.latest-activity-card .card-body .latest-update-box .update-meta .update-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    padding: 12px 13px;
    font-size: 16px;
    color: #fff;
    margin-left: 10px
}

.per-task-card .card-body {
    padding: 0
}

.pcoded[layout-type="dark"] .card .card-body code,
body.dark .card .card-body code {
    background-color: #546686
}

.pcoded[layout-type="dark"] .card .card-body .dropdown-menu,
body.dark .card .card-body .dropdown-menu {
    background-color: #4e5f7d
}

.pcoded[layout-type="dark"] .card-comment .card-body-small,
body.dark .card-comment .card-body-small {
    border-bottom: 1px solid #4a5a77
}

.pcoded[layout-type="dark"] .card-comment .card-body-small:hover,
body.dark .card-comment .card-body-small:hover {
    background-color: #4a5a77
}

@media only screen and (max-width: 575px) {
    .latest-update-card .card-body .latest-update-box:after {
    display: none
    }
    .latest-update-card .card-body .latest-update-box .update-meta {
    z-index: 2;
    min-width: 100%;
    text-align: left !important;
    margin-bottom: 15px;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px
    }
    .latest-activity-card .card-body .latest-update-box .update-meta {
    z-index: 2;
    min-width: 100%;
    text-align: left !important;
    margin-bottom: 15px;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px
    }
}

@media only screen and (max-width: 1366px) {
    .card .card-body .sub-title {
    font-size: 12px
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1500px) {
    .social-card-1 .card-body-big {
    padding: 1.3em
    }
}

@media only screen and (max-width: 1199px) {
    .user-activity-card .card-body-big {
    padding-top: 15px;
    padding-bottom: 15px
    }
}

@media only screen and (max-width: 992px) {
    .card-body [class*="col-"]:nth-last-child(-n+3) .card.user-card,
    .card-body [class*="col-"]:last-child .basic-list {
    margin-bottom: 0
    }
}

@media only screen and (min-width: 992px) {
    .basic-list,
    .card-body [class*="col-"]:nth-last-child(-n+3) .card.user-card {
    margin-bottom: 0
    }
}

@media only screen and (max-width: 768px) {
    .card-body.list-tag ul li:last-child {
    margin-bottom: 20px
    }
    .card-body.user-info {
    position: inherit;
    text-align: center;
    background-color: #e0e0e0;
    margin-bottom: 20px
    }
    .group-widget .card-body-big {
    height: 110px
    }
}

@media only screen and (max-width: 573px) {
    .card-body-big {
    padding: 1em
    }
    .card-body-big #barchart,
    .card-body-big #barchart2 {
    display: inline-block;
    margin-bottom: 10px
    }
}

