/*Misc. Styles*/

/*.lazy {
    background-image: none !important;
    background-color: #F1F1FA;
}
*/
.assets-container {
    height: 100%;
}

#AssetsService--place-holder {
    height: 100%;
}

.assets-container .assets-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 3em;
    padding-bottom: 6.25em;
    padding-left: 1.75em;
    overflow-y: scroll;
    padding-bottom: 3em;
    height: 100%;
}

.assets-container .lgfe-cm-keywords .lgfe-cm-keyword-item-title {
    font-weight: 700;
}

.ac-display-amount {
    position: absolute;
    top: 5.9em;
    right: 5em;
    font-size: 0.875em;
    z-index: 2;
    color: #404040;
}

.assets-container .lgfe-cm-masthead .lgfe-cm-masthead-type {
    color: #6c6f70;
}

.lgfe-cm-masthead--image .lgfe-cm-duration-time::before {
    content: "\f1c5";
}

.assets-container .lgfe-cm-masthead .lgfe-cm-masthead-type:before {
    font-family: "FontAwesome";
    position: relative;
    display: inline-block;
}

.assets-container .lgfe-cm-masthead .lgfe-cm-masthead-type-video:before {
    content: "\f144";
}

.assets-container .lgfe-cm-masthead .lgfe-cm-masthead-type-image:before,
.assets-container .lgfe-cm-masthead .lgfe-cm-masthead-type-images:before {
    content: "\f1c5";
}

.assets-container .lgfe-cm-masthead .lgfe-cm-masthead-details {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #6c6f70;
    font-size: 0.875em;
    font-weight: 600;
    background-color: #fff;
    padding: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - \\
    $No-Content
\\ - - - - - - - - - - - - - - - - - - - - - - - */

.assets-container .assets-no-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #6c6f70;
    font-style: italic;
    font-weight: 700;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

/* --------------------------------------------- \\
        $Utility-Bar
    \\ --------------------------------------------- */

.assets-container .am-utility-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0em 3.75em 2em 1.75em;
    width: 100%;
}

/* --------------------------------------------- \\
        $Search
    \\ --------------------------------------------- */

.assets-container .amub-asset-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.assets-container .amubas-field {
    position: relative;
    padding-right: 0.7em;
    /*flex: 1;*/
}

.assets-container .amubas-field-search {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}

.assets-container .amubas-field-search::before {
    content: "\f002"; /** fa-search **/
    width: 1em;
    height: 1.2em;
    margin-top: auto;
    margin-bottom: auto;
    font-family: "FontAwesome";
    font-size: 1.25em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.8em;
}

.assets-container .amubas-field .lgfe-input-text {
    max-width: 25em;
    padding: 0.6em 0.8em 0.6em 3.25em;
    font-size: 1em;
}
.assets-container .amubas-field .lgfe-select select {
    padding: 0.8em 43px 0.8em 0.9em;
}

.assets-container
    .amubas-field
    .lgfe-select:not(.lgfe-select--multiple)::after {
    margin-top: 14px;
    top: 0px;
}

/* --------------------------------------------- \\
        $Layout-Type
    \\ --------------------------------------------- */

.assets-container .amub-layout-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.assets-container .amublt-field:first-child {
    margin-left: 1.5em;
}

.assets-container .amublt-field:not(:last-child) {
    margin-right: 1.5em;
}

.assets-container .amubltf-display-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    width: 2.25em;
    height: 2.25em;
    cursor: pointer;
}

.assets-container .amubltf-display-button .fa {
    font-size: 1.75em;
}

.assets-container
    .amubltf-display-type-input:checked
    + .amubltf-display-button {
    color: #47c7fa;
}

/* @@ Temporary WIP for Categories */
.lgfe-cm-description-tags-inner .description-category {
    background: #f321e2;
}

/*Header*/

.assets-container .layout-row-header .layout-row-header-column-left {
    width: 61%;
}

.assets-container .layout-row-header .layout-row-header-column-right {
    width: 39%;
}

.assets-container .layout-row-header .layout-row-header-column-utilities {
    width: 61px;
    min-width: 61px;
}

/*Row View*/

.assets-container .assets-content .lgfe-card-matrix--layout-row .lgfe-cm-name {
    margin-top: 0.2em;
}

.assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information
    .lgfe-cm-playlist-column-left
    .lgfe-cm-assets-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information
    .lgfe-cm-playlist-column-left {
    width: 61%;
}

.assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information
    .lgfe-cm-playlist-column-right {
    width: 39%;
}

.assets-container .lgfe-card-matrix--layout-row .lgfe-cm-playlist-column-title {
    display: none;
}

.assets-content
    .lgfe-card-matrix--layout-row
    .lgfe-cm-keywords
    .lgfe-cm-keyword-item:after {
    content: "|";
    position: relative;
    display: inline-block;
    padding: 0px 5px;
}

.assets-content
    .lgfe-card-matrix--layout-row
    .lgfe-cm-keywords
    .lgfe-cm-keyword-item:last-child:after {
    display: none;
}

