Not Found

The requested URL was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

1#@!#!123s

: / home / hearthospit / public_html / public / assets / assets_admin / scss / bootstrap /

Filename : _cards.scss

back

/* Start:: Cards */
.card {
    color: $default-text-color;
    margin-block-end: 1.5rem;
    .card-header,.card-footer {
        background-color: $custom-white !important;
    }
    .card-title {
        font-weight: 700;
        color: $default-text-color;
        font-size: 14px;
        text-transform: uppercase;
    }
    .card-header {
        border-bottom: 0;
        padding: 0.75rem 1.25rem;
    }
}
.card.custom-card {
    border-radius: $default-radius;
    border: 0px solid $default-border;
    background-color: $custom-white;
    color: $default-text-color;
    box-shadow: $box-shadow;
    position: relative;
    margin-block-end: 1.5rem;
    width: 100%;
    .card-header {
        padding:1rem;
        background-color: transparent !important;
        border-block-end: 1px solid $default-border;
        display: flex;
        align-items: center;
        position: relative;
        flex-wrap: wrap;
        &:first-child {
            border-radius: 0.625rem 0.625rem 0 0;
        }
        .card-title {
            margin-block-end: 0;
            font-size: 1.05rem;
            font-weight: 600;
            text-transform: capitalize;
            .subtitle {
                margin-block-end: 0;
                text-transform: initial;
            }
        }
    }
    .card-footer {
        background-color: transparent !important;
        border-block-start: 1px solid $default-border;
        padding: 1rem 1.25rem;
        font-size: $default-font-size;
    }
    .card-body {
        padding: 1.25rem;
    }
    .card-link {
        font-size: 0.75rem;
    }
    .card-text {
        font-size: 0.813rem;
    }
    .footer-card-icon {
        width: 60px;
        height: 60px;
    }
    &.overlay-card {
        position: relative;
        overflow: hidden;
        color: rgba(255,255,255,0.9);
        .card-header {
            border-block-end: 1px solid rgba(255,255,255,0.1);
        }
        .card-footer {
            border-block-start: 1px solid rgba(255,255,255,0.1);
        }
        .over-content-bottom {
            top: auto;
        }
        &:before {
            content: "";
            inset-inline-start: 0;
            inset-inline-end: 0;
            inset-block-start: 0;
            inset-block-end: 0;
            background-color: rgba(0,0,0,0.2);
            position: absolute;
        }
    }
    /* Start::Card Background Colors */
    &.card-bg-primary {
            background-color: $primary;
            color: $white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-header .card-title {
            color: $white !important;
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    &.card-bg-secondary {
            background-color: $secondary;
            color: $white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    &.card-bg-warning {
            background-color: $warning;
            color: $white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    &.card-bg-info {
            background-color: $info;
            color: $white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    &.card-bg-success {
            background-color: $success;
            color: $white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    &.card-bg-danger {
            background-color: $danger;
            color: $white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    &.card-bg-light {
            background-color: $light;
            color: $default-text-color;
        .card-header {
            background-color: rgba(0, 0, 0, 0.05) !important;
            color: $default-text-color;
            border-block-end: $default-border;
        }
        .card-footer {
            background-color: rgba(0, 0, 0, 0.05) !important;
            color: $default-text-color;
            border-block-start: $default-border;
        }
    }
    &.card-bg-dark {
            background-color: $dark;
            color: $custom-white;
        .card-header {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-end: 1px solid rgba(255,255,255,0.2);
            &:before {
                background-color: $white;
            }
        }
        .card-footer {
            background-color: rgba(255,255,255,0.1) !important;
            color: $white;
            border-block-start: 1px solid rgba(255,255,255,0.2);
        }
    }
    /* End::Card Background Colors */

    /* Start:: Cards With Links */
    /* Start:: Cards With Links */
    .card-anchor {
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        bottom: 0;
        inset-inline-start: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
    }
    /* End:: Cards With Links */

    /* Start:: Card With Collapse */
    .collapse-close {
        display: none;
    }
    &.card .collapsed {
        .collapse-close {
            display: block;
        }
        .collapse-open {
            display: none;
        }
    }
    /* End:: Card With Links */

    /* Start::Card With FullScreen */
    &.card-fullscreen {
        position: fixed;
        top: 0;
        inset-inline-start: 0;
        inset-inline-start: 0;
        bottom: 0;
        z-index: 9999;
        margin: 0;
        border-radius: 0;
    }
    /* End::Card With FullScreen */
}

@media screen and (max-width:400px) {
    .card.custom-card {
        .card-img-overlay {
            .card-text {
                font-size: 0.65rem;
            }
        }
    }
}
.card.custom-card.overlay-card {
   .card-header .card-title, .card-footer{
        color: #fff !important;
    }
}
[data-theme-mode=dark]  .bg-dark.card.custom-card.overlay-card {
  .card-footer{
         color: #fff !important;
     }
 }
 @media (max-width: 575px){
    .overlay-card .card-text {
        font-size: .613rem!important;
    }
 }
 @media (max-width: 350px) {
     .cards-subtext {
       display: none;
     }
 }
 .card-footer {
    border-top: 1px solid $default-border;
 }
/* End:: Cards */

Name	Size	Last Modified	Owner	Permissions
_accordion.scss	16.36 KB	January 28 2025 6:58:05	hearthospit	0644
_alerts.scss	6.809 KB	January 28 2025 6:58:05	hearthospit	0644
_animation.scss	66.487 KB	January 28 2025 6:58:05	hearthospit	0644
_badge.scss	2.49 KB	January 28 2025 6:58:05	hearthospit	0644
_breadcrumb.scss	2.549 KB	January 28 2025 6:58:05	hearthospit	0644
_buttons.scss	40.589 KB	January 28 2025 6:58:06	hearthospit	0644
_cards.scss	8.55 KB	January 28 2025 6:58:06	hearthospit	0644
_dropdown.scss	5.376 KB	January 28 2025 6:58:06	hearthospit	0644
_forms.scss	19.72 KB	January 28 2025 6:58:06	hearthospit	0644
_list_group.scss	3.698 KB	January 28 2025 6:58:07	hearthospit	0644
_modals.scss	3.837 KB	January 28 2025 6:58:07	hearthospit	0644
_navbar.scss	6.607 KB	January 28 2025 6:58:07	hearthospit	0644
_navs_tabs.scss	12.482 KB	January 28 2025 6:58:07	hearthospit	0644
_pagination.scss	4.149 KB	January 28 2025 6:58:07	hearthospit	0644
_popovers.scss	19.007 KB	January 28 2025 6:58:07	hearthospit	0644
_progress.scss	9.026 KB	January 28 2025 6:58:08	hearthospit	0644
_tables.scss	6.347 KB	January 28 2025 6:58:08	hearthospit	0644
_toast.scss	0.821 KB	January 28 2025 6:58:08	hearthospit	0644
_tooltips.scss	1.534 KB	January 28 2025 6:58:08	hearthospit	0644

2017 © D7net \| D704T team