/* home */
.home-fallback {
	height: 100%;
	position: relative;
	color: var(--primary);
	overflow: hidden;
}

.home-fallback > div.wdk-text {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.home-fallback > div.wdk-text {
    color: var(--blank-state-text-color);
}

.home-fallback-dissolve {
	position: relative;
	overflow: hidden;
}

@media (max-width: 992px) {
	.home-fallback-dissolve {
		height: 100%;
	}
}

.home-fallback-dissolve .row {
	width: 100%;
}

.home-fallback-dissolve:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, var(--blank-state-light-background-color-none) -172px, var(--blank-state-light-background-color-none));
}

.home-fallback-dissolve .wdk-media-date {
    background-color: var(--grey-01);
}

.home-fallback-dissolve .wdk-media-category,
.home-fallback-dissolve .wdk-media-info,
.home-fallback-dissolve .wdk-media-time {
    display: inline;
    background-color: var(--grey-01) !important;
    color: var(--grey-01) !important;
}

.home-fallback-dissolve .wdk-media-item {
    box-shadow: var(--box-shadow);
}

.home-fallback-dissolve .wdk-media-item:hover {
    background-color: transparent;
}

.home-fallback-dissolve .wdk-media-item:hover .wdk-media-date,
.home-fallback-dissolve .wdk-media-item:hover .wdk-media-time,
.home-fallback-dissolve .wdk-media-item:hover .wdk-media-category,
.home-fallback-dissolve .wdk-media-item:hover .wdk-media-info {
    background-color: var(--grey-01);
    color: var(--grey-01);
}

.home-fallback-dissolve .wdk-featured-card.alternative {
    height: initial;
    background-color: transparent;
}

.home-fallback-dissolve .wdk-text {
    display: inline;
    background-color: var(--grey-01) !important;
    color: var(--grey-01) !important;
}

/* @media(max-width: 1400px) {
	.wdk-gadget-wrapper .home-fallback {
		width: 100%;
		height: 160px;
	}
	.home-fallback-dissolve:after {
		background-image: linear-gradient(to bottom,  var(--blank-state-light-background-color-full) 30px,  var(--blank-state-light-background-color-none));
	}
	.wdk-gadget-wrapper .home-fallback-dissolve {
		display: flex;
		flex-wrap: wrap;
	}
} */

.wdk-blank-state {
    position: relative;
}

.wdk-blank-state h1,
.wdk-blank-state h2,
.wdk-blank-state h3,
.wdk-blank-state h4,
.wdk-blank-state .wdk-text:not(.message),
.wdk-blank-state .wdk-tag,
.wdk-blank-state .icon-square {
    background-color: var(--grey-01) !important;
    color: var(--grey-01) !important;
}

.wdk-blank-state h1:hover,
.wdk-blank-state h2:hover,
.wdk-blank-state h3:hover,
.wdk-blank-state h4:hover,
.wdk-blank-state .wdk-text:not(.message):hover {
    background-color: var(--grey-01) !important;
    color: var(--grey-01) !important;
    border: none;
    box-shadow: none;
}

.wdk-blank-state .wdk-featured-card.raised.linked.card-mostaccessed:hover {
    border-color: transparent;
}

.wdk-blank-state .wdk-featured-card.raised.linked.card-mostaccessed:hover img {
    box-shadow: none;
}

.blank-dissolve {
    position: relative;
}

.wdk-blank-state .blank-dissolve:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 172px, rgba(255, 255, 255, 1));
}

.wdk-blank-state .blank-dissolve.dissolve-grey:after {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 172px, rgba(249, 249, 249, 1));
}

.wdk-blank-state .blank-dissolve .wdk-featured-card:last-child {
    box-shadow: none;
}

.wdk-file.blank-folder {
    cursor: initial;
}

.wdk-file.blank-folder .wdk-file-tab-background {
    fill: var(--grey-01) !important;
}

/* Blank Home */
.home-fallback-dissolve {
    position: relative;
    overflow: hidden;
}

@media (max-width: 992px) {
    .home-fallback-dissolve {
        height: 100%;
    }
}

.home-fallback-dissolve .row {
    width: 100%;
}

.home-fallback-dissolve:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom,  var(--blank-state-light-background-color-full) -172px,  var(--blank-state-light-background-color-none));
}

.home-fallback-dissolve .wdk-media-date {
    background-color: var(--grey-01);
}

