/*Misc. Styles*/

.my-assets-container,
#MyAssetsService--place-holder {
    height: 100%;
}

.bm-assets-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.bm-assets-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-left: 1.75em;
    overflow-y: scroll;
    padding-bottom: 3em;
    height: 100%;
}

.bm-assets-container .pm-function-bar {
    margin-left: -2em;
    border-top: none;
}

.bm-assets-container .pm-function-bar .pmfb-function-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 1.2em;
}
.bm-assets-container .pm-function-bar .button-title {
    white-space: nowrap;
    font-size: 0.9em;
}

.lgfe-list-no-content a {
    cursor: pointer;
}

.my-assets-container .lgfe-cm-card .c-a-video-icon {
    top: 0;
    opacity: 0.5;
}

#my-assets-container .bmaw-nav {
    border-bottom: none;
}

#my-assets-container .lgfe-card-matrix--layout-row .lgfe-cm-card {
    border: 1px solid #009fdf;
}

.bm-assets-container .lgfe-cm-order {
    top: auto;
    bottom: 0;
    left: 1px;
    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;
    min-width: 2em;
    height: 2em;
    color: #fff;
    font-weight: 700;
    position: absolute;
    z-index: 1;
    background: transparent;
}

/* --------------------------------------------- \\
        $Page-Masthead
    \\ --------------------------------------------- */

.bm-assets-container .pm-page-masthead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0em 3.75em 2em 1.75em;
}
@media (max-width: 41.875em) {
    /** 670px **/
    .bm-assets-container .pm-page-masthead {
        margin-bottom: 1.9375em;
        padding-right: 0.9375em;
        padding-left: 0.9375em;
    }
}

/* --------------------------------------------- \\
        $Utility-Bar
    \\ --------------------------------------------- */

.bm-assets-container .pmm-utility-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 80em) {
    /** 1280px **/
    .bm-assets-container .pmm-utility-bar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }
}

/* --------------------------------------------- \\
            $Search
        \\ --------------------------------------------- */

.bm-assets-container .pmmub-assets-search {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.bm-assets-container .pmmubs-field {
    position: relative;
    width: 100%;
}

.bm-assets-container .pmmubs-field::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;
}

.bm-assets-container .pmmubs-field .lgfe-input-text {
    max-width: 25em;
    padding: 0.6em 0.8em 0.6em 3.25em;
    font-size: 1em;
}
@media (max-width: 60.625em) {
    .bm-assets-container .pmmubs-field .lgfe-input-text {
        max-width: none;
    }
}

.bm-assets-container .amubas-field {
    padding-right: 1.8em;
    padding-left: 1em;
}

.bm-assets-container .amubas-field .lgfe-select select {
    padding: 0.8em 2.6em 0.8em 0.8em;
}

.bm-assets-container
    .amubas-field
    .lgfe-select:not(.lgfe-select--multiple)::after {
    margin-top: 12px;
}

@media (max-width: 49.38em) {
    /** 1280px **/
    .bm-assets-container .amubas-field {
        display: none;
    }
    .bm-assets-container .pmmub-utilities {
        margin-left: 1em;
    }
}

/* --------------------------------------------- \\
            $Utilities
        \\ --------------------------------------------- */

.bm-assets-container .pmmub-utilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    height: 100%;
}

/* --------------------------------------------- \\
                $Utility-Button
            \\ --------------------------------------------- */

.bm-assets-container .pmmubu-utility-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;
}

.bm-assets-container .pmmubu-utility-button .fa {
    font-size: 1.75em;
}

/* --------------------------------------------- \\
                $Playlist-Functions
            \\ --------------------------------------------- */

.bm-assets-container .pmmubu-functions .pmmubu-utility-button {
    margin-right: 1.5em;
}
.bm-assets-container .pmmubu-functions .pmmubu-utility-button:first-child {
    margin-left: 1.5em;
}

/* --------------------------------------------- \\
                $Layout-Type
            \\ --------------------------------------------- */

