.change-view-pop {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
}

.change-view-pop *, .change-view-pop *::before, .change-view-pop *::after {
    box-sizing: border-box;
}

.change-view-pop__section {
    display: flex;
    flex-flow: column;
    padding: 5px;
    flex-wrap: wrap;
    border-bottom: 1px solid hsla(0, 0%, 0%, .2);
}

.change-view-pop__title {
    font-weight: bold;
    color: hsla(0, 0%, 0%, .8);
    margin-bottom: 5px;
}

.change-view-pop__title--span-1 {
    margin-left: 15px;
}

.change-view-pop__two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "a b";
    grid-gap: 5px;
}

.change-view-pop__column-a, .change-view-pop__column-b {
    grid-area: a;
    display: flex;
    flex-flow: column;
    max-width: 320px;
}

.change-view-pop__column-b {
    grid-area: b;
}

.change-view-pop__input-list {
    display: flex;
    flex-flow: column;
    margin-top: -5px;
}

.change-view-pop__select-all {
    align-self: flex-end;
    font-size: 10px;
    margin-bottom: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.change-view-pop__select-all-input {
    display: none;
}

.change-view-pop__select-all-input + .change-view-pop__select-all-label {
    color: hsla(0, 0%, 50%, .5);
}

.change-view-pop__select-all-input:checked + .change-view-pop__select-all-label {
    color: hsla(0, 0%, 0%, 1);
    font-weight: bold;
}

.change-view-pop__input-list-item {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.change-view-pop__input {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 6px;
    font-size: 11px;
}

.change-view-pop__input-list label,
.change-view-pop__input label {
    cursor: pointer;
}

.change-view-pop__input--disabled {
    color: hsla(0, 0%, 0%, .5);
}

.change-view-pop__input--span-1 {
    margin-left: 15px;
}

.change-view-pop__input--span-2 {
    margin-left: 30px;
}

.change-view-pop__input-text-int {
    display: flex;
    flex-flow: row;
    align-content: center;
    align-items: center;
}

.change-view-pop__input-text-int input {
    text-align: right;
    margin: 0 0 0 8px !important;
    width: 20px;
}


.search-line {
    display: flex;
    flex-direction: column;
    background-color: #ECECEC;
    border-bottom: 1px solid #C0C0C0;
    color: #333;
    padding: 6px;
    margin-bottom: 4px;
    cursor: default;
    user-select: none;
    min-width: 700px;
}

.search-line * {
    box-sizing: border-box;
}

.search-line a {
    text-decoration: none;
    outline: none;
    text-overflow: ellipsis;
    overflow: hidden;
}

.search-line.selected {
    background-color: #FEDC89;
    border-color: #FDB913;
}

.search-line.hide {
    opacity: .6;
}

.search-line.deleted,
.search-line.expired {
    opacity: .4;
}

.search-line.deleted * {
    text-decoration: line-through;
}

.search-line.expired.selected {
    background: #F8F3DF;
}

.search-line__data {
    display: flex;
    flex-direction: row;
}

.search-line__status-metadata {
    display: flex;
    flex-direction: row;
}

.thumb-nail {
    width: auto;
    margin-right: 4px;
}

.thumb-nail__img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.img {
    height: 90px;
    width: 160px;
}

.img--card{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.img--play {
    position: absolute;
    background: url("../imgs/thumb_play.png") center no-repeat;
    display: none;
}

.thumb-nail__img:hover .img--play {
    display: flex;
}

.thumb-nail__img.image .img--play,
.thumb-nail__img.document .img--play,
.thumb-nail__img.compressed .img--play {
    background-image: url(../imgs/thumb_oversize.png);
}

.search-line.deleted .img--play {
    background: url("../imgs/icon.deleted.png") center no-repeat;
    cursor: default;
}

.search-line.expired .img--play {
    background-image: url(../imgs/icon.expiredthumb.png);
    display: flex;
    cursor: default;
}

.search-line.deleted .img--play {
    background-image: url(../imgs/icon.deleted.png);
    display: flex;
    cursor: default;
    opacity: 1;
}


.search-line.blocked .img--play {
    background-image: url(../imgs/icon.blockedthumb.png);
    display: flex;
    cursor: default;
}

.img--sub {
    background: url("../imgs/sub.thumb3.png") center white no-repeat;
    background-size: contain;
}

.img--zip {
    background: url("../imgs/zip.thumb2.png") center white no-repeat;
}

.img--default {
    background: url("../imgs/diagonals.white.png") center white;
}

.thumb-nail__duration {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #FFF;
    padding: 3px;
}

.thumb-nail__wxh {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #FFF;
    padding: 3px;
    cursor: default;
}


.asset-data {
    display: flex;
    flex-direction: column;
}

.asset-data--right {
    margin-left: auto;
    min-width: max-content;
    align-items: flex-end;
}

.asset-data__title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.asset-data__reupload {
    margin-right: 4px;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 5px 10px 5px 6px;
    font-size: 11px;
}

.asset-data__reupload-icon {
    width: 15px;
    height: 15px;
    background: url(../imgs/context.icons.png) -495px 0 no-repeat transparent;
    margin-right: 4px;
}

.asset-data__file-version-status {
    display: flex;
    flex-flow: row;
    align-items: center;
}

.file-encoding {
    color: #999;
    min-width: 16px;
    height: 16px;
    background: url(../imgs/icons.png) no-repeat;
}

.file-encoding__per {
    color: #666;
    font-weight: bold;
    display: none;
    font-size: 11px;
}

.file-encoding.none {
    display: none;
}

.file-encoding.queued {
    background-position: -224px -48px;
}

.file-encoding.encoding {
    background-position: -176px 0;
}

.file-encoding.encoding + .file-encoding__per {
    display: flex;
}

.file-encoding.error {
    background-position: -192px 0;
}

.asset-data__proxylabel {
    display: inline-block;
    color: #FFF;
    background-color: #00AA00;
    padding: 2px 5px;
    margin-right: 4px;
    border-radius: 3px;
}

.title__icon {
    color: #999;
    width: 16px;
    height: 16px;
    background: url("../imgs/icons.png") no-repeat;
    margin-right: 3px;
}

.title__icon--video {
    background-position: 0 0;
}

.title__icon--audio {
    background-position: -16px 0;
}

.title__icon--image {
    background-position: -32px 0;
}

.title__icon--document {
    background-position: -48px 0;
}

.title__icon--subtitle {
    background-position: -240px -48px;
}

.title__icon--none {
    background-position: -96px 0;
}

.title__icon--unknown {
    background-position: -80px 0;
}

.title__icon--compressed {
    background-position: -208px -48px;
}

.title__name {
    font-weight: bold;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    margin-right: 4px;
}

.asset-data__categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4px;
}

.asset-data__categories .categories {
    display: flex;
    align-items: center;
    background-color: #FFF;
    border: 1px solid #C0C0C0;
    color: #666;
    white-space: nowrap;
    margin-right: 4px;
    font-size: 11px;
    padding: 0 5px;
    height: 18px;
}

.asset-data__tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin-top: 4px;
    gap: 2px 4px;
}

.asset-data__tags .tag {
    display: flex;
    align-items: center;
    height: 18px;
}

.tag__tail {
    width: 8px;
    height: 18px;
    background: url(../imgs/asset.tagtail.png) -7px 0 no-repeat;
    position: absolute;
    left: -8px;
    top: -1px;
}

.tag__value {
    color: #333;
    max-height: 18px;
    padding: 0 4px 0 2px;
}

.asset-data__icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 4px;
}

