/* Styles specific to this application should go here. */
a.link, a.link:visited {
    color: var(--iws-system-color-primary);
    cursor: pointer;
}


.gunss-dart {
    scrollbar-color: var(--iws-system-color-surface-high) var(--iws-system-color-surface-lowest);
}

/* Banner Styles */
.gunss-dart .banner .logo {
    width: auto; /* override */
}

/* Banner Button Styles */
.gunss-dart .banner .actions a.iws-button,
.gunss-dart .banner .actions a.iws-icon-button {
    color: var(--iws-system-color-on-surface);
    --iws-button-icon-filter: var(--iws-icon-on-surface-filter);
    --iws-button-hover-icon-filter: var(--iws-icon-surface-filter);
}
.gunss-dart .banner .actions a.iws-button:not(.primary):not(.secondary):not(.tertiary):not(.error):not(.warning):not(.success) .icon-svg,
.gunss-dart .banner .actions a.iws-icon-button:not(.primary):not(.secondary):not(.tertiary):not(.error):not(.warning):not(.success) .icon-svg {
    filter: var(--iws-button-icon-filter);
}
.gunss-dart .banner .actions a.iws-button:not(.primary):not(.secondary):not(.tertiary):not(.error):not(.warning):not(.success):hover .icon-svg,
.gunss-dart .banner .actions a.iws-icon-button:not(.primary):not(.secondary):not(.tertiary):not(.error):not(.warning):not(.success):hover .icon-svg {
    filter: var(--iws-button-hover-icon-filter);
}

/* Sidebar Button Styles */
.gunss-dart .sidebar-nav .iws-button {
    border-radius: 0;
}
.gunss-dart .sidebar-nav .iws-button:hover:not(:disabled):not(.disabled):not([disabled]) {
    --iws-button-icon-filter: var(--iws-icon-on-primary-container-filter);
    --iws-button-hover-icon-filter: var(--iws-icon-on-primary-container-filter);
    background-color: var(--iws-component-button-flat-primary-hover-container-color);
    color: var(--iws-component-button-flat-primary-hover-label-color, var(--iws-system-color-primary));
    border-color: var(--iws-component-button-flat-primary-hover-container-color);
}
.gunss-dart .sidebar-nav .iws-button.active:not(:disabled):not(.disabled):not([disabled]) {
    --iws-button-icon-filter: var(--iws-icon-on-primary-filter);
    --iws-button-hover-icon-filter: var(--iws-icon-on-primary-filter);
    background-color: var(--iws-component-button-flat-primary-base-container-color);
    color: var(--iws-component-button-flat-primary-base-label-color, var(--iws-system-color-primary));
    border-color: var(--iws-component-button-flat-primary-base-container-color);
}



.gunss-dart #apps-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 25%;
}
.gunss-dart #apps-container .card {
    min-width: 250px;
    min-height: 200px;
}
.gunss-dart #apps-container .card {
    margin: 1em;
}
.gunss-dart #apps-container .card {
    background: var(--iws-system-color-secondary-container);
}
.gunss-dart #apps-container .card .card-image {
    background-color: var(--iws-system-color-secondary-container);
}