.aa-gen-dsb-cmp-dashboard .custom-card-header {
    padding: 0.25rem 0.75rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.aa-gen-dsb-cmp-dashboard .dashboard-panel {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    position: relative;
    padding: 0.4rem;
    margin-bottom: 24px;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

.upper-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
    height: 720px;
}

.lower-left-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
    height: 652px;
}

.lower-right-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
    height: 312px;
}

@media (max-width: 1199.98px) {
    .upper-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
        height: 495px;
    }
    .lower-left-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
        height: 382px;
    }
    .lower-right-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
        height: 178px;
    }
}

@media (max-width: 991.98px) {
    .upper-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area,
    .lower-left-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area,
    .lower-right-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
        height: 470px;
    }
}

@media (max-width: 767.98px) {
    .upper-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area,
    .lower-left-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area,
    .lower-right-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
        height: 342px;
    }
}

@media (max-width: 575.98px) {
    .upper-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area,
    .lower-left-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area,
    .lower-right-dashboard-content .aa-gen-sgn-cmp-signage .signage-image-area {
        height: 238px;
    }
}

.aa-gen-sgn-cmp-signage .signage-image {
    width: 0;
    height: 100%;
    object-fit: scale-down;
    background-color: #ffffff;
    opacity: 0;
    transition: all 0.4s 0.1s ease-in-out;
}

.aa-gen-sgn-cmp-signage .signage-image.active {
    width: 100%;
    opacity: 1;
    transition: all 0.4s 0.1s ease-in-out;
}

.aa-gen-sgn-cmp-signage .page-dot {
    font-size: 0.6rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    cursor: pointer;
}

.aa-gen-sgn-cmp-signage .page-dot.active {
    font-size: 0.9rem;
    cursor: default;
}