.icons {
    display: flex;
    flex-direction: row;
    margin-right: 5px;
    align-items: center;
}

.icons--inbox {
    display: inline;
    border-radius: 3px;
    border: 1px solid;
    max-width: 160px;
    padding: 1px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.icon__icon {
    background: url("../imgs/icons.png") no-repeat scroll transparent;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.icon__icon--pass {
    background-position: -304px 0;
}

.icon__icon--no-margin {
    margin-right: 0;
}

.icon__icon--file {
    background-position: -176px -16px;
}

.icon__icon--deliveries {
    background-position: -272px -16px;
}

.icons--expired-files,
.icons--expire-soon-files,
.icons--rejected,
.icons--files {
    cursor: pointer;
}

.icons--expired-files {
    background: #C00;
    color: white;
    padding: 2px 4px 2px 2px;
    border-radius: 4px;
    border: 1px solid lightgray;
}

.icons--expire-soon-files {
    background: #FD0;
    color: black;
    padding: 2px 4px 2px 2px;
    border-radius: 4px;
    border: 1px solid lightgray;
}

.icons--expired-files .icon__icon,
.icons--expire-soon-files .icon__icon,
.icons--files .icon__icon {
    background-position: -176px -16px;

}

.icon__icon.icon__icon--warning {
    background-position: -240px 0;
}

.icons--assets .icon__icon {
    background-position: -208px -16px;
    cursor: pointer;
    width: 8px;
}

.icons--comments .icon__icon {
    background-position: -304px -16px;
}

.icons--comments.icons--comments-unread .icon__icon {
    background-position: -304px -32px;
}

.icons__sync-status {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.sync-icon {
    width: 15px;
    height: 15px;
    background: no-repeat 0 0 url(../imgs/sync-icons.png);
}

.sync-icon--local {
    margin-right: 2px;
}

.sync-icon--status {
    width: 16px;
    margin-right: 2px;
}

.sync-icon--remote {
    width: 20px;
}

.icons__sync-status.remote-only .sync-icon--local,
.icons__sync-status.none .sync-icon--local {
    background-position: 0 0;
}

.icons__sync-status.local-remote .sync-icon--local,
.icons__sync-status.local-only .sync-icon--local {
    background-position: 0 -15px;
}

.icons__sync-status.none .sync-icon--status {
    background-position: -57px -75px;
}

.icons__sync-status.idle .sync-icon--status {
    background-position: -57px 0;
}

.icons__sync-status.processing .sync-icon--status,
.icons__sync-status.retry .sync-icon--status,
.icons__sync-status.queued .sync-icon--status {
    background-position: -57px -15px;
}

.icons__sync-status.remote-only.processing .sync-icon--status,
.icons__sync-status.remote-only.retry .sync-icon--status,
.icons__sync-status.remote-only.queued .sync-icon--status {
    background-position: -41px -15px;
}

.icons__sync-status.remote-only.canceled .sync-icon--status,
.icons__sync-status.remote-only.idle .sync-icon--status {
    background-position: -41px 0;
}

.icons__sync-status.canceled .sync-icon--status,
.icons__sync-status.idle .sync-icon--status {
    background-position: -57px 0;
}

.icons__sync-status.remote-only.login_error .sync-icon--status,
.icons__sync-status.remote-only.error .sync-icon--status {
    background-position: -41px -45px;
}

.icons__sync-status.synchronizing .sync-icon--status {
    background-position: -41px -30px;
}

.icons__sync-status.synchronizing_up .sync-icon--status {
    background-position: -57px -30px;
}

.icons__sync-status.login_error .sync-icon--status,
.icons__sync-status.error .sync-icon--status {
    background-position: -57px -45px;
}

.icons__sync-status.local-only .sync-icon--remote,
.icons__sync-status.none .sync-icon--remote {
    background-position: -18px 0;
}

.icons__sync-status.local-remote .sync-icon--remote,
.icons__sync-status.remote-only .sync-icon--remote {
    background-position: -18px -15px;
}

.icons__sync-status.synchronized .sync-icon--status {
    background-position: -41px -60px;
}

.icons--cdn .icon__icon {
    width: 13px;
    /*height: 13px;*/
    background: url(../imgs/s3.png) 0 0 no-repeat;
}

.icons--cdn-queued .icon__icon {
    background-position: 0 -39px;
}

.icons--cdn-error .icon__icon {
    background-position: 0 -26px;
}

.icons--cdn-uploading .icon__icon {
    background-position: 0 -52px;
}

.icons--cdn-complete .icon__icon {
    background-position: 0 -13px;
}

.icons--deliveries .icon__icon {
    background-position: -272px -16px;
}

.icons--rejected .icon__icon {
    background-position: -64px -32px;
}

.icon__number {
    font-weight: bold;
    font-size: 11px;
}

.asset-data__description {
    overflow: hidden;
    max-height: 40px;
    position: relative;
    padding: 2px 0 2px 0;
}

.asset-data__description:empty {
    display: none;
}

.asset-data__description:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 20px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent 10px, #ECECEC);
}

.search-line.selected .asset-data__description:after {
    background-image: linear-gradient(transparent 10px, #FEDC89);
}

.asset-data__privacy-icons {
    display: flex;
    flex-flow: row;
    gap: 4px;
}

.asset-data__privacy-link {
    width: 40px;
    height: 38px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
}

.asset-data__privacy-icon {
    background: url(../imgs/icons.medium.png) no-repeat;
    width: 36px;
    height: 36px;
}

.asset-data__privacy-link--public .asset-data__privacy-icon {
    background-position: 0 -72px;
}

.asset-data__privacy-link--groupprivate .asset-data__privacy-icon {
    background-position: 0 -180px;
    width: 38px;
}

.asset-data__privacy-link--unlisted .asset-data__privacy-icon {
    background-position: 0 -108px;
    width: 38px;
}

.asset-data__privacy-link--private .asset-data__privacy-icon {
    background-position: 0 -36px;
}

.asset-data__privacy-link--viralize .asset-data__privacy-icon {
    background-position: -288px 0;
}

.asset-data__privacy-link--viralize.disabled .asset-data__privacy-icon {
    background-position: -288px -36px;
}

.asset-data__owner {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    margin-bottom: 2px;
}

.asset-data__votes {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 2px;
}

.asset-data__vote {
    height: 14px;
    width: 75px;
    background: url(/imgs/5stars.png) repeat-x 0 -14px;
}

.vote__text {
    font-size: 11px;
    margin-right: 2px;
}

.vote__value {
    height: 14px;
    background: url(/imgs/5stars.png) repeat-x 0 0;
}

.asset-data__icon {
    height: 18px;
    width: 18px;
    border: 1px solid #AAA;
    object-fit: cover;
    margin-right: 5px;
}

.asset-data__status {
    background: #FFF;
    border-radius: 50px;
    width: 6px;
    height: 6px;
    position: absolute;
    top: -1px;
    left: 16px;
}

.asset-data__status--online {
    background: #090;
}

.asset-data__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    font-weight: bold;
}

.asset-data__date-views {
    display: flex;
    flex-direction: row;
    color: #444444;
    font-size: 11px;
    margin-bottom: 2px;
    align-items: center;
}

.asset-data__date-views:empty {
    display: none;
}

.asset-data__date {
    margin-right: 2px;
    border-radius: 5px;
}

.asset-data__date--expiresin {
    color: #A36800;
    background: #FFEB7E;
    border: 1px solid #FDB913;
    font-weight: bold;
    padding: 2px 3px;
}

.asset-data__date--expired {
    color: #FFF;
    background: #C00;
    font-weight: bold;
    border: 1px solid #F00;
    padding: 2px 3px;
}

.asset-data__views {
    margin-left: auto;
    color: #D09302;
    cursor: pointer;
}

.asset-data__shares {
    font-weight: bold;
    color: #369;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    margin-bottom: 2px;
}

.asset-status-list {
    display: flex;
    width: 164px;
    flex-direction: column;
    flex-shrink: 0;
    padding: 6px 4px 0 0;
    align-items: stretch;
}

.asset-status-field-group {
    display: flex;
    flex-direction: column;
    position: relative;
}

.asset-status-field-group .asset-status-field-label {
    font-size: 11px;
    padding: 4px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    color: #FFF;
    text-shadow: 0 0 3px #333;
    pointer-events: none;
    z-index: 1;
}

.asset-status-field-group .asset-status-field-values {
    display: flex;
}

.asset-status {
    display: flex;
    color: #FFF;
    width: 100%;
    overflow: visible;
    align-items: center;
    font-weight: bold;
    text-shadow: 0 0 3px #333;
    margin: 0 -1px 1px 0;
    padding: 4px;
    border-radius: 2px;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .15);
}

.asset-status-field-values > .asset-status {
    flex: 1;
    overflow: hidden;
    padding: 4px 1px;
    margin: 0 -1px 1px 0;
    border-radius: 0;
    border-left-color: rgb(0 0 0 / 30%);
}

.asset-status-field-values > .asset-status:first-child {
    border-radius: 2px 0 0 2px;
    border-left-color: rgba(0, 0, 0, 0.15);
}

.asset-status-field-values > .asset-status:last-child {
    margin: 0 0 1px 0;
    border-radius: 0 2px 2px 0;

}

.asset-status--approved {
    border: 1px solid #369;
    background-color: #6C9CC1;
}

.asset-status--finalized {
    border: 1px solid #080;
    background-color: #6C6;
}

.asset-status--complete {
    border: 1px solid #CDA601;
    background-color: #FDD641;
}

.asset-status--incomplete {
    border: 1px solid #999;
    background-color: #C1C1C1;
}

.asset-status--rejected {
    border: 1px solid #900;
    background-color: #C66;
}

.asset-status__text {
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.asset-status-field-group .asset-status__text {
    opacity: 0;
}

.asset-metadata-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding: 6px 0;
    align-content: flex-start;
    gap: 10px 10px;
}

.asset-metadata-list__mdv {
    width: 16%;
    min-height: 24px;
    min-width: 185px;
}

.asset-metadata-list__mdv {
    display: block;
}

.mdv__label {
    font-size: 11px;
    font-weight: bold;
}

.mdv__value {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 11px;
    overflow-wrap: break-word;
}

.md-select-styled {
    display: block;
    border-radius: 3px;
    padding: 2px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.asset-metadata-list__mdv .mdv__value .file-simple {
    max-width: 100%;
}
.asset-metadata-list__mdv .mdv__value .file-simple > img{
    margin-right: 4px;
}

.searchoptions .values .value > .md-select-styled {
    max-width: 160px;
    /*padding: 4px 6px;*/
    font-size: 12px;
}

.mdv__files .mdv__value {
    flex-direction: column;
}

.mdv__date {
    padding: 1px 4px;
    border-radius: 3px;
    margin-left: 2px;
    white-space: nowrap;
}

.mdv__date--ago {
    color: #FFF;
    background: #F00;
}

.mdv__date--intime {
    color: #0A0;
    margin-left: 0;
}

.mdv__date--intime.close {
    color: #AC8200;
    background: #FF0;
}

.search-line.approved .mdv__date--ago {
    background: transparent;
    color: #47A;
}

/* View type Excel like V4 */
.excel-like-view {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    position: relative;
    width: fit-content;
}

.excel-like-view * {
    box-sizing: border-box;
}

.excel-like-view__line_header,
.excel-like-view__line {
    display: grid;
    grid-template-columns: repeat(auto-fit, 42px);
    align-items: center;
    justify-items: center;
    grid-auto-flow: column;
    grid-auto-columns: 42px;
    min-height: 25px;
}

.excel-like-view__text .icons {
    display: flex;
    flex-direction: row;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.excel-like-view__text .icons--inbox {
    display: flex;
    border-radius: 3px;
    border: 1px solid;
    max-width: 160px;
    padding: 1px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.excel-like-view__line.selected {
    background-color: #FEDC89;
    border-color: #FDB913;
}

.excel-like-view__line_header {
    position: sticky;
    top: 0;
    z-index: 2;
    background: white;
}

.excel-like-view__line_header .excel-like-view__element::before {
    content: "";
    visibility: hidden;
    margin-right: auto;
}


.excel-like-view__element {
    display: flex;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
    gap: 0 1px;
}

.excel-like-view__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.excel-like-view__text--file {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.excel-like-view__text.title__name {
    font-weight: normal;
    font-size: 12px;
}

.excel-like-view__text.icons--comments-unread {
    color: #F00;
    font-weight: bold;
    font-size: 15px;
}

.excel-like-view__text > .file-simple {
    margin-top: 0;
    flex-grow: 0;
    flex-shrink: 1;
}

.excel-like-view__text_inbox {
    padding: 0 5px;
    width: 100%;
}

.excel-like-view__text_status {
    padding: 2px 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: white;
    text-align: center;
    text-shadow: 0 0 3px #333;
    min-height: 21px;
    min-width: 1px;
    flex: 1;
}

.excel-like-view__text_status:nth-child(2) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 2px;
}

.excel-like-view__text_status:not(:nth-child(2)) {
    border-left-color: rgba(0, 0, 0, 0.3);
}

.excel-like-view__text_status:not(:last-child) {
    margin: 0 -1px 0 0;
}

.excel-like-view__text_status:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-right: 2px;
}

.excel-like-view__text_status--approved {
    border: 1px solid #369;
    background-color: #6C9CC1;
}

.excel-like-view__text_status--finalized {
    border: 1px solid #080;
    background-color: #6C6;
}

.excel-like-view__text_status--complete {
    border: 1px solid #CDA601;
    background-color: #FDD641;
}

.excel-like-view__text_status--incomplete {
    border: 1px solid #999;
    background-color: #C1C1C1;
}

.excel-like-view__text_status--rejected {
    border: 1px solid #900;
    background-color: #C66;
}

.excel-like-view__line_header .excel-like-view__element {
    font-style: italic;
    border-top: 1px solid;
    border-bottom: 3px solid;
    border-color: #fdb9133d;
}

.excel-like-view__line_header .excel-like-view__element--selected {
    background-color: #fdb9133d;
}

.excel-like-view__element--md {
    grid-column: span 2;
}

.excel-like-view__element--l {
    grid-column: span 3;
}

.excel-like-view__element--ll {
    grid-column: span 6;
    justify-content: flex-start;
    padding: 4px;
}

.excel-like-view__element--title {
    grid-column: span 8;
}

.excel-like-view__line .excel-like-view__element--title {
    justify-content: flex-start;
    padding-left: 5px;
}

.excel-like-view__element--st {
    grid-column: span 5;
}

.excel-like-view__element--criteria {
    grid-column: span 4;
}

.excel-like-view__element--criteria-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 4px;
}

a.excel-like-view__element--criteria-value{
    color: #000;
}

.excel-like-view__element:first-child {
    border-left: 1px solid #E0E0E0;
}

.excel-like-view__line_header .excel-like-view__element:first-child {
    border-color: #fdb9133d;
}

.excel-like-view__element--empty {
    background: #ECECEC;
}

.status-values--excel {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-evenly;
    padding: 0 2px;
    gap: 2px;
}

.status-value--excel {
    cursor: pointer;
    opacity: 1;
    font-weight: bold;
    color: var(--status-color);
    padding: 0 4px;
    border-radius: 3px;
    flex: 1;
    text-align: center;
}

.status-value--excel.disabled {
    opacity: .3;
    font-weight: normal;
}

.status-value--excel.active {
    opacity: 1;
    font-weight: bold;
    color: #FFF;
    background-color: var(--status-color);
}

.calendar-view{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.calendar-view .calendar-header,
.calendar-view .calendar-week{
    display: flex;
    flex-direction: row;
}
.calendar-view .calendar-week{
    flex:1;
}
.calendar-view.weeks4 .calendar-week{
    flex: 1;
    height: calc(25% - 30px);
}
.calendar-view.weeks5 .calendar-week{
    flex: 1;
    height: calc(20% - 30px);
}
.calendar-view.weeks6 .calendar-week{
    flex: 1;
    height: calc(16.6666% - 30px);
}
.calendar-view .calendar-header-day,
.calendar-view .calendar-day {
    flex: 1 0 14.2857%; /* Subtracting borders */
    width: 14.2857%;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    justify-content: center;
    border: 1px solid #ddd;
}
.calendar-view .calendar-day{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.calendar-view .calendar-day .assets{
    overflow: auto;
    overflow-x: hidden;
    max-width: 100%;
    max-height: 300px;
    flex: 1;
}

.calendar-view .calendar-day .assets.opened{
    width: 300%;
    max-width: initial;
    margin-bottom: -420px;
    margin-left: -100%;
    background: #FFF;
    box-shadow: 3px 3px 4px #AAA;
    z-index: 2;
    border: 1px solid #CCC;
    padding: 5px;
    max-height: initial;
}
.calendar-view .calendar-day .assets .calendar-view__item {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    grid-auto-flow: row;
    grid-template-areas:
    "time title title"
    "status status status"
    "icons icons icons"
    "metadata metadata metadata";
    border: 1px solid #ddd;
    margin: 2px 2px 4px;
    padding: 4px;
    background: #f7f7f7;
}
.calendar-view .calendar-day .assets .calendar-view__item.selected {
    background-color: #FEDC89;
    border-color: #FDB913;
}

.calendar-view .calendar-day .assets .calendar-view__item .time {
    grid-area: time;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    color: #999;
}

.calendar-view .calendar-day .assets .calendar-view__item .title {
    grid-area: title;
    gap: 4px;
    display: flex;
    align-items: center;
}
.calendar-view .calendar-day .assets .calendar-view__item .title .asset_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.calendar-view .calendar-day .assets .calendar-view__item .title .excel-like-view__text_status {
    padding: 0;
    min-height: 13px;
    min-width: auto;
    flex: 0;
    font-size: 0;
    border-radius: 100px;
    aspect-ratio: 1;
    display: block;
}
.calendar-view .calendar-day .assets .calendar-view__item .title .excel-like-view__text_status .incompleteCount{
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.calendar-view .calendar-day .assets .calendar-view__item .status {
    grid-area: status;
    margin-top: 5px;
    gap: 4px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.calendar-view .calendar-day .assets .calendar-view__item .status .asset_status{
    display: block;
    flex: 1;
}
.calendar-view .calendar-day .assets .calendar-view__item .status .asset_status .status_values{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    gap: 3px;
}
.calendar-view .calendar-day .assets .calendar-view__item .status .asset_status .status_text {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 5px 0 0;
}
.calendar-view .calendar-day .assets .calendar-view__item .status .excel-like-view__text_status {
    flex: 0;
    width: auto;
    flex-basis: auto;
    min-height: auto;
    padding: 2px 5px;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.calendar-view .calendar-day .assets .calendar-view__item .status .asset_status .excel-like-view__text_status:first-of-type {
    border-radius: 5px 0 0 5px; /* Assuming you want the top corners rounded */
}
.calendar-view .calendar-day .assets .calendar-view__item .status .asset_status .excel-like-view__text_status:last-of-type {
    border-radius: 0 5px 5px 0; /* Assuming you want the bottom corners rounded */
}
.calendar-view .calendar-day .assets .calendar-view__item .status .asset_status .excel-like-view__text_status:first-of-type:last-of-type {
    border-radius: 5px; /* Assuming you want the bottom corners rounded */
}

.calendar-view .calendar-day .assets .calendar-view__item .icons {
    grid-area: icons;
    margin-top: 5px;
    gap: 8px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.calendar-view .calendar-day .assets .calendar-view__item .icons .asset_icon {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    color: #666;
}
.calendar-view .calendar-day .assets .calendar-view__item .metadata {
    grid-area: metadata;
    margin-top: 5px;
    gap: 4px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
}
.calendar-view .calendar-day .assets .calendar-view__item .metadata .asset_metadata {
    display: inline-flex;
    background: #E3E3E3;
    padding: 2px 4px;
    border-radius: 3px;
    align-items: center;
    gap: 6px;
}
.calendar-view .calendar-day .assets .calendar-view__item.selected .metadata .asset_metadata
{
    background: #e8c97d;
}
.calendar-view .calendar-day .assets .calendar-view__item .metadata .asset_metadata .md-label{
    font-weight: bold;
}
.calendar-view .calendar-day .assets .calendar-view__item .metadata .asset_metadata .md-value{
    text-align: right;
}
.calendar-view .calendar-day .assets .calendar-view__item .title .asset_code {
    font-family: "Lucida Console", serif;
    color: #666;
}

.calendar-view .calendar-day .assets .calendar-view__item .title .asset_title {

}

.calendar-view .calendar-header-day {
    height: 30px;
    align-items: center;
    font-weight: bold;
    background-color: #f4f4f4;
}
.calendar-view .calendar-day.weekend {
    /*background-color: #f0ebeb;*/
}
.calendar-view .calendar-day.today {
    background-color: #e0edff;
}
.calendar-view .calendar-day.previousmonth {
    background-color: #f0ebeb;
}
.calendar-view .calendar-day.nextmonth {
    background-color: #f0ebeb;
}
.calendar-view .calendar-day .dayNumber {
    font-weight: bold;
    font-size: 14px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.calendar-view .calendar-day.selected {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: #FFF;
    width: auto;
}
.calendar-view .calendar-day.selected .assets{
    max-height: initial;
    gap: 5px;
    display: flex;
    flex-direction: column;
}
.calendar-view .calendar-day .dayNumber .total {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #999;
    margin-left: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.calendar-view .calendar-day .dayNumber .total:hover {
    text-decoration: underline;
}
.calendar-view .calendar-day.selected .assets .calendar-view__item{
    padding: 7px 5px;
}
.header-filter,
.header-filter * {
    box-sizing: border-box;
    font-style: normal;
}

.header-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    margin-left: auto;
    user-select: none;
}

.header-filter__loading {
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-filter__loading:after {
    content: "-";
    width: 13px;
    height: 13px;
    display: flex;
    background: #0000001f;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    animation-name: sifteroptsspin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.header-filter__icon {
    padding: 0 8px;
    width: 12px;
    height: 12px;
    background: url(../imgs/collapsable.png) left -12px;
}

.header-filter__content {
    display: none;
    min-width: 200px;
    max-width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid grey;
    background: white;
    padding: 5px;
    flex-direction: column;
    cursor: default;
}

.header-filter__content--show {
    position: absolute;
    display: flex;
    right: 0;
    top: 20px;
    gap: 2px;
}

.header-filter__label {
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    font-size: 10px;
}

.header-filter__group,
.header-filter__sort {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.header-filter__cb,
.header-filter__radio {
    margin: 0;
}

.header-filter__sort .sg-by-sort-dir-icon {
    display: flex;
}

.header-filter__sort .sg-by-sort-dir-icon.hide {
    display: none;
}

.header-filter__sort-direction::before {
    font-family: "Font Awesome 6 Free", serif; font-weight: 900; content: "\f882";
}

.header-filter__sort .sg-by-sort-dir-icon.desc .header-filter__sort-direction::before {
    font-family: "Font Awesome 6 Free", serif; font-weight: 900; content: "\f15d";
}

.header-filter__sep {
    height: 1px;
    border-top: 1px solid #EAEAEA;
    margin: 0 8px 0 8px;
}

.header-filter__input {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.header-filter__input input {
    flex: 1 0 auto;
}

.header-filter__input-icon {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 13px;
    height: 13px;
    background: url(../imgs/icon.search.png) no-repeat center transparent;
}

.header-filter__option-list {
    overflow-y: auto;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 4px;
    gap: 2px;
}

.header-filter__option-input {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-filter__option-input--hide {
    display: none;
}

.header-filter__option-input input {
    margin: 0 3px;
}

.header-filter__option-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-filter__option-label--highlight {
    color: hsl(43, 98%, 53%);
}

.header-filter__option-label--empty {
    font-style: italic;
    color: hsl(0, 0%, 50%);
}

.header-filter__option-count {
    margin-left: auto;
    font-style: italic;
    color: #777777;
}

.header-filter__submit {
    display: none;
    align-items: center;
}

.header-filter__submit--show {
    display: flex;
}

.header-filter__submit-button {
    margin-left: auto;
    font-size: 10px;
    border-radius: 2px;
    padding: 2px 4px;
}