.home-fallback-dissolve .wdk-media-category,
.home-fallback-dissolve .wdk-media-info,
.home-fallback-dissolve .wdk-media-time {
    display: inline;
    background-color: var(--grey-01);
    color: var(--grey-01);
}

.home-fallback-dissolve .wdk-media-item {
    box-shadow: var(--box-shadow);
}

.home-fallback-dissolve .wdk-media-item:hover {
    background-color: transparent;
}

.home-fallback-dissolve .wdk-media-item:hover .wdk-media-date,
.home-fallback-dissolve .wdk-media-item:hover .wdk-media-time,
.home-fallback-dissolve .wdk-media-item:hover .wdk-media-category,
.home-fallback-dissolve .wdk-media-item:hover .wdk-media-info {
    background-color: var(--grey-01);
    color: var(--grey-01);
}

.home-fallback-dissolve .wdk-featured-card.alternative {
    height: initial;
    background-color: transparent;
}

.home-fallback-dissolve .wdk-text {
    display: inline;
    background-color: var(--grey-01) !important;
    color: var(--grey-01) !important;
}

/* @media(max-width: 1400px) {
    .wdk-gadget-wrapper .home-fallback {
        width: 100%;
        height: 160px;
    }

    .home-fallback-dissolve:after {
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 1));
    }

    .wdk-gadget-wrapper .home-fallback-dissolve {
        display: flex;
        flex-wrap: wrap;
    }
} */

/* Blank UserGroupRepository */

.wdk-blank-dissolve {
    position: relative;
    overflow: hidden;
}

.wdk-blank-dissolve .row {
    width: 100%;
}

.wdk-blank-dissolve:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 1));
}

.table-container .wdk-blank-dissolve:after {
    background-image: linear-gradient(to bottom, rgba(249, 249, 249, 0) 65%, rgba(249, 249, 249, 1));
}

.wdk-blank-dissolve span {
    display: block;
    width: 100%;
    height: 18px;
    color: var(--grey-01);
    background-color: var(--grey-01);
}

.table-container .wdk-blank-dissolve table span {
    height: 22px;
    border-radius: 4px;
}

.table-container .wdk-blank-dissolve table th i.icon-sort {
    display: none;
}

.table-container .wdk-blank-dissolve table tbody tr:nth-child(odd) td {
    background-color: transparent;
}

/* Accordion */
.wdk-blank-dissolve .accordion-header span {
    height: 34px;
    border-radius: 8px 8px 0 0;
}

.wdk-blank-dissolve.grey:after {
    background-image: linear-gradient(to bottom, rgba(249, 249, 249, 0) 65%, rgba(249, 249, 249, 1));
}

.wdk-blank-dissolve .accordion-item {
    box-shadow: 0px 1px 1px 1px rgb(237 241 247 / 60%);
}

/* Card combo */
.wdk-blank-dissolve .card-combo .wdk-group .wdk-group.dfc {
    flex: 1;
}
.wdk-blank-dissolve .card-combo .wdk-group .wdk-group.dfc .wdk-group span {
    width: 80px;
}

.wdk-blank-dissolve .card-combo .wdk-circle {
    border: none;
    background-color: var(--grey-01);
}

/* Custom Fields */
.wdk-blank-dissolve .wdk-box.square {
    border: none;
    background-color: var(--grey-01);
    box-shadow: none;
}

.wdk-blank-dissolve .card-combo .wdk-group.dfc {
    align-items: center;
    max-width: 100%;
}

.wdk-blank-dissolve .wdk-circle {
    height: 18px;
    width: 18px;
}

.wdk-blank-dissolve .card-combo .wdk-group.dfc.w90 {
    flex: initial;
}

/* Refactor similar classes above */
.wdk-blank-dissolve.base-background:after {
    background-image: linear-gradient(to bottom, rgba(249, 249, 249, 0) 65%, rgba(249, 249, 249, 1));
}

/* Wisa blank state */
.wisa-blank-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 32px;
}

.wisa-blank-state .wisa-image {
    position: relative;
    height: 150px;
    width: 150px;
    border-radius: 100%;
    background-color: var(--complementary-02);
    margin-top: 36px;
}

.wisa-blank-state .wisa-image img {
    position: absolute;
    height: 200px;
    width: 200px;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wisa-blank-state p {
    margin-top: 22px;
}