.assets-content .lgfe-card-matrix--layout-row .lgfe-cm-information--order {
    background-color: #009fdf;
    position: relative;
    width: 35px;
    min-width: 35px;
    padding-top: 5px;
    z-index: 100;
    height: 100%;
}

.assets-content
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information--order::before {
    display: none;
}

.assets-content .lgfe-card-matrix--layout-row .lgfe-cm-utilities {
    padding-right: 1em;
    padding-left: 1em;
}

/*Grid View*/

.assets-container .lgfe-card-matrix--layout-grid .ac-bold {
    margin-right: 5px;
    line-height: 1.2;
}

.assets-container .lgfe-card-matrix--layout-grid .description-tag-item {
    padding: 0.2em 0.5em;
}

.assets-content-wrapper
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-description-tags {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    font-size: 0.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    height: 2em;
    line-height: 1;
}

.assets-content-wrapper
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-utilities
    .lgfe-cm-utility-row
    .lgfe-button {
    display: none;
}

.assets-content-wrapper
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-left {
    height: 70%;
}

.assets-content-wrapper
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right {
    height: 30%;
}

.assets-content-wrapper .lgfe-card-matrix--layout-grid .lgfe-cm-keyword-label,
.assets-content-wrapper .lgfe-card-matrix--layout-grid .lgfe-cm-keywords {
    display: none;
}

.assets-content-wrapper
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right
    .lgfe-cm-playlist-column.lgfe-cm-playlist-column-required-playing {
    padding-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.assets-content-wrapper
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right
    .lgfe-cm-playlist-column.lgfe-cm-playlist-column-expiration {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-masthead
    ~ .lgfe-cm-utilities {
    padding-left: 0.3em;
}

/*Full View*/

.assets-container
    .lgfe-card-matrix.lgfe-card-matrix--layout-full
    .lgfe-cm-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.assets-container
    .lgfe-card-matrix.lgfe-card-matrix--layout-full
    .lgfe-cm-details {
    display: none;
}

.assets-container
    .lgfe-card-matrix.lgfe-card-matrix--layout-full
    .lgfe-cm-playlist-column-right {
    display: none;
}

.assets-container
    .lgfe-card-matrix.lgfe-card-matrix--layout-full
    .lgfe-cm-playlist-column {
    height: 100%;
}

.assets-container
    .lgfe-card-matrix.lgfe-card-matrix--layout-full
    .lgfe-cm-assets-column {
    height: 100%;
}

.assets-container .lgfe-card-matrix--layout-full .lgfe-cm-masthead {
    height: 100%;
    padding-left: 0;
    width: calc(100% - 38px);
    position: relative;
    margin: 0px 0px 0px 3px;
}

.amubas-grouping {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.amubas-grouping .amubas-grouping-label {
    position: absolute;
    top: -11px;
    font-size: 9px;
    color: #6c6f70;
}
.amubas-grouping select {
    max-width: 150px;
}

/*Media Queries*/
@media (min-width: 60.625em) and (max-width: 68.75em) {
    .assets-container .layout-row-header .layout-row-header-column-left {
        width: 50%;
    }
    .assets-container .layout-row-header .layout-row-header-column-right {
        width: 50%;
    }
    .assets-container
        .lgfe-card-matrix--layout-row
        .lgfe-cm-information
        .lgfe-cm-playlist-column-left {
        width: 50%;
    }
    .assets-container
        .lgfe-card-matrix--layout-row
        .lgfe-cm-information
        .lgfe-cm-playlist-column-right {
        width: 50%;
    }
}

@media (max-width: 60.625em) {
    /** 970px **/
    .assets-container .am-utility-bar {
        padding: 0em 2em 2em 1em;
    }
    .assets-container .pmfb-container {
        padding-left: 1.75em;
    }
    .ac-display-amount {
        right: 2em;
    }
    .assets-container .amub-layout-type {
        margin: 0;
    }
    .assets-container .amub-row-layout {
        display: none;
    }

    .assets-container .pim-channel-playlist-length-wrapper {
        /*        display: none;*/
    }
    .assets-container .amubas-field .lgfe-input-text {
        max-width: none;
    }

    .assets-container .pmfb-container {
        padding-left: 1.75em;
    }

    .assets-container .assets-content-wrapper {
        padding-right: 0.9375em;
        padding-left: 0.9375em;
    }
    .amubas-grouping {
        padding-top: 10px;
        width: 100%;
    }

    .amubas-grouping .amubas-grouping-label {
        display: none;
    }
}

@media (max-width: 41.875em) {
    /** 670px **/
    .assets-container .am-utility-bar {
        margin-bottom: 0.9375em;
        padding-right: 0.9375em;
        padding-left: 0.9375em;
    }
    .ac-display-amount {
        display: none;
    }
    .assets-container .amubas-field,
    .bm-assets-container .pmmubs-field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .js-assets-utility-bar {
        padding-right: 0;
    }
}

@media (max-width: 55em) {
    .assets-container .pmub-playlist-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .assets-container .amubas-field {
        /*      padding-top: 1em;
        padding-left: 0;*/
    }
    .assets-container .pm-utility-bar {
        padding-bottom: 1em;
    }
}