.bm-assets-container .pmmubu-layout-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 60.625em) {
    .bm-assets-container .pmmubu-layout-type {
        /*display: none;*/
    }
    .bm-assets-container .pmmubu-layout-type .pmmubu-layout-type-row {
        display: none;
    }
}

.bm-assets-container .pmmubult-field:not(:last-child) {
    margin-right: 1.5em;
}

.bm-assets-container
    .pmmubultf-display-type-input:checked
    + .pmmubu-utility-button {
    color: #47c7fa;
}

/*Playlist widget list*/

/*Playlist widgets header*/

.layout-row-header .layout-row-header-column-left {
    width: 45%;
}

.layout-row-header .layout-row-header-column-right {
    width: 55%;
}

/*Row view*/

.bm-assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-playlist-column-title {
    display: none;
}

.bm-assets-container .lgfe-card-matrix--layout-row .lgfe-cm-masthead::before {
    font-size: 2em;
}

.bm-assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information
    .lgfe-cm-playlist-column-left {
    width: 45%;
}

.bm-assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information
    .lgfe-cm-playlist-column-right {
    width: 55%;
}

.bm-assets-container
    .lgfe-card-matrix--layout-row
    .lgfe-cm-information--order::before {
    display: none;
}

.bm-assets-container .lgfe-card-matrix--layout-row .lgfe-cm-name {
    margin-bottom: 0.2em;
    margin-top: 0.3em;
}

/*Grid View*/

.bm-assets-container .lgfe-card-matrix--layout-grid .lgfe-cm-name {
    margin-top: 0;
    white-space: normal;
    width: auto;
    overflow: initial;
    line-height: 1.4;
    height: auto;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-information--order {
    position: absolute;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-information--order:before {
    display: none;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-left {
    height: 70%;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right {
    height: 30%;
}

.bm-assets-container
    .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;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right
    .lgfe-cm-playlist-column.lgfe-cm-playlist-column-required {
    display: none;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right
    .lgfe-cm-playlist-column.lgfe-cm-playlist-column-playing {
    display: none;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-right
    .lgfe-cm-playlist-column.lgfe-cm-playlist-column-modified {
    display: none;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column
    .lgfe-cm-playlist-column-players-status-count {
    margin-top: 0px;
    margin-left: 5px;
}

.bm-assets-container
    .lgfe-card-matrix--layout-grid
    .lgfe-cm-playlist-column-location-name {
    padding: 0;
}

/*Full view*/

#my-assets-container .lgfe-card-matrix--layout-full .lgfe-cm-card {
    border: 1px solid #009fdf;
}

.bm-assets-container
    .lgfe-card-matrix--layout-full
    .lgfe-cm-information--order:before {
    display: none;
}

.bm-assets-container
    .lgfe-card-matrix--layout-full
    .lgfe-cm-playlist-column-left {
    height: 100%;
}

.bm-assets-container
    .lgfe-card-matrix--layout-full
    .lgfe-cm-playlist-column-left
    .lgfe-cm-playlist-column {
    height: 100%;
}

.bm-assets-container
    .lgfe-card-matrix--layout-full
    .lgfe-cm-playlist-column-right
    .lgfe-cm-playlist-column {
    display: none;
}

#my-assets-container .lgfe-card-matrix--layout-full .lgfe-cm-masthead {
    position: absolute;
    left: 38px;
    top: 0;
    height: 100%;
    width: calc(100% - 76px);
}

.bm-assets-container .lgfe-card-matrix--layout-full .lgfe-cm-masthead--image {
    left: 38px;
    top: 0;
    height: 100%;
    padding-left: 0;
    width: calc(100% - 76px);
}

.bm-assets-container
    .lgfe-card-matrix.lgfe-card-matrix--layout-full
    .lgfe-cm-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bm-assets-container .lgfe-card-matrix--layout-full .lgfe-cm-details {
    display: none;
}

/*Media queries*/

@media (max-width: 60.625em) {
    .bm-assets-wrapper {
        margin-left: 0em;
        padding-right: 1em;
        padding-left: 1em;
    }
}
