#MaintenancePage {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: black;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#MaintenancePage .maintenance-title {
    font-size:2rem;
}
#MaintenancePage .app-button {
    margin-top:1rem;
}


.app-button-icon-label {
    flex-wrap: nowrap;
}

.loader-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.library-page .loader-container {
    z-index:5;
}
#body-container > .body > #loader.loader-container {
    /*Commented out the z-index below but doesn't show up if not set to at least 3*/
    z-index: 3;
    position: fixed;
    /*Got tired of seeing everything while loading, not sure if this will work*/
    z-index: 6;
    background-color: rgba(0, 0, 0, 1);
}

#main-screen.related .media-layout-grid .recent-date > .recent-grouping > .loader-io,
#main-screen.brand .media-layout-grid .recent-date > .recent-grouping > .loader-io,
#main-screen.category .media-layout-grid .recent-date > .recent-grouping > .loader-io {
    min-height: 250px;
}

.blank-sound {
    pointer-events: none;
}

.sections-container-privacy-message {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    margin: 1rem 2rem;
    align-items: center;
    justify-content: center;
}

    .sections-container-privacy-message > .container {
        max-width: 50%;
    }

.sections-container-terms-message {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    margin: 1rem 2rem;
    align-items: center;
  /*  justify-content: center;*/
}

    .sections-container-terms-message > .container {
        max-width: 50%;
    }

.sections-container-section {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    margin: 1rem 2rem;
    align-items: center;
    justify-content: center;
}

    .sections-container-section > .container {
        max-width: 50%;
    }

.subsection-noItems {
    font-size: .8rem;
    margin-left: 0.5rem;
    padding-bottom: 0.5rem;
    font-style: italic;
}

/*.rent-button .rent-price {
    padding-left: .5rem;
}

.purchase-button .purchase-price {
    padding-left: .5rem;
}

.subscribe-button .subscribe-price {
    padding-left: .5rem;
}*/

.layout-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: normal;
    transition: .2s;
}

.subscribe-screen-container {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#default-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.default-screen-container {
    height: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.offscreen-icon {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

.parallax-mirror {
    visibility: visible;
    z-index: -100;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    height: 100%;
    width: 100%;
    display: flex;
    /* object-fit: cover; */
    justify-content: center;
    align-items: baseline;
    pointer-events: none;
}

.parallax-slider {
    /* transform: translate3d(0px, 0px, 0px);
    position: absolute;
    top: 0px;
    left: 0px;
    height: 1268px;
    width: 1903px;
    max-width: none;*/
    object-fit: cover;
}

#button-access-code {
    outline: 0;
    color: white;
    border-color: #ffffff;
    /* margin: 0 .6rem 1.2rem; */
    padding: .5rem 2.2rem;
    min-width: 188px;
    border-width: 1px;
    background-color: transparent;
    margin-top: 1rem;
    border-style: solid;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    margin-right: 1rem;
    min-width: 250px;
}

body.no-transition #button-access-code {
    transition: none;
}

body:not(.mobile-device) #button-access-code:hover,
#button-access-code:focus {
    background-color: white;
    color: black;
    opacity: .8;
    border-color: white;
}

#button-access-code:active {
    background-color: rgba(255,255,255,.3);
    color: white;
    opacity: 1;
}

#button-access-code i {
    font-size: .9rem;
    margin-right: .5rem;
}

#button-login {
    outline: 0;
    color: white;
    border-color: #ffffff;
    /* margin: 0 .6rem 1.2rem; */
    padding: .5rem 2.2rem;
    min-width: 188px;
    border-width: 1px;
    background-color: transparent;
    margin-top: 1rem;
    border-style: solid;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    margin-right: 1rem;
    min-width: 250px;
}

body.no-transition #button-login {
    transition: none;
}


body:not(.mobile-device) #button-login:hover,
#button-login:focus {
    background-color: white;
    color: black;
    opacity: .8;
    border-color: white;
}

#button-login:active {
    background-color: rgba(255,255,255,.3);
    color: white;
    opacity: 1;
}

#button-login i {
    font-size: .9rem;
    margin-right: .5rem;
}

#login-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.login-container {
    position: relative;
    top: 0px;
    height: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#login-back-button {
    padding: 1rem;
    margin: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    position: absolute;
    top: 1rem;
    left: 2rem;
    color: white;
    cursor: pointer;
    transition: .3s;
    opacity: .7;
    font-size: 3rem;
}

body.no-transition #login-back-button {
    transition: none;
}

body:not(.mobile-device) #login-back-button:hover {
    opacity: 1;
}

#login-back-button:focus {
    opacity: 1;
}

#login-back-button:active {
    opacity: .8;
}

.login-logo {
    margin: 1rem;
    text-align: center;
}

.login-message-container {
    text-align: center;
}

#login-title {
    font-size: 3.2rem;
    font-weight: 600;
}

#login-message {
    font-size: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    line-height: 1.4;
}

#login-request {
    font-size: 3rem;
}

#login-url {
    font-size: 2.4rem;
    margin-bottom: .2rem;
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    margin-top: 0rem;
}

    #login-url a {
        color: white;
        text-decoration: none;
    }

#login-access-code {
    font-size: 3rem;
    user-select: text;
    letter-spacing: 2px;
    font-weight: bold;
}

#login-error {
    font-size: 3rem;
    color: red;
    margin-top: 1.2rem;
}

.login-loader {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}


#main-screen {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: inherit;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:0;
    transition:.2s;
}
#main-screen.show {
    opacity:1;    
}
/*body.is-television #main-screen {
    min-width: 960px;
    max-width: 960px;
    width: 960px;
    min-height: 540px;
    max-height: 540px;
    height: 540px;
}*/

.playback #main-screen,
.playback .project-base-screen {
    display: none !important;
}

#chat {
    z-index: 499;
    z-index: 600;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0rem;
    right: -30%;
    width: 30%;
    bottom: 0rem;
    transition: .3s ease-in-out;
    background-color: black;
    border-left: 1px solid #444;
}

    #chat.show {
        right: 0;
    }

.no-transition #chat {
    transition: none;
}

.webcam-mute-button {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-size: 2rem;
}

.chat-header {
    display: flex;
    width: 100%;
    min-height: 2rem;
}

.chat-header-seperator {
    flex: 1;
    text-align: left;
    justify-content: center;
    display: flex;
    align-items: flex-end;
    margin: 0rem 1rem;
    border-bottom: solid 1px #444;
    padding-bottom: 5px;
    padding-top: 1rem;
    margin-bottom: 1.25rem;
}

.chat-show-button {
    position: absolute;
    background-color: black;
    border: solid 1px #444;
    border-right-color: black;
    padding: .5rem .2rem;
    top: 14px;
    left: -17px;
}

.chat-camera-button {
    position: absolute;
    padding: .5rem;
    margin: 0px;
    height: fit-content;
    right: 1rem;
    top: .25rem;
    right: .5rem;
}

.chat-cameras {
    padding: 1rem;
    padding-top: 0;
    overflow: auto;
}

.chat-camera {
    border: 1px #333 solid;
    position: relative
}

    .chat-camera video {
        width: 100%;
        height: 300px;
    }

    .chat-camera .loader-io {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

#chat textarea {
    resize: none;
}

#chat.has-items .chat-show-button i {
    color: #2196F3;
    /* font-weight:900 !important;*/
}

.chat-show-button:focus {
    border-color: #2196F3;
    border-right-color: black;
    /* font-weight:900 !important;*/
}

.chat-show-button i.showing {
    display: none;
}

#chat.show .chat-show-button i.showing {
    display: block;
    position: relative;
    left: 2px;
}

.chat-show-button i.hiding {
    display: block;
}

#chat.show .chat-show-button i.hiding {
    display: none;
}

#chat.show .chat-show-button {
    opacity: 1 !important;
}

.chat-close-button {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    display: none;
}

.chat-video-id {
}

.chat-items {
    flex: 1;
    width: 100%;
    overflow: auto;
}

.chat-item {
    padding-bottom: 1.5rem;
}

.chat-item-user-id {
    display: none;
}

.chat-item-user-disc {
    color: white;
    background: white;
    width: 5px;
    height: 5px;
    margin-right: .5rem;
    border-radius: 1rem;
    opacity: .7;
}

.chat-item-user-email {
}

.chat-item-ip-address {
    display: none;
    padding-left: .7rem;
    padding-right: .7rem;
}

.chat-item-info {
    display: flex;
    margin-left: 2rem;
    align-items: center;
}

.chat-item-date {
    margin-left: 2rem;
    margin-top: 5px;
}

.chat-item-text {
    background-color: #FF0062;
    padding: 1rem;
    margin: .3rem 1.5rem;
    border-radius: 2rem;
}

.chat-item.is-local .chat-item-text {
    background-color: #1C1C22;
    /* background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit !important;
}

.chat-status-container {
    position: relative;
}

.chat-message {
    background-color: #1A1A1A;
    min-height: 10rem;
    width: 100%;
    height: 100%;
    padding: 1rem;
}

    .chat-message textarea {
        background-color: transparent;
        width: 100%;
        height: 100%;
        outline: none;
    }

.chat-status {
    background-color: black;
    position: absolute;
    top: -2.5rem;
    left: .5rem;
    right: 0;
    padding: .25rem .5rem;
    transition: .3s ease-in-out;
    z-index: -1;
}

/*#chat.connected .chat-status {
    top: 0;
}
*/

#chat.disconnected .chat-status {
    top: -2.5rem;
    color: red;
}

.new-version-available {
    z-index: 9999;
    display: flex;
    position: absolute;
    right: 13rem;
    transition: .3s ease-in-out;
    top: -3rem;
    display: none;
}

    .new-version-available.show {
        top: 0;
    }

.new-version-available-contents {
    background-color: black;
    padding: .7rem 1rem;
    padding-top: .8rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: solid 1px #444;
}

.new-version-available-message {
    margin-left: .25rem;
    margin-right: .5rem;
}

.new-version-available-update {
    color: cornflowerblue;
    font-weight: bold;
    margin-left: 1rem;
    margin-right: 1rem;
    opacity: .8;
    transition: .3s;
}

.no-transition .new-version-available-update {
    transition: none !important;
}

body:not(.mobile-device) .new-version-available-update:hover {
    color: #A1C2FA;
    opacity: 1;
}

.new-version-available-update:focus {
    color: #A1C2FA;
    opacity: 1;
}

.new-version-available-close {
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
    opacity: .8;
    transition: .3s;
}

.no-transition .new-version-available-close {
    transition: none !important;
}

body:not(.mobile-device) .new-version-available-close:hover {
    opacity: 1;
}

.new-version-available-close:focus {
    opacity: 1;
}

.app-project-header {
    background-color: transparent;
    min-height: 4rem;
    min-height: 66px;
    width: calc(100% - 1rem);
    margin-right: .7rem;
    width: 100%;
    margin-right: 0rem;
    /*width: calc(100% - 10px);*/
    /* align-items: center; */
    /* justify-content: center; */
    display: flex;
    align-items: center;
    padding-left: 1.75rem;
    padding-left: 3.5rem;
    padding-right: 1.9rem;
    padding-right: 2.75rem;
    /*padding-right: 1rem;*/
    transition: .4s all;
    z-index: 11;
    /*  z-index: 2;*/
    /* position:absolute;*/
    position: relative;
    top: 0;
    left: 0px;
    pointer-events: none;
}
body:not(.mobile-device) .app-project-header {
    padding-left: 3.6rem;
}
.app-project-header > button {
    pointer-events:all;
}
body.mobile-device .app-project-header > button {
    touch-action: manipulation;
}
body.is-safari:not(.mobile-device) .app-project-header > button > div {
    position:relative;
   /* top:1px;*/
}
.app-project-header .header-options {
    pointer-events:all;
}

/*.app-project-header .header-background {
    position: absolute;
    left: 0;
    right: 0;*/
    /* bottom: 0; */
    /*top: -90px;
    opacity: 1;*/
    /* background-color: inherit; */
    /* min-height: 5rem; */
    /*background-color: rgba(0, 0, 0, .9);*/
    /* background-color: rgba(0, 0, 0, .7); */
    /* background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .1)); */
    /*transition: .5s ease-in-out;
    pointer-events: none;
    box-shadow: 0px 0px 120px 120px #141414 !important;
}*/
.app-project-header .header-background {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    opacity:1;
    /* background-color: inherit;*/
    /* min-height:5rem;*/
    background-color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
    transition:.5s ease-in-out;
    pointer-events:none;
}
.app-project-header.sticky .header-background {
    opacity:1;
}
.app-project-header.header-ex {     
    top: 4rem;
}
.app-project-header.header-ex.sticky {
   /* background-color: inherit;*/ 
  /*  min-height: 6rem;
    top:0;*/
}

.app-project-header.header-ex.drop-image {
    border: solid 1px;
    border-style: dashed;
}

body.no-transition .app-project-header {
    transition: none;
}

#main-screen > .app-project-header > .logo {
    padding-right: .25rem;
}
/*body.is-hosted #main-screen > .app-project-header > .logo {
    display: none !important;
}*/

.header-seperator {
    flex: 1;
}
/*.app-project-header .logo {
    margin-right: 1rem;
}*/
.app-project-header > button.logo {
    padding-top: .5rem;
    padding-left: 1px;
    top: 0px;
    height: 70%;
    font-size: 1rem;
    background: transparent;
    border-color: transparent;
    padding-right: .25rem;
    margin-right: .5rem;
    position: relative;
    display: flex !important;
    border: none;
    align-items: center;
    padding-bottom: 0;hhhhgggggggg
}
/*.app-project-header > button.logo:hover {    
    background-color: black;
}*/
.app-project-header img {
    max-height: 42px;
    max-height: 38px;
    padding-right: 1rem;
    padding-left: 0px;
    padding-top: 0rem;
    position: relative;
    top: 0px;
}

/*.app-project-header #header-title {
    display: none;
    flex: 1;
}*/

.header-left {
    flex: 0;
    transition: .3s;
}
.header.header-ex .header-left {
    flex: .33;
}
.header-right {
    flex: 0;
    transition:.3s;
}
.header.header-ex .header-right {
    flex: .3;
}
.header-options {
    display: flex;
    align-items: baseline;
    position: relative;
    align-items: center;
    /* top: -3px;*/
}
.header.header-ex .header-options {
    position: fixed;
    right: 10px;
    top: 6px;
}
.navbar-social-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right:2rem;
}
.navbar-social-links ul {
    display:flex;
    padding-top: 8px;
}
.navbar-social-links ul li a p {
    display: none;
}
.navbar-social-links ul li a {
    color: white;
    opacity: .8;
    transition: .2s;
    line-height: 1.6;
    margin: 0px 3px;
    padding: 10px 15px;
    opacity: .8;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 0.5rem 1rem;
}


.app-project-header > button:not(#button-subscribe, .logo) {
    border: 0;
    outline: 0;
    background-color: transparent;
    color: white;
    font-size: 1.2rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    transition: .3s;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: solid 2px transparent;
}
.app-project-header > button:active {
    transition:.1s;
}

.dms-on-demand .app-project-header > button.button-user {
    padding: 0;
    font-size: 2.2rem;
    margin-right: 1rem;
    position: relative;
    top: 2px;
}

.app-project-header > button {
    border-bottom: solid 2px transparent;
    height: 100%;
}

    .app-project-header > button.selected {
        color: white;
        cursor: default;
        border-color: #FF0062;
        opacity: 1;
        /*background-color: #191919;*/
    }

    body:not(.mobile-device) .app-project-header > button:hover {
        /* background-color:#191919;*/
        color: white;
    }

    .app-project-header > button:focus {
        background-color: #FF0062;
        color: white;
    }

    .app-project-header > button:active {
        background-color: #FF0062;
        color: white;
        opacity: .9;
    }

    body:not(.mobile-device) .app-project-header > button.logo:hover {
        background-color: unset;
    }

    .app-project-header > button.logo:focus {
        background-color: unset;
    }

    .app-project-header > button.logo:active {
        background-color: unset;
    }

    .app-project-header > button.selected:focus {
        background-color: #FF0062;
        opacity: .9;
    }

body.no-transition .app-project-header > button {
    transition: none;
}

.app-project-header > button > div {
    position: relative;
    top:0px;
    /*text-transform: uppercase;*/
    text-shadow: -1px 1px 2px rgb(0 0 0);
    font-size:120%;
}
.no-shadow .app-project-header > button > div {
    text-shadow: none;
}
/*.app-project-header > button#button-subscribe > div {
    top: 3px;
}*/
.app-project-header #button-options {
    font-size: 1.8rem;
    opacity: 1;
    transition: .2s;
    cursor: pointer;
    padding: .5rem;
    /* padding-bottom: .25rem;*/
    margin-right: 1rem;
    margin-left: 1rem;
    transform: matrix(1.0, 0, 0, 1.0, 0, 0);
    border: none;
    border-bottom: solid 2px transparent;
}

/*body:not(.mobile-device) .app-project-header #button-options:hover {*/
    /*transform: scale(1.3);*/
    /*transform: matrix(1.3, 0, 0, 1.3, 0, 0);
    transform: matrix(1.2, 0, 0, 1.2, 0, 0);
}

.app-project-header #button-options:focus-visible {*/
    /* transform: scale(1.4);*/
    /*transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    transform: matrix(1.2, 0, 0, 1.2, 0, 0);
}

.app-project-header #button-options:active {*/
    /* transform: scale(1.2);*/
    /*transition: .1s;*/
    /*transform: matrix(1.0, 0, 0, 1.0, 0, 0) !important;
}*/


.dms-on-demand.default-screen .app-project-header #button-options,
.dms-on-demand.checkout-screen .app-project-header #button-options,
.dms-on-demand.login-screen .app-project-header #button-options,
.dms-on-demand.subscribe-screen .app-project-header #button-options,
.dms-on-demand.terms-screen .app-project-header #button-options,
.dms-on-demand.privacy-screen .app-project-header #button-options,
.dms-on-demand.contact-screen .app-project-header #button-options {
    /*font-size: 1.6rem;
    cursor: pointer;
    padding: 0.5rem;*/
    /* margin-right: 0.5rem; */
    /* padding-left: 1.5rem; */
    /* padding-right: 1.5rem; */
    /*padding-top: 1rem;
    padding-right: .5rem;*/
}

.dms-on-demand.login-screen .dms-login-details-header {
    line-height: 1.4;
}
.dms-on-demand.subscribe-screen,
.dms-on-demand.login-screen {
/*    position: relative;
    flex: 1;
    align-items: baseline;*/
}
.dms-on-demand.subscribe-screen .dms-on-demand-form-container,
.dms-on-demand.login-screen .dms-on-demand-form-container {
    max-height: unset;
    flex-direction: column;
    flex: 1;   
   /* min-height: 100vh;*/
    height: 100%;
}

.dms-on-demand.subscribe-screen .dms-on-demand-selection-container,
.dms-on-demand.checkout-screen .dms-on-demand-selection-container {
    /*  max-height: calc(100% - 100px);*/
    /*margin-top: 6vh;*/
}
.dms-on-demand.subscribe-screen .dms-on-demand-selection-container {
    padding-top: 4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.dms-on-demand.login-screen .dms-on-demand-selection-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
}


.dms-on-demand.default-screen .app-project-header #button-options {
    display: none;
}

.dms-on-demand.subscriptions-screen .app-project-header #button-options {
    /*font-size: 1.6rem;
    cursor: pointer;
    padding: 0.5rem;*/
    /* margin-right: 0.5rem; */
    /*padding-left: 1.5rem;*/
    /* padding-right: 1.5rem; */
    /*padding-top: 1rem;
    padding-right: 1rem;*/
}
.dms-on-demand.subscriptions-screen.login-handler .app-project-header #button-options {
    display: none !important;
}
.dms-on-demand.subscriptions-screen.login-handler .app-project-header .dms-on-demand-form-close {
    display: none !important;
}

.dms-on-demand.admin-screen .app-project-header #button-options {
    padding-top: 1rem;
}

.app-project-header #button-options:focus {
    color: white;
    opacity: 1;
    /*transform:scale(1.4);*/
}

.app-project-header #button-options:active {
    background-color: transparent;
    /*opacity: .8;*/
}

.app-project-header #button-options.selected {
    /* color: white;*/
    opacity: 1;
     border-bottom: solid 2px #FF0062 !important;
}

body:not(.mobile-device) .app-project-header #button-options:hover {
    /*opacity: .9;*/
    border-bottom: solid 2px #FF0062 !important;
}
.app-project-header #button-options:active {
    /* opacity: .7;*/
    border-bottom: solid 2px #FF0062 !important;
}

/*.app-project-header #button-options > i {
    position: relative;
    font-size: 1.8rem;*/
    /* top: 1px;*/
    /*}*/

    .body-container {
    flex: 1;
    display: flex;
    /*flex-direction: column;*/
    overflow: hidden;
    margin-top: 0px;
    margin-top: 0px;
    margin-left: 0rem;
    /* transition: .3s;*/
}

#body-container.body-container {
    flex-direction: column;
    width: 100%;
    /*  z-index: 12;*/
}
/*#main-screen.channels #body-container.body-container {
     z-index: 12;
}
*/
/*#main-screen.sticky .body-container {
    margin-top: -90px;
}*/
#main-screen.preferences .body-container {
    margin-top: 0px;
}
#main-screen.terms .body-container {
    margin-top: 0px;
}
#main-screen.terms .body-container {
    margin-top: 0px;
}

#spacer-screen {
    margin-top: 64px;
    flex-direction: column;
    align-items: center;
    margin-left: 4rem;
}

    #spacer-screen.selected {
        display: flex;
    }

    #spacer-screen .spacer-container {
        max-width: 60%;
        display: none;
    }

body.can-edit #spacer-screen .spacer-container {
    display: initial;
}

#spacer-screen .spacer-header {
    font-size: 3.4rem;
    padding-bottom: 1rem;
}

#spacer-screen .spacer-message {
    font-size: 2.2rem;
    padding-bottom: 1rem;
}

#spacer-screen .spacer-options {
    font-size: 1.8rem;
    padding-bottom: 1rem;
}

#spacer-screen .spacer-option {
    display: flex;
    line-height: 1.4;
    padding-bottom: 0.5rem;
}

#spacer-screen .spacer-options a {
    display: flex;
    line-height: 1.4;
    padding-bottom: 0.5rem;
    color: dodgerblue;
}

#spacer-screen .spacer-option .spacer-number {
    min-width: 2rem;
    text-align: right;
    padding-right: 0.5rem;
}

.body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
/*#main-screen.search .body {
    margin-left: 20rem;
}*/
body.tv-device .body {
    overflow: hidden;
}

.body .tab-page {
    display: none;
    background: #1C1C22;
    /*background: linear-gradient(#12121A, #121216) !important;*/
    background: inherit;
    /*min-height: 100%;*/
    /*overflow: auto;*/
    flex: 1;
}

    .body .tab-page.no-quickaccess {
        overflow: hidden;
    }

    .body .tab-page#recent-screen {
        overflow: visible;
    }

    .body .tab-page.selected {
        display: block;
    }
    .body #cache-screen {
        overflow:unset;    
    }
    .body #cache-screen.selected {
        display:flex;
    }


.header-menu {
    display: none;
    /*box-shadow: 2px 0 8px rgba(0,0,0,.3); */
    flex-direction: column;
    flex-grow: 1;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    transition: width .3s;
    position: absolute;
    top: .5rem;
    left: 0;
    bottom: 0;
    /*width: 4.5rem;*/
    align-items: center;
    z-index: 2;
}
body.no-transition .header-menu {
    transition: none;
}

body.mobile-device .header-menu {
    bottom: 0;
    position: absolute !important;
    left: unset !important;
}

.header-menu button {
    border: 0;
    outline: 0;
    background-color: transparent;
    color: lightgray;
    font-size: 1.2rem;
    transition: .3s;
    border-right: solid 2px #2a2a2a;
    border-right: solid 2px transparent;
    /*border-left: solid 2px #2a2a2a;*/
    width: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    opacity: .7;
    cursor: pointer;
}

body.no-transition .header-menu button {
    transition: none;
}

body:not(.mobile-device) .header-menu button:hover {
    background-color: #191919;
    border-right-color: #191919;
    color: white;
    opacity: 1;
}

.header-menu button:focus {
    background-color: #191919;
    border-right-color: #191919;
    color: white;
    opacity: 1;
}

.header-menu button:active {
    background-color: #191919;
    border-right-color: #FF0062;
    color: white;
    opacity: 1;
}

.header-menu button.selected {
    background-color: #191919;
    border-right-color: #FF0062;
    color: white;
    opacity: 1;
    cursor: default;
}

.app-project-footer {
    background-color: transparent;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: .3s;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 11;
    position: absolute;
    pointer-events: none;
    display: none !important;
}
.app-project-footer button {
    pointer-events:auto;
}
.unavailable-screen .app-project-footer {
    display: none !important;
}

.app-project-footer .background {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    /* transition: .3s;*/
}

.app-project-footer.sticky .background {
    opacity: 1;
}

body.no-transition .app-project-footer {
    transition: none;
}

body.mobile-device .footer {
    display: none;
}

.app-project-footer .links {
    display: flex;
    padding-left: 2rem;
    padding-right: 2rem;
    align-items: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
    display:none;
}
    /*.app-project-footer .links > div {
    display:none;
}*/
    .app-project-footer .links button {
        border: 0;
        outline: 0;
        background-color: transparent;
        color: lightgray;
        font-size: .9rem;
        /* padding-left: 1rem; */
        margin-right: .7rem;
        margin-left: .7rem;
        cursor: pointer;
        transition: .3s;
        white-space: nowrap;
        padding: 0.3rem 0.3rem;
    }

.app-project-footer .account {
    z-index: 3;
}

.app-project-footer .terms {
    z-index: 3;
}

.app-project-footer .privacy {
    z-index: 3;
}

.app-project-footer .contact {
    z-index: 3;
}

.app-project-footer .help {
    z-index: 3;
}

.app-project-footer .copyright {
    z-index: 3;
}

.app-project-footer .appVersion {
    z-index: 3;
}

.app-project-footer .playerOptionFullscreen {
    z-index: 3;
}

body.no-transition .app-project-footer .links button {
    transition: none;
}

body:not(.mobile-device) .app-project-footer .links button:hover {
    color: white;
}

.app-project-footer .links button:focus {
    color: white;
}

.app-project-footer .links button:active {
    opacity: .8;
}
/*body.is-hosted .app-project-footer .links .account {
    display:none;
}
body.is-hosted .app-project-footer .links .terms {
    display: none;
}
body.is-hosted .app-project-footer .links .privacy {
    display: none;
}
body.is-hosted .app-project-footer .links .contact {
    display: none;
}
body.is-hosted .app-project-footer .links .help {
    display: none;
}
body.is-hosted .app-project-footer .copyright > div {
    display: none;
}*/

.app-project-footer .appVersion {
    color: lightgray;
    font-size: .8rem;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
    position: relative;
    top: 2px;
    opacity: .3;
    display:none;
}

.app-project-footer .copyright {
    color: lightgray;
    font-size: .9rem;
    padding-left: 2rem;
    padding-right: 1rem;
    white-space: nowrap;
    position: relative;
    top: 2px;
    top: 2.6px;
    opacity: .3;
    display: none;
}
/*.app-project-footer .copyright > div { 
    display:none;
}*/

.app-project-footer {
    /* padding-top: 1rem; */
    /* min-height: 3rem;
    align-items: center;
    flex-direction: row;
    justify-content: initial;*/
}

    .app-project-footer .links {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 1rem;
        padding-left: 1rem;
    }

        .app-project-footer .links button {
            font-size: .9rem;
        }

    .app-project-footer .copyright {
        width: 100%;
        text-align: right;
        font-size: .8rem;
        padding-left: 0rem;
        padding-right: 1rem;
    }
/*
.navbar-usage-container.horizontal-display {
    padding-bottom: 0rem;
    align-items: end;
    padding-right: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: unset;
}

    .navbar-usage-container.horizontal-display .navbar-usage-bar {
        height: 10px;
        width: 160px;
    }

    .navbar-usage-container.horizontal-display .navbar-usage-label {
        flex-direction: row;
        font-size: .6rem;
        padding-top: 0;
        padding-bottom: 0;
    }

        .navbar-usage-container.horizontal-display .navbar-usage-label > span {
            padding-right: .3rem;
        }

    .navbar-usage-container.horizontal-display #labelUsageLabel {
        padding-right: .3rem;
    }

    .navbar-usage-container.horizontal-display .navbar-usage {
        padding-bottom: 0;
        padding-left: 0.3rem;
        padding-top: 0.3rem;
        padding-right: 0.6rem;
    }

    .navbar-usage-container.horizontal-display .navbar-usage-bar-used {
        height: 100%;
    }

.app-project-footer .copyright {
    width: unset;
    padding-left: 3rem;
}

.navbar-usage-container {
    display: none;
}

body.can-edit .navbar-usage-container {
    display:flex;
}*/
/*
.edit-button {
    display:none;
}
.can-edit .edit-button {
    display:initial;
}
*/
#input-search {
    background-color: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
    border: 0;
    outline: 0;
    padding: 1rem;
    letter-spacing: .5px;
    padding-bottom: .5rem;
    margin-left: 1.5rem;
    margin-right: .5rem;
    width: 300px;
    height: inherit;
    /*min-width: 200px;*/
    border-bottom: solid 2px #FF0062;
    display: none;
}


@media only screen and (max-width: 1000px) {
    #playerControls.video #volume-bar-container {
        flex: .5;
    }
    /*#playerControls.video .volume-bar {
        display:none;
    }*/
}

@media only screen and (max-width: 800px) {

    #volume-bar-container {
        display: none !important;
    }

    .app-project-footer .links > div {
        display: none;
    }

    /*.app-project-footer .copyright {
        display: none;
    }
*/
}

@media only screen and (min-height: 1200px) {
    #up-next-info .library-group .container {
        padding-top: 12px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 12px !important;
    }

    #up-next-info .library-group {
        width: 480px !important;
        min-width: 480px !important;
    }

        #up-next-info .library-group .image {
            width: 480px !important;
            height: 480px !important;
        }

        #up-next-info .library-group img {
            max-width: 480px !important;
            max-height: 480px !important;
        }

        #up-next-info .library-group .name {
            font-size: 1.2rem !important;
        }

        #up-next-info .library-group .name2 {
            font-size: 1.1rem !important;
            padding-top: 3px;
        }

        #up-next-info .library-group .info {
            font-size: 1.1rem !important;
            padding-top: 5px !important;
        }
    /*#up-next-info .library-types-scroll-button {
        top: 80px !important;
    }*/
}

.player-data-channel {
    display: flex;
    align-items: flex-end;
    margin-bottom: 5px;
    position: absolute;
    bottom: 40px;
}

.recent-date > .name, .recent-date .name.section-button.disable-link {
    cursor: default !important;
}

@media only screen and (max-width: 800px) {

    #search-keys {
        top: 3rem !important;
        left: 3rem !important;
        bottom: 2rem !important;
    }

    #back-to-player {
        font-size: .8rem !important;
    }

    .recent-date > .name, .recent-date .name.section-button {
        margin-left: 1.1rem !important;
    }

    .recent-date .header-info > .name {
        margin-left: 1rem !important;
    }

    .recent-grouping .library-group:first-of-type {
        margin-left: 1rem !important;
    }

    #cache-screen .recent-grouping .wrap-items .library-group:first-of-type {
        margin-left: 0 !important;
    }

    #cache-screen .recent-grouping .library-groups.wrap-items {
        margin-left: 1rem !important;
    }

    /*.search-section > .name {
        margin-left: 1rem !important;
    }*/

    /*.search-grouping .library-group:first-of-type {
        margin-left: 1rem !important;
    }*/
    #library-screen .library-types {
        margin-top: 1rem !important;
    }

    #library-screen .library-groups {
        padding-left: 1.5rem !important;
    }

    #channels-screen .library-types {
        margin-top: 1rem !important;
    }

    #channels-screen .library-groups {
        padding-left: 1.5rem !important;
    }

    #genres-screen .genre-types {
        margin-top: 1rem !important;
    }

    #genres-screen .genre-groups {
        padding-left: 1rem !important;
    }

    .carousel-indicators {
        /*bottom: 13% !important;*/
    }
    .project-quick-access.full-info .project-layout-page-data {
        /*padding-left: 2rem !important;*/
    }

    /*.header {
        height: 3rem;
        min-height: 3rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        left: 1.3rem;
        left: 2rem;
        width: calc(100% - 4rem);
        width: 100%;
        left: 0;
        padding-left: 0px !important;
    }*/
    .app-project-header.sticky {
       /* min-height: 3rem;*/
    }
    /*.app-project-header #button-options {
        padding-left: .5rem;
        padding-left: 0rem;
    }*/
    .header .app-user-content-button-icon {
        font-size: 1.8rem;
        font-size: 1.4rem;
    }

    .header img {
        height: 1.8rem;
        /*padding-right: 1rem;*/
    }
        /*.header > button.logo {
            top: 0px;
        }*/

        .header #header-title {
            display: block;
            position: relative;
            top: 2px;
            font-size: 1rem;
            text-transform: uppercase;
            opacity: .8;
        }

    .header #button-options {
        font-size: 1.6rem;
        /* display: none; */
        top: -3px;
        position: relative;
    }

        .header > button:not(#button-options) {
            display: none;
        }

        /*.header > button.logo {
            padding-left: 1rem;
        }
*/
    #input-search {
        padding: .5rem;
    }

    .header-menu {
        display: flex !important;
        flex-direction: column;
        box-shadow: none;
        position: absolute !important;
        left: unset !important;
        display: none !important;
    }

    .project-layout-page-background-image-container {
       /* background: none !important;*/
    }

    .body {
        padding-left: 0;
        margin-left: 0rem;
        margin-left: 0rem;
    }

    /*#main-screen.search .body {
        padding-left: 0;
        margin-left: 23rem;
    }
*/
    #recent-dates {
        padding-top: 0rem !important;
        padding-bottom: .5rem !important;
    }

    .recent-date > .name, .recent-date .name.section-button {
        padding-bottom: 0rem !important;
    }

    .recent-date .header-info > .name {
        padding-bottom: .5rem !important;
    }
    /*.search-section > .name {
        padding-bottom:.5rem !important;
    }*/
    .app-project-footer {
        /* padding-top: 1rem; */
        height: 2rem;
        align-items: center;
        flex-direction: row;
        justify-content: initial;
    }
    .app-project-header {
        padding-right: .5rem;
    }
        .app-project-footer .links {
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 1rem;
            padding-left: 1rem;
        }

            .app-project-footer .links button {
                font-size: .7rem;
            }

        .app-project-footer .copyright {
            width: 100%;
            text-align: right;
            font-size: .7rem;
            padding-left: 0rem;
            padding-right: 1rem;
        }

        .app-project-footer .appVersion {
            display: none;
        }

    /*.sections-tab {
        width: 14rem !important;
    }*/
    /*
    .sections-pages {
        padding: 2rem 2rem !important;
    }
*/
    .sections-page.log {
        left: 0px !important;
    }
/*
    .project-layout-page-title label {
        line-height: 3.5rem;
        text-align: center;
    }
    .project-quick-access.full-info .project-layout-page-data {
        max-width: unset !important;
    }
    .project-layout-page-title {
        position:relative;
        left:-1rem;
    }*/

}

@media only screen and (min-height: 1050px) {
    #up-next-info .drop-down {
        bottom: 64% !important;
    }
}

@media only screen and (min-height: 800px) {
    #up-next-info .library-group .container {
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
    }
    /*#up-next-info .library-group {
        width: 380px !important;
    }
    #up-next-info .library-group .image {
        width: 380px !important;
        height: 285px  !important;
    }*/
    /*#up-next-info .library-group img {
        max-width: 380px !important;
        max-height: 285px !important;
    }*/
    #up-next-info .library-group .name {
        font-size: 1.1rem !important;
    }

    #up-next-info .library-group .name2 {
        font-size: 1rem !important;
    }

    #up-next-info .library-group .info {
        font-size: 1rem !important;
        padding-top: 3px !important;
    }
    /*#up-next-info .library-types-scroll-button {
        top: 80px !important;
    }*/
}

@media only screen and (max-height: 1200px) {

    /*.library-group-details > .image {
        min-height: 460px;
    }

        .library-group-details > .image img {
            max-height: 460px;
        }*/
}

@media only screen and (max-height: 950px) {

    /* .library-group-details > .image {
        min-height: 300px !important;
    }
        .library-group-details > .image img {
            max-height: 300px !important;
        }*/

}

@media only screen and (max-height: 800px) {

    /*.library-types-scroll-button {
        top: 40px !important;
    }*/

    /*.library-group-details > .image {
        min-height: 170px !important;
    }
    .library-group-details > .image img {
        max-height:170px !important;
    }*/

    #download-info.expanded .downloader-items {
        height: 300px !important;
    }
}

@media only screen and (max-height: 600px) {

    /*.library-types-scroll-button {
        top: 60px !important;
    }*/

   /* .library-group {
        width: 208px !important;
        min-width: 208px !important;
    }*/

        .library-group .container {
            padding-top: 8px !important;
            padding-left: 8px !important;
            padding-right: 8px !important;
            padding-bottom: 8px !important;
            /*min-height: 45px !important;*/
        }

        .library-group .image span {
            font-size: 1.2rem !important;
        }

    #up-next-info .library-group {
        width: unset !important;
        min-width: unset !important;
    }
/*
    .library-group .image {
        width: 208px !important;
        height: 208px !important;
    }

    .library-group img {
        max-width: 208px !important;
        max-height: 208px !important;
    }*/

    #up-next-info .library-group .image {
        width: unset !important;
        height: unset !important;
    }

    .library-group .name {
        font-size: .8rem !important;
    }

    .library-group .name2 {
        font-size: .7rem !important;
    }

    .library-group .info {
        font-size: .7rem !important;
        padding-top: 2px !important;
    }

    .library-group .expires {
        font-size: .7rem !important;
        padding-top: 2px !important;
    }

    .library-group .time {
        font-size: .7rem !important;
        padding-top: 2px !important;
    }

    .library-group .size {
        font-size: 0.7rem !important;
    }

    #download-info.expanded .downloader-items {
        height: 200px !important;
    }

    .recent-date > .name, .recent-date .name.section-button {
      /*  margin-left: 1rem !important;*/
    }

    .recent-date .header-info > .name {
      /*  margin-left: 1rem !important;*/
    }

    .recent-grouping .library-group:first-of-type {
       /* margin-left: 1rem !important;*/
    }

    #cache-screen .recent-grouping .wrap-items .library-group:first-of-type {
       /* margin-left: 0 !important;*/
    }

    #cache-screen .recent-grouping .library-groups.wrap-items {
    /*    margin-left: 1rem !important;*/
    }

    /*.search-section > .name {
        margin-left: 1rem !important;
    }
    .search-grouping .library-group:first-of-type {
        margin-left: 1rem !important;
    }*/
    #library-screen .library-types {
        margin-top: 1rem !important;
    }

    #library-screen .library-groups {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #playlists-screen .library-types {
        margin-top: 1rem !important;
    }

    #playlists-screen .library-groups {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #channels-screen .library-types {
        margin-top: .5rem !important;
    }

    #channels-screen .library-groups {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #genres-screen .genre-types {
        margin-top: 1rem !important;
    }

    #genres-screen .genre-groups {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #recent-dates {
        padding-top: 0rem !important;
        padding-bottom: .5rem !important;
    }

    .recent-date > .name, .recent-date .name.section-button {
        padding-bottom: 0rem !important;
    }

    .recent-date .header-info > .name {
        padding-bottom: .5rem !important;
    }
    /*.search-section > .name {
        padding-bottom: .5rem !important;
    }*/

    .login-container .logo-image {
        padding-bottom: .5rem;
        padding-top: 1rem;
    }

        .login-container .logo-image img {
           /* width: 7rem;*/
            max-height: 7rem;
        }

    .login-container .logo-name {
        display: none;
    }

    #login-error {
        font-size: 2rem;
    }

    #login-title {
        font-size: 2.2rem;
        font-weight: 600;
    }

    .login-container #login-message {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .login-container #login-url {
        font-size: 1.1rem;
        margin-bottom: .2rem;
    }

    .login-container #login-access-code {
        font-size: 2.4rem;
    }

    .login-container #login-request {
        font-size: 1.6rem;
    }

    .login-container .loader {
        margin: 0;
        margin-top: 1rem;
        font-size: 6px;
    }
/*
    #options-info .sections-container {
        flex-direction: column;
    }

    #options-info .sections-tabs {
        flex-direction: row;
        padding: 0;
        box-shadow:none;
    }

    #options-info .sections-tabs button {
        text-align: center;
        width: unset;
    }*/
}

@media only screen and (max-height: 400px) {

    /*.library-group-details > .image {
        min-height: 85px !important;
    }
    .library-group-details > .image img {
        max-height:85px !important;
    }*/
    #up-next-info {
        position: unset;
    }

        #up-next-info .library-group {
            display: none;
        }

            #up-next-info .library-group.selected {
                width: unset !important;
                min-width: unset !important;
                display: block;
            }

        #up-next-info.clean .library-group img {
            max-width: 120px !important;
            max-height: 120px !important;
        }

        #up-next-info .library-group .container {
            display: none;
        }


    .login-container #login-title {
        font-size: 1.8rem;
    }

    .login-container #login-error {
        font-size: 2rem;
    }

    .login-container .logo-image {
        padding-bottom: .5rem;
        padding-top: 1rem;
    }

        .login-container .logo-image img {
           /* width: 7rem;*/
            max-height: 7rem;
        }

    .login-container .logo-name {
        display: none;
    }

    .login-container #login-message {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }

    .login-container #login-url {
        font-size: 1.1rem;
        margin-bottom: .2rem;
    }

    .login-container #login-access-code {
        font-size: 2.4rem;
    }

    .login-container #login-request {
        font-size: 1.6rem;
    }

    .login-container .loader {
        margin: 0;
        margin-top: 1rem;
        font-size: 6px;
    }
}

@media only screen and (max-height: 400px) and (max-width: 600px) {
    #volume-bar-container {
        display: none !important;
    }
}

@media only screen and (max-width: 400px) {
    #up-next-info {
        bottom: 19% !important;
    }

        #up-next-info .library-group img {
            max-width: 180px !important;
            max-height: 180px !important;
        }

    #library-screen .library-groups {
        padding-left: .7rem !important;
        padding-top: 0 !important;
    }

    #playlists-screen .library-groups {
        padding-left: .7rem !important;
        padding-top: 0 !important;
    }

    #genres-screen .library-groups {
        padding-left: .7rem !important;
        padding-top: 0 !important;
    }

    #playerControls .metadata-item-header-info-description {
        font-size: 1.1rem !important;
        line-height: 1.4rem !important;
    }

    .library-groups-selected-item {
        min-width: 100% !important;
    }

    .library-group-details .controls {
        justify-content: space-around;
        padding-left: 0 !important;
        margin-left: .5rem !important;
        margin-right: .5rem !important;
    }

        .library-group-details .controls button {
            margin-right: 0px !important;
        }

    .recent-date .header-info {
        flex-direction: column !important;
    }

        .recent-date .header-info button {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important;
        }

    .recent-date .header-info {
        align-items: normal !important;
    }

        .recent-date .header-info > .name {
            text-align: center !important;
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

    .genre-options {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    #genres-screen .drop-down {
        width: 100% !important;
    }

    .login-container #login-title {
        font-size: 1.8rem;
    }

    .login-container #login-error {
        font-size: 2rem;
    }


    .login-container .logo-image {
        padding-bottom: .5rem;
        padding-top: 1rem;
    }

        .login-container .logo-image img {
          /*  width: 7rem;*/
            max-height: 7rem;
        }

    .login-container .logo-name {
        display: none;
    }

    .login-container #login-message {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }

    .login-container #login-url {
        font-size: 1.1rem;
        margin-bottom: .2rem;
    }

    .login-container #login-access-code {
        font-size: 2.4rem;
    }

    .login-container #login-request {
        font-size: 1.6rem;
    }

    .login-container .loader {
        margin: 0;
        margin-top: 1rem;
        font-size: 6px;
    }
/*
    #options-info .sections-container {
        flex-direction: column;
    }

    #options-info .sections-tabs {
        flex-direction: row;
        padding: 0;
    }

        #options-info .sections-tabs button {
            text-align: center;
            width: unset;
        }*/
}

@media only screen and (max-height: 275px) {
    #up-next-info .library-group.selected {
        display: none;
    }
}

#user-info {
    display: none;
}

#library-types {
    position: relative;
    display: flex;
    align-items: center;
    /*padding-left: 1.5rem;
    padding-right: 3rem;*/
    /*justify-content:center;*/
}

.tab-single #library-types {
    display: none;
}

.library-types-container {
    display: flex;
    align-items: center;
}

.library-types {
    display: flex;
    /* flex-wrap: wrap; */
    list-style: none;
    padding: 0;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: .5rem;
    overflow: hidden;
    /* transition: .5s;*/
    position: relative;
    left: 0px;
    padding-left: 2.25rem;
  /*  padding-right: 2.5rem;
    margin-right: 3rem;*/
}

body.no-transition .library-types {
    transition: none;
}

#library-screen .library-types {
    /*margin-bottom: 0;*/
}

#library-buttons {
    display: flex;
    justify-content: center;
}

#channels-screen #library-buttons > button {
    min-width: 115px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
}

    body:not(.mobile-device) #channels-screen #library-buttons > button:hover,
    #channels-screen #library-buttons > button:active,
    #channels-screen #library-buttons > button:focus {
        border-radius: 3px;
    }

/*#channels-screen .library-types {
    margin-top: .5rem;
}*/

.channels-only #channels-screen.lineup #library-types {
    display: none;
}

.channels-only #channels-screen.schedule #library-types {
    display: none;
}

.channels-only #channels-screen.lineup #library-types {
    display: flex;
}

.channels-only #channels-screen #library-buttons {
    min-height: 1rem;
}

    .channels-only #channels-screen #library-buttons button {
        display: none;
    }
/*.channels-only #library-listing .library-groups {
    height: calc(100% - 1rem);
}
.channels-only #channels-screen #library-listing {
    height: calc(100% - 0rem);
}*/
/*.channels-only #channels-screen .library-grouping {
    margin-top: 1rem;
}*/
#library-buttons button {
    border: 0;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: white;
    font-size: 1rem;
    /* opacity: .7; */
    cursor: pointer;
    /* padding: 0rem .5rem; */
    /* margin-right: 1rem; */
    /* padding-top: .3rem; */
    margin-right: .3rem;
    transition: .3s;
    /*background-color: #323232;*/
    /* padding-bottom: .5rem; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    color: #FDFEFE;
    border-bottom: solid 2px transparent;
    padding: .7rem 1.3rem;
    margin-right: .8rem;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase;
    margin: .8rem .8rem;
    /* margin-top: .4rem; */
    margin-bottom: .6rem;
    opacity: .7;
    font-size: .9rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

body.no-transition #library-buttons button {
    transition: none;
}

#library-buttons button i {
    margin-right: 5px;
}

#library-buttons button:focus {
    background-color: #444444;
    opacity: 1;
}

body:not(.mobile-device) #library-buttons button:hover {
    background-color: #888888;
    opacity: 1;
}

#library-buttons button:active {
    opacity: .8;
    border-color: #FF0062 !important;
    background-color: #FF0062 !important;
    /*transition:none;*/
}

#library-buttons button.selected {
    border-color: #FF0062 !important;
    opacity: 1;
}

    #library-buttons button.selected:focus {
        background-color: #FF0062 !important;
    }

#library-options {
    margin-left: 2.6rem;
    margin-right: 2.6rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

    #library-options button {
        border: 0;
        outline: 0;
        margin: 0;
        background-color: transparent;
        color: white;
        font-size: 1rem;
        /* opacity: .7; */
        cursor: pointer;
        /* padding: 0rem .5rem; */
        /* margin-right: 1rem; */
        /* padding-top: .3rem; */
        margin-right: .3rem;
        transition: .3s;
        background-color: #323232;
        /* padding-bottom: .5rem; */
        /* margin-left: 5px; */
        /* margin-right: 5px; */
        color: #FDFEFE;
        padding: .7rem 1.3rem;
        margin-right: .8rem;
        white-space: nowrap;
        cursor: pointer;
    }

body.no-transition #library-options button {
    transition: none;
}

#library-options button i {
    margin-right: 5px;
}

#library-options button.temp {
    color: blue;
}

#library-options button.perm {
    color: green;
}

body:not(.mobile-device) #library-options button:hover {
    background-color: #444444;
}

#library-options button:focus {
    background-color: #FF0062;
}

#library-options button:active {
    background-color: #FF0062;
    /*opacity:.8;*/
    transition: none;
}

.library-types-scroller {
    display: flex;
    flex: 1;
    overflow: auto;
}

.library-types-scroll-button {
    border: 0;
    outline: 0;
    background-color: transparent;
    color: white;
    cursor: pointer;
    transition: .3s;
    padding: 0;
    z-index: 7;
    position: absolute;
    opacity: .7;
    transition: .2s;
    top: 1.2rem;
}
body.mobile-device .library-types-scroll-button {
    display: none !important;
}
    /*body.no-transition .library-types-scroll-button {
    transition: none;
}*/
body:not(.mobile-device) .library-types-scroll-button:hover {
    opacity: 1;
}

    .library-types-scroll-button:focus {
        opacity: 1;
    }

    .library-types-scroll-button:active {
        opacity: .8 !important;
    }


.library-types-scroll-button:disabled {
    opacity: .5 !important;
    pointer-events: all;
}

.library-types-scroll-button.left {
    background-image: linear-gradient(to right, rgba(25,25,25,1), rgba(25,25,25,.1));
    left: 0;
}

body:not(.mobile-device) .library-types-scroll-button.left:hover {
    background-image: linear-gradient(to right, rgba(25,25,25,1), rgba(25,25,25,.5));
}

.library-types-scroll-button.right {
    background-image: linear-gradient(to right, rgba(25,25,25,.1), rgba(25,25,25,1));
    right: 0;
}

body:not(.mobile-device) .library-types-scroll-button.right:hover {
    background-image: linear-gradient(to right, rgba(25,25,25,.5), rgba(25,25,25,1));
}

.library-types-scroll-button i {
    padding: 1rem 1rem;
}

.library-types-scroll-button.left i {
}

.library-types-scroll-button.right i {
}

.no-items .library-types-scroll-button {
    display: none;
}

#library-types.hide-categories > .library-types-scroll-button,
#library-types.hide-categories > .library-types {
    display:none;
}

/*
.mobile-device #up-next-info .library-group {
    display: none;
}
.mobile-device #up-next-info .library-group.selected {
    width: unset !important;
    display: block;
}
.mobile-device #up-next-info .library-group .container {
    display: none;
}
.mobile-device #up-next-info .library-group .info {
    display: none;
}*/
body.no-transition #up-next-info .library-types-scroll-button {
    display: none;
}
/*body.mobile-device #up-next-info .library-group:focus {
    outline: -webkit-focus-ring-color auto 1px;
}*/

/*#genres-screen .library-type {
    display: none;
}*/
#genres-screen .library-type:last-of-type {
    margin-right: 0;
}

#genres-screen.show-unknown .library-type {
    display: block;
}

#genres-screen.show-audio .library-type.audio {
    display: block;
}

#genres-screen.show-video .library-type.video {
    display: block;
}

#genres-screen.show-image .library-type.image {
    display: block;
}

#genres-screen.show-url .library-type.url {
    display: block;
}

/*#genres-screen .library-grouping {
    display:none;
}
#genres-screen.show-unknown .library-grouping {
    display: flex;
}
#genres-screen.show-audio .library-grouping.audio {
    display: flex;
}
#genres-screen.show-video .library-grouping.video {
    display: flex;
}
#genres-screen.show-image .library-grouping.image {
    display: flex;
}
#genres-screen.show-url .library-grouping.url {
    display: flex;
}*/

.library-type {
    padding: 10px 5px;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.6rem;
    color: white;
    opacity: .7;
    transition: .3s;
    /* padding-left: .5rem; */
    margin-right: 15px;
    margin-left: 0px;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 3px;
}

    .library-type.selected {
        opacity: 1;
        background-color: #444;
    }
    /*.library-type.focused {
    opacity:1;
    background-color: #444444;
}*/
    .library-type:focus {
        opacity: 1;
        background-color: #FF0062;
        /* outline: #1177AA auto 1px !important;*/
    }

body:not(.mobile-device) .library-type:hover {
    opacity: 1;
    background-color: #888888;
}

    .library-type.selected .underline {
        opacity: 1;
    }

    .library-type.selected:focus .underline {
        opacity: 1;
    }

    .library-type.selected:focus,
    .library-type.focused {
        background-color: #FF0062 !important;
    }

body.no-transition .library-type {
    transition: none;
}

.library-type .image {
    display: none;
}

.library-type img {
    max-width: 60px;
    max-height: 60px;
}

.underline {
    width: 0%;
    height: 3px;
    transition: all .3s;
    margin-top: 7px;
    margin-left: -1px;
    margin-right: 1px;
    opacity: .7;
    display: flex;
    width: 100%;
    justify-content: center;
    display:none;
}

body.no-transition .underline {
    transition: none;
}

.underline .dot {
    border-color: #17B6EF;
    background-color: #17B6EF;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    margin-left: 2px;
    margin-right: 2px;
}

.library-type label {
    cursor: pointer;
}

body:not(.mobile-device) .library-type:hover label {
    cursor: pointer;
}

.library-grouping {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.section-quickaccess {
    /*min-height: 64px;
    max-height: 64px;*/
}

.tab-page.has-quickaccess .section-quickaccess {
    min-height: calc(100vh - 0px);
}

.section-grid {
    min-height: calc(100vh - 88px);
   /* box-shadow: 0 0 10px 10px inherit;
    box-shadow: 0 0 10px 10px #181818;*/
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    display: none;
}

.tab-page.has-categories .section-grid {
    display: flex;
}

.body .tab-page.project-layout .section-row {
    min-height: 500px; /* calc(100vh - 88px);*/
    /*box-shadow: 0 0 10px 10px inherit;
    box-shadow: 0 0 40px 40px #0D0D10;*/
    margin-bottom: 2.5rem;
}

#main-screen.related .body .tab-page.project-layout .section-row,
#main-screen.media .body .tab-page.project-layout .section-row,
#main-screen.brand .body .tab-page.project-layout .section-row,
#main-screen.categoy .body .tab-page.project-layout .section-row {
    min-height: unset;
}
#main-screen.related .section-row.section-content > #recent-info > #recent-dates,
#main-screen.media .section-row.section-content > #recent-info > #recent-dates,
#main-screen.brand .section-row.section-content > #recent-info > #recent-dates,
#main-screen.category .section-row.section-content > #recent-info > #recent-dates {
    min-height: unset;
}

.tab-page.has-categories .section-row {
    display: flex;
    /*  NOTE: this may screw something up but is not scrolling corrrectly for P90x;*/
    margin-bottom: 0rem !important;
}
body.fullscreen-quickaccess:not(.has-quick-access-items) .tab-page.has-categories .section-row {
    padding-top: 10.25rem;
}
body.fullscreen-quickaccess:not(.mobile-device, .has-quick-access-items) .tab-page.has-categories .section-row {
    padding-top: 11rem;
}

#library-groups {
    flex: 1;
    /*  position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    overflow: auto;
    height: 100%;
}
body.library-selection #library-screen .library-groups {
    z-index: 499;
}
body.library-selection #recent-screen .recent-grouping .library-groups {
    z-index: 499;
}
/*body.library-selection #recent-screen #recent-dates {
    z-index: 499;
}
body.library-selection .app-project-header {
    z-index: 499;
}

body.library-selection #recent-screen #recent-info .vail.fixed-window.library-groups-selected-item-vail {
    z-index: 49;
}*/

body.tv-device #library-groups {
    overflow: hidden;
}

#playlists-screen #library-groups {
    top: 86px;
}

.tab-single #library-groups {
    top: 24px !important;
}

#library-screen.tab-single #library-groups {
    top: 61px !important;
}

#library-screen.tab-single #library-options {
    margin-top: 1rem !important;
}

.app-project-footer .buttonFullscreen {
    margin-left: 1rem;
    margin-right: 1rem;
}

.library-groups {
    display: flex;
    list-style: none;
    /* overflow: auto; */
    /* height: 100%;*/
    /* flex-wrap: wrap; */
    padding-bottom: 1rem;
    margin-right: 0;
    overflow: hidden;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    /*position:absolute;*/
}

#channels-screen #library-pages {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#library-screen .library-groups {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 1.5rem;
    padding-right: .5rem;
    /*height: calc(100% - 8.5rem);
    overflow: auto;*/
    /*height: calc(100% - 0rem);
    overflow: auto;*/
    margin-bottom: 0;
}
body.edit-layout #library-screen .library-groups {
    padding-left: .5rem;
}

.recent-date.purchases-category #library-screen .library-groups {
    padding-left: 0;
}

.section-grid .library-groups {
    padding-bottom: 5rem;
    /* height: calc(100% - 5rem);*/
   /* flex:1;*/
    overflow: auto;
}

.library-grouping .loader-container {
    position: fixed;
    z-index: 5;
    top: 8rem;
}

#library-listing .library-groups {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 2rem;
    padding-right: .5rem;
    /* height: calc(100% - 0rem);
    overflow: auto;*/
}

#playlists-screen .library-groups {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 2rem;
    padding-right: .5rem;
    /* height: calc(100% - 5rem);
    overflow: auto;*/
}

/*#channels-screen .library-pages {
    flex-wrap: wrap;
    padding-left: 2rem;
    padding-right: .5rem;
    height: calc(100% - 5rem);
    overflow: auto;
}*/
#channels-screen .library-page {
    flex-wrap: wrap;
    flex: 1;
    position: absolute;
    left: 0;
    top: 145px;
    right: 0;
    bottom: 0px;
    overflow: auto;
}

body.tv-device #channels-screen .library-page {
    overflow: hidden;
}

#channels-screen.tab-single .library-page {
    top: 50px !important;
}
/*.channels-only #channels-screen .library-page {
    height: calc(100% - 6rem);
}*/
#channels-screen .library-groups {
    overflow-x: hidden;
}
body.library-selection #channels-screen .library-groups {
    z-index: 500;
}

#channels-screen #library-schedule {
    display: none;
    flex-wrap: wrap;
    /* height: calc(100% - 4rem);
    overflow: hidden;
    position: relative;*/
    /*z-index:2;*/
}
/*.channels-only #channels-screen #library-schedule {
    height: calc(100% - 1rem);
}*/
#channels-screen.schedule #library-schedule {
    display: flex;
    flex: 1;
    position: absolute;
    left: 0;
    top: 70px;
    right: 0;
    bottom: 0px;
    overflow: auto;
    z-index: 1;
    overflow-x: clip;
}
body.library-selection #channels-screen.schedule #library-schedule {
    z-index: 500;
}

#channels-screen.schedule #library-types {
    display: none;
}

#channels-screen.schedule #library-pages {
    display: none;
}

#channels-screen #library-listing {
    display: none;
    flex-wrap: wrap;
    flex: 1;
    position: absolute;
    left: 0;
    top: 63px;
    right: 0;
    bottom: 0px;
    overflow: auto;
}

body.tv-device #channels-screen #library-listing {
    overflow: hidden;
}

#channels-screen.listing #library-listing {
    display: flex;
}

#channels-screen.listing #library-types {
    display: none;
}

#channels-screen.listing #library-pages {
    display: none;
}

#library-screen {
    /* padding-left: 1rem; */
    /*overflow: hidden;*/
    height: 100%;
    width: 100%;
    /* position: relative;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;*/
}

#playlists-screen {
    /*overflow: hidden;*/
    height: 100%;
}

#channels-screen {
    /*padding-left:1rem;*/
    /*  overflow: hidden;*/
    /*height: 100%;
    padding-top: 77px;*/
    flex-direction: column;
    overflow: hidden;
}
#channels-screen.selected {
    display:flex;    
}

    #channels-screen.schedule {
        height: 100%;
    }


#genres-screen {
    /*padding-left:1rem;*/
    /*overflow: hidden;*/
    height: 100%;
    /*min-height:18rem;*/
}

#genre-types {
    position: relative;
    display: flex;
    align-items: center;
}

.genre-options {
    padding-top: 0.5rem;
    padding-bottom: 0;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.genre-types-container {
    display: flex;
    align-items: center;
}

.genre-types {
    display: flex;
    /* flex-wrap: wrap; */
    list-style: none;
    padding: 0;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: .5rem;
    overflow: hidden;
    /*  transition: .5s;*/
    position: relative;
    left: 0px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-right: 0rem;
}

body.no-transition .genre-types {
    transition: none;
}

#genre-groups {
    flex: 1;
    /*position: absolute;*/
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0px;
    overflow: auto;
    position:relative;
}

body.tv-device #genre-groups {
    overflow: hidden;
}

.genre-groups {
    display: flex;
    list-style: none;
    /* overflow: auto; */
    height: 100%;
    /* flex-wrap: wrap; */
    padding-bottom: 1rem;
    margin-right: 0;
    overflow: hidden;
    margin-bottom: 1rem;
    padding-bottom: 0;
}

#genres-screen .library-groups {
    flex-wrap: wrap;
    padding-left: 2rem;
    padding-right: 1rem;
}

#recent-dates {
    /* padding-top: 1rem; */

    padding: 0rem 0rem;
    /* background: linear-gradient(#12121A, #121216) !important;*/
    background: inherit;
}
#recent-dates .recent-date {
    padding-bottom: 2rem;    
}
.section-row.section-content > #recent-info > #recent-dates {
    min-height: 500px;
}

.has-quickaccess-items,
.has-quickaccess-item {
    margin-bottom: 2.5rem;
}

.recent-grouping {
    min-height: 250px;
    min-height: 35vh;
    position: relative;
}
.recent-date.editing .recent-grouping {
    min-height: 440px;
}
.default-page-widget-2 .section-items .recent-grouping {
    min-height: 250px;
    display:flex;
    justify-content:center;
}

#channels-screen .recent-grouping {
    display: flex;
}

.library-selection .recent-date.cached-items,
.library-selection .recent-date.caching-items {
    z-index: 499;
}

.recent-grouping .library-groups {
    /*padding-bottom: 0rem;*/
    margin-bottom: 0rem;
    /*margin-right: 2rem;*/
    /*scroll-behavior:smooth;*/
    padding-top: 5px;
    padding-bottom: .5rem;
}

.recent-grouping:not(.regular-margin) .library-groups .library-group:first-child {
    margin-left: 2.25rem;
    margin-left: 4rem;
    margin-left: 3.6rem;
}

.recent-grouping:not(.regular-margin) .library-groups .library-group:last-child {
    margin-right: 2.25rem;
    margin-right: 4rem;
}

.recent-date.use-full-image .recent-grouping:not(.regular-margin) .library-groups .library-group:first-child {
    margin-left:0rem;
}

.recent-date.use-full-image .recent-grouping:not(.regular-margin) .library-groups .library-group:last-child {
    margin-right:0rem;
}

#cache-screen .recent-grouping .library-groups.wrap-items {
    flex-wrap: wrap;
    margin-left: 2rem;
}

.recent-grouping.no-items .library-groups {
    display: none;
}

.recent-grouping .library-groups .library-loader {
    padding-top: 1rem;
}
/*.recent-grouping .library-group:first-of-type {
    margin-left: 2.7rem;
}
.recent-grouping .library-group:last-of-type {
    margin-right: 2.7rem;
}*/
#cache-screen .recent-grouping .wrap-items .library-group:first-of-type {
    margin-left: 10px !important;
}

#cache-screen .library-group .size {
    font-size: 0.9rem;
    text-align: left;
    display: flex;
    color: white;
    opacity: 0.7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#cache-screen .library-group .size {
    flex: 1;
    padding-top: 3px;
    padding-right: 12px;
    padding-left: 1px;
}

.recent-date > .name, .recent-date .name.section-button {
    font-size: 1.6rem;
    opacity: .7;
    padding: 1rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    /*padding: .5rem;
    position: relative;
    top: -.25rem;
    top: 0rem;
    left: -.25rem;*/
    width: fit-content;
    margin-left: 2rem;
    opacity: 1;
    letter-spacing: 1px;
    letter-spacing: 0px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #E5E5E5;
    transition: .3s;
}
body.mobile-device .recent-date > .name, .recent-date .name.section-button {
    transition: 0;
    touch-action: manipulation; 
}
.recent-date > button.section-button.name:disabled {
    opacity:.7 !important;
}
.recent-date:not(.top-ten-category) .name.section-button .name-container-label {
    display: flex;
    align-items: baseline;
}
.recent-date .name.section-button .name-container-label .name-explore-all {
    margin-left: .5rem;
    font-size: 1.2rem;
    position: relative;
    top: -1px;
    left: -20px;
    transition: .3s;
    opacity: 0;
    color:white !important;
}
.recent-date .name.section-button.enable-link:active {
    opacity: 1;
    left: 0px;
    color: #FF0062 !important;
    opacity:.8;
    transition:0;
}
body:not(.mobile-device) .recent-date .name.section-button.enable-link:hover .name-container-label .name-explore-all,
.recent-date .name.section-button.enable-link:focus .name-container-label .name-explore-all,
.recent-date .name.section-button.enable-link:active .name-container-label .name-explore-all {
    opacity: 1;
    left: 0px;
}
.recent-date .name.section-button.enable-link:active .name-container-label .name-explore-all {
    opacity: 1;
    left: 0px;
    color: #FF0062 !important;
}
.recent-date.top-ten-category .name.section-button .name-container-label .name-explore-all {
    display:none !important;
}

#channels-screen .recent-date > .name {
    padding-left: .5rem;
    margin-left: 2.5rem;
    font-size: 1.4rem;
    opacity: .9;
    font-size: 1.6rem;
    opacity: .7;
    transition: .3s;
    padding-bottom: .25rem;
    padding-top: .3rem !important;
}

body.no-transition #channels-screen .recent-date > .name {
    transition: none;
}

body:not(.mobile-device) #channels-screen .recent-date > .name.schedule:hover {
    opacity: 9;
}

#channels-screen .recent-date > .name.schedule:active {
    opacity: 1;
}

.recent-date .header-info {
    display: flex;
    align-items: baseline;
}

    .recent-date .header-info > .name {
        padding: 1rem;
        font-size: 1.6rem;
        opacity: .7;
        padding-left: .5rem;
        padding-right: .5rem;
        padding-top: .7rem;
        width: fit-content;
        margin-left: 2rem;
        margin-right: .5rem;
    }

    .recent-date .header-info button.default {
        padding: .7rem 1rem;
    }


#recent-screen .library-types-scroll-button {
    top: 100px;
    width: 80px;
    height: 160px;
    width: 60px;
    height: 120px;
}

#channels-screen .recent-date .library-types-scroll-button {
    top: 100px;
    width: 80px;
    height: 160px;
}

/*#channels-screen .library-groups-no-items {
    top: 14rem;
    bottom: 16rem;
}
*/
#recent-screen .library-groups-no-items {
    top: 2rem;
    bottom: unset;
}

    #recent-screen .library-groups-no-items > div {
        font-size: 1.4rem;
        padding: 0 !important;
        font-size: 1.8rem;
        padding: 0 !important;
        opacity: 1;
        color: #E5E5E5;
    }

#search-screen.selected {
    display: flex !important;
    overflow: hidden;
    height: 100%;
}

#search-sections {
    position: relative;
    display: flex;
    flex: 1;
    overflow: auto;
   /* padding-top: 64px;*/
}
#sections-container {
    flex: 1;
}
.sections-container {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.sections-container-upload {
    padding: 0 1rem;
    padding-right: 2rem;
}
.search-sections-container {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    flex: 1;
}

#search-screen {
    padding-top: .5rem;
}
#search-sections {
    padding-top: 1rem;
}
.search-section {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.search-container {
    display: flex;
    /*border-top: solid 1px rgba(100,100,100,.3);*/
    flex: 1;
   /* padding-top: 64px;
    padding-bottom: 38px;*/
}

#search-keys {
    display: flex;
    background-color: #1C1C22;
    /*background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit !important;
    box-shadow: 2px 0 8px rgba(0,0,0,.3);
    flex-direction: column;
    /*flex-grow: 1;*/
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    transition: width .3s;
    /*position: absolute;*/
    top: 4rem;
    left: 0;
    bottom: 3rem;
    align-items: center;
    /* z-index: 1;*/
    width: 20rem;
    min-width: 20rem;
    padding: 0rem;
    overflow: hidden;
    /*padding-top: 64px;*/
    height: 100%;
}

body.no-transition #search-keys {
    transition: none;
}
/*#search-keys .input-container {
    display: flex;
    flex-direction: column;
}*/
#search-keys input {
    /* background-color: rgb(20, 20,20);*/
    color: rgb(255, 255, 255);
    border: 0;
    outline: 0;
    padding: 1rem;
    letter-spacing: .5px;
    padding-bottom: .5rem;
    margin-left: 1.5rem;
    margin-right: .5rem;
    height: inherit;
    /* min-width: 200px; */
    border-bottom: solid 2px #FF0062;
    border-left: solid 1px #1C1C22;
    margin: 0;
    width: 18rem;
    /* height: 3rem; */
    line-height: 2rem;
    border-radius: 0px;
    border-left: none;
}

#search-keys .input-keys {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin: .5rem;
    margin-bottom: 0;
}

    #search-keys .input-keys button {
        padding: .5rem .5rem;
        white-space: nowrap;
        width: 45px;
        border: solid 1px transparent;
        border-radius: 6px;
    }

body:not(.mobile-device) #search-keys .input-keys button:hover {
    background-color: #FF0062;
}

        #search-keys .input-keys button:focus {
            border: solid 1px #FF0062;
            background-color: #FF0062;
        }

        #search-keys .input-keys button:active {
            background-color: #FF0062;
        }
/*#search-keys .input-keys-container {
    transition: .3s;
    height: 285px;
    min-height: 285px;
    overflow: hidden;
}*/
body.no-transition #search-keys .input-keys-container {
    transition: none;
}

#search-keys .input-keys-container.hide {
    height: 0px;
    min-height: 0px;
}

#search-keys .input-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #search-keys .input-options button {
        background-color: transparent;
        padding: .5rem;
        margin: .5rem;
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin-top: .5rem;
        margin-bottom: .2rem;
        width: 100%;
        border-radius: 6px;
    }

body:not(.mobile-device) #search-keys .input-options button:hover {
    background-color: #FF0062;
}

        #search-keys .input-options button:focus {
            background-color: #FF0062;
        }

        #search-keys .input-options button:active {
            background-color: #FF0062;
        }

        #search-keys .input-options button.input-option-back {
            margin: 0;
            font-size: 2rem;
            margin-top: .5rem;
            margin-bottom: .2rem;
            padding-top: .25rem;
            padding-bottom: .25rem;
        }
        
        #search-keys .input-options button.input-option-back i {
            position: relative;
            top: 1px;
            left: -2px;
        }
        
#search-keys .input-searches-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    align-items: baseline;
    margin: .5rem;
    margin-left: 0;
    margin-right: 0;
}

.search-section.header-input #search-keys .input-searches-container {
    margin-top: 1.2rem;
}

#search-keys .input-searches-label {
    padding-left: .2rem;
    padding-right: .2rem;
    padding-bottom: .4rem;
    margin-left: .5rem;
    margin-right: .5rem;
}

#search-keys .input-searches-results {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: baseline;
    overflow: auto;
}

    #search-keys .input-searches-results button {
        padding: .5rem;
        margin: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-color: transparent;
        font-size: 1rem;
        width: 100%;
        width: calc(100% - .5rem);
        text-align: left;
        padding-left: 1rem;
        padding-right: 1rem;
        /*border-radius: 6px;*/
    }

        #search-keys .input-searches-results button > i {
            margin-right: .5rem;
        }

        #search-keys .input-searches-results button > label {
        }

body:not(.mobile-device) #search-keys .input-searches-results button:hover {
    background-color: #FF0062;
    color: white;
}

        #search-keys .input-searches-results button:focus {
            background-color: #FF0062;
            color: white;
        }

        #search-keys .input-searches-results button:active {
            background-color: #FF0062;
            color: white;
        }

#search-keys .input-searches-options {
    width: 100%;
    padding-top: .2rem;
}

    #search-keys .input-searches-options button {
        padding: .5rem;
        margin: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-color: transparent;
        font-size: 1rem;
        width: 100%;
        width: calc(100% - .5rem);
        text-align: left;
        padding-top: .7rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 6px;
    }

        #search-keys .input-searches-options button > i {
            margin-right: .5rem;
        }

        #search-keys .input-searches-options button > label {
        }

        #search-keys .input-searches-options button.input-searches-option-clear {
            color: goldenrod;
        }

body:not(.mobile-device) #search-keys .input-searches-options button:hover {
    background-color: #FF0062;
    color: white;
}

        #search-keys .input-searches-options button:focus {
            background-color: #FF0062;
            color: white;
        }

        #search-keys .input-searches-options button:active {
            background-color: #FF0062;
            color: white;
        }

#search-keys .sections-container {
    flex: 1;
}
/*.sections-container {
    margin-left: 1rem !important;
}*/

.search-grouping {
    min-height: 10rem;
    position: relative;
}
body:not(.mobile-device) .search-grouping {
    margin-left: 1.5rem;
}
body:not(.mobile-device) .search-grouping  .library-groups {
    margin-left: unset !important;
}

    .search-grouping .library-groups {
        padding-bottom: .5rem;
        margin-bottom: 0rem;
    }
/*
        .search-grouping .library-groups .library-group:first-of-type {
            margin-left: 2rem;
        }

        .search-grouping .library-groups .library-group:last-of-type {
            margin-right: 2rem;
        }
*/
.search-section > .name {
    padding: 1rem;
    font-size: 1.6rem;
    opacity: .7;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: .7rem;
    width: fit-content;
    margin-left: 2rem;
    margin-left: .5rem;
    padding-bottom: .5rem;
    padding-top: 1rem;
}
.search-section > div.name {
    opacity: 1;
}
.search-section > div.name > label {
    color: #E5E5E5;
}

#search-screen .library-types-scroll-button {
    top: 20%;
    width: 80px;
    height: 160px;
}


#cache-screen .library-group {
    position: relative;
}

body:not(.mobile-device) #cache-screen .library-group:hover .container {
    background-color: black;
}

body:not(.mobile-device) #cache-screen .library-group:hover .name2 {
    opacity: 1;
}

body:not(.mobile-device) #cache-screen .library-group:hover .info {
    opacity: .7;
}

    #cache-screen .library-group:focus .container {
        background-color: black;
    }

    #cache-screen .library-group:focus .name2 {
        opacity: 1;
    }
    /*#cache-screen .library-group:focus .info {
    opacity: .7;
}*/
    #cache-screen .library-group:active .container {
        background-color: black;
    }

    #cache-screen .library-group:focus .name2 {
        opacity: 1;
    }
    /*#cache-screen .library-group:focus .info {
    opacity: .7;
}*/
    #cache-screen .library-group.selected .container {
        background-color: black;
    }

    #cache-screen .library-group.selected .name2 {
        opacity: 1;
    }

    #cache-screen .library-group.selected .info {
        opacity: .7;
    }

.caching-items .library-group {
    cursor: default;
    z-index: 0 !important;
}

    .caching-items .library-group .image {
        cursor: default;
    }

#cache-screen .cached-items .loader-io {
    margin-top: 4rem;
}

#cache-screen .library-group button.delete {
    margin-left: .5rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    color:red;
}

.library-groups-no-items {
    position: absolute;
    left: 0;
    top: 0rem;
    right: 0;
    bottom: 10rem;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    padding: 2rem 0;
}

#cache-screen .library-groups-no-items {
    top: 3rem;
}
/*#channels-screen .library-groups-no-items {
    top: 12rem;
}*/
.library-groups-no-items > div {
    font-size: 1.6rem;
    opacity: .8;
    text-align: center;
    padding: 2rem;
}

.playback #library-items {
    position: fixed;
    /*height: 100%;*/
    /* background-color: white; */
    /* border: solid 1px lightgray; */
    /* bottom: 0; */
    /*right: 0;*/
    /* width: 50%; */
    z-index: 1000;
    left: 0;
    top: calc(50% - 200px);
}



#back-to-player {
    position: fixed;
    bottom: 3rem;
    left: .5rem;
    padding: .5rem;
    z-index: 100;
    transition: .3s;
    border: 0;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 1.2rem;
    opacity: .7;
    transition: .3s;
    position: unset;
    padding-left: 0;
    font-size: .9rem;
    padding-right: 1rem;
    padding-bottom: 0px;
    position: relative;
    top: -4px;
    left: 0px;
}

body.no-transition #back-to-player {
    transition: none;
}

body:not(.mobile-device) #back-to-player:hover {
    opacity: 1;
}

#back-to-player:focus {
    opacity: 1;
    /* transform:scale(1.4);
     left:2rem;*/
}

body.device-playback #back-to-player:focus {
    background-color: #FF0062;
}

#back-to-player:active {
    opacity: .8;
}

#back-to-player span {
    margin-left: .5rem;
    cursor: pointer;
}

/*.dms-on-demand .footer #back-to-player {
    display: none !important;
}*/
/*.dms-on-demand .footer .account {
    display: none !important;
}*/
/*.dms-on-demand .footer .buttonFullscreen {
    display: none !important;
}*/
/*
.dms-on-demand .footer .appVersion {
    display: none !important;
}*/
/*
.dms-on-demand .footer .links button {
    font-size: .7rem;
}*/

.dms-on-demand .footer .copyright {
    font-size: .7rem;
}

#messagebox-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 71001;
}

.messagebox-vail {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: black;
    opacity: .3;
    transition: .3s;
}

body.dark-mode .messagebox-vail {
    opacity: .7;
}

.messagebox {
    border: solid 1px #444444;
    background-color: white;
    background-color: #1C1C22;
    /*background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit;
    -webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    position: relative;
    top: -3rem;
}

    .messagebox .messagebox-header {
        display: flex;
        align-items: center;
    }

        .messagebox .messagebox-header span {
            font-size: .9rem;
            flex: 1;
            margin-left: .5rem;
            margin-right: .5rem;
        }

        .messagebox .messagebox-header button {
            border: 0;
            padding: 0;
            margin: 0;
            outline: 0;
            background-color: transparent;
            cursor: pointer;
            opacity: .7;
            transition: .3s;
            border-top-right-radius: 4px;
        }

body.no-transition .messagebox .messagebox-header button {
    transition: none;
}

.messagebox .messagebox-header i {
    font-size: 1rem;
    padding: .5rem;
    margin-left: .3rem;
    margin-right: .3rem;
    margin-top: .1rem;
}

body:not(.mobile-device) .messagebox .messagebox-header button:hover {
    opacity: 1;
}

.messagebox .messagebox-header button:focus {
    opacity: 1;
}

.messagebox .messagebox-header button:active {
    opacity: 8;
}

.messagebox .messagebox-body {
    text-align: center;
    padding: 0.5rem 1.5rem;
    padding-bottom: 0;
    MIN-WIDTH: 10vw;
}
.messagebox #messagebox-message {
}
.messagebox .messagebox-prompt {
    padding-bottom: 0;
    padding-top: 0.1rem;
}

.messagebox .messagebox-message {
}

.messagebox .messagebox-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 1rem;
}

.messagebox button {
    border: 0;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: white;
    font-size: .8em;
    /* opacity: .7; */
    cursor: pointer;
    /* padding: 0rem .5rem; */
    /* margin-right: 1rem; */
    /* padding-top: .3rem; */
    /* margin-right: .3rem; */
    transition: .3s;
    background-color: #323232;
    /* padding-bottom: .5rem; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    color: #FDFEFE;
    padding: .5rem 1rem;
    margin-left: .3rem;
    white-space: nowrap;
    cursor: pointer;
}

body.no-transition .messagebox button {
    transition: none;
}

.messagebox button i {
    margin-right: 5px;
}

body:not(.mobile-device) .messagebox button:hover {
    background-color: #FF0062;
}

.messagebox button:focus {
    background-color: #FF0062;
}

.messagebox button:active {
    background-color: #FF0062;
}





#options-screen .settings .drop-down {
    width: fit-content;
    font-size: 1.4rem;
}

    #options-screen .settings .drop-down .selected-item label {
        opacity: 1 !important;
    }

#options-screen .drop-down.playChannelAtStartupChannelId button {
    width: 300px;
}

#options-screen .drop-down.playChannelAtStartupChannelId .items {
    width: 300px;
}

#options-screen .drop-down.videoScale button {
    width: 350px;
}

#options-screen {
    overflow: hidden;
    height: 100%;
    /*margin-top: 3.75rem !important;*/
}
body:not(.mobile-device) #options-screen {
    margin-top: 0.75rem !important;
}

#options-info {
    display: flex;
    height: 100%;
    /*padding-top: 64px;*/
}

    #options-info .sections-container {
        margin-left: 0 !important;
        display: flex;
        flex: 1;
        /*overflow:auto;*/
        flex-direction: row;
    }
    #options-info .sections-page > section {
        flex:unset;
    }
    #options-info .sections-page > section.section-spacer {
        padding-top:1rem;   
    }

    .sections-tabs {
        background-color: #242424;
        /*background: linear-gradient(#12121A, #121216) !important;*/
        background-color: inherit !important;
       /* box-shadow: 2px 0 0px rgba(0,0,0,.3);*/
        padding-top: 0rem;
        display: flex;
        flex-direction: column;
        z-index: 1;
        transition:none;
    }

.sections-tab {
    width: 20rem;
    width: 17rem;
    width: 15rem;
    text-align: right;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.sections-tabs .view.library button {
    background-color: unset !important;
    /*padding: 1.5rem 1.5rem;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    color: whitesmoke;
    padding-right: 8px;
}
.sections-tabs button.default
{
    background-color: unset !important;    
}
.sections-tabs button i {
    display:none;
}

.sections-tabs button > span.name {
    flex:1;
    text-align: left;
}
#options-screen .sections-tabs button {
    border: solid 2px transparent;
    border-radius: 0;
    padding: 1rem;
    padding: .5rem 1rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    position:relative
}
body.is-safari #options-screen .sections-tabs button label {
    position:relative;
    top:1px;
}
.sections-tabs button .sections-tab-highlight {
    position: absolute;
    right: 0px;
    top: 1px;
    bottom: 1px;
    width: 2px;
    background-color: #FF0062;
    opacity: 0;
    transition: .3s;
}

section-log-header {
    min-height: 1rem;
    display: flex;
    width: 100%;
}
section-log-footer {
    min-height: 3rem;
    display: flex;
    width: 100%;
}

.sections-tabs button.selected {
    border-right: solid 2px #FF0062 !important;
    border-right: solid 2px transparent !important;
    /*background-color: rgb(50,50,50) !important;*/
    opacity: 1;
}
body:not(.mobile-device) .sections-tabs button:hover {
    border-right: solid 2px transparent !important;
}
.sections-tabs button.selected .sections-tab-highlight {
    opacity:1;
}

body:not(.mobile-device) .sections-tabs button:hover,
body:not(.mobile-device) .sections-tabs button.selected:hover {
    /*background-color: rgb(50,50,50) !important;*/
    opacity: 1;
}

body:not(.mobile-device) .sections-tabs button:hover .sections-tab-highlight,
body:not(.mobile-device) .sections-tabs button.selected:hover .sections-tab-highlight {
    opacity: 1;
}

.sections-tabs button.selected.focused {
    /*background-color: rgb(50,50,50) !important;*/
    background-color: transparent !important;
}

.sections-tabs button.selected:focus {
    /*   background-color: #FF0062 !important;*/
    background-color: transparent !important;
}

    .sections-tabs button:focus-visible {
        background-color: #FF0062 !important;
        opacity: 1;
    }
    .sections-tabs button:focus-visible .sections-tab-highlight {
        opacity: 1;
    }

    .sections-tabs button.expand {
        background-color: transparent !important;
    }

.sections-pages {
    margin: 0;
    flex: 1;
    /*background-color: #1C1C1C;*/
    /*background: #1C1C22 !important;*/
    /* background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit !important;
    overflow: auto;
    position: relative;
}
.sections-pages .app-form-field-label {
    padding-left: 1px;
}

body.tv-device .sections-pages {
    overflow: hidden;
}

.sections-pages .filters-row {
    padding-left: 3rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
}

.sections-page {
    padding: 2rem 2rem;
    padding-top: 1rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .sections-page.about {
        padding-left: 5rem;
        padding-top: 0rem;
    }

        .sections-page.about > div {
            width: fit-content;
        }

        .sections-page.about .logo-image {
            padding-bottom: 0.5rem;
            padding-top: 0rem;
        }

        .sections-page.about .logo-name {
            opacity: 1;
            text-align: center;
        }

  /*  .sections-page section.settings {
        padding-top: 2rem;
    }*/

    .sections-page .account-message {
        /*padding-top: .5rem;*/
        font-size: 1.2rem;
        color: white;
        /*padding-bottom: 1rem;*/
        line-height: 1.6;
        /*background-color: rgba(100, 100, 100, .3);*/
        width: fit-content;
        /* padding: .5rem 1rem;*/
        border-radius: 6px;
        margin: .5rem 0;
        margin-bottom: .25rem;
        max-width: 700px;
    }

    .sections-page .section-header {
       /* padding-left: .2rem;*/
        padding-bottom: .25rem;
        font-size: 1.4rem;
        text-shadow: -1px 1px 2px rgb(0 0 0);
       /* font-weight: bold;*/
        opacity: .9;
    }
    .no-shadow .sections-page .section-header {
        text-shadow: none;
    }
    .sections-page .subscription-message {
        /*padding-top: .5rem;*/
        font-size: 1.2rem;
        color: white;
        /*padding-bottom: 1rem;*/
        line-height: 1.6;
        /*background-color: rgba(100, 100, 100, .3);*/
        width: fit-content;
        /* padding: .5rem 1rem;*/
        border-radius: 6px;
        margin: .5rem 0;
        margin-bottom: .25rem;
        max-width:700px;
    }
    .sections-page .section-header-padding {
        padding-top: 1.5rem;
    }

.sections-page .section-row {
    padding: .25rem;
    padding-top: .7rem;
    padding-bottom: .2rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    min-height: unset;
    box-shadow: unset;
    margin-bottom: unset;
    padding-left: 0;
}

        .sections-page .section-row.section-checkbox {
            padding-top: 1.1rem;
        }

body.mobile-device .sections-page .section-row.application-skin {
    display: none !important;
}

.sections-page .section-row label {
    padding-right: .5rem;
    opacity: .7;
    white-space: nowrap;
}

.sections-page .section-row .drop-down label {
    opacity: 1;
}

.sections-page .settings .section-row label {
    /*min-width:315px;
    text-align:right;*/
}

.sections-page .section-row span {
    padding-right: .5rem;
    white-space: nowrap;
}

.sections-page .section-options {
    padding-top: 1rem;
   
}
.sections-page .section-options > button {
    margin-bottom:.5rem;
}

.sections-page section button {
}

    .sections-page section button:not(.app-form-field-password-visible, .selected-item) i {
        margin-right: .5rem;
        display: none;
    }
.sections-page section .drop-down > button.selected-item > i {
    display: block;
}

.section-row-message {
    padding: .5rem;
    line-height: 2rem;
}

.section-row-percent {
    display: flex;
    align-items: center;
    padding: .5rem;
    padding-top: .7rem;
}

.bkgd-storage-percent {
    background-color: #444444;
    height: 4px;
    width: 35rem;
}

.value-storage-percent {
    background-color: #FF0062;
    width: 20%;
    height: 100%;
}

    .value-storage-percent.error {
        background-color: red !important;
    }

.section-media-options {
    padding: .5rem;
}

.section-image-options {
    padding: .5rem;
}

.section-log-options {
    padding: .5rem;
}

.section-app-options {
    padding: .5rem;
}

.section-row.payment-type {
}

    .section-row.payment-type img {
        max-height: 3rem;
        max-width: 5rem;
        margin-right: 0.5rem;
    }

    .section-row.payment-type .payment-type-card-type {
        margin-right: 0.5rem;
    }

    .section-row.payment-type .payment-type-card-number {
        margin-right: 0.5rem;
    }


/* ON/OFF Switch */
.onoffswitch {
    position: relative;
    width: 55px;
    display: inline-block;
    font-size: 80%;
}

    .onoffswitch .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid black;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        margin: 0;
    }

    .onoffswitch .onoffswitch-inner {
        width: 200%;
        margin-left: -100%;
        -webkit-transition: margin 0.15s ease-in-out;
        -o-transition: margin 0.15s ease-in-out;
        -moz-transition: margin 0.15s ease-in-out;
        transition: margin 0.15s ease-in-out;
    }

        .onoffswitch .onoffswitch-inner:before,
        .onoffswitch .onoffswitch-inner:after {
            float: left;
            width: 50%;
            height: 24px;
            padding: 0;
            line-height: 24px;
            font-size: 80%;
            color: hsl(0, 0%, 100%);
            font-weight: normal;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .onoffswitch .onoffswitch-inner:before {
            content: "ON";
            padding-left: 10px;
            background-color: hsl(203, 100%, 39.1569%);
            color: hsl(0, 0%, 100%);
        }

        .onoffswitch .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 10px;
            background-color: hsl(0, 0%, 98%);
            color: hsl(0, 0%, 24%);
            text-align: right;
        }

    .onoffswitch .onoffswitch-switch {
        width: 22px;
        height: 22px;
        margin: 0;
        background: hsl(0, 0%, 100%);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 2px;
        bottom: 0;
        right: 35px;
        -webkit-transition: right 0.15s ease-in-out;
        -o-transition: right 0.15s ease-in-out;
        -moz-transition: right 0.15s ease-in-out;
        transition: right 0.15s ease-in-out;
    }

.toggle-group {
    position: relative;
}

    .toggle-group input[type=checkbox] {
        position: absolute;
        left: 10px;
    }

        .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
            margin-left: 0;
        }

        .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
            right: 1px;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        }

        .toggle-group input[type=checkbox]:focus ~ .onoffswitch {
            outline: thin dotted #333;
            outline: 0;
        }

    .toggle-group label {
        position: absolute;
        cursor: pointer;
        padding-left: 65px;
        display: inline-block;
        text-align: left;
        line-height: 24px;
        width: 100%;
        z-index: 1;
        height: 24px;
        font-weight: 200;
    }
/* ==== Accessibility ===== */
.aural {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

    .aural:focus {
        clip: rect(0, 0, 0, 0);
        font-size: 1em;
        height: auto;
        outline: thin dotted;
        position: static !important;
        width: auto;
        overflow: visible;
    }

*,
*:before,
*:after {
    box-sizing: border-box;
}

.switch-container {
    padding-left: .2rem;
    padding-right: .2rem;
}

.switch {
    /*margin: 4rem auto;*/
}
/* main styles */
.switch {
    position: relative;
}

    .switch input {
        position: absolute;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }

        .switch input:checked {
            z-index: 1;
        }

            .switch input:checked + label {
                opacity: 1;
                cursor: default;
            }

body:not(.mobile-device) .switch input:not(:checked) + label:hover {
    opacity: 0.5;
}

    .switch label {
        color: #fff;
        opacity: 0.33;
        transition: opacity 0.25s ease;
        cursor: pointer;
    }

    .switch .toggle-outside {
        height: 100%;
        border-radius: 2rem;
        padding: 0.25rem;
        overflow: hidden;
        transition: 0.25s ease all;
    }

    .switch .toggle-inside {
        border-radius: 5rem;
        background: #4a4a4a;
        position: absolute;
        transition: 0.25s ease all;
    }

.switch-container .switch .toggle-inside {
}

.switch--horizontal {
    height: 2rem;
}

    .switch--horizontal input {
        height: 2rem;
        width: 5rem;
        margin: 0;
    }

    .switch--horizontal label {
        font-size: 1.5rem;
        line-height: 3rem;
        display: inline-block;
        width: 5rem;
        height: 100%;
        margin: 0;
        text-align: center;
    }

        .switch--horizontal label:last-of-type {
            margin-left: 6rem;
        }

    .switch--horizontal .toggle-outside {
        background: #fff;
        position: absolute;
        width: 5rem;
        display: flex;
        align-items: center;
        padding-left: 0.5rem;
        font-size: 1.2rem;
    }

.switch-container.on .switch--horizontal .toggle-outside {
    background: #FF0062;
    background-color: #4a4a4a;
}

.switch--horizontal .toggle-inside {
    height: 1.5rem;
    width: 1.5rem;
}

.switch--horizontal .toggle-label.switch-off {
    position: relative;
    color: black;
    z-index: 0;
    opacity: 1;
    transition: .3s;
    font-size: 1.2rem;
    padding-right: 0;
    top: 5px;
    left: 2.4rem;
    font-weight: bold;
}

.switch-container.on .switch--horizontal .toggle-label.switch-off {
    opacity: 0;
}

.switch-container.on .switch--horizontal .toggle-inside {
    background: #fff;
}

.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
    left: 0.25rem;
}

.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 3.25rem;
}

.switch--vertical {
    width: 12rem;
    height: 6rem;
}

    .switch--vertical input {
        height: 100%;
        width: 3rem;
        right: 0;
        margin: 0;
    }

    .switch--vertical label {
        font-size: 1.5rem;
        line-height: 3rem;
        display: block;
        width: 8rem;
        height: 50%;
        margin: 0;
        text-align: center;
    }

    .switch--vertical .toggle-outside {
        background: #fff;
        position: absolute;
        width: 3rem;
        height: 100%;
        right: 0;
        top: 0;
    }

    .switch--vertical .toggle-inside {
        height: 2.5rem;
        left: 0.25rem;
        top: 0.25rem;
        width: 2.5rem;
    }

    .switch--vertical input:checked ~ .toggle-outside .toggle-inside {
        top: 0.25rem;
    }

    .switch--vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
        top: 3.25rem;
    }

.switch--no-label label {
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.switch--no-label input:checked ~ .toggle-outside .toggle-inside {
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);
}

.switch--no-label input ~ input:checked ~ .toggle-outside {
    background: #fff;
}

    .switch--no-label input ~ input:checked ~ .toggle-outside .toggle-inside {
        background: #2ecc71;
    }

.switch--no-label.switch--vertical {
    width: 3rem;
}

.switch--no-label.switch--horizontal {
    width: 6rem;
}

    .switch--no-label.switch--horizontal input,
    .switch--no-label.switch--horizontal .toggle-outside {
        left: 0;
    }

body:not(.mobile-device) .switch--expanding-inner input:checked + label:hover ~ .toggle-outside .toggle-inside {
    height: 2.5rem;
    width: 2.5rem;
}

body:not(.mobile-device) .switch--expanding-inner.switch--horizontal input:hover ~ .toggle-outside .toggle-inside {
    width: 3.5rem;
}

body:not(.mobile-device) .switch--expanding-inner.switch--horizontal input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 2.25rem;
}

body:not(.mobile-device) .switch--expanding-inner.switch--vertical input:hover ~ .toggle-outside .toggle-inside {
    height: 3.5rem;
}

body:not(.mobile-device) .switch--expanding-inner.switch--vertical input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
    top: 2.25rem;
}
/* mixin */


#sharemedia-messagebox-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1001;
}

.sharemedia-messagebox-vail {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: .3;
    transition: .3s;
}

body.no-transition .sharemedia-messagebox-vail {
    transition: none;
}

.sharemedia-messagebox-vail.show {
    opacity: .3;
}

.sharemedia-messagebox-vail.hide {
    opacity: 0;
}

.sharemedia-messagebox {
    border: solid 1px #444444;
    background-color: white;
    background-color: #1C1C22 !important;
    /* background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit !important;
    -webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    position: relative;
    top: -3rem;
    padding: .5rem;
    background-color: black !important;
    border-radius: 6px;
    border-color: #222;
    min-width: 40rem;
    padding: 1rem;
}

.sharemedia-messagebox .sharemedia-messagebox-header {
    /* display: none;*/
    align-items: center;
    display: flex;
    align-items: end;
}

        .sharemedia-messagebox .sharemedia-messagebox-header span {
            font-size: .9rem;
            flex: 1;
            margin-left: .5rem;
            margin-right: .5rem;
            font-size: 1.1rem;
            margin-top: 0.25rem;
            color: white;
        }

        .sharemedia-messagebox .sharemedia-messagebox-header button {
            border: 0;
            padding: 0;
            margin: 0;
            outline: 0;
            background-color: transparent;
            cursor: pointer;
            opacity: .7;
            transition: .3s;
        }

body.no-transition .sharemedia-messagebox .sharemedia-messagebox-header button {
    transition: none;
}

.sharemedia-messagebox button {
    border-radius:6px;
}

.sharemedia-messagebox .sharemedia-messagebox-header i {
    font-size: 1rem;
    padding: .5rem;
    padding: 0.5rem 0.75rem;
    /*margin-left: .3rem;
    margin-right: .3rem;
    margin-top: .1rem;*/
}

body:not(.mobile-device) .sharemedia-messagebox .sharemedia-messagebox-header button:hover {
    opacity: 1;
}

.sharemedia-messagebox .sharemedia-messagebox-header button:focus {
    opacity: 1;
}

.sharemedia-messagebox .sharemedia-messagebox-header button:active {
    opacity: 8;
}

.sharemedia-messagebox .sharemedia-messagebox-body {
    text-align: center;
    padding: 1rem .25rem;
    padding-bottom: 1.7rem;
    font-size: 1rem;
    text-transform: uppercase;
    /*color: #FFAB15;*/
    padding-top: 0.5rem;
    border-top: solid 1px rgba(100, 100, 100, .3);
    margin-top: 1rem;
}
.sharemedia-messagebox .sharemedia-messagebox-body input {
    width:100%;
}

.sharemedia-messagebox .sharemedia-messagebox-links {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    padding-bottom: 1rem;
}

.sharemedia-messagebox .sharemedia-messagebox-links button {
    border-radius: 100%;
    background-color: #444;
    margin: 0 .25rem;
    padding: .5rem;
}

.sharemedia-messagebox .sharemedia-messagebox-links button.email {
    background-color: #444;
}

.sharemedia-messagebox .sharemedia-messagebox-links button i {
    font-size: 2rem;
    padding: .5rem;
    min-width:48px;
    min-height:48px;
}

.sharemedia-messagebox .sharemedia-messagebox-links button .sharemedia-messagebox-label {
    display: none;
}

.sharemedia-messagebox .sharemedia-messagebox-url {
    display: flex;
    align-items: center;
    background: black;
    border: solid 1px rgba(100, 100, 100, .5);
    padding: .5rem .5rem;
    border-radius: 5px;
}

.sharemedia-messagebox .sharemedia-messagebox-message {
    background: transparent !important;
    color: white !important;
    border: none !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.sharemedia-messagebox .sharemedia-messagebox-url button {
    display: flex;
    align-items: center;
    padding: .5rem;
}

.sharemedia-messagebox .sharemedia-messagebox-url button .sharemedia-messagebox-label {
    margin-left: 5px;
}

.sharemedia-messagebox .sharemedia-messagebox-footer {
    display: flex;
    padding-bottom: .75rem;
    justify-content: center;
}

.sharemedia-messagebox-footer button {
    border: 0;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: white;
    font-size: 1rem;
    /* opacity: .7; */
    cursor: pointer;
    /* padding: 0rem .5rem; */
    /* margin-right: 1rem; */
    /* padding-top: .3rem; */
    /* margin-right: .3rem; */
    transition: .3s;
    background-color: #323232;
    /* padding-bottom: .5rem; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    color: #FDFEFE;
    padding: .5rem 1rem;
    margin-left: .3rem;
    white-space: nowrap;
    cursor: pointer;
    margin: .1rem .5rem;
    margin-right: 0px;
    display: flex;
    align-items: center;
}
.sharemedia-messagebox .sharemedia-messagebox-footer button i {
    margin-right: .25rem;
}
.sharemedia-messagebox-footer button i.fa-link {
    font-size: .9rem;
}
body.no-transition .sharemedia-messagebox-footer button {
    transition: none;
}

.sharemedia-messagebox-footer button i {
    /*  margin-right: 5px;*/
}

body:not(.mobile-device) .sharemedia-messagebox-footer button:hover {
    background-color: #444444;
}

.sharemedia-messagebox-footer button:focus {
    background-color: #FF0062;
}

.sharemedia-messagebox-footer button:active {
    background-color: #FF0062;
}
.sharemedia-messagebox-footer button:last-of-type {
    /* margin-top: 0.5rem; */
    margin-right: 0.25rem;
}

.sharemedia-messagebox-footer button:first-of-type {
    margin-left: 0.25rem;
}

.sharemedia-messagebox-ok i {
    font-size: .9rem;
}

body:not(.mobile-device) #sharemedia-messagebox-close:hover {
    background-color: red;
}

#sharemedia-messagebox-close:focus {
    background-color: red;
}

#sharemedia-messagebox-close:active {
    background-color: red;
}



.calendarmedia-messagebox-container .sharemedia-messagebox-message {
    text-transform: none;
    font-size: 1.4rem;
    padding: 1rem;
    line-height: 1.6;
    white-space:normal !important;
    max-width: 35rem;
}
.calendarmedia-messagebox-container .sharemedia-messagebox {
    min-width: 20rem;
}
.calendarmedia-messagebox-container .sharemedia-messagebox .sharemedia-messagebox-body {
    padding-bottom: 1rem;
}

.calendarmedia-messagebox-container .sharemedia-messagebox .sharemedia-messagebox-title {
    flex: 1;
}

.calendarmedia-messagebox-container .sharemedia-messagebox .sharemedia-messagebox-links button {
    margin: .5rem .5rem;
}

@media only screen and (max-width: 600px) {

    body.mobile-device .calendarmedia-messagebox-container .sharemedia-messagebox-message {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    body.mobile-device .calendarmedia-messagebox-container .sharemedia-messagebox .sharemedia-messagebox-links button i {
        font-size: 1.4rem;
        padding: .5rem;
        min-width: 36px;
        min-height: 36px;
    }

}


#videoPlayback iframe {
    width: 100%;
    height: 100%;
}

#player.url #videoPoster {
    display: none;
}

#player.url #playerControls {
    display: none;
}


/* PLAYER UI */

#playerControls #position-completed {
    width: 60px !important;
    min-width: 60px !important;
}

#playerControls #position-uncompleted {
    width: 60px !important;
    min-width: 60px !important;
}
#player.live #playerControls #position-uncompleted {
    opacity: 0 !important;
    width: 0px !important;
    min-width: 0px !important;
    padding-right: 0;
}
#player.live #playerControls #position-completed {
    opacity: 0;
    min-width: 0px !important;
    width: 0px !important;
    padding-left: 2px;
}
#player.live #playerControls #position-level-selector, 
#player.event #playerControls #position-level-selector {
    display:none !important;
}
#playerControls #player-control-buttons .control-button.disabled {
    opacity: .7 !important;
    cursor: default !important;
}

#playerDataUpNextButton {
    font-size: 2rem;
}

.vail {
    cursor: default;
    z-index: 1;
}

    .vail.fixed-window {
        cursor: default;
        background-color: rgba(0, 0, 0, .7);
        z-index: 5;
    }

.up-next-selection-vail {
    background-color: rgba(0, 0, 0, .3);
}

.vail.fixed-window.library-groups-selected-item-vail {
    z-index: 499;
}

.vail.dmsProjectChannelSchedule {
    display:none !important;
}

body.mobile-device .library-groups-selected-item-vail {
    background-color: rgba(0, 0, 0, .3);
    z-index: 499;
}

body.tv-device #player .library-groups-selected-item-vail {
    z-index: 601;
}

.library-groups-selected-item {
    display: none;
    position: fixed;
    right: 0;
    width: 40%;
    min-width: 500px;
    max-width: 850px;
    /*width: 555px;*/
    top: 0;
    bottom: 0;
    background-color: #1C1C22;
    /* background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit !important;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.3);
    box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.3);
    /*cursor: default;
    border-radius: 6px;
    border-color: transparent;
    background: inherit;
    color: white;
    position: fixed;
    overflow: hidden;
    top: 2rem;
    width: 850px;
    max-width: 80%;
    height: 97vh;
    max-height: 100% !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 201 !important;
    overflow: auto;*/
    transition:.5s;
    opacity:0;
}

    .library-groups-selected-item.fixed-window {
        /*overflow: auto;*/
        top: 2rem;
        max-width: unset;
        width: 50%;
        /*transform: translateX(50%);*/
        right: unset;
        border-radius: 6px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-color: transparent;
        background: inherit;
        color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 7%), 0 2px 4px rgba(0, 0, 0, 7%), 0 4px 8px rgba(0, 0, 0, 7%), 0 8px 16px rgba(0, 0, 0, 7%), 0 16px 32px rgba(0, 0, 0, 7%), 0 32px 64px rgba(0, 0, 0, 7%);
        /*overflow-x: hidden;
        overflow: hidden;*/
        overflow-y: clip;
        z-index: 1500;
        text-rendering: optimizeLegibility;
    }

    .library-groups-selected-item.overflow {
        overflow-y:unset;
    }

@media only screen and (max-width: 500px) {
    .library-groups-selected-item {
        width: 100%;
    }

    .library-group-details .controls {
        padding-bottom: 5px;
    }

        .library-group-details .controls button {
            font-size: .8rem !important;
        }
}

.library-groups-selected-item.reveal {
    opacity: 1;
}
.library-groups-selected-item.show {
    z-index: 500;
    display: block;
}

body.show-layout-menu .library-groups-selected-item.show {
    transform: translateX(1%);
}

.library-group-details {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .library-group-details .background {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        filter: blur(30px);
        /*transform: scale(1.1);*/
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
        opacity: .7;
        WIDTH: 100%;
        transition: .3s;
    }

    .library-group-details .image {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: black;
    }

        .library-group-details .image button {
            font-size: 1.4rem;
            z-index: 100;
            cursor: pointer;
            transition: .3s;
            opacity: .7;
            background-color: transparent;
            border: none;
            outline: none;
            padding: .5rem;
            transform: matrix(1.0, 0, 0, 1.0, 0, 0);
        }

body.is-safari .library-group-details .image button {
    opacity: 1 !important;
    transform: matrix(1.0, 0, 0, 1.0, 0, 0) !important;
}

    .library-group-details > .image button.close-button {
        position: absolute;
        right: 1.5rem;
        top: 12px;
        font-size: 1.6rem;
    }

body:not(.mobile-device) .library-group-details .image .navigation button:hover,
body:not(.mobile-device) .library-group-details .image .close-button:hover {
    /*transform: scale(1.3);*/
    transform: matrix(1.3, 0, 0, 1.3, 0, 0);
}

    .library-group-details .image .navigation button:focus,
    .library-group-details .image .close-button:focus {
       /* transform: scale(1.4);*/
        transform: matrix(1.4, 0, 0, 1.4, 0, 0);
    }

    .library-group-details .image .navigation button:active,
    .library-group-details .image .close-button:active {
       /* transform: scale(1.2);*/
        transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        /*transition: .1s;*/
    }

body.no-transition .library-group-details .image .navigation button,
body.no-transition .library-group-details .image .close-button {
    transition: none;
    transform: none;
    transform: matrix(1.0, 0, 0, 1.0, 0, 0) !important;
}

.library-group-details > .image .navigation {
    position: absolute;
    left: 25px;
    top: 1rem;
    z-index: 100;
}

    .library-group-details > .image .navigation button {
        margin-right: 20px;
    }

body:not(.mobile-device) .library-group-details .image button:hover {
    opacity: 1;
}

.library-group-details .image button:focus {
    opacity: 1;
 /*   transform:scale(1.4);*/
}

.library-group-details .image button:active {
    opacity: .8;
}

body.tv-device .library-group-details .image button.close-button {
    display: none;
}

.library-group-details > .image {
    min-height: 380px;
    max-height: 35%;
    min-height: 35%;
    transition: .3s;
    margin-bottom: 2rem;
}

body.fullscreen .library-group-details > .image {
    max-height: 40%;
    min-height: 40%;
}
.library-group-details.up-next-selection > .image {
    max-height: 35%;
    min-height: 35%;
}

body.fullscreen .library-group-details.up-next-selection > .image {
    max-height: 40%;
    min-height: 40%;
}

body.no-transition .library-group-details > .image {
    transition: none;
}

.library-group-details > .image iframe#player {
    position: absolute;
}

.library-group-details .image img {
    position: relative;
}

body:not(.mobile-device) .library-group-details .image button:hover {
    opacity: 1;
}

.library-group-details .image button:focus {
    opacity: 1;
}

.library-group-details .image button:active {
    opacity: .8;
}

.library-group-details > .image img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    transition: .3s;
}
/*body.no-transition .library-group-details > .image img {
    transition: none;
}*/
.library-group-details > .image.no-image img {
    display: none;
}

.library-group-details > .image span {
    font-size: 2.4rem;
    display: none;
    text-align: center;
    padding: 1rem;
}

.library-group-details > .image.no-image span {
    display: block;
}
/*.library-group-details .library-item .image img {
    max-height: 40px;
    min-height: 40px;
}*/
.library-group-details .image.no-image {
    background: linear-gradient(to bottom, #000 0%,#181818 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: #181818; /* Old browsers */
    background: linear-gradient(to bottom, #000 0%,#181818 100%);
    background: #FF0062;
    background: -moz-linear-gradient(top, #FF0062 0%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #FF0062 0%,#7db9e8 100%);
    background: linear-gradient(to bottom, #FF0062 0%,#7db9e8 100%);
}

.library-group-details .name {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 1.5rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.2rem;
    position: relative;
}

.library-group-details .name2 {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 1.5rem;
    padding-top: 4px;
    padding-bottom: 2px;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.2rem;
   /* padding-left: 26px;*/
}

    .library-group-details .name2 label {
        color: whitesmoke;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-shadow: -1px 1px 2px rgb(0, 0, 0);
    }
.no-shadow .library-group-details .name2 label {
    text-shadow: none;
}

.library-group-details .name3 {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 1.5rem;
    padding-top: 2px;
    padding-bottom: 2px;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1rem;
}

    .library-group-details .name3 label {
        color: whitesmoke;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-shadow: -1px 1px 2px rgb(0, 0, 0);
    }
    .no-shadow .library-group-details .name3 label {
        text-shadow: none;
    }

.library-group-details .name4 {
    font-size: .9rem;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .library-group-details .name4 label {
        color: whitesmoke;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-shadow: -1px 1px 2px rgb(0, 0, 0);
    }
.no-shadow .library-group-details .name4 label {
    text-shadow: none;
}

/*.single .library-group-details .info {
    padding-top: 5px;
}
*/
/*.single .library-item-data .info {
    display: none;
}*/

.library-group-details .info {
    display: flex;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 1.6rem;
    padding-top: 5px;
    padding-bottom: .3rem;
    color: whitesmoke;
    /* font-weight: bold; */
    font-size: 1.2rem;
    align-items: center;
    /*margin-left: 3px;
    margin-right: 3px;*/
}
    /*.library-groups-selected-item .library-group-details > .info {
    display:none;
}*/
    /*.library-groups-selected-item .library-group-details .item-count {
    display: none;
}*/
    .library-group-details .info .format-item .info {
        color: white;
    }

    .library-group-details .info .seperator {
        width: 1px;
        background-color: lightgray;
        margin: 0px 15px;
        position: relative;
        top: -1px;
        border-radius: 1px;
        /* border: solid 1px; */
        /* transform: scale(.5); */
        top: 1px;
        height: 12px;
    }

.library-group-details .info > div.time > label {
    color: #FFAB15;
}
.library-groups-selected-item.on-now .info .time > label {
    display: none;
    color: #FFAB15;
}

.library-groups-selected-item .info .time label.on-now {
    display: none;
}

.library-groups-selected-item .position {
    display: none;
    position: absolute;
    top: -1px;
    left: 0;
    height: 2px;
    background-color: #FFAB15;
    border-radius: 3px;
}

.library-groups-selected-item.on-now .position {
    display: block;
}

.library-groups-selected-item .info .expires label {
    color: #FFAB15;
}

.library-groups-selected-item.on-now .info .time label.on-now {
    display: block;
    color: #FFAB15;
    font-weight: bold;
    opacity: 1;
}

.library-group-details .info > label {
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
}
.no-shadow .library-group-details .info > label {
    text-shadow: none;
}

.library-group-details .info > div {
    display: flex;
    white-space: nowrap;
    align-items: center;
}

.library-group-details > .info > div {
    color: white;
}

.library-group-details .info .info1 {
}

.library-group-details .info .info2 {
}

.library-group-details .info .info3 {
}

.library-group-details .info .info4 {
}

.library-group-details .controls {
    display: flex;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 1.5rem;
    padding-top: 0px;
    padding-bottom: 3px;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.3rem;
    /* margin-left: -7px;*/
    /* border-top: solid 1px; */
    /* border-bottom: solid 1px; */
    /* padding-top: 12px; */
    /* padding-bottom: 12px; */
    margin-top: 3px;
    border-color: gray;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 3.5rem;
    left: 2rem;
    padding: 0;
    right: 2rem;
    flex-direction: column;
    align-items: flex-start;
    z-index: 600;
}

.library-group-details .controls-ex {
    left:unset;
    right:1.5rem;
}


.library-group-details .controls .buttons button {
    border: solid 1px transparent;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: white;
    font-size: 1rem;
    /* opacity: .7; */
    cursor: pointer;
    /* padding: 0rem .5rem; */
    /* margin-right: 1rem; */
    /* padding-top: .3rem; */
    margin-right: .3rem;
    transition: .3s;
    background-color: #323232;
    /* padding-bottom: .5rem; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    color: #FDFEFE;
    padding: .7rem 1.3rem;
    margin-right: .6rem;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
    cursor: pointer;
    /*opacity: 1;*/
    font-size: 1.4rem;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    border-radius: 5px;
    padding: 10px 30px;
}

    .library-group-details .controls .buttons button.hide-label {
        padding: 0;
        background-color: transparent;
        border: none;
        font-size: unset;
        margin: .5rem;
    }

    .library-group-details .controls .buttons button.info-button i {
        font-size: 25px;
        position: relative;
        top: -.5px;
    }

    .library-group-details .controls .buttons button i.material-icons {
        font-size: 28px;
    }

    .library-group-details .controls .buttons button.edit-button {
        margin-left: 1.5rem;
    }

    .library-group-details .controls .buttons button.edit-button i {
        font-size:20px;
    }

    .library-group-details .controls .buttons button.delete-button {
        margin-left: 1.5rem;
    }

    .library-group-details .controls .buttons button.delete-button i {
        font-size: 20px;
    }

    .library-group-details .controls .buttons button.cache-button {
        margin-left: .5rem;
    }
   /* .library-groups-selected-item.single .library-group-details .controls .buttons button.cache-button {
        display:none;
    }*/

    .library-group-details .controls .buttons button.hide-label label {
        display: none;
    }
body:not(.mobile-device) .library-group-details .controls .buttons button.mute-button:hover,
body:not(.mobile-device) .library-group-details .controls .buttons button.info-button:hover,
body:not(.mobile-device) .library-group-details .controls .buttons button.edit-button:hover,
body:not(.mobile-device) .library-group-details .controls .buttons button.love-button:hover,
body:not(.mobile-device) .library-group-details .controls .buttons button.cache-button:hover {
    transform: scale(1.3);
}
    .library-group-details .controls .buttons button.mute-button:focus,
    .library-group-details .controls .buttons button.info-button:focus,
    .library-group-details .controls .buttons button.edit-button:focus,
    .library-group-details .controls .buttons button.love-button:focus,
    .library-group-details .controls .buttons button.cache-button:focus {
        transform: scale(1.4);
    }
    .library-group-details .controls .buttons button.mute-button:active,
    .library-group-details .controls .buttons button.info-button:active,
    .library-group-details .controls .buttons button.edit-button:active,
    .library-group-details .controls .buttons button.love-button:active,
    .library-group-details .controls .buttons button.cache-button:active {
        transform: scale(1.2);
    }
.library-group-details .library-seasons .library-season {
    transition:.3s;
}
.library-group-details .library-seasons .library-season > div {
    transition: .3s;
}
body:not(.mobile-device) .library-group-details .library-seasons .library-season:hover {
    border: solid 1px rgba(100,100,100,.7);
}
.library-group-details .library-seasons .library-season:focus {
    border: solid 1px rgba(100,100,100,.7);
}
.library-group-details .library-seasons .library-season:active,
.library-group-details .library-seasons .library-season.selected {
    border: solid 1px rgba(100,100,100,1);
}
body:not(.mobile-device) .library-group-details .library-seasons .library-season:hover > div {
    transform: scale(1.3);
}
.library-group-details .library-seasons .library-season:focus > div {
    transform: scale(1.4);
}
.library-group-details .library-seasons .library-season:active > div,
.library-group-details .library-seasons .library-season.selected > div {
    transform: scale(1.2);
}
body.no-transition .library-item-details .controls .buttons button {
    transition: none;
    transform: none;
}
body.no-cache .library-group-details .controls button.cache-button {
    display:none;
}
.library-groups-selected-item.fixed-window::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

/*.library-item-details .controls button.play-button {
    top: 1px;
    position: relative;
}*/

.library-group-details > .controls > button > i {
    margin-right: 0px;
    position: relative;
    top: 0px;
}

.library-group-details .controls button.temp {
    color: blue;
}

.library-group-details .controls button.perm {
    color: green;
}

body:not(.mobile-device) .library-group-details .controls button:not(.hide-label):hover {
    background-color: #FF0062;
    color: white;
}

.library-group-details .controls button:not(.hide-label):focus {
    background-color: #FF0062;
    color: white;
}

.library-group-details .controls button:not(.hide-label):active {
    background-color: #FF0062;
    color: white;
    opacity: .8;
    transition: .3s;
}

.library-group-details .controls .item-count2 {
    flex: 1;
    text-align: right;
    margin-right: 10px;
}

.library-group-details .description {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-bottom: .7rem;
    padding-top: .2rem;
    color: lightgray;
    /* font-weight: bold; */
    /* font-size: 0.2rem; */
    margin-left: 1px;
    white-space: normal;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    padding-top: 2px;
    font-size: 1.2rem;
    /*  margin-left: 1px;
    padding-right: 5px;*/
    padding-right: 1rem;
}
.library-group-details .info1 .description {
    padding-left: 0;
}

.library-groups-selected-item.single .library-group-details .description {
    /*font-size: 1.2rem;*/
    /*padding-top: 1rem;*/
    /* margin-left: 1.5rem;
    margin-right: 0.5rem;*/
    /* max-height:350px;*/
    /*margin-left: 0;
    margin-right: 0;
    margin-top: .25rem;
    padding-left: 1.35rem;*/
    font-size: 1.6rem;
    padding-left: 1rem;
}

.library-item .container .library-item-data {
    padding-top: 0px;
}

    .library-group-details .description label {
        color: lightgray;
        font-size: 1.2rem;
        padding-bottom: 3px;
        padding-top: .5rem;
    }

.library-group-details .description p {
    /*padding-bottom: 0 !important;
    margin-bottom: 0 !important;*/
}

.library-group-details .library-items-ex .description {
    color: white;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .library-group-details .library-items-ex .description {
    text-shadow: none;
}

.library-group-details > .description {
    display: none;
}

.library-group-details .item-count:not(.search-count) {
    display: flex;
    align-items: center;
    text-align: left;
    /* width: 100%; */
    /* padding: 1.5rem 2.5rem; */
    /* padding-bottom: .7rem; */
    /* padding-top: .3rem; */
    color: lightgray;
    /* font-weight: bold; */
    /* font-size: 0.2rem; */
    /* margin-left: 1px; */
    padding: 0;
    margin: 0;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    border: none;
    border-bottom: solid 1px rgba(100,100,100,.3);
    padding: .5rem .2rem;
    margin-right: 2rem;
}

    .library-group-details .item-count label {
        color: lightgray;
        /* font-size: 1.4rem; */
        /* padding-bottom: 3px; */
        /* border-top: solid 1px; */
        /* border-bottom: solid 1px; */
        /* padding-top: 15px; */
        /* padding-bottom: 15px; */
        /* margin-top: 5px; */
        /* border-color: gray; */
        border: none;
        margin: 0;
        font-size: 1.4rem;
        /* flex: 1;
    color: white;*/
    }

.library-group-details .controls button.play-button label {
    padding-left: .5rem;
}

.library-item-list {
    overflow: auto;
    margin-left: 0rem;
    margin-top: 0;
    padding-top: 0px;
    padding-right: 0rem;
    /*height: 100%;*/
    flex: 1;
    position: relative;
    padding-right: .5rem;
}

body.tv-device .library-item-list {
    overflow: hidden;
}
/*.single .library-item-list .library-item {
    display:none;
}*/
/*.single .library-item-list {
    padding-top: 8px;
}
body.allow-sharing .single .library-item-list {
    padding-top: 0px;
}*/

    .single .library-item-list .library-item {
        border: none;
        padding-top: 0rem !important;
        margin-bottom: .5rem !important;
    }

    .single .library-item-list .library-item {
        border: none;
    }

.single .library-item-list .library-item > .library-item-details {
    background-color: inherit;
    margin: 0;
    padding: 0;
}

.single .library-item-list .library-item > .library-item-details > .controls {
    display: none;
}
.single .library-item-list .library-item.caching > .library-item-details > .controls,
.single .library-item-list .library-item.cached > .library-item-details > .controls {
    display: flex;
    order:1;
    margin-top:5px !important;
    padding-left:5px !important;
}
.single .library-item-list .library-item > .library-item-details > .controls > button,
.single .library-item-list .library-item > .library-item-details > .controls > .online {
    display:none !important;    
}
.single .library-item.caching .cache-progress .cached-container .cache-button,
.single .library-item.cached .cache-progress .cached-container .cache-button {
    display: flex !important;
}
.can-edit .single .library-item.caching .cache-progress .cached-container .size,
.can-edit .single .library-item.cached .cache-progress .cached-container .size {
    display: flex !important;
    top:-2px !important;
    font-size:1.1rem !important;
}
/*body.can-edit .single .library-item-list .library-item > .library-item-details > .controls {
    display: flex;
    padding-left: 0;
}
.single .library-item-list .library-item > .library-item-details > .controls > button,
.single .library-item-list .library-item > .library-item-details > .controls > .online {
    display: !important;

}*/
.library-item-list .library-item > .library-item-details > .cache-progress {
    display: none;
    margin-left: 29px;
    margin-right: 7px;
    /*margin-top: .2rem;*/
    /*display:flex;*/
    flex-direction: column;
    margin-top: 4px;
}

.single .library-item-list .library-item > .library-item-details > .cache-progress {
    display: flex !important;
    margin-left: -7px;
    margin-right: 17px;
    margin-top: 1rem;
}

.cached .library-item-list .library-item .library-item-details > .cache-progress,
.library-item-list .library-item.caching > .library-item-details > .cache-progress,
.library-item-list .library-item.cached > .library-item-details > .cache-progress,
.library-item-list .library-item.perm-cached > .library-item-details > .cache-progress,
.library-item-list .library-item.temp-cached > .library-item-details > .cache-progress {
    display: flex;
}

.library-item .cache-progress .cached-container button:focus {
    /* transform:scale(1.5);*/
    opacity: 1 !important;
}

.single .library-item .cache-progress .cached-container .cache-button {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
    font-size: 1rem;
    width: 30px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    display: none;
}

.single .library-item .cache-progress .cached-container .pause {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    font-size: .9rem;
    width: 30px;
    height: 28px;
    justify-content: center;
    align-items: center;
    padding: 0rem;
}
    .single .library-item .cache-progress .cached-container .pause i {
        position: relative;
        top: 0px;
        font-size:1.2rem;
    }


.single .library-item .cache-progress .cached-container .delete {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    font-size: 1.2rem;
    width: 30px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
}

    .single .library-item .cache-progress .cached-container .delete i {
        position: relative;
        top: 0px;
        font-size: 1.4rem;
    }

.library-item .cache-progress .cached-container .size {
    flex: 1;
    font-size: 1rem;
    position: relative;
    top: 0px;
    margin-right: 1.5rem;
    display: none;
}
body.can-edit .library-item .cache-progress .cached-container .size {
    display:block;
}
.single .library-item .cache-progress .cached-container .size {
    /*font-size: 1rem;*/
    color: lightgray;
    display: none !important;
}

.library-item .cache-progress .cache-container {
    flex: 1;
    width: 100%;
}

.single .library-item .cache-progress .cache-container .message {
    font-size: 1rem;
    margin-bottom: 0rem;
    margin-bottom: 1px;
    padding-left: 3px;
}

.library-item .cache-progress .cached-container {
    flex: 1;
    width: 100%;
    flex-flow: row !important;
    justify-content: flex-end;
    align-items: center;
    margin-top: .3rem;
    margin-right: 0px;
}

.single .library-item-list .library-item > .library-item-details > .description {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-bottom: 0rem;
    padding-top: .2rem;
    color: whitesmoke;
    /* font-weight: bold; */
    /* font-size: 0.2rem; */
    margin-left: 1px;
    text-align: justify;
    line-height: 1.9rem;
    padding-top: .5rem;
    font-size: 1.3rem;
    padding-left: 24px;
    padding-right: 25px;
}

    .single .library-item-list .library-item > .library-item-details > .description label {
        color: whitesmoke;
        font-size: 1.2rem;
        padding-bottom: 3px;
        padding-top: .5rem;
        text-align: justify;
        line-height: 1.5rem;
    }

.library-seasons {
    margin-left: 1rem;
    display: flex;
    /*flex-direction: row-reverse;*/
    overflow: auto;
}

.library-season {
    padding: .5rem 1rem;
    color: #fff;
    transition: .3s;
    border-bottom: solid 1px transparent;
    border-radius: 6px;
    opacity: 1;
    cursor: default;
    margin-right:5px;
}

body.no-transition .library-season {
    transition: none;
}

.library-season.selected {
    border: solid 1px rgba(100,100,100,.3);
    background-color: rgb(30,30,30);
    opacity: 1;
    cursor: default;
    color: white;
    opacity: 1 !important;
}

.library-season:focus {
    background-color: rgb(40,40,40);
    /*border-color: #444;*/
    color: white;
    opacity: 1 !important;
}

.library-discs {
    margin-left: 1rem;
    display: flex;
    /*flex-direction: row-reverse;*/
    overflow: auto;
}

.library-disc {
    padding: .5rem 1rem;
    color: #fff;
    transition: .3s;
    border-bottom: solid 1px transparent;
    border-radius: 6px;
    opacity: 1;
    cursor: default;
}

body.no-transition .library-disc {
    transition: none;
}

.library-disc.selected {
    border: solid 1px rgba(100,100,100,.3);
    background-color: rgb(30,30,30);
    opacity: 1;
    cursor: default;
    color: white;
    opacity: 1 !important;
}

.library-disc:focus {
    background-color: rgb(40,40,40);
    /*border-color: #444;*/
    color: white;
    opacity: 1 !important;
}

#library-items {
    flex: 1;
}

.library-items {
    display: flex;
    flex-direction: column;
    list-style: none;
    /* height: 100%; */
    padding-top: 0rem;
    /*margin-bottom: 15px;*/
}
.library-group-info-container .library-items {
    width: 100%;
    /*height: 100%;*/
}
.library-group-info-container {
    width: 100%;
    height: 100%;
}

.library-items .library-item {
    /* height: fit-content;*/
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1.5rem 1rem;
    padding-right: 0px;
    background-color: transparent;
    transition: none;
    align-items: flex-start;
    margin-bottom: 0rem;
    border-bottom: solid 1px rgba(100,100,100,.3);
    margin-left: .5rem;
    margin-right: 0rem;
    padding-left: 0;
    padding-right: .75rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
}
    .library-items .library-item:first-of-type {
        padding-top: 0rem;
    }
    .library-items .library-item:last-of-type {
        margin-bottom: 1rem;
    }
.library-item .container .library-item-data .library-item .info {
    padding-right: 0px !important;
}

.library-items .library-item:last-of-type {
    margin-bottom: 1rem;
}

#cache-info .container .library-item {
    margin-bottom: 0;
}

.library-item .info .info1 {
    display: block !important;
    white-space:normal;
}
.single .library-item .info .info1 > div:first-of-type {
    display:none;
}
/*
.library-item .info .info2 {
    display: block !important;
}
*/
.library-item .info .info3 {
    display: block !important;
}

.library-item .info .info4 {
    display: block !important;
}

.library-item .controls button label {
    display: none;
}
/*.library-groups-selected-item.love .library-group-details .controls button.love-button i {
    color: #FF0099;
    background: -webkit-linear-gradient(#f953c6, #b91d73);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.library-item.love .library-item-details .controls button.love-button {
    color: #FF0099;
    background: -webkit-linear-gradient(#f953c6, #b91d73);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}*/
.library-item-details .controls button.ok {
    color: green;
}

.library-item-details .controls button.warning {
    color: goldenrod;
}

.library-item-details .controls button.error {
    color: red;
}
/*.library-item-details .controls button.online-button {
    cursor: default !important;
}*/

.library-group-details .controls button.ok {
    color: green;
}

.library-group-details .controls button.warning {
    color: goldenrod;
}

.library-group-details .controls button.error {
    color: red;
}
/*.library-group-details .controls button.online-button {
    cursor: default !important;
}*/

.library-group-details .info > div.online .online-button {
    /*cursor: default !important;*/
    transition: .3s;
    position: relative;
/*    top: -2px;*/
}

    .library-group-details .info > div.online .online-button:focus {
        /*transform: scale(1.4);*/
        /*background-color:cornflowerblue;*/
        opacity: 1;
        color: white;
    }

body:not(.mobile-device) .library-group-details .info > div.online .online-button:hover {
    transform: scale(1.3);
}

    .library-group-details .info > div.online .online-button:focus {
        transform: scale(1.4);
    }

    .library-group-details .info > div.online .online-button:active {
        transform: scale(1.2);
    }

    .library-group-details .info > div.online .online-button.hide {
        opacity: 0 !important;
        transition: none;
        display: none;
    }

    .library-group-details .info > div.online .online-button.ok {
        color: green !important;
    }

    .library-group-details .info > div.online .online-button.warning {
        color: goldenrod !important;
    }

    .library-group-details .info > div.online .online-button.error {
        color: red !important;
    }

body.no-transition .library-group-details .info > div.online .online-button {
    transition: none;
    transform: none;
}

.library-group-details .info > div.online .online-loader .loader {
    font-size: 3px;
    margin: 0;
}

.library-item-details .controls .online-loader .loader {
    font-size: 3px;
    margin: 0;
    margin-left: .5rem;
    margin-right: .5rem;
}

    .library-item-details .controls .online-loader .loader:after {
        background: black;
    }

/*.library-item.perm-cached .library-item-details .controls button.cache-button i {
    color: green;
}
.library-item.temp-cached .library-item-details .controls button.cache-button i {
    color: #FF0062;
}

.library-item.perm-cached .library-item-details .controls button.uncache-button {
    display:block;
}
.library-item.perm-cached .library-item-details .controls button.uncache-button i {
    color: green;
}
.library-item .library-item-details .controls button.uncache-button {
    display:none;
}
.library-item.temp-cached .library-item-details .controls button.uncache-button {
    display:block;
}
.library-item.temp-cached .library-item-details .controls button.uncache-button i {
    color: #FF0062;
}*/
.library-item .library-item-details .controls .cache-button i {
    color: white;
    top: 0px;
    left: 0px;
    font-size: 1.2rem;
    position: relative;
}

.library-item .library-item-details .cache-progress .cached-container {
    margin-top: 0 !important;
}


.library-item.temp-cached .library-item-details .controls .cache-button i {
    color: dodgerblue;
}

.library-item.caching.temp-cached .library-item-details .controls .cache-button i {
    color: dodgerblue;
}
/*
.library-item.temp-cached .library-item-details .controls .cache-button {
    opacity: 1;
}
.library-item.perm-cached .library-item-details .controls .cache-button {
    opacity: 1;
}*/
.library-item.perm-cached .library-item-details .controls .cache-button i {
    color: green;
}

.library-item.caching.perm-cached .library-item-details .controls .cache-button i {
    color: limegreen;
}

.wizard-page .library-item.selected .description {
    color: white !important;
    text-shadow: -1px 1px 2px rgb(0 0 0) !important;
}
.wizard-page .library-item.selected > button {
    background-color: #FF0062 !important;
}
.wizard-page .library-item.selected .library-item-details {
    background-color: #FF0062 !important;
}


.library-group-details .info > div.previewPath .previewPath-button {
    /*cursor: default !important;*/
    transition: .3s;
    position: relative;
}

    .library-group-details .info > div.previewPath .previewPath-button:focus {
        /*transform: scale(1.4);*/
        /*background-color:cornflowerblue;*/
        opacity: 1;
        color: white;
    }

body:not(.mobile-device) .library-group-details .info > div.previewPath .previewPath-button:hover {
    transform: scale(1.3);
}

    .library-group-details .info > div.previewPath .previewPath-button:focus {
        transform: scale(1.4);
    }

    .library-group-details .info > div.previewPath .previewPath-button:active {
        transform: scale(1.2);
    }

    .library-group-details .info > div.previewPath .previewPath-button.hide {
        opacity: 0 !important;
        transition: none;
    }

body.no-transition .library-group-details .info > div.previewPath .previewPath-button {
    transition: none;
    transform: none;
}



.library-item > button {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    margin: 10px;
    margin-bottom: 3px;
    margin-left: 15px;
    margin-top: 7px;
    /*margin-right: 15px;*/
    cursor: pointer;
    flex: 1;
    padding-left: 10px;
    margin-right: 0;
    margin-left: 0rem;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-top: 15px;
    margin-bottom: 0;
    margin-top: 0;
    color: white;
    cursor: default;
    opacity: 1;
    transition: none;
    width: 100%;
}

    .library-item > button > .container {
        display: flex;
        width: 100%;
        padding-top: 0rem;
        padding-bottom: 1.5rem;
        align-items: flex-start;
        padding-top: 1rem;
        padding-bottom: .25rem;
        padding-top: 0;
    }
.single .library-item > button > .container {
    padding: 0;
    padding-top: 0rem;
    font-size: 1.4rem;
}
/*.library-item.caching > button,*/
.library-item.selected > button {
}

.library-item.selected > button {
    /* background-color: black;*/
    background-color: #333;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
}

.single .library-item.selected > button {
    background-color: inherit !important;
    border-radius: unset;
    padding: 0;
}

body:not(.mobile-device) .library-item > button:hover .info {
    transition: all .3s;
}

body.no-transition .library-item > button:hover .info {
    transition: none;
}
/*.library-item.caching > button .info,*/
.library-item.selected > button .info {
    color: white;
}

body:not(.mobile-device) .library-item > button:hover .info {
    color: white;
}

.library-item > button:focus .info {
    color: white;
}

.library-item.now-playing > button .info {
    color: #FFAB15;
}
.library-item.now-playing > button .index {
    color: #FFAB15;
}

.library-item > button .image {
    /* display: none;*/
    /* flex-direction: column; */
    /* position: relative; */
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/*.up-next-selection .library-item > button .image {
    display:none;
}*/
/*.library-item.album > button .image {
    width: 280px;
    height: 280px;
}
.library-item > button img {
    max-width: 280px;
    max-height: 210px;
}
.library-item.album > button img {
    max-width: 280px;
    max-height: 280px;
}
*/
.library-item > button .index {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem 2.5rem;
    font-size: 1.6rem;
    width: 50px;
    min-width: 50px;
    padding-right: 1rem;
    padding-left: 1rem;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    color: whitesmoke;
}
.no-shadow .library-item > button .index {
    text-shadow: none;
}
.single .library-item > button .index {
    display:none;
}

.single .library-item > button .container > .image {
    display: none;
}

.library-item > button .image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    z-index: 3;
    transition: .3s;
}

.library-item > button .image .library-item-icon-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    transition: .3s;
    opacity: .5;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    z-index: 10;
    color: white;
    cursor: pointer;
}
.no-shadow .library-item > button .image .library-item-icon-container {
    text-shadow: none;
}

body:not(.mobile-device) .library-item > button:hover .library-item-icon-container {
    opacity: 1;
}

.library-item > button:active .library-item-icon-container {
    opacity: 1;
    transition-duration: 0;
}
.library-item > button .library-item-icon-container.show {
    opacity: .9;
}

.library-item > button:active .library-item-icon-container.show {
    opacity: 1;
    transition-duration: 0;
}
.library-item.now-playing > button .library-item-icon-container {
    opacity: 1;
}
body:not(.mobile-device) .library-item.now-playing > button:hover .library-item-icon-container {
    opacity: .9;
}

body:not(.mobile-device) .library-item > button:hover .image {
}

.library-item > button:active .image {
    opacity: 1;
    transition-duration: 0;
}

.library-item > button .add-icon-button {
    opacity: .7;
    transition: .3s;
}

body:not(.mobile-device) .library-item > button:hover .add-icon-button {
    opacity: 1;
}

.library-item > button:active .add-icon-button {
    opacity: .8;
    transition-duration: 0;
}

/*.library-item > button:active,*/
.library-item > button.selected {
    background-color: #333;
    border-radius: 6px;
}

.library-item > button .icons {
    display: flex;
    position: absolute;
    top: 0;
    right: 1rem;
}

    .library-item > button .icons button {
        padding: .5rem;
    }

    .library-item > button .icons i {
        font-size: 20px !important;
    }

    .library-item > button .icons .edit-icon-button {
        color: cornflowerblue;
    }

    .library-item > button .icons .delete-icon-button {
        color: red;
    }

.project-quick-access-subitem-icons .edit-icon-button {
    color: #0066DD;
    margin: .5rem;
}

.app-anchor.selected .project-quick-access-subitem-icons .edit-icon-button {
    color: white;
}

.project-quick-access-subitem-icons .delete-icon-button {
    color: red;
    margin: .5rem;
}

.library-item > button .icons {
    display: none;
    position: absolute;
    top: -1.5rem;
    right: 0rem;
}

body.edit-layout .library-item > button .icons {
    display: flex;
}
/*body.edit-layout .project-category-section-item-subitem-icons button {
    padding:0px;
}*/
.project-layout .library-item > button .icons i {
    font-size: 14px !important;
}

.project-layout-header-logo-image-container .project-category-section-item-subitem-icons {
    top: -27px !important;
    right: unset !important;
}

.library-item-data {
    padding-left: 1rem;
    padding-top: 1rem;
    width: 100%;
}

.single .library-item-data {
    padding: 0 !important;
}

.library-item-icon-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    transition: .3s;
    opacity: 0;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
}
.no-shadow .library-item-icon-container {
    text-shadow: none;
}

.library-item .info {
    font-size: 1.2rem;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 10px;
    align-items: self-start;
}
    /*.playback .library-item .info {
    color: white;
}*/
    .library-item .info .info0 {
        display: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 2rem;
        text-align: right;
        justify-content: flex-end;
        margin-right: .5rem;
    }

.library-item.has-time .info .info0 {
    width: 5.5rem;
}

.library-item .info .info1 {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    font-size: 1.4rem;
    padding: 0.5rem 0rem;
    flex: 1;
    padding-top: 0;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    padding-bottom: 0px;
}
.no-shadow .library-item .info .info1 {
    text-shadow: none;
}

    .library-item .info .info1.spacer {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
        margin-left: 1rem;
    }

.library-item .info .info2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .25rem;
    padding-right: .5rem;
    font-size: 1.1rem;
    position: relative;
    top: 5px;
}
.single .library-item .info .info2 {
    display: none !important;
}

.library-item .info .info3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.library-item .info .info4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.library-item-data .info {
    padding-left: 0px !important;
}

.library-items-selected-item {
    position: absolute;
    right: 0;
    width: 40%;
    top: 0;
    bottom: 0;
    background-color: #1C1C22;
    /* background: linear-gradient(#12121A, #121216) !important;*/
    background-color: inherit !important;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.68);
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.68);
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.68);
}

.library-item-details {
    display: none;
    display: flex;
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
    padding-left: 37px;
    margin-right: 0;
    margin-left: 0rem;
    padding-right: 1rem;
    margin-bottom: .5rem;
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0rem;
    transition:none;
}
/*.library-item.caching .library-item-details,*/
.library-item.selected .library-item-details {
}

.library-item-details .controls .edit-button i {
    font-size: 16px;
    position: relative;
    top: 1px;
}

.library-item-details .controls .delete-button i {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.library-item.selected .library-item-details {
    /* background-color: black;*/
    background-color: #333;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.library-item-details .image {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.library-item-details .background {
    position: absolute;
    top: -101px;
    left: -216px;
    z-index: 0;
    right: -20px;
    height: 200%;
    -webkit-filter: blur(15px);
    filter: blur(30px);
   /* transform: scale(1.1);*/
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 0%;
    opacity: .5;
}

.library-item-details .image img {
    min-height: 340px;
    max-height: 340px;
    position: relative;
}

.library-item-details .name {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-bottom: 0rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.2rem;
}

    .library-item-details .name label {
        color: white;
        font-size: 2rem;
        padding-bottom: 3px;
        /*margin-left:-3px;*/
        white-space: nowrap;
    }

.library-item-details .name2 {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-top: 2px;
    padding-bottom: .2rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.2rem;
}

    .library-item-details .name2 label {
        color: white;
        white-space: nowrap;
    }

.library-item-details .info {
    display: flex;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.3rem;
    margin-left: 3px;
}

    .library-item-details .info .seperator {
        width: 2px;
        background-color: lightgray;
        margin: 5px 10px;
        position: relative;
        top: -2px;
        border-radius: 10px;
        border: solid 5px;
        transform: scale(.5);
        top: 1px;
    }

    .library-item-details .info > div {
        padding-bottom: 3px;
        display: flex;
        white-space: nowrap;
    }

    .library-item-details .info .info1 {
    }

    .library-item-details .info .info2 {
    }

    .library-item-details .info .info3 {
    }

    .library-item-details .info .info4 {
    }

.library-item-details .controls {
    display: flex;
    /* margin-left: 2rem; */
    /* justify-content: flex-end; */
    margin-right: .5rem;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-left: 0rem;
    padding-right: 0;
    padding-left: 30px;
    margin-right: 0rem;
    position: inherit;
    flex-direction: row;
    align-items: center;
}

.library-item-details > .controls > button:not(.app-button) {
    border: solid 1px transparent;
    outline: 0;
    margin: 0;
    background-color: transparent !important;
    color: white;
    font-size: 1.2rem;
    /* opacity: .7; */
    cursor: pointer;
    /* padding: 0rem .5rem; */
    /* margin-right: 1rem; */
    /* padding-top: .3rem; */
    margin-right: .3rem;
    transition: .3s;
    /*background-color: #323232;*/
    /* padding-bottom: .5rem; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    /*  color: #FDFEFE;*/
    padding: .5rem .7rem;
    margin-right: .6rem;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
    cursor: pointer;
}

    .library-item-details > .controls > button:not(.app-button) > span {
        margin-left: 3px;
    }

    .library-item-details > .controls > button:not(.app-button) {
        margin-right: .5rem;
    }

body.no-transition .library-item-details .controls button {
    transition: none;
}
/*.library-item-details .controls button i {
    margin-right:5px;
}
.library-item-details .controls button:hover {
  opacity:1; 
}
.library-item-details .controls button:focus {
    opacity: 1;
}
.library-item-details .controls button:active {
    opacity:.8; 
}*/

body:not(.mobile-device) .library-item-details .controls button:not(.app-button):hover {
    /*transform: scale(1.3)*/
    transform: matrix(1.3, 0, 0, 1.3, 0, 0);
}

.library-item-details .controls button:not(.app-button):focus {
   /* transform: scale(1.4);*/
    transform: matrix(1.4, 0, 0, 1.4, 0, 0);
}

.library-item-details .controls button:not(.app-button):active {
    /*transform: scale(.9);*/
    transform: matrix(.9, 0, 0, .9, 0, 0);
}

body.no-transition .library-item-details .controls button:not(.app-button) {
    transition: none;
    transform: matrix(1.0, 0, 0, 1.0, 0, 0) !important;
}

.library-item-details .controls .item-count2 {
    flex: 1;
    text-align: right;
    margin-right: 10px;
}

.library-item-details .description {
    padding: .5rem 1.5rem;
    padding-bottom: 0;
    padding-right: 1rem;
    text-align: justify;
    /* padding-bottom: .2rem; */
    padding-top: 10px;
    line-height: 1.4rem;
    font-size: 1rem;
    padding-bottom: 0px;
}

.single .library-item-details .description {
    padding: 0rem 2rem;
}

.library-item-details .description label {
    color: lightgray;
    font-size: 1.1rem;
    padding-bottom: .5rem;
    padding-top: 0;
    white-space: normal;
}

.single .library-item-details .description label {
    padding-bottom: 3px;
    padding-top: .5rem;
}

.library-item-details .item-count {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1.5rem 2.5rem;
    padding-bottom: .7rem;
    padding-top: .3rem;
    color: lightgray;
    /* font-weight: bold; */
    /* font-size: 0.2rem; */
    margin-left: 1px;
}

    .library-item-details .item-count label {
        color: lightgray;
        font-size: 1.4rem;
        padding-bottom: 3px;
        border-top: solid 1px;
        border-bottom: solid 1px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 5px;
        border-color: gray;
    }



.library-item .cache-state,
.library-item .cache-progress {
   /* display: none;*/
    align-items: center;
    justify-content: flex-end;
    /* justify-content: flex-end; */
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
   /* display: flex;*/
    align-items: center;
    justify-content: flex-end;
}

.library-item .cache-state {
}

.library-item .cache-progress {
    /*margin-left: 2.5rem;
    margin-right: 2rem;
     padding-top: .5rem; */
    flex: 1;
    text-align: end;
    margin-left: 0;
    margin-right: 0;
}

/*.library-item.caching .cache-state,
.library-item.caching .cache-progress {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}*/

/*.library-item.temp-cached .cache-state {
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.library-item.perm-cached .cache-state {
    display: flex;
    align-items: center;
    justify-content:flex-end;
}*/

#cache-info .container .library-item.cached {
    margin-top: 0;
}

#cache-info .container .library-item {
    margin-bottom: -3px !important;
    margin-top: .2rem;
}

.library-item .cache-state .cache-container,
.library-item .cache-progress .cache-container,
.library-item > .cache-container {
    display: none;
    flex-direction: column;
    text-align: left;
    position: relative;
    top: 0;
    padding-right: 0px;
    flex: 1;
    left: 7px;
}

.library-item .cache-progress .cache-container {
    margin-top: 0rem;
    margin-bottom: .1rem;
    padding-left: 0.5rem;
}

.library-item .cache-progress .cache-container .progress-info {
    display: flex;
    align-items: center;
    line-height: 0px;
    position: relative;
}

.library-item.caching .cache-state .cache-container,
.library-item.caching .cache-progress .cache-container,
.library-item.caching > .cache-container {
    display: flex;
}
.library-group.uploading .library-item .cache-state .cache-container,
.library-group.uploading .library-item .cache-progress .cache-container,
.library-group.uploading .library-item > .cache-container {
    display: flex;
}
.library-group.transcode-item .library-item .cache-state .cache-container,
.library-group.transcode-item .library-item .cache-progress .cache-container,
.library-group.transcode-item .library-item > .cache-container {
    display: flex;
}

.library-item > .cache-container {
    margin-top: 6px;
    margin-bottom: 4px;
    margin-right: 9px;
}

#cache-info .library-item > .cache-container {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    left: 0;
}
#cache-info .container .library-item {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    border: none;
    PADDING-BOTTOM: 0;
    MARGIN-BOTTOM: 0;
}
    .library-item .cache-state .cache-container .message,
    .library-item .cache-progress .cache-container .message,
    .library-item > .cache-container .message {
        font-size: .8rem;
        color: black;
        padding-bottom: 2px;
        padding-top: 3px;
        color: lightgray;
    }
.library-item > .cache-container .message {
    padding-left: 4px;
}
.library-item .cache-state .cache-container .progress,
.library-item .cache-progress .cache-container .progress,
.library-item > .cache-container .progress {
    height: 6px;
    width: 94%;
    border: solid 1px rgba(100,100,100,.5);
    display: flex;
    opacity: 1;
    border-radius: 6px;
    overflow: hidden;
}

        .library-item .cache-state .cache-container .progress .percent,
        .library-item .cache-progress .cache-container .progress .percent,
        .library-item > .cache-container .progress .percent {
            background-color: dodgerblue;
            width: 3%;
            height: 6px;
        }

#cache-info .library-item .cache-state {
    width: 100%;
}
.library-item .pause {
    margin: 0;
    padding: .3rem;
    border: 0;
    outline: 0;
    background-color: transparent;
    opacity: .7;
    color: white;
    cursor: pointer;
    transition: .3s;
    font-size: 1rem;
    display: none;
    margin-right: 0.6rem !important;
    margin-left: 0.3rem;
    position: absolute;
    right: 10px;
}

body.no-transition .library-item .pause {
    transition: none;
}

.library-item.caching .pause {
    display: flex;
}

    .library-item.caching .pause.paused {
        color: #0066DD;
    }

body:not(.mobile-device) .library-item .pause:hover {
    opacity: 1;
}

.library-item .pause:focus {
    opacity: 1;
}

.library-item .pause:active {
    opacity: .8;
}



.library-item-details .controls button.delete {
    font-size: 1.3rem;
    margin-left: .3rem;
    margin-right: .3rem;
    color: red;
    position: relative;
    top: 0px;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    /* position:relative;
    top:2px;*/
}
/*.library-item-details .controls button.love-button {
    font-size: 1.2rem;
    margin-left: 3px;
    margin-right: 1px;
}*/
.library-item-details .controls button.online-button {
    font-size: .9rem;
    margin-right: 7px;
    /* margin-left: 7px; */
    padding: 9px 9px;
    padding: 0.5rem 0.7rem;
    margin-right: 0.6rem;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color:transparent !important;
}

.library-item-details .controls .cache-state .cached-container button.pause {
    position: relative;
    top: 1px;
}
.library-item-details .controls .cache-state .cached-container button.delete {
    position: relative;
    top: 1px;
}

.library-item .cache-state .cached-container {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    margin-right: .2rem;
   /* margin-top: .3rem;
    position: relative;
    top: 1px;*/
}

#cache-screen .library-item .cache-state .cached-container {
    margin-top: 0px;
}

#cache-screen .library-item.cached .cache-state .cached-container {
    top: 0;
    margin-top: 1px;
    margin-right: 0;
}

.library-item .cache-progress .cached-container {
    flex-flow: column;
    display: flex;
    position: relative;
    top: 6px;
}

    .library-item .cache-state .cached-container .cache-button,
    .library-item .cache-progress .cached-container .cache-button {
        margin: 0;
        padding: .3rem;
        border: 0;
        outline: 0;
        cursor: pointer;
        transition: .3s;
        font-size: 1rem;
        margin-right: 0rem;
        margin-left: 0rem;
        opacity: .7;
        transition: .3s;
        padding: 11px 11px;
        position: relative;
        margin-right: 5px;
    }

#cache-screen .library-item .cache-state .cached-container .cache-button i,
#cache-screen .library-item .cache-progress .cached-container .cache-button i {
    position: relative;
    top: 0px;
}

.library-item .cache-state .cached-container .cache-button:hover,
.library-item .cache-progress .cached-container .cache-button:hover {
    transform: scale(1.3)
}

.library-item .cache-state .cached-container .cache-button:focus,
.library-item .cache-progress .cached-container .cache-button:focus {
    transform: scale(1.4)
}

.library-item .cache-state .cached-container .cache-button:active,
.library-item .cache-progress .cached-container .cache-button:active {
    transform: scale(1.2)
}

body.no-transition .library-item .cache-state .cached-container .cache-button,
body.no-transition .library-item .cache-progress .cached-container .cache-button {
    transition: none;
    transform: none;
}

.library-item .cache-state .cached-container .cache-button:hover,
.library-item .cache-progress .cached-container .cache-button:hover {
    opacity: 1;
}

.library-item .cache-state .cached-container .cache-button:focus,
.library-item .cache-progress .cached-container .cache-button:focus {
    opacity: 1;
}

.library-item .cache-state .cached-container .cache-button:active,
.library-item .cache-progress .cached-container .cache-button:active {
    opacity: .8;
}
/*.library-item .cache-progress .cached-container .cache-button {
    display:none;
}*/
.library-item .cache-state .cached-container .cache-button i,
.library-item .cache-progress .cached-container .cache-button i {
    color: white;
}

.library-item.temp-cached .cache-state .cached-container .cache-button i,
.library-item.temp-cached .cache-progress .cached-container .cache-button i {
    color: dodgerblue;
    opacity: 1 !important;
}

.library-item.caching.temp-cached .cache-state .cached-container .cache-button i,
.library-item.caching.temp-cached .cache-progress .cached-container .cache-button i {
    color: dodgerblue;
    opacity: 1 !important;
}

.library-item.perm-cached .cache-state .cached-container .cache-button i,
.library-item.perm-cached .cache-progress .cached-container .cache-button i {
    color: green;
    opacity: 1 !important;
}

.library-item.caching.perm-cached .cache-state .cached-container .cache-button i,
.library-item.caching.perm-cached .cache-progress .cached-container .cache-button i {
    color: limegreen;
    opacity: 1 !important;
}

.library-item-details .cache-progress {
    position: relative;
    top: -7px;
}

#library-options .drop-down {
    /* width: 288px;*/
    /* margin-left: 1px;*/
}

    #library-options .drop-down .items {
        /* width: 287px;
    margin-left: 1px;*/
    }

    #library-options .drop-down button {
        padding: .5rem 1rem;
       /* opacity: .9 !important;*/
        width: 220px;
        margin-right: 0;
    }

        #library-options .drop-down button.item {
            background-color: black !important;
        }

            #library-options .drop-down button.item:focus {
                background-color: #444444 !important;
            }

            #library-options .drop-down button.item:hover {
                background-color: #8888 !important;
            }
    /*#library-options .drop-down button.item:active {
    background-color:#FF0062 !important;
    opacity:1 !important;
}*/
    #library-options .drop-down.show button.selected-item {
        background-color: #FF0062 !important;
        opacity: 1 !important;
    }

    #library-options .drop-down button:focus {
        background-color: #FF0062 !important;
        opacity: 1 !important;
    }

    #library-options .drop-down label {
        font-size: 1.4rem;
    }

    #library-options .drop-down i {
        font-size: 1.4rem;
    }


#genres-screen .drop-down {
    /* width: 288px;*/
    /*margin-left: 1px;*/
}

    #genres-screen .drop-down .items {
        /*width: 287px;*/
    }

    #genres-screen .drop-down button {
        padding: .5rem 1rem;
        opacity: .9 !important;
        width: 200px;
    }

        #genres-screen .drop-down button.item {
            background-color: black !important;
        }

            #genres-screen .drop-down button.item:focus {
                background-color: #444444 !important;
            }

            #genres-screen .drop-down button.item:hover {
                background-color: #8888 !important;
            }
    /*#genres-screen .drop-down button.item:active {
    background-color:#FF0062 !important;
    opacity:1 !important;
}*/
    #genres-screen .drop-down.show button.selected-item {
        background-color: #FF0062 !important;
        opacity: 1 !important;
    }

    #genres-screen .drop-down button:focus {
        background-color: #FF0062 !important;
        opacity: 1 !important;
    }

    #genres-screen .drop-down label {
        font-size: 1.4rem;
    }

    #genres-screen .drop-down i {
        font-size: 1.4rem;
    }

.sections-page .section-row label.custom-checkbox {
    opacity: 1;
}
/* Customize the label (the container) */
.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -6px;
    transition: .3s;
}

body.no-transition .custom-checkbox {
    transition: none;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none;
}

/* Create a custom checkbox */
.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    background-color: rgb(50,50,50);
    opacity: .8;
    transition: .3s;
   /* background-color: rgb(30,30,30) !important;*/
    border: solid 1px rgba(100,100,100,.3) !important;
    border-radius: 6px;
}

body.no-transition .custom-checkbox .checkmark {
    transition: none;
}

.custom-checkbox:hover {
    opacity: 1;
}

.custom-checkbox:focus {
    opacity: 1;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
    background-color: #505050;
    opacity: 1;
}

/* When the checkbox is checked, add a blue background */
/*.custom-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}*/
.custom-checkbox input:focus ~ .checkmark {
    background-color: #2196F3;
    opacity: 1;
}

.custom-checkbox:focus .checkmark {
    background-color: #2196F3;
    opacity: 1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sections-page.log {
    position: absolute;
    top: 1rem;
    left: 0px;
    right: 0px;
    bottom: 3rem;
    flex: 1;
    /* background-color: white; */
    overflow: auto;
    /*border: solid 1px #333;*/
    padding: 0;
    height:unset;
}
    .sections-page.log section {
        display: flex;
    }

.sections-page.about .section-row {
    justify-content: center !important;
    font-size: 1.2rem !important;
}

    .sections-page.about .section-row a {
        color: white;
    }

    .sections-page.about .section-row.current-version {
        padding-top: 1.2rem;
    }

    .sections-page.about .section-row.new-version {
        padding-top: .7rem;
    }

    .sections-page.about .section-row.update-version {
        padding-top: .3rem;
    }

    .sections-page.about .section-row.copyright {
        padding-top: 1.2rem;
    }

    .sections-page.about .section-row.sponsors {
        padding-top: 1.2rem;
    }

    .sections-page.about .section-row label {
        white-space: normal;
        text-align: center;
    }

#options-screen .log .items {
    flex: 1;
}

    #options-screen .log .items .item {
        font-size: 1rem;
        padding: 10px;
        white-space: nowrap;
        border-bottom: solid 1px #333;
        width: 100%;
        text-align: left;
    }

        #options-screen .log .items .item:focus {
            background-color: #444;
        }

        #options-screen .log .items .item:nth-child(odd) {
        }

        #options-screen .log .items .item.debug {
            color: green;
        }

        #options-screen .log .items .item.log {
            color: green;
        }

        #options-screen .log .items .item.info {
            color: green;
        }

        #options-screen .log .items .item.warning {
            color: orange;
        }

        #options-screen .log .items .item.error {
            color: red;
        }

        #options-screen .log .items .item.exception {
            color: red;
        }

.library-center-loader .loader-io {
    position: absolute;
    left: 0;
    top: 2rem;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.loader-io.absolute {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    align-items: center;
}


.formats {
    display: flex;
    flex-direction: column;
    padding: 0rem;
    margin-top: 3px;
}

    .formats .format-item {
        display: flex;
        align-items: center;
        /* padding: .5em; */
        flex-direction: column;
        width: 100%;
        justify-content: center;
        border: 1px solid transparent;
        background-color: transparent;
        border-radius: 6px;
        padding: .5rem;
        background-color: transparent;
        transition:.2s;
    }

        .formats .format-item.selected {
            background-color: rgba(100,100,100,.3);
            border: 1px solid dodgerblue;
        }

    .formats .format-item-type {
        margin-left: 1em;
        flex: 1;
    }

.format-item-bitrate.ok {
    color:green;
}
.format-item-bitrate.warning {
    color:goldenrod;
}
.format-item-bitrate.error {
    color:red;
}

.format-item > button {
    padding-bottom: 0px;
    padding-top: 7px;
    margin-bottom: 5px;
    margin-top: 0;
    color: white;
    cursor: default;
    opacity: 1;
    /* background-color: rgba(154, 181, 213, .2); */
    /* border: 1px solid #94ADCB; */
    /* border-bottom: none; */
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
}

    .format-item > button:focus {
        outline-color: none;
    }

    .format-item > button .image {
        display: none;
        /* flex-direction: column; */
        /* position: relative; */
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

.format-item.album > button .image {
    width: 280px;
    height: 280px;
}

.format-item > button img {
    max-width: 280px;
    max-height: 210px;
}

.format-item.album > button img {
    max-width: 280px;
    max-height: 280px;
}

.format-item .format-item-details button:hover {
   /* transform: scale(1.3);*/
    transform: matrix(1.3, 0, 0, 1.3, 0, 0);
}

.format-item .format-item-details button:focus {
    /*transform: scale(1.4);*/
    transform: matrix(1.4, 0, 0, 1.4, 0, 0);
}

.format-item .format-item-details button:active {
    /*transform: scale(1.2);*/
    transform: matrix(1.2, 0, 0, 1.2, 0, 0);
}

.format-item .info {
    font-size: 1.1rem;
    text-align: left;
    padding-top: 7px !important;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 16px;
    line-height: 1.4rem;
}

.playback .format-item .info {
    color: white;
}

.format-item-details {
    display: none;
    flex-direction: column;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    background-color: transparent;
    border: none;
    border-top: none;
    width: 100%;
}

.format-item.selected .format-item-details,
body.can-edit .format-item-details {
    display: flex;
}

.format-item-details .image {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.format-item-details .background {
    position: absolute;
    top: -101px;
    left: -216px;
    z-index: 0;
    right: -20px;
    height: 200%;
    -webkit-filter: blur(15px);
    filter: blur(30px);
   /* transform: scale(1.1);*/
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 0%;
    opacity: .5;
}

.format-item-details .image img {
    min-height: 340px;
    max-height: 340px;
    position: relative;
}

.format-item-details .name {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-bottom: 0rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.2rem;
}

    .format-item-details .name label {
        color: white;
        font-size: 2rem;
        padding-bottom: 3px;
        /*margin-left:-3px;*/
        white-space: nowrap;
    }

.format-item-details .name2 {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-top: 2px;
    padding-bottom: .2rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.2rem;
}

    .format-item-details .name2 label {
        color: white;
        white-space: nowrap;
    }

.format-item-details .info {
    display: flex;
    text-align: left;
    /* width: 100%; */
    padding: 1rem 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: lightgray;
    /* font-weight: bold; */
    font-size: 1.3rem;
    margin-left: 3px;
}

    .format-item-details .info .seperator {
        width: 2px;
        background-color: lightgray;
        margin: 5px 10px;
        position: relative;
        top: -2px;
        border-radius: 10px;
        border: solid 5px;
        transform: scale(.5);
        top: 1px;
    }

    .format-item-details .info > div {
        padding-bottom: 3px;
        display: flex;
        white-space: nowrap;
    }

    .format-item-details .info .info1 {
    }

    .format-item-details .info .info2 {
    }

    .format-item-details .info .info3 {
    }

    .format-item-details .info .info4 {
    }

.format-item-details-controls {
    display: flex;
    margin-top: 3px;
    padding-top: 0;
    margin-bottom: 3px;
    padding-bottom: 0;
    margin-left: 0rem;
    margin-right: 0rem;
    padding-left: 0;
    padding-right: 5px;
    justify-content: flex-end;
    display:none;
}
body.can-edit .format-item-details-controls {
    display:flex;
}

.format-item-details-controls button {
    border: 0;
    outline: 0;
    margin: 0;
    background-color: transparent !important;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    margin-right: .3rem;
    transition: .3s;
    /*opacity: .7;*/
    padding: .7rem 1.3rem;
    margin-right: .8rem;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    padding: .3rem;
    /* padding-left: .5rem; */
    /* padding-right: .5rem; */
    margin-left: 5px;
    margin-right: 5px;
}

body.no-transition .format-item-details-controls button {
    transition: none;
}

.format-item-details-controls > button > label {
    display: none;
}

.format-item-details-controls .item-count2 {
    flex: 1;
    text-align: right;
    margin-right: 10px;
}

.format-item-details .description {
    padding: .5rem 1.5rem;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 12px;
    text-align: justify;
    /* padding-bottom: .2rem; */
    padding-left: 14px;
}

.format-item-details-controls button i {
    margin-right: 0px;
}

.single .format-item-details .description {
    padding: 0rem 2rem;
}

.format-item-details .description label {
    color: #666666;
    font-size: 1rem;
    padding-bottom: 1px;
    padding-top: 3px;
    line-height: 1.25rem;
    /* margin-left: 2rem; */
    /* margin-right: 1rem; */
    padding-bottom: 3px;
}

.single .format-item-details .description label {
    padding-bottom: 3px;
    padding-top: .5rem;
}

.format-item-details .item-count {
    display: flex;
    flex-direction: column;
    text-align: left;
    /* width: 100%; */
    padding: 1.5rem 2.5rem;
    padding-bottom: .7rem;
    padding-top: .3rem;
    color: lightgray;
    /* font-weight: bold; */
    /* font-size: 0.2rem; */
    margin-left: 1px;
}

    .format-item-details .item-count label {
        color: lightgray;
        font-size: 1.4rem;
        padding-bottom: 3px;
        border-top: solid 1px;
        border-bottom: solid 1px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 5px;
        border-color: gray;
    }



.format-item .cache-state,
.format-item .cache-progress {
    display: none;
    align-items: center;
    justify-content: flex-end;
    /* justify-content: flex-end; */
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.format-item .cache-state {
}

.format-item .cache-progress {
    margin-left: 2.5rem;
    margin-right: 2rem;
    padding-top: .5rem;
    display: none;
}

    /*.format-item.caching .cache-state,
.format-item.caching .cache-progress {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}*/

    /*.format-item.temp-cached .cache-state {
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.format-item.perm-cached .cache-state {
    display: flex;
    align-items: center;
    justify-content:flex-end;
}*/

    .format-item .cache-state .cache-container,
    .format-item .cache-progress .cache-container,
    .format-item > .cache-container {
        display: none;
        flex-direction: column;
        text-align: left;
        position: relative;
        top: 0;
        margin-right: .2rem;
        flex: 1;
    }

.format-item.caching .cache-state .cache-container,
.format-item.caching .cache-progress .cache-container,
.format-item.caching > .cache-container {
    display: flex;
}

.format-item > .cache-container {
    margin-top: 6px;
    margin-bottom: 4px;
    margin-right: 9px;
}

    .format-item .cache-state .cache-container .message,
    .format-item .cache-progress .cache-container .message,
    .format-item > .cache-container .message {
        font-size: .8rem;
        color: black;
        padding-bottom: .2rem;
        color: #666666;
    }

    .format-item .cache-state .cache-container .progress,
    .format-item .cache-progress .cache-container .progress,
    .format-item > .cache-container .progress {
        height: 4px;
        width: 100%;
        border: solid 1px lightgray;
        display: flex;
        opacity: 1;
    }

        .format-item .cache-state .cache-container .progress .percent,
        .format-item .cache-progress .cache-container .progress .percent,
        .format-item > .cache-container .progress .percent {
            background-color: #0069D9;
        }

.format-item .delete {
    color: red;
    background-color: transparent;
    border: none;
    margin-left: 10px !important;
}
/*.format-item .cache-button {
    margin-left: 10px !important;
}*/
.format-item .pause {
    margin: 0;
    padding: .3rem;
    border: 0;
    outline: 0;
    background-color: transparent;
    opacity: .7;
    color: #0069D9;
    cursor: pointer;
    transition: .3s;
    font-size: 1rem;
    display: none;
    margin-left: 13px !important;
    margin-right: 4px !important;
}

body.no-transition .format-item .pause {
    transition: none;
}

.format-item.caching .pause {
    display: block;
}

    .format-item.caching .pause.paused {
        color: red;
    }

.format-item .pause:hover {
    opacity: 1;
}

.format-item .pause:focus {
    opacity: 1;
}

.format-item .pause:active {
    opacity: .8;
}

.format-item .cache-state .pause {
    margin-left: .3rem;
}

.format-item .cache-progress .cached-container {
    flex-flow: column;
}

    .format-item .cache-state .cached-container .cache-button i,
    .format-item .cache-progress .cached-container .cache-button i {
        color: #0069D9;
    }

.format-item.temp-cached .cache-state .cached-container .cache-button i,
.format-item.temp-cached .cache-progress .cached-container .cache-button i {
    color: #0069D9;
}

.format-item.caching.temp-cached .cache-state .cached-container .cache-button i,
.format-item.caching.temp-cached .cache-progress .cached-container .cache-button i {
    color: #0069D9;
}

.format-item.perm-cached .cache-state .cached-container .cache-button i,
.format-item.perm-cached .cache-progress .cached-container .cache-button i {
    color: green;
}

.format-item.caching.perm-cached .cache-state .cached-container .cache-button i,
.format-item.caching.perm-cached .cache-progress .cached-container .cache-button i {
    color: green;
}

.format-item .default-spacer {
    /*  flex:1;*/
}

.format-item .default-button {
    margin-left: 11px;
    margin-right: 3px;
}

.format-item .default-button-on {
    display: none !important;
}

.format-item.default .default-button-off {
    display: none !important;
}

.format-item.default .default-button-on {
    display: block !important;
}

.format-item .default-button i {
    font-size: 1.2rem;
}

.format-item.default .default-button i {
    color: limegreen;
}

.format-item.selected .info {
    color: white !important;
}

.formats-container {
    min-height: 1.5rem;
}

.formats-header {
    margin-left: 1.5rem;
    margin-right: 15px;
    text-align: right;
    padding-top: .5rem;
    margin-bottom: 5px;
}

.formats-button {
    cursor: pointer;
    transition: .3s;
    background-color: transparent;
    border: none;
    outline: none;
    color: dimgray;
    padding: 5px;
    padding-left: 10px !important;
}

body.no-transition .formats-button {
    transition: none;
    transform: none;
}

.formats-button > label {
    font-size: 1rem;
    margin-right: 1rem;
}

.formats-button > i {
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.formats-button:hover {
    color: #0069D9;
}

.formats-button:focus {
    /*transform: scale(1.4);*/
    /*background-color:cornflowerblue;*/
    /*color: #0069D9;*/
    color: white;
}

.formats-button:active {
    /*transform: scale(1.4);*/
    /*background-color:cornflowerblue;*/
    opacity: .8;
    color: #0069D9;
}

.format-item-dimensions {
    min-width: 120px;
}

.formats-button:focus i {
    /*transform: scale(1.3);*/
    transform: matrix(1.3, 0, 0, 1.3, 0, 0);
}

.format-item-details-controls button.default-button {
    position: relative;
    top: 0px;
    margin-right: .5rem;
    margin-left: .5rem;
}

.sponsor-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .sponsor-list a {
        padding: 5px;
    }

        .sponsor-list a.svg {
            width: 200px;
            margin: 15px;
        }

        .sponsor-list a > div {
            max-width: 200px;
        }

        .sponsor-list a > label {
            font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
            font-size: 60px;
            font-weight: 300;
        }

#search-keys .input-container {
    display: flex;
    position: relative;
}

#search-keys .input-search-icon {
    padding: .5rem 1rem;
    padding-right: .5rem;
    display:none;
}

#search-keys .input-clear-icon {
    padding: .5rem 1rem;
    padding-left: .5rem;
    display: none;
}

#search-keys .input-keys-toggle-keyboard {
    display: none;
}

body.tv-device #search-keys .input-keys-toggle-keyboard {
    display: block;
    position: absolute;
    right: 0;
    font-size: 1.4rem;
    padding: 1rem;
}

#playlists-screen .library-type:last-of-type {
    margin-right: 0;
}
/*#playlists-screen .library-types .library-spacer {
    min-width: 20px;
    width: 20px;
}
#playlists-screen .library-types .library-spacer .container {
    min-width: 20px;
    width: 20px;
}
*/


.library-item-details > .controls .cached-container > button {
    margin-left: .6rem;
    margin-right: 0;
}
/*
#default-screen .parallax-slider {
    width: 100%;
    height: 100%;
    opacity: .5;
}
#default-screen .logo-name {
    display:none;
}
#default-screen .logo-image {
    padding:0;
}
*/
#login-refresh {
    padding: 15px;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.6rem;
    color: white;
    opacity: .7;
    transition: .3s;
    /* padding-left: .5rem; */
    margin-right: 40px;
    margin-left: 0px;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-right: 0px;
    margin-top: 1rem;
    background-color: #444444;
}

body.tv-device #login-refresh {
    transition: none;
}

#login-refresh:focus {
    opacity: 1;
    background-color: #FF0062;
    /* outline: #1177AA auto 1px !important;*/
}

#login-refresh:hover {
    opacity: 1;
    background-color: #8888;
}

body.tv-device #login-back-button {
    display: none;
}

.library-item-list .loader-container {
    display: unset;
    top: 2rem;
    /* position: unset;*/
    position: absolute !important;
}

body.tv-device .drop-down.show button.selected-item {
    opacity: 1 !important;
    color: white !important;
    opacity: .7;
}

    body.tv-device .drop-down.show button.selected-item label {
        opacity: 1 !important;
        color: white !important;
    }

    body.tv-device .drop-down.show button.selected-item i {
        opacity: 1 !important;
        color: white !important;
    }

body.tv-device .drop-down button label {
    color: white !important;
}

body.tv-device .drop-down button:focus label {
    color: white !important;
}

body.tv-device .drop-down button i {
    color: white !important;
}

body.tv-device .drop-down button:focus i {
    color: white !important;
}

body.tv-device .header > button:hover {
    background-color: unset;
    color: unset;
}
/*
body.tv-device .header > button:focus {
    background-color: #191919;
    color: white;
}

body.tv-device .header > button.selected:focus {
    background-color: #FF0062;
    color: white;
}
*/
body.tv-device .library-type.selected {
    opacity: 1;
    background-color: unset;
}

body.tv-device .library-type:focus {
    opacity: 1 !important;
    background-color: #444444 !important;
}

body.tv-device .library-type.selected:focus {
    opacity: 1 !important;
    background-color: #FF0062 !important;
}

body.tv-device .header > button.logo:focus {
    background-color: black !important;
}

body.tv-device .single .library-item .cache-progress .cached-container button:focus {
    background-color: #FF0062 !important;
}

body.tv-device .library-item-details .controls button:focus {
    background-color: #FF0062 !important;
}

body.tv-device #playerControls #position-container {
    /* background-color: rgba(0,0,0,.5);*/
    padding-top: 7px;
}

body.tv-device #playerControls #controls-container {
    /*background-color: rgba(0,0,0,.5);*/
}

@media only screen and (max-width: 960px) {
    body.tv-device #playerDataClose {
        margin-right: 49px;
    }

    body.tv-device .library-type:hover {
        opacity: unset;
        background-color: unset;
    }

    body.tv-device #search-keys {
        bottom: 0;
    }

        body.tv-device #search-keys .input-keys button:hover {
            background-color: unset;
        }

        body.tv-device #search-keys .input-keys button {
            padding: 4px !important;
            white-space: nowrap !important;
            width: 25px !important;
            border: solid 1px transparent !important;
            align-items: center !important;
            justify-content: center !important;
            display: flex !important;
        }

        body.tv-device #search-keys .input-searches-label {
            font-size: 1.2rem !important;
        }

        body.tv-device #search-keys input {
            line-height: 1rem !important;
        }

        body.tv-device #search-keys .input-options button {
            padding: .5rem !important;
            margin: .5rem !important;
            padding-top: .5rem !important;
            padding-bottom: .5rem !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            font-size: 1rem !important;
        }

            body.tv-device #search-keys .input-options button.input-option-back {
                margin: 0 !important;
                font-size: 1.6rem !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding-top: .3rem !important;
                padding-bottom: .3rem !important;
            }

    body.tv-device .library-group .info {
        font-size: .7rem !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    body.tv-device .library-group .name2 {
        font-size: .7rem !important;
    }

    body.tv-device .library-group .name3 {
        font-size: .7rem !important;
        padding-top: 0px !important;
    }

    body.tv-device #library-groups {
        top: 125px;
    }

    body.tv-device .recent-date > .name, body.tv-device .recent-date .name.section-button {
        padding-top: 0rem !important;
        padding-bottom: .3rem !important;
    }

        body.tv-device .recent-date > .name label,
        body.tv-device .recent-date .name.section-button label {
            font-size: 1.3rem !important;
        }

    body.tv-device .recent-grouping .library-groups {
        padding-bottom: 1rem !important;
    }

    body.tv-device #channels-screen .library-page {
        top: 105px !important;
    }

    body.tv-device .library-items {
        padding-top: 0px;
    }

    body.tv-device .single .library-item-list .library-item > .library-item-details > .description {
        padding: 0 1em !important;
        padding-right: .5rem !important;
        text-align: justify !important;
        margin-left: 0px !important;
        padding-top: .2rem !important;
    }

    body.tv-device #login-screen .loader-io {
        margin-bottom: 1rem;
    }

    body.tv-device .login-container .logo-image img {
        /*width: 9rem;*/
        max-height: 9rem;
    }

    body.tv-device .library-type {
        font-size: 1.3rem !important;
        margin-left: 10px;
        margin-right: 10px;
    }

    body.tv-device .header {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

        body.tv-device .header button {
            font-size: 1rem !important;
            padding-left: 1.3rem !important;
            padding-right: 1.4rem !important;
        }

        body.tv-device .header #button-options {
            font-size: 1.4rem !important;
        }

            body.tv-device .header #button-options i {
                padding-top: 2px;
            }

    body.tv-device #playerControls #position-level-selector {
        background-color: whitesmoke;
    }
    /*body.tv-device .library-group .image {
        display:none;
    }
    body.tv-device .library-group.show .image {
        display: flex;
    }
    body.tv-device .library-group .container {
        display: none;
    }*/

    body.tv-device .library-group.show .container {
        display: block;
        width: 208px !important;
    }

    body.tv-device .header > button.logo {
        padding-left: 0rem !important;
        padding-right: .2rem !important;
        margin-right: 0rem !important;
    }

    body.tv-device .recent-grouping .library-group:first-of-type {
        margin-left: 10px !important;
    }

    body.tv-device #channels-screen .library-groups {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        padding-bottom: .5rem !important;
    }

    body.tv-device #channels-screen .recent-library .library-groups {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        padding-bottom: 1rem !important;
    }

    body.tv-device #playlists-screen #library-groups {
        top: 75px;
    }

    body.tv-device #library-screen .library-types {
        margin-top: 1rem !important;
    }

    body.tv-device #library-group {
        margin-top: 1px;
        margin-bottom: 15px;
        border: solid 1px #1C1C22;
    }

    body.tv-device .header #button-options {
        font-size: 1.4rem !important;
        margin-right: 0rem !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    body.tv-device #library-options {
        margin-left: 2.1rem !important;
        margin-right: 2.1rem !important;
        margin-top: 2px !important;
        margin-bottom: 0rem !important;
    }

    body.tv-device .library-types {
        /* left: -6px !important;*/
        left: 0px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
        margin-top: 1rem !important;
        margin-bottom: .7rem !important;
    }
    /*body.tv-device .metadata-item-image img {
        box-shadow:none;
    }*/
    body.tv-device .library-group.on-now .time > label {
        color: #FFAB15 !important;
    }

    body.tv-device .recent-grouping .library-groups .library-loader {
        padding-top: 2rem !important;
    }

    body.tv-device .library-group-details {
        overflow: hidden !important;
    }

        body.tv-device .library-group-details .name {
            padding: .5rem 1rem !important;
            padding-bottom: 1px !important;
        }

            body.tv-device .library-group-details .name label {
                font-size: 1.4rem !important;
            }

        body.tv-device .library-group-details .name2 {
            display: none !important;
            padding: .5rem 1rem !important;
            padding-top: 2px !important;
            padding-bottom: 0 !important;
        }

    body.tv-device .library-item-details .controls button.pause {
        top: 0px !important;
    }

    body.tv-device .library-group-details .controls button.pause i {
        font-size: .8rem !important;
        top: 1px !important;
    }

    body.tv-device .library-item-details .controls button.delete {
        margin-left: 0 !important;
        margin-right: 0 !important;
        top: 0px !important;
    }

    body.tv-device .library-group-details .controls button.delete i {
        font-size: 1.2rem !important;
        top: 1px !important;
    }

    body.tv-device .library-item .library-item-details .controls .cache-button i {
        font-size: 1rem !important;
    }

    body.tv-device .single .library-item .cache-progress .cached-container button {
        padding-right: 0 !important;
        width: 32px;
        height: 28px;
    }

        body.tv-device .single .library-item .cache-progress .cached-container button i {
            font-size: 1rem !important;
        }

        body.tv-device .single .library-item .cache-progress .cached-container button.pause {
            top: 0px !important;
        }

            body.tv-device .single .library-item .cache-progress .cached-container button.pause i {
                font-size: .8rem !important;
                top: 1px !important;
            }

        body.tv-device .single .library-item .cache-progress .cached-container button.delete {
            margin-left: 0 !important;
            margin-right: 0 !important;
            top: 0px !important;
        }

            body.tv-device .single .library-item .cache-progress .cached-container button.delete i {
                font-size: 1.2rem !important;
                top: 1px !important;
            }

    body.tv-device .divider {
        display: block !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        margin-top: .7rem !important;
        margin-bottom: 3px !important;
    }

    body.tv-device .sections-page.about .sponsor-list a.svg {
        width: 110px;
        margin: 5px;
    }

    body.tv-device .sections-page.about .sponsor-list a > div {
        max-width: 110px;
    }

    body.tv-device .sections-page.about .sponsor-list img.discogs {
        max-width: 70px;
    }

    body.tv-device .sections-page.about .sponsor-list img.open-subtitles {
        max-width: 120px;
    }

    body.tv-device .sections-page.about {
        padding-top: 1.5rem;
    }

        body.tv-device .sections-page.about .section-row.current-version {
            padding-top: 1rem;
        }

        body.tv-device .sections-page.about .section-row.new-version {
            padding-top: .7rem;
        }

        body.tv-device .sections-page.about .section-row.update-version {
            padding-top: .3rem;
        }

        body.tv-device .sections-page.about .section-row.copyright {
            padding-top: 1rem;
        }

        body.tv-device .sections-page.about .section-row.sponsors {
            padding-top: 1rem;
        }

        body.tv-device .sections-page.about .logo-image img {
       /*     width: 6rem;*/
            max-height: 6rem;
        }

        body.tv-device .sections-page.about .section-row {
            font-size: 1rem !important;
        }
    /*body.tv-device .sections-page.about > div {
        width: 100% !important;
    }*/
    body.tv-device .library-group {
        margin-top: 3px !important;
        margin-bottom: 10px !important;
        overflow: hidden !important;
        min-width: 208px !important;
        width: 208px !important;
        min-height: 270px !important;
    }

        body.tv-device .library-group.selected {
            border: solid 1px #1177AA !important;
        }

        body.tv-device .library-group:focus {
            border: solid 1px #1177AA !important;
        }

    body.tv-device .has-seasons .divider {
    }

    body.tv-device .has-discs .divider {
    }

    body.tv-device .library-group-details .name2 label {
        font-size: 1.1rem !important;
    }

    body.tv-device .library-group-details .info div {
        color: unset !important;
    }

    body.tv-device .library-group-details .name3 {
        font-size: .9rem !important;
        padding-left: 1rem !important;
        padding-bottom: 2px !important;
        padding-top: 2px !important;
    }

    body.tv-device .library-group-details > .info {
        padding: .5rem 1rem !important;
        padding-top: 3px !important;
        padding-bottom: .1rem !important;
        font-size: .8rem !important;
    }

    body.tv-device .library-group-details .info > div {
        color: white !important;
    }

    body.tv-device .library-group-details .library-item .info > div {
        color: lightgray !important;
    }

    body.tv-device .library-group-details .library-item.selected .info > div {
        color: white !important;
    }

    body.tv-device .library-group-details > .info .seperator {
        top: 0px !important;
        height: 10px !important;
    }

    body.tv-device .library-group-details > .info > div.online .online-button {
        top: 0px !important;
    }

    body.tv-device .library-group-details .info > div.online {
        display: none !important;
    }

    body.tv-device .library-item-details .controls button.delete {
        margin-left: .3rem !important;
        margin-right: .3rem !important;
        position: relative !important;
        top: 0px !important;
    }

    body.tv-device .library-group-details > .controls {
        padding: .5rem 1rem !important;
        padding-top: 7px !important;
        padding-bottom: 0px !important;
        font-size: 1rem !important;
        margin: 0 !important;
    }

        body.tv-device .library-group-details > .controls button {
            padding: .5rem 1rem !important;
            margin-right: .5rem !important;
        }

            body.tv-device .library-group-details > .controls button label {
                font-size: .9rem !important;
            }

            body.tv-device .library-group-details > .controls button i {
                font-size: .9rem !important;
            }

    body.tv-device .library-group-details .item-count {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        padding: 5px !important;
        padding-bottom: 8px !important;
        border-bottom: none !important;
        margin-top: 3px !important;
        padding-top: 3px !IMPORTANT;
    }

        body.tv-device .library-group-details .item-count.seasons {
            padding-bottom: 6px !important;
        }

        body.tv-device .library-group-details .item-count label {
            font-size: .9rem !important;
        }

    body.tv-device .library-group-details .library-season {
        font-size: .9rem !important;
        padding: .4rem .8rem !important;
    }

    body.tv-device .library-group-details .library-disc {
        font-size: .9rem !important;
        padding: .4rem .8rem !important;
    }

    body.tv-device .library-seasons {
        overflow: hidden !important;
    }

    body.tv-device .library-discs {
        overflow: hidden !important;
    }

    body.tv-device .library-item-list {
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }

    body.tv-device .library-item-list {
        overflow: unset !important;
    }

    body.tv-device .library-item > button {
        margin: 0 !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 0 !important;
        padding-left: .5rem !important;
        padding-top: 5px !important;
        padding-bottom: 2px !important;
    }

    body.tv-device .library-item.selected > button {
        padding-top: 5px !important;
    }

    body.tv-device .library-group-details .library-item .info {
        padding: .5rem 1rem !important;
        padding-top: 0px !important;
        padding-bottom: 0rem !important;
        padding-right: 1rem !important;
        padding-left: 0rem !important;
        font-size: .9rem !important;
    }

    body.tv-device .library-item-details {
        margin-left: 0rem !important;
        margin-right: .0rem !important;
        padding-right: 1rem !important;
        padding-left: .5rem !important;
        padding-bottom: 5px !important;
        padding-top: 2px !important;
    }

    body.tv-device .library-item .cache-state .cached-container .cache-button,
    body.tv-device .library-item .cache-progress .cached-container .cache-button {
        padding-right: 0px !important;
        position: relative !important;
        top: 0px !important;
    }

    body.tv-device .library-item .cache-state .cache-container .message,
    body.tv-device .library-item .cache-progress .cache-container .message,
    body.tv-device .library-item > .cache-container .message {
        font-size: .7rem !important;
        padding-bottom: 1px !important;
        color: lightgray !important;
        opacity: .8 !important;
    }

    body.tv-device .library-item-details .description {
        padding: .2rem 1rem !important;
        padding-bottom: 6px !important;
        padding-left: 39px !important;
        padding-top: 0px !important;
        /* max-height: 110px !important; */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: .8rem !important;
        line-height: 1.2rem !important;
        padding-right: 7px !important;
    }
    /*body.tv-device .library-item .cache-progress .cached-container .size {
        top: 0px !important;
    }*/
    body.tv-device .library-item.caching {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

        body.tv-device .library-item.caching > button {
            padding-top: 5px !important;
        }

    body.tv-device .library-item-list .library-item > .library-item-details > .cache-progress {
        margin-left: 2.5rem !important;
        margin-right: .5rem !important;
        padding-bottom: 0px !important;
    }

    body.tv-device .single .library-item-list .library-item > .library-item-details > .cache-progress {
        margin-left: 1rem !important;
        margin-top: .5rem !important;
    }

        body.tv-device .single .library-item-list .library-item > .library-item-details > .cache-progress .cached-container .size {
            margin-right: 1rem !important;
            font-size: 1rem !important;
            top: 0px !important;
        }

    body.tv-device .library-item .cache-progress .cached-container .size {
        margin-right: 1rem !important;
    }

    body.tv-device .library-item-details .controls {
        margin-left: 35px !important;
        padding-top: 2px !important;
        padding-bottom: 0px !important;
        margin-right: 8px !important;
    }

        body.tv-device .library-item-details .controls button {
            padding-right: 0 !important;
            width: 32px;
            height: 28px;
        }

    body.tv-device .library-item-details label {
        padding-bottom: 0 !important;
    }

    body.tv-device .library-group .info .seperator {
        height: 10px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        opacity: .8 !important;
    }

    body.tv-device #playerControls #volume-bar-container {
        flex: .78 !important;
    }

    body.tv-device #player.video #playerControls #volume-bar-container {
        flex: .55 !important;
    }

    body.tv-device #playerControls #playlistItems {
        font-size: 1.4rem !important;
        left: 7px !important;
    }

    body.tv-device #playerDataControls {
        right: -.5rem !important;
    }

    body.tv-device .player-data-channel {
        opacity: .5 !important;
    }

    body.tv-device #playerControls .metadata-item-image img {
        max-width: 290px;
        max-height: 290px;
    }

    body.tv-device #playerControls .metadata-item-header {
        padding-top: 3rem;
    }

    body.tv-device #playerControls .metadata-item-header-info-description {
        font-size: 1.2rem !important;
        line-height: 1.5rem !important;
        text-align: justify !important;
        margin-right: 65px;
    }

    body.tv-device .player-data-info {
        padding-top: 1rem !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    body.tv-device #up-next-info {
        display: none !important;
    }

    body.tv-device .library-group .container {
        padding-top: 5px !important;
        padding-left: 7px !important;
        padding-bottom: 5px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
        width: inherit;
    }

    body.tv-device #channels-screen .recent-date > .name {
        padding-left: 1.2rem !important;
    }

    body.tv-device #playlists-screen .library-groups {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        margin-bottom: 0rem !important;
        padding-bottom: 1rem !important;
    }

    body.tv-device #playerControls #playerDataUpNextLabel {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataUpNextLabel {
        text-shadow: none;
    }

    body.tv-device #playerControls #playerDataUpNext1 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataUpNext1 {
        text-shadow: none;
    }

    body.tv-device #playerControls #playerDataUpNext2 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataUpNext2 {
        text-shadow: none;
    }

    body.tv-device #playerControls #playerDataUpNext3 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataUpNext3 {
        text-shadow: none;
    }

    body.tv-device #playerControls #playerDataSummary1 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        margin-left: 0px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataSummary1 {
        text-shadow: none;
    }

    body.tv-device #playerControls #playerDataSummary2 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        margin-left: 0px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataSummary2 {
        text-shadow: none;
    }

    body.tv-device #playerControls #playerDataSummary3 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        margin-left: 0px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataSummary3 {
        text-shadow: none;
    }


    body.tv-device #playerControls #playerDataSummary4 {
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        margin-bottom: 2px !important;
        margin-left: 0px !important;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, .5);
    }
    .no-shadow.tv-device #playerControls #playerDataSummary4 {
        text-shadow: none;
    }

    body.tv-device #playerControls .metadata-item-image {
        display: block !important;
        padding-left: 0px;
    }

    body.tv-device #playerDataUpNext {
        margin-right: 2px !important;
        padding-left: 10px;
    }

    body.tv-device #playerDataMute {
        font-size: 1.8rem !important;
        margin-right: 42px !important;
    }

    body.tv-device #playerDataUpNextButton {
        margin-left: 10px !important;
    }

    body.tv-device #playerControls .metadata-item-header-info {
        padding-left: 2rem !important;
        padding-right: 0rem !important;
        margin-right: 0 !important;
    }

    body.tv-device #videoPlayback.paused {
        opacity: 1 !important;
    }

    body.tv-device #player #videoPoster {
        transition: none;
    }

    body.tv-device #player.paused #videoPoster {
        opacity: .7 !important;
    }

    body.tv-device #player #videoPlayback video {
        display: none !important;
    }

    body.tv-device #player.video.has-data #videoPlayback video {
        display: flex !important;
    }

    body.tv-device #player #videoPreview video {
        display: none !important;
    }

    body.tv-device #player.video.is-cached #videoPreview video {
        display: flex !important;
    }

    body.tv-device #player.video.has-data #videoPoster .videoPosterImage {
        display: none !important;
    }
    /*body.tv-device #videoPoster .videoPosterFilter {
        display: none;
    }*/
    body.tv-device #playerDataInfo {
        transition: .5s !important;
    }

    body.tv-device .drop-down .items {
        width: 150px !important;
    }

    body.tv-device .drop-down {
        width: 150px !important;
    }

        body.tv-device .drop-down button {
            padding: .6rem .6rem !important;
        }

        body.tv-device .drop-down.show button.selected-item {
            opacity: 1 !important;
            color: white !important;
            opacity: .7;
        }

            body.tv-device .drop-down.show button.selected-item label {
                opacity: 1 !important;
                color: white !important;
            }

            body.tv-device .drop-down.show button.selected-item i {
                opacity: 1 !important;
                color: white !important;
            }
        /*body.tv-device .drop-down button:focus {
        outline: #1177AA auto 1px !important;
    }*/
        body.tv-device .drop-down button label {
            font-size: 1rem !important;
            position: relative !important;
            top: 1px !important;
            color: white !important;
        }

        body.tv-device .drop-down button:focus label {
            color: white !important;
        }

        body.tv-device .drop-down button i {
            font-size: .9rem !important;
            position: relative !important;
            top: 0px !important;
            color: white !important;
        }

        body.tv-device .drop-down button:focus i {
            color: white !important;
        }

    body.tv-device #library-screen .library-groups {
        margin-bottom: 0 !important;
    }

    body.tv-device .current-info {
        bottom: 3px;
        left: 5px;
    }

    body.tv-device #options-screen .sections-container {
        flex-direction: row;
    }

    body.tv-device #options-screen .sections-tabs {
        padding-top: 1rem;
        flex-direction: column;
    }

        body.tv-device #options-screen .sections-tabs button {
            width: 16rem;
            text-align: right;
        }

    body.tv-device #options-screen .sections-page .section-row {
        padding-left: 5px;
    }

    body.tv-device #options-screen .sections-page.log {
        left: 0px;
    }

    body.tv-device #options-screen .log .items .item {
        font-size: .9rem;
        white-space: normal;
    }

    body.tv-device .player-data-upNext {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    body.tv-device #library-buttons button {
        padding: .5rem !important;
        margin: .5rem !important;
        margin-bottom: 0rem !important;
    }
}

@media only screen and (max-height: 400px) {
    .metadata-item-image img {
        max-width: 180px !important;
        max-height: 180px !important;
    }

    .logo-name {
        font-size: 1.6rem;
    }

    .logo-image {
        padding-bottom: 1rem;
    }

    #loading-screen .logo-image img {
      /*  width: 6rem;*/
        max-height: 6rem;
    }

    .loader-io {
     /*   transform: scale(.8);*/
        transform: matrix(.8, 0, 0, .8, 0, 0);
        /*margin: 1rem;*/
    }
}


.onDemand-button .onDemand-price {
    padding-left: 5px;
}






/****PROJECT LAYOUT****/


.publishLabel-container {
}

#project-window {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 201;
    display: flex;
    flex-direction: column;
    /* overflow: auto;*/
    align-items: center;
}

#project-section .publishLabel-container {
    color: #8b92a9;
    font-size: 1.2rem;
    font-style: italic;
    flex: 1;
    position: relative;
    top: -13px;
    left: 5px;
}

body.dark-mode #project-section .publishLabel {
    color: white;
}

body.light-mode #project-section .publishLabel {
    color: black;
}

#project-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    width: 100%;
    position: relative;
}

    #project-section .search-section {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: white;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 5px;
        font-size: .875rem;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        margin: 1rem;
        margin-top: 1rem;
        padding: 0rem 1.5rem;
        /* padding-bottom: 1rem;
    padding-bottom: 1rem;*/
        margin-bottom: 0rem;
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 0;
        border: transparent;
        max-height: 97vh;
        max-height: 100vh;
        overflow: hidden;
    }

body.dark-mode #project-section .search-section {
    background: #1C1C22 !important;
}

#project-section .search-section .views {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    #project-section .search-section .views .view {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        #project-section .search-section .views .view .list-view-container {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            #project-section .search-section .views .view .list-view-container .list-view-body {
                flex: 1;
                display: flex;
                flex-direction: column;
                position: relative;
                margin: 0;
            }

                #project-section .search-section .views .view .list-view-container .list-view-body .list-view-no-items {
                    flex: 1;
                    display: none;
                    flex-direction: column;
                }

.flex-column-1 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.project-section-header {
    text-align: right;
}

.project-section-close-button {
    font-size: 2rem;
    background-color: transparent;
    border: solid 1px transparent;
    outline: 0 !important;
    opacity: .8;
    transition: .3s;
    position: absolute;
    top: -3px;
    right: 47px;
    z-index: 1;
    color: red;
}

body.dark-mode .project-section-close-button {
    color: white;
}

.project-section-close-button:hover {
    opacity: 1;
}

.project-section-close-button:active {
    opacity: .9;
}

#project-section .app-form-field.form-check .app-form-field-label {
    margin-left: 3px;
}

.project-layout-menu .form-check {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}

.project-layout-menu .subsection header .form-check {
    margin-bottom: 0px !important;
}

.project-layout-menu .app-navigation-item .form-check {
    margin-bottom: 0px !important;
    flex: unset;
    margin-left: -1rem !important;
}

#project-section .fields-section {
    padding: 0 1.5rem;
    /* border-top: solid 1px #2A2A30; */
    border-bottom: solid 1px #2A2A30;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.light-mode #project-section .fields-section {
    border-bottom: solid 1px lightgray;
}

#project-section .app-form-footer .app-form-buttons {
    padding-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.app-form-body {
}

#project-section .app-form-body {
    padding: 0rem 2rem;
    /*overflow: hidden;*/
}

#project-section .app-tabs ul {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    justify-content: center;
}

#project-section .app-form-footer {
    padding-left: 1rem;
    padding-right: 1rem;
}

#project-section .app-view.summary .app-form-content {
    align-items: center;
}

#project-section .app-view.summary .app-tabs {
    margin-bottom: 1.8rem;
    width: 100%;
}

#project-section .app-view.mediaItems-table {
    height: 100%;
}

#project-section .app-form-label.label1 {
    font-size: 2rem;
}

#project-section .app-form-field-image-container.default-artwork .app-form-field-img {
    max-height: 15vh !important;
}


.project-layout {
    /*  position: fixed;*/
    /*left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(20,20,20);
    overflow: auto;
    overflow-x: hidden;
    z-index: 1;
    color: white;
    display: flex;
    flex-direction: column;*/
}

.project-layout-editor-menu {
    z-index: 201;
    display: none !important;
}

body.can-edit .project-layout-editor-menu {
    display: block !important;
}

/*body.is-loading .project-layout-editor-menu,*/
body.playback .project-layout-editor-menu {
    display: none !important;
}

.project-layout-menu {
    position: fixed;
    top: 0rem;
    bottom: 0rem;
    /* border-right: solid 1px rgba(100,100,100,.3);*/
    padding: .5rem;
    /* flex-direction: column;*/
    z-index: 200;
    transition: .3s;
    display: flex;
    width: 35rem;
    left: -35rem;
    overflow: hidden;
    padding: 0;
    /*box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);*/
}

body.edit-layout .project-layout-menu {
    left: 0;
    width: 4.5rem;
}

body.show-layout-menu .project-layout-menu {
    left: 0;
    width: 35rem;
    width: 30rem;
    /* width: 41rem;*/
}

@media only screen and (max-width: 800px) {

    body.edit-layout .project-layout-menu {
        width: 35rem !important;
        left: -35rem !important;
    }
    body.edit-layout #main-screen,
    body.edit-layout .project-base-screen {
        left: 0rem !important;
    }
}

.project-layout .back-button {
    padding: 0.5rem;
    font-size: 1.4rem;
    position: fixed;
    top: 0;
    z-index: 201;
    padding-left: 0.8rem;
    padding-right: 0.6rem;
}

.project-layout .sp-original-input-container .sp-add-on .sp-colorize {
    border: solid 1px lightgray;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.project-layout-header {
    padding: 1rem 4.3rem;
    display: flex;
    align-items: center;
    padding-right: 2.2rem;
    padding-bottom: 2rem;
    position: fixed;
    width: 100%;
    top: 0;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    transition: .3s;
    z-index: 5;
    background-color: black;
}

    .project-layout-header.sticky {
        background-color: transparent !important;
        /*background-color: rgba(0,0,0,.1) !important;*/
    }

.project-layout-pages {
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: .3s;
}

body.show-layout-menu .project-layout-pages {
    padding-left: 35rem;
}

.project-layout-page {
    display: flex;
    flex-direction: column;
    flex: 1;
}
/*.project-header-page-header {
    height: 100vh;
    overflow: hidden;
    width: 100%;
}*/
.project-layout-header .project-layout-header-logo img {
    max-width: 500px;
    max-height: 28px;
}

.project-layout-header .media-status-user-container {
    margin-left: .5rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 0rem;
    margin-bottom: 0.2rem;
}

.project-layout-header .media-status-notify-container {
    margin-left: 1rem;
    margin-right: 0rem;
    display: flex;
    align-items: center;
    position: relative;
    order: 0;
    margin-top: .3rem;
}

.project-layout-header .app-user-content-button-icon {
    margin: 0.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    top: 2px;
}

.project-layout-header .media-status-notify-container .app-notify-content-button-icon {
    font-weight: 900 !important;
}

.project-layout-page-items {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    padding-left: 2rem;
}

.project-layout-page-item {
    padding: .5rem;
    font-size: 1.2rem;
}

    .project-layout-page-item.selected {
        opacity: 1 !important;
    }

.project-layout-header .add-page-button {
    padding: .5rem 2rem;
    display: none;
}

body.edit-layout .project-layout-header .add-page-button {
    display: flex;
}

.project-layout .add-quick-access-button {
    padding: .5rem 2rem;
    display: none;
    position: relative;
    top: -3px;
}

body.edit-layout .project-layout .add-quick-access-button {
    display: flex;
}

.project-layout-page-header {
    padding: 1rem 6rem;
    display: flex;
    align-items: baseline;
    padding-right: 1.5rem;
    padding-top: 0;
    padding-bottom: 4rem;
}

.project-layout-page-name {
    font-size: 38px;
    line-height: 38px;
    font-weight: 700;
    margin-right: 15px;
}


.project-layout-page-background-image,
.dms-on-demand .project-layout-page-background-image {
    position: absolute;
    left: -100px;
    top: -100px;
    right: -100px;
    bottom: -100px;
    /*left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;*/
    pointer-events: none;
    filter: blur(30px);
    /*transform: scale(1);*/
    transform: matrix(1.0, 0, 0, 1.0, 0, 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;
    opacity: .7;
    z-index: -2;
}
.dms-on-demand.subscriptions-screen .project-layout-page-background-image {
    filter: blur(10px);
}

.project-layout-page-background-image.no-blur,
.dms-on-demand .project-layout-page-background-image.no-blur {    
    filter: blur(0px);
}

.project-quick-access.no-opacity .project-layout-page-background-image,
.dms-on-demand .no-opacity .project-layout-page-background-image {
    opacity: 1;
}

.project-quick-access:not(.blur-image).no-blur-image .project-layout-page-background-image,
.dms-on-demand :not(.blur-image).no-blur-image .project-layout-page-background-image {
    filter: blur(0px);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.project-quick-access.blur-image .project-layout-page-background-image,
.dms-on-demand .blur-image .project-layout-page-background-image {
    display: initial;
}
.project-layout-page-background-image.show {
    display: flex;
}

.project-layout-page-default-video,
.project-layout-page-unavailable-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.project-layout-page-default-image,
.dms-on-demand .project-layout-page-default-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.project-layout-page-default-image-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.project-layout-page-default-image-container .project-layout-page-default-image,
.dms-on-demand .project-layout-page-default-image-container .project-layout-page-default-image {
    position: absolute;
    top: -100px;
    left: -100px;
    right: -100px;
    bottom: -100px;
    object-fit: cover;
    width:unset;
    height:unset;
    z-index:unset;
}
.project-layout-page-default-image.hide,
.dms-on-demand .project-layout-page-default-image.hide {
    display: none;
}

.dms-on-demand-form .dms-on-demand-selection-form {
    background-color: rgba(0, 0, 0, 1);
    color: white;
    padding-top: 2rem;
    border-radius: 5px;
    height: fit-content;
    padding-bottom: 2rem;
    max-width: 50vw;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0%), 0 6px 20px 0 rgba(0, 0, 0, 19%);
    margin-top: 1.25rem;
}
.dms-on-demand-selection-container-ex {
    display: flex;
}

/*.section-quickaccess .project-layout-page-default-image {
    display: none;
}
.section-quickaccess .project-layout-page-default-image.show {
    display: block;
}*/
.project-quick-access.no-blur-image .project-layout-page-default-image,
.dms-on-demand .no-blur-image .project-layout-page-default-image {
    display: none;
}


.project-quick-access.blur-image .project-layout-page-default-image,
.dms-on-demand .blur-image .project-layout-page-default-image {
    opacity: .7;
}

.project-layout-page-info {
    padding: 1rem;
    font-size: 1.8rem;
    max-width: 65%;
    padding-top: 4vh;
    padding-top: 3vh;
}
.center-page-title .project-layout-page-info {
    padding-right: 5%;
    max-width: unset;
    display: flex;
   /* justify-content: center;*/
    flex-direction: column;
    justify-content: unset;
    align-items: center;
    padding-top:0px;
}
.center-page-title.has-image .project-layout-page-image-container {

}
.center-page-title.has-image .project-layout-page-image-container img {
    display:unset;
    max-width: 45vw;
    max-height: 45vw;
    max-width: 58rem;
    max-height: 11rem;
    padding-bottom:0;
}
.center-page-title .project-layout-page-image-container {
    height:unset;
}
.center-page-title .project-layout-page-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 65%;
}
.center-page-title .project-layout-page-title {
    font-size: 6.5vh;
    text-align: center;
    padding-top:0px;
}
.center-page-title .project-layout-page-message {
    text-align: center;
    font-size: 5vh;
    font-weight: 600;
    padding-top: 1rem;
    font-size: 4vh;
    font-size: 2.17vw;
    font-size: 2.8rem;
    font-weight: 600;
    font-weight: normal;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    line-height: 1.4;
}

.project-quick-access.full-info .project-layout-page-info {
    max-width: unset;
    display: flex;
}

.project-layout-page-title {
    font-weight: 900;
    font-size: 2.8rem;
    padding-bottom: 0rem;
    padding-top: 2rem;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    max-width: 900px;
}
.no-shadow .project-layout-page-title {
    text-shadow: none;
}

.project-layout-page-info.has-image .project-layout-page-title {
    font-size: 2.8rem;
    padding-bottom: 0rem;
    padding-bottom: .5rem;
}

.project-layout-page-info.no-image .project-layout-page-title {
    font-size: 2.8rem;
    padding-bottom: 0rem;
    padding-bottom: .5rem;
}

.project-layout-page-image {
    /* padding-bottom: 2rem;*/
    margin-bottom: 0rem;
    margin-bottom: 2rem;
}

.project-quick-access.full-info .project-layout-page-image {
    object-fit: contain;
    max-height: 62vh;
}

.project-quick-access .project-layout-page-image.use-shadow,
.project-quick-access .project-layout-page-image.light-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 7%), 0 2px 4px rgba(0, 0, 0, 7%), 0 4px 8px rgba(0, 0, 0, 7%), 0 8px 16px rgba(0, 0, 0, 7%), 0 16px 32px rgba(0, 0, 0, 7%), 0 32px 64px rgba(0, 0, 0, 7%);
}

.project-quick-access .project-layout-page-image.heavy-shadow {
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(100 100 100 / 40%);
}

.project-layout-page-image-container {
     height: 120px;
    overflow: hidden;
    /*display: none;*/
}

    .project-layout-page-image-container img {
        display: none;
    }

.project-layout-page-info.has-image .project-layout-page-image-container {
    max-width: 685px;
    height: 280px;
    overflow: hidden;
}

.project-layout-page-info.hide-image .project-layout-page-image-container {
    height: 120px;
   /* display: none;*/
}

.project-layout-page-info.has-image .project-layout-page-image-container img {
    display: initial;
}

.project-layout-page-info.hide-image .project-layout-page-image-container img {
    display: none !important;
}

.project-layout-page-info.no-image .project-layout-page-image-container {
    height: 120px;
}

    .project-layout-page-info.no-image .project-layout-page-image-container img {
        display: none;
    }

.project-quick-access.full-info .project-layout-page-image-container {
    width: unset;
    height: unset;
    overflow: visible;
}

.project-quick-access.full-info .project-layout-page-data {
    padding-left: 3rem;
    padding-left: 2.7rem;
    /*padding-right: 10rem;*/
}

.project-quick-access.full-info .project-layout-page-message {
    -webkit-line-clamp: 13;
}

.project-layout-page-item-header {
    height: 94vh;
    height: 100vh;
    height: calc(100vh - 0px);
    /*overflow: hidden;*/
    width: 100%;
    position: relative;
    display: none;
}

.tab-page.has-quickaccess .project-layout-page-item-header {
    display: block !important;
}

.project-layout-page-item-header-container {
    padding-top: 6rem;
    padding-left: 52px;
    position: relative;
    width: 100%;
    height: 100%;
    transition: .3s;
}

body.edit-layout .project-layout-page-item-header-container {
    padding-left: 3.2rem;
}

.project-layout-page-name {
    padding: 1rem;
    display: none;
}

.project-layout.show-name .project-layout-page-name {
    display: inherit;
}



.project-layout-page-quick-access-menus {
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
    z-index: 6;
}

.project-layout-page-quick-access-menus {
    display: flex;
    align-items: center;
}

.project-layout-page-quick-access-menu-item {
    padding: .3rem;
    margin: 0 2px;
    transition: background-color 0.6s ease;
}

/*body.edit-layout .project-layout-page-quick-access-menu-item {
    padding: .3rem 1.5rem;
}*/

.project-layout-page-quick-access-menu-item-container .project-quick-access-item-icons {
    top: -2.2rem;
    display: none !important;
}

.project-layout-page-quick-access-menu-item.selected {
    opacity: 1 !important;
}

.project-layout-page-quick-access-menu-item > div {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.slprev, .slnext {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: auto;
    padding: 50px 16px;
    top: 50%;
    margin-top: -100px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    transition: background-color 0.6s ease;
    border-radius: 0 3px 3px 0;
    font-size: 2rem;
    display: block;
}

.slnext {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    .slprev:hover, .slnext:hover {
        color: white;
        background-color: rgba(100,100,100,0.3);
    }

.body.sticky .slprev, .body.sticky .slnext {
    display: none;
}

.slprev i, .slnext i {
    transition: .3s;
}

.slprev:hover i, .slnext:hover i {
    transform: scale(1.3);
}

.project-layout-page-message {
    max-height: 500px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.project-layout-page-message {
    max-width: 36vw;
    max-width: 80%;
}

.project-layout-page-message-info {
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
}
.no-shadow .project-layout-page-message-info {
    text-shadow: none;
}

.project-layout-page-title-options .options-message {
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    padding-top: 0.7rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    font-size: 1.6vh;
    color: white;
    padding-left: 2px;
    width: fit-content;
    cursor: pointer;
    transition:.1s;
}
.no-shadow .project-layout-page-title-options .options-message {
    text-shadow: none;
}
    .project-layout-page-title-options .options-message:hover {
        color: dodgerblue;
    }
.center-page-title .options-message br {
    display:none;    
}

.project-layout-page-title-options .browse-button-container {
    display: flex;
    padding-top: 0.2rem;
}
.center-page-title .project-layout-page-title-options .browse-button-container {
    justify-content: center;
    padding-top: 0.5rem;
}
.center-page-title .project-layout-page-title-options .browse-button-container .browse-button {    
    font-size: 1.6rem;
}
.center-page-title .project-layout-page-title-options .options-message {
    width: unset;
    text-align: center;
}
.project-layout-page-title-options .browse-button-container .browse-button {
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    padding-top: 0rem;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;
    color: white;
    color: dodgerblue;
}
.no-shadow .project-layout-page-title-options .browse-button-container .browse-button {
    text-shadow: none;
}


.project-layout-page-title-info {
    position: absolute;
    /*position: fixed;*/
    right: 0;
    bottom: 17%;
    border: solid 3px #dcdcdc;
    border-style: none none none solid;
    background-color: rgba(51,51,51,.6);
    font-size: 1.2rem;
    padding: 1rem 3.5rem 1rem 0.8rem;
    /* border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/
    z-index:3;
}

.project-quick-access {
    position: relative;
    width: 100%;
    min-height: 100%;
    scroll-behavior: smooth;
    overflow: hidden;
}



.project-layout-page-quick-access-items-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.project-layout-page-quick-access-items {
    display: flex;
    height: 100%;
    overflow: hidden;
    /* overflow-y: hidden;*/
    scroll-behavior: smooth;
}

.project-layout-page-body {
    width: 100%;
    /*min-height: 100px;*/
    /* padding: 1.5rem 4.5rem;*/
    /*    background-color: inherit;*/
    padding-top: 0px;
    margin-top: 0rem;
    box-shadow: 0 0 10px 10px inherit;
}

.project-header-page-header {
    padding-top: 18vh;
    padding-top: 12vh;
    padding-left: 5vw;
    width: 100%;
    height: 100%;
    /*transition: .3s;*/
    z-index: 1;
}

.dms-on-demand.fullscreen .project-header-page-header {
    padding-top: 15%;
    padding-left: 5%;
    width: 100%;
    height: 100%;
    /*transition: .3s;*/
    /*z-index:5;*/
}
.dms-on-demand.default-screen .project-header-page-header {
    position: absolute;
    z-index: 2;
}
.dms-on-demand.fullscreen {
    overflow:hidden;
}
.dms-on-demand.fullscreen.relative {
    position: unset;
    overflow-y: auto;
}
/*.mobile-device  .dms-on-demand.fullscreen.relative {
    overflow-y: visible;
}*/
.dms-on-demand.fullscreen.relative .dms-on-demand-form-container {
    position:unset;
    max-height:unset;
}
.dms-on-demand.fullscreen.relative .dms-on-demand-form {
    min-height:85vh;
 /*   width: 100vw;*/
}
.dms-on-demand.default-screen .app-project-footer {
    display:none;
}



.tab-page.has-quickaccess-items .project-header-page-header {
    padding-left: 54px;
    padding-left: 7vw;
}

body.edit-layout .project-header-page-header {
    padding-left: 6rem;
}

.project-layout-page-title-actions {
    display: flex;
    padding-top: .5rem;
}

.dms-on-demand .project-layout-page-title-actions {
    padding-top: .7rem;
}
.center-page-title .project-layout-page-title-actions {
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
}
.bottom-shadow .project-header-page-header {
    box-shadow: inset 0 -200px 100px -10px #000000
}
.dms-on-demand .project-layout-page-title-actions .app-button {
    padding-bottom: .7rem !important;
    padding-top: .7rem !important;
}

    /*.dms-on-demand .project-layout-page-title-actions .app-button {*/
        /*background-color: rgba(20,20,20,.7);
        border-color: rgba(100,100,100,.5);*/
        /*border-radius: 6px;
        font-weight: bold;
        color: white;
    }
        .dms-on-demand .project-layout-page-title-actions .app-button:hover {
            background: #FF0062;
            border-color: dodgerblue;
            color: white;
        }
        .dms-on-demand .project-layout-page-title-actions .app-button:focus {
            background-color: rgba(20,20,20,.5);
            border-color: dodgerblue;
        }
        .dms-on-demand .project-layout-page-title-actions .app-button:active {
            background: rgba(100,100,100, .5);
        }*/

.project-layout-page-title-actions button {
    margin-right: .5rem;
    font-size: 1.4rem;
    border-radius: 6px;
    /*background-color: rgba(255,255,255,.4);*/
    padding: 0.75rem 1.5rem;
    flex-wrap:nowrap;
}

    .project-layout-page-title-actions button label {
        font-size: 1.4rem !important;
    }

    .project-layout-page-title-actions button > i {
        font-size: 1.2rem;
    }
.app-icons.share-button i.material-icons {
    /* padding-right: 5px; */
    /* font-size: 1.4rem; */
    font-size: 23px;
    position: relative;
    /* top: 2px; */
    left: -3px;
    top: -2px;
    left: -4px;
    top: -1px;
}
.app-icons.share-button i {
    transform: rotateZ(270deg);
}
.project-layout-page-info .media-links .button-container .app-icons.share-button i,
.project-layout-page-data .media-links .button-container .app-icons.share-button i,
.media-info-container .media-links .button-container .app-icons.share-button i {
    top: -1.5px;
}

    .project-layout-page-title-actions button.button-more-info i {
        top: 0px !important;
        font-size: 1.2rem;
    }

    .project-layout-page-title-actions button.browse-button i {
        top: 0px !important;
        font-size: 1.4rem;
    }

    .project-layout-page-title-actions button.button i {
        font-size: 1.4rem !important;
        padding-right: 3px;
    }

    .project-layout-page-title-actions button.button-play {
        /*background-color:white;
    color:black;*/
    }

.project-layout-footer {
    width: 100%;
    padding: .5rem;
    transition: .3s;
}

body.show-layout-menu .project-layout-footer {
    padding-left: 35rem;
}

body.show-layout-menu .project-layout-header {
    padding-left: 38.9rem;
}

.project-layout-footer .app-footer-link a {
    color: white;
}

.project-layout-page-item-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project-quick-access-item-icons {
    display: none;
    position: absolute;
    top: -1rem;
    right: unset;
}

body.edit-layout .project-quick-access-item-icons {
    display: flex;
}
body.edit-layout button.selected .project-quick-access-item-icons {
    margin-right: 1rem;
}
/*body.edit-layout .project-quick-access-item-icons button {
    padding:0px;
}*/
.project-quick-access-item-icons i {
    font-size: 14px !important;
}

.project-layout-header-logo-image-container .project-quick-access-item-icons {
    top: -27px !important;
    right: unset !important;
}

.project-layout-header-logo-image-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* SUBSCRIPTION PLAN */

.dms-on-demand-presentation-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*.dms-on-demand-presentation-sections {
    max-width: 80%;
}
*/
.dms-on-demand-presentation-section-top {
    margin: 3rem;
    margin-bottom:2.5rem;
    text-align:center;
}

.dms-on-demand-presentation-section-title {
    font-size: 4rem;
    font-weight: bold;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand-presentation-section-title {
    text-shadow: none;
}


.dms-on-demand-presentation-section-message {
    font-size: 2rem;
    margin: .5rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand-presentation-section-message {
    text-shadow: none;
}

.dms-on-demand-presentation-section-planType > label {
    font-size: 2rem;
    padding: 1rem;
}
/*.dms-on-demand-presentation-section-planType > .drop-down {
    margin: 0.5rem 1rem;
}*/
.dms-on-demand-presentation-section-planType > .drop-down .selected-item {
    width: 100%;
    font-size: 1.2rem;
    /* padding: 0.5rem 0.5rem !important;*/
    color: rgb(255, 171, 21);
    opacity:1;
}
.dms-on-demand-presentation-section-planType > .drop-down .items {
    width: unset;
}
.dms-on-demand-presentation-section-planType > .drop-down {
    width: 100%;
    margin-bottom: 0.5rem;
}
.dms-on-demand-presentation-section-body {
    margin: 0 2.5rem;
    flex-wrap: wrap;
   /* display:flex;*/
}
.dms-on-demand-presentation-section-cards {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-evenly;
}
.dms-on-demand-presentation-section-card {
    margin: 1rem;
    border: solid 1px rgba(100,100,100,.3);
    padding: 1.5rem 2rem;
    border-radius: 5px;
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    box-shadow: 7px 7px 7px 0px rgb(0 0 0 / 10%);
    background-color: rgba(0,0,0,.7);
    transition:.2s;
}
.dms-on-demand-presentation-section-card.selected {
    transform: scale(1.1);
}
.dms-on-demand-presentation-section-card-body {
    margin-bottom: 1rem;
    flex: 1;
}
.dms-on-demand-presentation-section-card-label {
    font-size: 2rem;
    font-weight: bold;
}
.dms-on-demand-presentation-section-card-availableSpace {
    font-size: 1.6rem;
}
.dms-on-demand-presentation-section-card-amount-container {
    font-size: 1.2rem;
    margin: 0.2rem;
    display: flex;
    align-items: baseline;
}
.dms-on-demand-presentation-section-card-amount {
    font-size: 2rem;
    padding-right:.3rem;
}
.dms-on-demand-presentation-section-card-submit {
    font-size: 1.6rem !important;
    justify-content: center;
}
.dms-on-demand-presentation-section-warning {
    margin: 0 1rem;
    display:none;
}
.dms-on-demand-presentation-section-warning-label {
    color: red;
    font-style: italic;
    margin-top: .5rem;
}
.dms-on-demand-presentation-section-warning-button {
    font-size: .9rem;
    text-decoration: underline;
    margin-left: 0.2rem;
}
.dms-on-demand-presentation-section-card-freeTrial {
    font-size: 1rem;
    font-weight: bold;
    color: dodgerblue;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}
.dms-on-demand-presentation-section-planType {
    border-bottom: solid 1px rgba(100,100,100,.3);
    padding-bottom: 0.5rem;
    margin-bottom: 0.8rem;
}
.dms-on-demand-presentation-section-card-amount-type {
    white-space:nowrap;
}
.dms-on-demand-presentation-section-card-amount-seperator {
    padding-left: .5rem;
    padding-right: .5rem;
}
.dms-on-demand.subscriptions-screen .project-layout-page-background-image {
    z-index:unset;
    display:flex;
}
.dms-on-demand-presentation-section-card-support-message {
    font-size: 1.4rem;
    color: rgb(255, 171, 21);
}

.dms-on-demand-presentation-section-card-features {
}
.dms-on-demand-presentation-section-card-features-icon {
    display: flex;
    align-items: center;
}
.dms-on-demand-presentation-section-card-features-icon-seperator {
    height: 1px;
    background-color: rgba(100,100,100,.3);
    flex: 1;
}
.dms-on-demand-presentation-section-card-features-icon button {
    margin: 0.5rem 1rem;
}
.dms-on-demand-presentation-section-card-features-icon button i {
    font-size: .9rem;
    transition:.3s;
}
.dms-on-demand-presentation-section-card-features-icon button label {
    margin-left: 0.5rem;
    font-size: .9rem;
}
.dms-on-demand-presentation-section-card-features-list {
    height: 0px;
    overflow: hidden;
    transition: .3s;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand-presentation-section-card-features-list {
    text-shadow: none;
}
.dms-on-demand-presentation-section-card-feature {

}
.dms-on-demand-presentation-section-feature-label {
    font-size: 1rem;
    margin: 0.1rem;
}
.dms-on-demand-presentation-section-cards.show-features .dms-on-demand-presentation-section-card-features-list {
    height:255px;
}
.dms-on-demand-presentation-section-cards.show-features .dms-on-demand-presentation-section-card-features-icon button i {
    transform: rotateZ( 180deg);
}
.dms-on-demand.subscriptions-screen .dms-on-demand-selection-container {
    width:100%;
}
/*.dms-on-demand.subscriptions-screen .dms-on-demand-selection-container {
    position: absolute;
    padding-top: 4% !important;
}*/
.dms-on-demand.clear-screen .dms-on-demand-selection-sections {
    background-color: rgba(0,0,0,1) !important;
}
.dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-subscription-item {
    background: rgba(0,0,0,.7);
}
.dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-subscription-item.selected {
    transform: scale(1.05);
}
.dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-subscriptions {
    border-bottom: solid 1px rgba(100,100,100,.3);
}
.dms-on-demand.subscriptions-screen .drop-down.subscription-plans {
    /*z-index: 500;*/
}
.dms-on-demand.subscriptions-screen .drop-down.subscription-plans .selected-item {
    background-color: transparent !important;
    color: white;
    opacity: 1;
    font-size: 3rem;
    font-weight: bold;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    border-color:transparent !important;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand.subscriptions-screen .drop-down.subscription-plans .selected-item {
    text-shadow: none;
}
.dms-on-demand.subscriptions-screen .drop-down.subscription-plans .items {
   /* margin-top: -13px;*/
}
.dms-on-demand.subscriptions-screen .drop-down.subscription-plans .items .item {
    opacity: 1;
    font-size: 2rem;
}
.dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-title {
    margin-bottom: 0rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-title {
    text-shadow: none;
}
.dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-title-info {
    font-size: 2.2rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand.subscriptions-screen .dms-on-demand-selection-section-title-info {
    text-shadow: none;
}
.dms-on-demand .dms-on-demand-selection-section-freeTrial-info {
    font-size: 2rem;
    font-weight: bold;
    color: dodgerblue;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand .dms-on-demand-selection-section-freeTrial-info {
    text-shadow: none;
}
.dms-on-demand .dms-on-demand-presentation-section-card-pricing-container {
    display: flex;
    width: 100%;
    align-items: baseline;
    font-size: 1.2rem;
    margin: 0.2rem;
    display: flex;
    align-items: baseline;
    flex: 1;
}
.dms-on-demand .dms-on-demand-presentation-section-card-amount-container {
    flex: 1;
}
.dms-on-demand .dms-on-demand-selection-section-description {
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .dms-on-demand-selection-section-description {
    text-shadow: none;
}
.dms-on-demand .dms-on-demand-selection-section-useCardOnFile-container {
   /* padding: 1rem;*/
    padding-top: .5rem;
    padding-bottom: 0;
}

.dms-on-demand .dms-on-demand-selection-section-useCardOnFile-button {
    padding: 0.1rem 0.2rem;
    border-radius: 5px;
}
.dms-on-demand .dms-on-demand-selection-section-useCardOnFile-button:focus {
    border-color: dodgerblue;
}
.dms-on-demand .dms-on-demand-selection-section-useCardOnFile-button label {
    padding-left:.5rem;
}
.dms-on-demand .dms-on-demand-selection-section-subscription-item {
    flex-direction: column;
    align-items: baseline;
    width: 100%;
}
.dms-on-demand .dms-on-demand-selection-section-subscription-item.selected {
   /* transform: scale(1.05);      */  
}
.dms-on-demand .dms-on-demand-selection-section-subscription-item.yearly {
    margin-top: 1rem;
}
.dms-on-demand .dms-on-demand-presentation-section-card-pricing-type {
    padding: 0.2rem 0.5rem;
    padding-bottom: 0;
    font-size: 1.2rem;
    color: rgb(255, 171, 21);
}


.dms-on-demand-selection-section1.show-features .dms-on-demand-presentation-section-card-features-list {
    height: 255px;
}

.dms-on-demand-selection-section1.show-features .dms-on-demand-presentation-section-card-features-icon button i {
    transform: rotateZ( 180deg);
}
.dms-on-demand-selection-section1 .dms-on-demand-presentation-section-feature-label {
    text-shadow: -1px 1px 2px rgb(0 0 0);
    margin: 0.1rem;
    font-size: 1rem;
    line-height: 1.4;
}
.no-shadow .dms-on-demand-selection-section1 .dms-on-demand-presentation-section-feature-label {
    text-shadow: none;
}

.media-status-user-container {
    /*margin-left: .5rem;
    margin-right: .5rem;
    display: flex;
    align-items: center;*/
    position: relative;
    margin-right: 1rem;
    margin-top: 0rem;
}
.dms-on-demand-actions.header.app-project-header > .media-status-user-container {
    top: -2px;
    pointer-events: all;
}
.app-user-content-button {
    display: flex;
    align-items: center;
}

.app-user-content-button-icon {
    margin: .5rem;
    font-size: 1.9rem;
    color: white;
}

body.dark-mode .app-search-content-button input {
    border: none;
    color: black;
}

.dms-on-demand-actions .dms-on-demand-form-close {
    margin-left: .5rem;
    margin-bottom: .1rem;
    margin-right: .5rem;
}

.app-user-content-menu {
    position: absolute;
    background-color: white;
    border: solid 1px lightgray;
    top: 59px;
    /* width: 200px; */
    /* overflow: hidden;*/
    padding: .5rem;
    border-radius: 6px;
    /* box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important; */
    border-radius: .1875rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #1a2e3b;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    box-sizing: border-box;
    display: flex;
    min-width: 160px;
    border: 1px solid #eef1f2;
    flex-direction: column;
    text-align: left;
    align-items: baseline;
    transform: none;
    right: -6px;
    left: auto;
    opacity: 0;
    display: none;
    transition: all 0.2s ease 0s;
    transition-property: opacity;
    cursor: default;
    padding: 0;
    background-color: black;
    border-color: black;
    border-radius: 6px;
}

    .app-user-content-menu.show {
        display: flex;
    }

    .app-user-content-menu.reveal {
        opacity: 1;
    }

    .app-user-content-menu::before {
        display: block;
        content: " ";
        position: absolute;
        bottom: 100%;
        right: 20px;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #F5F5F5 transparent;
        border-color: transparent transparent black transparent;
    }

.app-user-content-menu-item {
    /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-weight: 400;
    color: #1a2e3b;
    max-width: 44rem;
    letter-spacing: .01rem;
    margin: 0;
    font-size: 13px;
    line-height: 30px;
    list-style: none;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    transition: .3s;
    color: dimgray;
    display: flex;
    align-items: center;
    color: gray;
    width: 100%;
}

button.app-user-content-menu-item:hover {
    background-color: rgba(0,0,0,.1);
}

.app-user-content-menu-item-label {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
    box-sizing: content-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

    .app-user-content-menu-item-label i {
        padding-right: .5rem;
        width: 38px;
        text-align: center;
    }

    .app-user-content-menu-item-label span {
        flex: 1;
        color: black;
    }


button.app-user-content-menu-item .app-user-content-menu-item-label {
    color: black;
    color:white;
}

.app-user-content-menu-item-seperator {
    background: lightgray;
    background: black;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 1px;
    max-height: 1px;
    width: 100%;
}


.app-notify-content-menu {
    position: absolute;
    background-color: white;
    border: solid 1px lightgray;
    top: 50px;
    /* width: 200px; */
    /*overflow: hidden;*/
    padding: .5rem;
    border-radius: 5px;
    /* box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important; */
    border-radius: .1875rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #1a2e3b;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    box-sizing: border-box;
    display: flex;
    min-width: 160px;
    border: 1px solid #eef1f2;
    flex-direction: column;
    text-align: left;
    align-items: baseline;
    transform: none;
    right: -169px;
    left: auto;
    display: none;
    opacity: 0;
    transition: all 0.2s ease 0s;
    transition-property: opacity;
    cursor: default;
}

    .app-notify-content-menu.show {
        display: flex;
    }

    .app-notify-content-menu.reveal {
        opacity: 1;
    }

    .app-notify-content-menu::before {
        display: block;
        content: " ";
        position: absolute;
        bottom: 100%;
        right: 177px;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #F5F5F5 transparent;
    }

    .app-notify-content-menu.show {
        opacity: 1;
    }

.app-notify-content-menu-item {
}

button.app-notify-content-menu-item:hover {
}

.app-notify-content-menu-item-label {
}











.layout-screen.force-relative .section-grid .library-groups {
    padding-bottom: 0rem;
}

/*.layout-screen.force-relative .section-quickaccess {
    min-height: unset;
}*/

/*.layout-screen.force-relative .app-project-footer {
    position: relative;
    z-index:unset;
}*/

body.library-selection .layout-screen.force-relative .app-project-footer {
    z-index:499;
}

.layout-screen.force-relative .header-menu {
    position: relative;
}
.layout-screen.force-relative .body-container {
    margin-top: 0px;
}
.layout-screen.force-relative .section-grid {
    min-height: unset;
    margin-bottom: 0;
    padding-top: 0.3rem;
}

.project-layout-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.slide-show .buttonFullscreen {
    position: fixed;
    right: 2rem;
    bottom: 1rem;
    color: dimgray;
    z-index: 51;
}


.my-player #button-subscribe {
    display:none;
}

.footer .buttonFullscreen i {
    font-size: 100%;
    position: relative;
    top: 1px;
}

#options-screen .sections-tabs {
    padding-top:.5rem;
}
.library-group-details .controls button .button-label {
    padding-right:5px;
}

.library-group-details .controls button.purchase-button {
    color: #FFAB15 !important;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    font-weight: bold !important;
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}
.no-shadow .library-group-details .controls button.purchase-button {
    text-shadow: none;
}

.library-group-details .controls .purchase-buttons button.purchase-button {
    opacity: 1;
}

.library-group-details .controls button.rent-button {
    color: #FFAB15 !important;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    font-weight: bold !important;
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}
.no-shadow .library-group-details .controls button.rent-button {
    text-shadow: none;
}


.library-group-details .controls .purchase-buttons button.rent-button {
    opacity: 1;
}

.library-group-details .controls button.subscribe-button {
    color: #FFAB15;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    font-weight: bold;
}
.no-shadow .library-group-details .controls button.subscribe-button {
    text-shadow: none;
}

.library-group-details .controls .subscription-button {
    text-shadow: -1px 1px 2px rgb(0 0 0);
    padding-top: 0.7rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    color: white;
    padding-left: 2px;
    text-align: left;
    color: #FFAB15;
    opacity: 1;
    font-weight: bold;
    transition: .3s;
    padding-bottom: 1rem;
    pointer-events: all;
}
.no-shadow .library-group-details .controls .subscription-button {
    text-shadow: none;
}

.library-group-details .controls .subscription-button:hover,
.library-group-details .controls .subscription-button:focus,
.library-group-details .controls .subscription-button:active,
.library-group-details .controls .subscription-button.selected {
    color:white;
}
.library-group-details .controls .subscription-button .subscription-title {
    font-size: 2rem;
    text-transform:uppercase;
}
.library-group-details .controls .subscription-button .subscription-info {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-size: 1.4rem;
    line-height: 2rem;
}
.dms-on-demand-buttons button {
    border-radius:3px;
}
.app-project-header > #button-subscribe,
.app-project-header > #button-signup {
    margin-left: 1rem;
    margin-right: 2rem;
    background-color: transparent;
    border-color: transparent;
}
.app-project-header > #button-subscribe > div,
.app-project-header > #button-signup > div {
    /*color: #FFAB15;*/
    /*font-weight: bold;*/
    /*transition:.3s;*/
}
.app-project-header > #button-subscribe:hover > div,
.app-project-header > #button-signup:hover > div {
    color: white !important;
}
body.is-updating .app-project-header > #button-subscribe,
body.is-loading .app-project-header > #button-subscribe,
body.is-updating .app-project-header > #button-signup,
body.is-loading .app-project-header > #button-signup {
    display: none !important;
}

#main-screen .media-status-user-container {
    /* margin-top: 0;*/
    /* margin-top: 5px;
    margin-right: 1rem;*/
    top: 2px;
}
#main-screen .header .dms-on-demand-form-close {
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    position: relative;
    top: 0px;
    pointer-events: none;
    padding: 0;
    margin-left: 1rem;
    margin-right: -45px;
}
#main-screen .header .dms-on-demand-form-close.show {
    opacity:1;
    pointer-events:all;    
    margin-right: 1rem;
    margin-left: 1.5rem;
}

.sections-page section button {
    border-radius: 3px;
}
#options-info .subscription-container .subscription-button {
    text-shadow: -1px 1px 2px rgb(0 0 0);
    padding-top: 0.7rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    color: white;
    padding-left: 2px;
    text-align: left;
    color: #FFAB15;
    opacity: 1;
    font-weight: bold;
    transition: .3s;
    padding-bottom: 1rem;
}
.no-shadow #options-info .subscription-container .subscription-button {
    text-shadow: none;
}
#options-info .subscription-container {
}
#options-info .subscription-container .subscription-button .subscription-title {
    font-size: 2rem;
    text-transform: uppercase;
}
#options-info .subscription-container .subscription-button .subscription-title {
    font-size: 2rem;
    text-transform: uppercase;
}
#options-info .subscription-container .subscription-button .subscription-info {
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.dms-on-demand-cancel-subscription-container .dms-signup-details-header {
    font-size: 1.6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.subscription-card {
    background-color: rgba(0,0,0,.3);
    padding: 1rem;
    border-radius: 6px;
    border: solid 1px rgba(0,0,0,1);
    /* display: flex; */
    box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
    margin-bottom:1rem;
}
.subscription-card .section-image {
    max-height: 80px;
    padding: 5px;
    padding-bottom: 15px;  
    display:none;
}
.subscription-card.user-subscription .section-image {
    max-height: 110px;
    padding: 6px;
    padding-top: 0px;
    padding-right:1.5rem;
}
.subscription-card.user-subscription {
   /* display:flex;
    align-items: flex-start;*/
}
.payout-account-header-label {
    padding-left: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 2.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    font-weight: bold;
    opacity: .9;
}
.no-shadow .payout-account-header-label {
    text-shadow: none;
}
.payout-account-info {
    border-radius: 5px;
    padding: 20px 135px 20px 25px;
    background: url(/site/images/stripe-grey.svg) right 25px center no-repeat;
    background-size: 80px auto;
    border: solid 1px rgba(0,0,0,1);
    /* display: flex; */
    box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
    background-color: black;
    max-width: 40rem;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: .5rem;
}

.subscription-card.user-media-subscription {
    transition:.1s;
}
.subscription-card.user-media-subscription.hide {
    opacity:0; 
}

.page-subscription-cancel {
    transition: .1s opacity;
    opacity: 0;
}
.page-subscription-cancel.show {
    opacity: 1;
}
.page-subscription-cancel-header {
}
.page-subscription-cancel-title {
    padding-left: 0rem;
    padding-bottom: .2rem;
    font-size: 1.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
   /* font-weight: bold;*/
    opacity: .9;
    text-transform: uppercase;
}
.no-shadow .page-subscription-cancel-title {
    text-shadow: none;
}
.page-subscription-cancel-body {
}
.page-subscription-cancel-message {
    /*padding-top: .5rem;*/
    font-size: 1.2rem;
    color: white;
    /*padding-bottom: 1rem;*/
    line-height: 1.6;
    /*background-color: rgba(100, 100, 100, .3);*/
    width: fit-content;
    /* padding: .5rem 1rem;*/
    border-radius: 6px;
    margin: .5rem 0;
    margin-bottom: 1rem;
    max-width: 90%;
}
body:not(.mobile-device) .page-subscription-cancel-message {
    max-width: 69rem;
}
.page-subscription-cancel-form {
    max-width: 400px;
}
.page-subscription-cancel-input {
}
.page-subscription-cancel-footer {
   margin-top:0rem;
    display:flex;
    align-items:center;
}


.section-account-info {
    transition: .1s opacity;
}
.section-account-info.hide {
    opacity:0; 
}

.page-account-delete {
    transition: .1s opacity;
    opacity: 0;
}
.page-account-delete.show {
    opacity: 1;
}
.page-account-delete-header {
}
.page-account-delete-title {
    padding-left: 0rem;
    padding-bottom: .2rem;
    font-size: 1.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    /* font-weight: bold;*/
    opacity: .9;
    text-transform:uppercase;
}
.no-shadow .page-account-delete-title {
    text-shadow: none;
}
.page-account-delete-body {
}
.page-account-delete-message {
    /*padding-top: .5rem;*/
    font-size: 1.2rem;
    color: white;
    /*padding-bottom: 1rem;*/
    line-height: 1.6;
    /*background-color: rgba(100, 100, 100, .3);*/
    width: fit-content;
    /* padding: .5rem 1rem;*/
    border-radius: 6px;
    margin: .5rem 0;
    margin-bottom: 1rem;
    max-width: 90%;
}
.page-account-delete-form {
    max-width: 400px;
}
.page-account-delete-input {
}
.page-account-delete-footer {
   margin-top:0rem;
    display:flex;
    align-items:center;
}


.page-password-update {
    transition: .1s opacity;
    opacity: 0;
}
.page-password-update.show {
    opacity: 1;
}
.page-password-update-header {
}
.page-password-update-title {
    padding-left: 0rem;
    padding-bottom: .2rem;
    font-size: 1.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    /* font-weight: bold;*/
    opacity: .9;
    text-transform: uppercase;
}
.no-shadow .page-password-update-title {
    text-shadow: none;
}
.page-password-update-body {
}
.page-password-update-message {
    /*padding-top: .5rem;*/
    font-size: 1.2rem;
    color: white;
    /*padding-bottom: 1rem;*/
    line-height: 1.6;
    /*background-color: rgba(100, 100, 100, .3);*/
    width: fit-content;
    /* padding: .5rem 1rem;*/
    border-radius: 6px;
    margin: .5rem 0;
    margin-bottom: 1rem;
    max-width: 90%;
}
.page-password-update-form {
    max-width: 400px;
}
.page-password-update-input {
}
.page-password-update-footer {
   margin-top:0rem;
    display:flex;
    align-items:center;
}


.page-email-update {
    transition: .1s opacity;
    opacity: 0;
}
.page-email-update.show {
    opacity: 1;
}
.page-email-update-header {
}
.page-email-update-title {
    padding-left: 0rem;
    padding-bottom: .2rem;
    font-size: 1.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    /* font-weight: bold;*/
    opacity: .9;
    text-transform: uppercase;
}
.no-shadow .page-email-update-title {
    text-shadow: none;
}
.page-email-update-body {
}
.page-email-update-message {
    /*padding-top: .5rem;*/
    font-size: 1.2rem;
    color: white;
    /*padding-bottom: 1rem;*/
    line-height: 1.6;
    /*background-color: rgba(100, 100, 100, .3);*/
    width: fit-content;
    /* padding: .5rem 1rem;*/
    border-radius: 6px;
    margin: .5rem 0;
    margin-bottom: 1rem;
    max-width: 90%;
}
.page-email-update-form {
    max-width: 400px;
}
.page-email-update-input {
}
.page-email-update-footer {
   margin-top:0rem;
    display:flex;
    align-items:center;
}

.page-details-update {
    transition: .1s opacity;
    opacity: 0;
}
.page-details-update.show {
    opacity: 1;
}
.page-details-update-header {
}
.page-details-update-title {
    padding-left: 0rem;
    padding-bottom: .2rem;
    font-size: 1.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    /*  font-weight: bold;*/
    opacity: .9;
    text-transform: uppercase;
}
.no-shadow .page-details-update-title {
    text-shadow: none;
}
.page-details-update-body {
}
.page-details-update-message {
    /*padding-top: .5rem;*/
    font-size: 1.2rem;
    color: white;
    /*padding-bottom: 1rem;*/
    line-height: 1.6;
    /*background-color: rgba(100, 100, 100, .3);*/
    width: fit-content;
    /* padding: .5rem 1rem;*/
    border-radius: 6px;
    margin: .5rem 0;
    margin-bottom: 1rem;
    max-width: 90%;
}
.page-details-update-form {
    max-width: 400px;
}
.page-details-update-form .app-form-field.form-check {
    padding-top: .25rem;
    padding-bottom: .75rem;
}
.page-details-update-input {
}
.page-details-update-footer {
   margin-top:0rem;
    display:flex;
    align-items:center;
}


.section-support-info {
    transition: .1s opacity;
}
.section-support-info.hide {
    opacity:0; 
}

.page-support-contact {
    transition: .1s opacity;
    opacity: 0;
}
.page-support-contact.show {
    opacity: 1;
}
.page-support-contact-header {
}
.page-support-contact-title {
    padding-left: 0rem;
    padding-bottom: .2rem;
    font-size: 1.4rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    /*font-weight: bold;*/
    opacity: .9;
    text-transform:uppercase;
}
.no-shadow .page-support-contact-title {
    text-shadow: none;
}
.page-support-contact-body {
}
.page-support-contact-message {
    /*padding-top: .5rem;*/
    font-size: 1.2rem;
    color: white;
    /*padding-bottom: 1rem;*/
    line-height: 1.6;
    /*background-color: rgba(100, 100, 100, .3);*/
    width: fit-content;
    /* padding: .5rem 1rem;*/
    border-radius: 6px;
    margin: .5rem 0;
    margin-bottom: 1rem;
    max-width: 90%;
}
.page-support-contact-form {
    max-width: 400px;
}
.page-support-contact-input {
}
.page-support-contact-footer {
   margin-top:0rem;
    display:flex;
    align-items:center;
}



.payout-account-container {
    display: flex;
    padding-top: 1rem;
    flex-wrap: wrap;
}
.payout-account-container.padding-left {
    padding-left:1rem;    
}
.payout-account-user {
    /* width: 100%; */
    min-width: 600px;
    /*max-width: 1200px;*/
    padding: 20px 0;
    border: solid 1px rgba(0,0,0,1);
    /* display: flex; */
    box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
    background-color: black;
    padding: 1rem;
    border-radius: 6px;
    margin-top: 0.5rem;
    margin-top: 0.5rem;
    padding: 1rem 1.5rem;
}
.payout-account-user .block.profile {
    flex: 1;
    padding-left: 65px;
}
.payout-account-user .block section {    
    display: flex;
    align-items: center;
    position: relative;
    top: -6px;
}
.payout-account-user .block {
    position: relative;
}
.payout-account-user .block.profile .photo {
    position: absolute;
    font-size: 3rem;
    width: 50px;
    height: 50px;
    top: 36%;
    left: 0;
    margin-top: -25px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 5px -1px rgb(50 50 93 / 25%), 0 1px 3px -1px rgb(0 0 0 / 30%);
}
.payout-account-image-svg {
    /* position: absolute; */
    width: 110px;
    height: 45px;
    /* top: 36%; */
    /* left: 0; */
    /* margin-top: -25px; */
    /* border-radius: 50%; */
    background-image: url(/site/images/stripe.svg);
    /* box-shadow: 0 2px 5px -1px rgb(50 50 93 / 25%), 0 1px 3px -1px rgb(0 0 0 / 30%); */
    background: url(/site/images/stripe-grey.svg) center no-repeat;
    background-size: contain;
}
.payout-account-user .block p {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.payout-account-user .block.stripe p {
    text-align: center;
}
.payout-account-user .block.stripe p a {
        padding-top:1rem;
}
.payout-account-user .block h1 {
    font-size: 24px;
    font-weight: 400;
    margin: 0.57em 0;
}
.payout-account-user .block.updated h1 {
    margin-bottom: 4px;
}
.payout-account-user .block section i {
    margin-left:.5rem;
}
.payout-account-user .block section.error {
    color:red;
}
.payout-account-user .block section.ok {
    color:green;
}
.payout-account-user .block section.warn {
    color: goldenrod;
}
.payout-account-user .block h2 {
    color: #8898aa;
    font-size: 13px;
    font-weight: 500;
    margin-top: 8px;
}
.payout-account-user .block + .block {
    margin-left: 40px;
}
.payout-account-user .payout-now-link {
    margin-top: 1rem;
}
.sections-page .payout-account-user .section-options {
    padding-top: 0rem;
}
.payout-account-image-logo {
    max-height: 50px;
}
.payout-account-image-plus {
    padding: 0px 1rem;
    font-size: 4rem;
    opacity: .8;
    color: whitesmoke;
}
.payout-account-image {
    display: flex;
    align-items: center;
}

.app-view .table-container {
    /*margin-left: -2rem;
    margin-right: -2rem;*/
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.list-view-body .table-container {
    margin-left: -.5rem;
    margin-right: -.5rem;
    width: 100%;
}
.app-form {
    margin: 1rem;
    margin-top: 1.5rem;
    padding: 1rem;
    padding-top: 0rem;
    border-radius: 5px;
    position: relative;
    margin-right: 0;
    border-top-right-radius: 0;
    /* border-right: 0; */
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
   /* margin-left: 1.5rem;*/
   overflow:hidden;
}
.app-form.app-view {    
    margin-top: 0rem;
}
.app-form-header {
    display: none;
}
.app-form-header .app-form-image-container {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    /* position: absolute;
        top: -48px;
        left: 5px;
        background-color: purple;
    border: solid 1px purple;
        position: absolute;*/
    /*box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(156 39 176 / 40%);
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(100 100 100 / 40%);
    background: linear-gradient( 60deg, #7b1fa2, #913f9e);
    border: solid 1px #913f9e;
    background: linear-gradient(#EEEEEE, #CFCFCF);
    border-color: silver;*/
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 1.8rem;
    color: rgba(0,0,0,.7);
    color: gray;
    position: relative;
    top: 0px;
    padding-left: 2rem;
    padding-right: .5rem;
    margin-right: 10px;
    /*margin-left: 20px;*/
    display: flex;
}
.app-form-header .app-form-image-container.has-image {
    min-width: 120px;
    min-height: 120px;
    width: unset;
}

.app-page-row-data .properties-groups {
    margin-right:.5rem;
}

.checkout-screen .dms-on-demand-presentation-section-card-pricing-type {
    color:unset;
}
.checkout-screen .dms-on-demand-presentation-section-card-amount-type {
    font-size: 2rem;
    margin-right: 1rem;
}
.checkout-screen .dms-on-demand-selection-section-subscription-item {
   transition:.3s;
}
.checkout-screen .dms-on-demand-selection-section-subscription-item.selected {
    color: rgb(255, 171, 21);
    opacity: 1 !important;
}
.checkout-screen .dms-on-demand-selection-section-useCardOnFile-container.checkoutAsGuest {
    padding-top: 0;
    margin-bottom: .5rem;
}
/*.dms-on-demand.checkout-screen .app-form-field {
    padding-bottom: 0.3rem;
}*/
.dms-on-demand.checkout-screen .dms-on-demand-selection-section1 .image-container {
    position: relative;
    max-width: 100%;
    max-height: 200px;
    margin-top: 1rem;
    border-radius: 6px;
}
.dms-on-demand.checkout-screen .dms-on-demand-selection-section1 img {
    object-fit: contain;
    width:100%;
    height:100%;
    max-width:unset;
}
.dms-on-demand.checkout-screen .dms-on-demand-selection-section1 .backgroundImage-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    border-radius: 6px;
}
.dms-on-demand.checkout-screen .dms-on-demand-selection-section1 .backgroundImage {
    position: absolute;
    left: -100px;
    top: -100px;
    right: -100px;
    bottom: -100px;
    filter: blur(30px);
    opacity: .7;
    object-fit: cover;
    border-radius: 6px;
}
.dms-on-demand.checkout-screen .dms-on-demand-selection-checkout-complete .dms-on-demand-selection-container1 img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: unset;
}

#chat {
    z-index: 1050;
}
.project-layout-editor-menu {
    z-index: 1050;
}
body.dark-mode .app-form-field-input-proxy {
     min-height: 40px;
}
body.playback .project-layout-editor-menu {
    display:none !important;
}

.recent-date > .recent-grouping > .loader-io {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 5rem;
    z-index: 5;
    display: flex;
    align-items: center;
}

#player .app-button {
    position:relative;
    top:0px;
}
#player .app-button:active {
    position: relative;
    top: 3px;
}

#player .app-button,
body.dark-mode .tab-page .app-button,
.dms-on-demand .project-layout-page-title-actions .app-button,
.library-item-details .app-button {
    border: solid 1px transparent;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: white;
    font-size: 1rem;
    /* opacity: .7; */
    cursor: pointer;
    /* padding: 0rem .5rem; */
    /* margin-right: 1rem; */
    /* padding-top: .3rem; */
    margin-right: .3rem;
    transition: .3s;
    background-color: #323232;
    /* padding-bottom: .5rem; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    color: #FDFEFE;
    padding: .7rem 1.3rem;
    margin-right: .6rem;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
    cursor: pointer;
    opacity: 1;
    font-size: 1.4rem;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    border-radius: 5px;
    padding: 10px 30px;
}


.library-item-details .app-button {
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
}


/*
#player .app-button:hover,
body.dark-mode .tab-page .app-button:not(.hide-label):hover,
.dms-on-demand .project-layout-page-title-actions .app-button:hover,
.library-item-details > .controls > button.app-button:hover {
    background-color: rgba(30, 144, 255, .5);
    background-color: rgba(13, 110, 253, .5);
    color: white;
}

#player .app-button:focus,
body.dark-mode .tab-page .app-button:not(.hide-label):focus,
.dms-on-demand .project-layout-page-title-actions .app-button:focus,
.library-item-details > .controls > button.app-button:focus {
    background-color: rgba(30, 144, 255, .7);
    background-color: rgba(13, 110, 253, .7);
    color: white;
}

#player .app-button:active,
body.dark-mode .tab-page .app-button:not(.hide-label):active,
.dms-on-demand .project-layout-page-title-actions .app-button:active,
.library-item-details > .controls > button.app-button:active {
    background-color: rgba(30, 144, 255, .7);
    background-color: rgba(13, 110, 253, .7);
    color: white;
    opacity: .8;
}*/

.tab-page .app-button.hide-label {
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 2rem;
    margin: .5rem;
}

.tab-page .app-button.edit-button {
    margin-left: 1rem;
}

.tab-page .app-button.cache-button {
    margin-left: 1rem;
}

.tab-page .app-button.hide-label label {
    display: none;
}

body.no-transition .tab-page .app-button {
    transition: none;
    transform: none;
}

.tab-page .app-button.edit-button {
    display: none;
}

body.edit-layout .tab-page .app-button.edit-button {
    display: flex;
}

.caching-items .header-info button {
    padding: 0.5rem 1rem !important;
    font-size: 1.2rem !important;
}
.cached-items .header-info button {
    padding: 0.5rem 1rem !important;
    font-size: 1.2rem !important;
}
/*body.edit-layout .library-groups-selected-item.show {
    transform: translateX(0%);
}*/
body.edit-layout > .library-groups-selected-item.show {
    transform: translateX(50%);
}
body.show-layout-menu > .library-groups-selected-item.show {
    transform: translateX(60%);
}
.library-group > .image-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    padding: .2rem .5rem;
}
.library-group > .ranking {
    display:none;
}
.library-group > .image-header > button i {
    padding:.5rem;
    font-size: 1.4rem;    
}
.library-group > .image-header > button i.upload-image {
    color:dodgerblue;  
}

/*.navbar-usage-container.selected {
    background: #FF0062 !important;*/
   /* border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
/*}*/
.subscriptions-screen .dms-on-demand-selection-section-title-info {
    padding: 0.5rem;
}


/* BEGIN FOOTER */

.app-project-footer-ex.footer {
    /* background-color: #0b1011;
    background-attachment: fixed;
    color: #66615b;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
    margin:0;    
    text-align: left;
    background-color: #fff;*/
    font-size: 14px;
    font-weight: 300;
    position: relative;
    line-height: 30px;
    width: 100%;
    order: 99999;
    /*display:none;*/ 
    padding-bottom: 2rem;
}

.app-project-footer-ex.footer > .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5rem;
    padding-bottom: 0px;
}

@media (min-width: 576px) {
    .app-project-footer-ex.footer > .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .app-project-footer-ex.footer > .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .app-project-footer-ex.footer > .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .app-project-footer-ex.footer > .container {
        max-width: 1140px;
    }
}

.app-project-footer-ex.footer .row {
    display: -ms-flexbox !important;
    display: flex !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.app-project-footer-ex.footer .row .col-9,
.app-project-footer-ex.footer .row .col-6 {
    width:unset;
}

.app-project-footer-ex.footer .ml-auto {
    margin-left: auto!important;
    margin-right: auto!important;
    flex: 0 0 75%;
    max-width: 75%;
}
.app-project-footer-ex.footer .links ul {
    white-space: normal;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 100px;
    overflow: hidden;
}
.app-project-footer-ex.footer .links ul a:not(.btn) {
    font-size: 1em;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    font-weight: 500;
   /* text-transform: uppercase;*/
    margin-top: 10px;
    color: #A49E9E;
    white-space:nowrap;
    text-decoration: none;
}
.app-project-footer-ex.footer .links ul a:not(.btn):hover, 
.app-project-footer-ex.footer .links ul a:not(.btn):focus {    
   /* color: forestgreen;*/
}
.app-project-footer-ex.footer .contact-links .contact-link {
    text-align: right;
}
.app-project-footer-ex.footer .contact-links a:not(.btn) {
    color: #A49E9E;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: unset !important;
    font-weight: 500;
    padding-bottom: .5rem;
}
.app-project-footer-ex.footer hr {
    border: none;
    border-top: solid 1px rgba(255,255,255,.7);
    margin: .5rem 0;
}
.app-project-footer-ex.footer .col-md-3 {
    flex: 1;
}
.app-project-footer-ex.footer .social-area {
    display: flex;
    text-align: right;
    margin-bottom: 5px;
    justify-content: end;
}

.app-project-footer-ex.footer .col-md-3 .links ul {
    text-align: right;
}


.app-project-footer-ex.footer .btn-just-icon {
    border-radius: 50px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    padding: 8px;
    margin-left: 5px;
}

.app-project-footer-ex.footer .btn-just-icon i {
    font-size: 16px;
    padding: 2px 0px;
}

.app-project-footer-ex.footer .btn-twitter {
    color: #55acee !important;
}

.app-project-footer-ex.footer .btn-facebook {
    color: #3b5998 !important;
}

.app-project-footer-ex.footer .btn-instagram {
    color: orange !important;
    opacity: .8;
}

.app-project-footer-ex.footer .btn-youtube {
    color: #e52d27 !important;
    opacity: .8;
}


.twitter, .sharemedia-messagebox button.twitter {
    /* background-color: #4c9eec;*/
    background-color: #55acee;
}

.facebook, .sharemedia-messagebox button.facebook {
    background-color: #3b5998;
}

.instagram, .sharemedia-messagebox button.instagram {
    background-color: orange;
}

.youtube, .sharemedia-messagebox button.youtube {
    background-color: #e52d27;
}

.pinterest, .sharemedia-messagebox button.pinterest {
    background-color: #e60023;
}

.linkedin, .sharemedia-messagebox button.linkedin {
    background-color: #3375b0;
}


/*.app-project-footer-ex.footer .copyright-area {
    padding: 10px 0px;
    margin: 15px 3px;
}
*/
.app-project-footer-ex.footer .pull-left {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9em;
    color: #A49E9E;
    font-weight: 500;
}

.app-project-footer-ex.footer .copyright {
    margin-left: 5px;
    margin-right: 5px;
}

.app-project-footer-ex.footer img.logo {
    /*max-width: 18px;*/
    max-height: 11px;
    margin-right: 3px;
    margin-left: 5px;
}

.app-project-footer-ex.footer span.logo {
    margin-right:5px;
}

.app-project-footer-ex.footer .version {
    margin-left: 5px;
    margin-right: 5px;
    display:none;
}

.app-project-footer-ex.footer .pull-right.links {
    display: none;
}

.app-project-footer-ex.footer .pull-right ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-project-footer-ex.footer .pull-right ul > div {
    margin-left: 5px;
    margin-right: 5px;
}

/* END FOOTER */

/* BEGIN HEADER */

.app-project-header-ex.header {
    min-height: 65px;
    width: 100%;
    border: 0;
    font-size: 14px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    padding: 0;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
    background: rgba(11, 16, 17,.9);
    color: white;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    /*z-index: 1030;*/
}
.app-project-header-ex.header.transparent {
    background: transparent !important;
    padding-top: 25px;
    box-shadow: none;
}

.app-project-header-ex.header > .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .app-project-header-ex.header > .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .app-project-header-ex.header > .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .app-project-header-ex.header > .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .app-project-header-ex.header > .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.app-project-header-ex.header.transparent .navbar-brand {
    color: #FFFFFF;
}

.app-project-header-ex.header .navbar-brand {
    font-weight: 600;
    margin: 5px 0px;
    padding: 20px 15px;
    font-size: 14px;
    color: #66615B;
    text-transform: uppercase;
    /*color: forestgreen !important;*/
    opacity: .8;
    transition: .2s;
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    top: 10px;
}

.app-project-header-ex.header .navbar-brand:focus,
.app-project-header-ex.header .navbar-brand:hover {
    opacity:1;    
}
.app-project-header-ex.header .navbar-brand:active {
    opacity:.9;    
}

.app-project-header-ex.header .navbar-brand img {
    margin-right:5px;
    max-width:22px;
    max-height:22px;
}

.app-project-header-ex.header .navbar-collapse {
    border-left: none !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.app-project-header-ex.header .navbar-collapse:not(.show) {
    display: none;
}

@media (min-width: 992px) {
    .app-project-header-ex.header .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.app-project-header-ex.header .navbar-collapse > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

@media (min-width: 992px) {
    .app-project-header-ex.header .navbar-collapse > ul {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.app-project-header-ex.header.transparent a:not(.btn),
.app-project-header-ex.header [class*="bg"] a:not(.btn) {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.app-project-header-ex.header.transparent a {
    color: #FFFFFF;
}

.app-project-header-ex.header a {
    color: white;
    opacity: .8;
    transition: .2s;
    line-height: 1.6;
    margin: 15px 3px;
    padding: 10px 15px;
    opacity: .8;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 0.5rem 1rem;
}

.app-project-header-ex.header a:focus,
.app-project-header-ex.header a:hover {
    opacity: 1;
}

.app-project-header-ex.header a:active {
    opacity: .9;
}

.app-project-header-ex.header a p {
    display: inline;
}

.app-project-header-ex.header a p {
    margin: 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5em;
    padding: 15px 0;
}

@media (min-width: 992px) {
    .app-project-header-ex.header a .d-lg-none {
        display: none !important;
    }
}

/* END HEADER */

/* BEGIN BANNER */

.section-banner {
    background-color: black;
}

.section-banner .body-header {
    background-position: center center;
    background-size: cover;
    min-height: 100vh;
    max-height: 999px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:2rem;
    padding-bottom:0rem;
}
.section-banner.cart .body-header {
    display: none;
}
.section-banner.checkout.body-header {
    display: none;
}
.section-banner.summary .body-header {
    display: none;
}
.section-banner .body-header .filter {
    background-color: rgba(0, 0, 0);
    opacity:.6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.section-banner .body-header .page-video {
    position: absolute;
    width: 100%;
    height:100%;
}
.section-banner .body-header .page-video video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    background-color: black;
}

.section-banner .body-header .motto {
    text-align: left;
    z-index: 3;
    color: #fff;
    position: relative;
    text-align: center !important;
}

.section-banner .body-header > .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .section-banner .body-header > .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-banner .body-header > .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-banner .body-header > .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .section-banner .body-header > .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.section-banner .body-header h1 {
    font-weight: bold;
    font-size: 3.6em;
    margin: 30px 0 0;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .section-banner .body-header h1 {
    text-shadow: none;
}

.section-banner .body-header h2 {
    font-weight: bold;
    font-size: 2.8em;
    margin: 10px 0 0;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .section-banner .body-header h2 {
    text-shadow: none;
}




.section-banner .body-header button {
    border-radius: 0.3rem;
    line-height: 1.75;
    text-transform: uppercase;
    opacity: .8;
    transition: .2s;
    margin-top: 30px;
    white-space: nowrap;
    background-color: forestgreen;
    border: solid 2px forestgreen;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    color: #FFFFFF;
    font-size: 14px;
    padding: 11px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.4rem;
    opacity: 1;
    margin-top: 20px;
    border-radius: 50px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    margin-left: .3rem;
    margin-right: .3rem;
}

.section-banner .body-header button:focus {
    opacity: 1;
/*    background-color:white;*/
    color:black;
}

.section-banner .body-header button:hover {
    opacity: 1;
/*    background-color:white;*/
    color:black;
}

.section-banner .body-header button:active {
    transition: 0;
    opacity: .9 !important;
   /* background-color: forestgreen;*/
    box-shadow: none !important;
}

.section-banner .body-header button i {
    margin-right:5px;    
}

/* END BANNER */

/* BEGIN CAROUSEL */

.section-carousel {
    padding-top: 1rem;
    background-color: black;
    margin-bottom: 2.5rem;
    position:relative;
  /*  height: 100%;*/
}

/* END CAROUSEL */

/* BEGIN COLLECT EMAIL */

.section-collect-email input:not(.form-check-input),
.section-collect-email .app-form-field-input-proxy {
    border-color: lightgray !important;
    transition: .2s !important;
}

.section-collect-email input:focus {
    border-color: dodgerblue !important;
}

.section-collect-email .app-form-field-input-proxy.focus {
    border-color: dodgerblue !important;
}


.section-collect-email {
    /*min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;*/
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    /*position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    background-color: white;*/
    color: #0b1011;
    padding: 70px 0;
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 5rem;
    max-height: 93vh;
    overflow: hidden;
    /* margin-top: 0rem;*/
    /*margin-bottom: 2rem;*/
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.section-collect-email .ml-auto,
.section-collect-email .mx-auto {
    margin-left: auto !important;
}

.section-collect-email .mr-auto,
.section-collect-email .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-collect-email .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.section-collect-email .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.section-collect-email h2 {
    font-weight: bold;
    text-align: center !important;
    font-size: 2.8em;
    margin: 30px 0 0;
    line-height: 1.2;
}

.section-collect-email h5 {
    color: #0b1011;
    font-weight: 500;
    padding-top: 20px;
    text-align: center;
    font-size: 1.35em;
    line-height: 1.4em;
}

@media (min-width: 768px) {
    .section-collect-email .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-collect-email .ml-auto,
.section-collect-email .mx-auto {
    margin-left: auto !important;
    text-align: center;
}

.section-collect-email .mr-auto,
.section-collect-email .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-collect-email .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.section-collect-email .contact-form label {
    font-weight: 700;
    color: #0b1011;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0.2rem;
}

.section-collect-email .contact-form .info {
    text-align: left;
}

.section-collect-email .contact-form input {
    color: black;
}

    .section-collect-email .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .section-collect-email .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media (min-width: 576px) {
    .section-collect-email .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-collect-email .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-collect-email .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .section-collect-email .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1600px) {
    .section-collect-email .container {
        max-width: 1440px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.section-collect-email button {
    border-radius: 0.3rem;
    line-height: 1.75;
    text-transform: uppercase;
    opacity: .8;
    transition: .2s;
    margin-top: 30px;
    white-space: nowrap;
    background-color: forestgreen;
    border: solid 2px forestgreen;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    color: #FFFFFF;
    border-width: 1px;
    color: #FFFFFF;
    background: #e9ecef;
    border-color: gray;
    color: dimgray;
    font-size: 14px;
    padding: 11px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
    opacity: 1;
    margin-top: 20px;
    border-radius: 50px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    margin-left: .3rem;
    margin-right: .3rem;
}

    .section-collect-email button:focus {
        opacity: 1;
       /* background-color: white;*/
        color: black;
    }

    .section-collect-email button:hover {
        opacity: 1;
        /*background-color: white;*/
        color: black;
    }

    .section-collect-email button:active {
        transition: 0;
        opacity: .9 !important;
        /*background-color: forestgreen;*/
        box-shadow: none !important;
    }

    .section-collect-email button i {
        margin-right: 5px;
    }

.section-collect-email .contact-form label {
    margin-bottom: 0rem;
    font-size: 1rem !important;
    color: black !important;
}

.section-collect-email .input-group-prepend {
    min-width: 30px;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: gray;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    transition: .2s;
    border: solid 1px lightgray;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
}
.section-collect-email .input-group-prepend i {    
    font-size: 1.4rem;
}

.section-collect-email .input-group.focused .input-group-prepend {
    border-color: dodgerblue;
    background-color: dodgerblue;
    color: white;
}

.section-collect-email .input-group .app-form-field-input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: black !important;
}

/* END COLLECT EMAIL */

/* BEGIN VIDEO */

.section-video {
    min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    position: relative;
    overflow: hidden;
}
.section-video .background {
    /*filter: blur(10px);*/
  /*  transform: scale(1.2);*/
    transform: matrix(1.2, 0, 0, 1.2, 0, 0);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
   /* opacity: .4;*/
    pointer-events:none;
    background-size: cover;
}
.section-video .container {
    margin-top:8rem;
    padding-top: 1rem;
    padding-bottom: 5rem;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 5rem;
}
.section-video .container .logo {
    display: flex;
    align-items: center;
    justify-content: center;    
}

@media (min-width: 576px) {
    .section-video .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-video .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-video .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .section-video .container {
        max-width: 1140px;
    }
}


.section-video .row {
}
.section-video .column {
}

.section-video .logo img {
    top: 9px;
    height: 4rem;
    left: -15px;
    position: relative;
    left: -25px;
    top: 18px;
}
.section-video .logo span {
    color: white;
    font-size: 3.6em;
    margin: 30px 0 0;
    font-weight: 100;
    left: -15px;
    position: relative;
}

.section-video .title {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 25px;
    min-height: 32px;
    font-size: 3.6rem;
}

.section-video .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.section-video .column {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.section-video .card-video {
    position:relative;
}

.section-video video {
   /* object-fit: cover;*/
    width: 100%;
    max-height:40vh;
}
.section-video .video-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    background-color: rgba(0,0,0,.7);
    cursor: pointer;
    /*display: none;*/
    transition: .3s;
}
.section-video .video-button.hide {
    opacity:0;
    pointer-events: none;
}
/*.section-video .card-video:hover .video-button {
    opacity: .7;
    pointer-events: unset !important;
}
*/
.section-video .card-body {
    text-align: center;
}

.section-video .card-message {
    opacity: .8;
    font-weight: bold;
    min-height: 32px;
    font-size: 2.8em;
    margin: 30px 0 0;
    margin-top: 15px;
    margin-bottom: 25px;
}

.section-video .card-message-ex {
    opacity: .8;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 1.825em;
    line-height: 1.4;
    margin: 20px 0 0px;
    font-weight:400;
}


.section-video .video-button button {
    font-size: 10rem;
    opacity: .7;
    transition:.2s;
}

.section-video .video-button button:focus {
    opacity: 1;
}

.section-video .video-button button:hover {
    opacity: 1;
}

.section-video .video-button button:active {
    transition: 0;
    opacity: .9 !important;
}


/* END VIDEO */

/* BEGIN PRODUCTS */

.section-products {
    min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    position: relative;
    overflow: hidden;
    /*margin-top: 2.5rem;*/
    margin-top: 1rem;
}
.section-products .products {
    background-color: black !important;
    color: white !important;
    max-height: unset !important;
    display: flex;
   /* position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 100Vh;
}

    .section-products .products .background {
        /* filter: blur(10px);*/
      /*  transform: scale(1.2);*/
        transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /*opacity: .4;*/
        pointer-events: none;
    }

    .section-products .products .container {
        padding-top: 3rem;
        padding-bottom: 5rem;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        z-index: 1;
    }

@media (min-width: 576px) {
    .section-products .products .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-products .products .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-products .products .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .section-products .products .container {
        max-width: 1140px;
    }
}


.section-products .products .title {
    margin-top: 30px;
    /*margin-bottom: 20px;*/
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-products .products .title .app-button-icon {
    margin-left: 2rem;
}

.section-products .products .title h1 {
    font-size: 3.4rem;
    margin: 0.67em 0;
    font-weight: bold;
}

.section-products .products .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}

.section-products .products .card-event {
    width: 70%;
    background-color: rgba(255,255,255,.1);
    box-shadow: none;
    border-radius: 12px;
    color: #333333;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
    border: 0 none;
    -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    padding: 0;
}

    .section-products .products .card-event:hover {
        box-shadow: 0px 12px 19px -7px rgb(0 0 0 / 30%);
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
    }

    .section-products .products .card-event img {
        max-width: 100%;
        height: auto;
        border-radius: 12px 12px 0 0;
        opacity: .9;
        max-height: 500px;
        max-height: 48vh;
        object-fit: contain;
        position: relative;
    }

.section-products .products .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    padding: 20px;
    color: white;
    font-size: 2rem;
}


    .section-products .products .card-body button {
        border-radius: 0.3rem;
        line-height: 1.75;
        text-transform: uppercase;
        opacity: .8;
        transition: .2s;
        margin-top: 30px;
        white-space: nowrap;
        background-color: forestgreen;
        border: solid 2px forestgreen;
        background: rgba(100,100,100, .3);
        border-color: rgba(100,100,100, .5);
        color: #FFFFFF;
        font-size: 14px;
        padding: 11px 30px;
        cursor: pointer;
        font-weight: bold;
        font-size: 1rem;
        opacity: 1;
        margin-top: 20px;
        border-radius: 50px;
        box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
        margin-left: .3rem;
        margin-right: .3rem;
    }

.section-products .products .card-body button:focus {
    opacity: 1;
   /* background-color: white;*/
    color: black;
}

.section-products .products .card-body button:hover {
    opacity: 1;
   /* background-color: white;*/
    color: black;
}

.section-products .products .card-body button:active {
    transition: 0;
    opacity: .9 !important;
   /* background-color: forestgreen;*/
    box-shadow: none !important;
}

.section-products .products .card-body button i {
    margin-right: 5px;
}

.section-products .products .card-body .card-title {
    margin: 5px 0 0 0;
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0;
}

.section-products .products .card-body .card-text {
}

.section-products .products .card-body .card-text1 {
    font-weight: 500;
    font-size: 1.8rem;
    padding-bottom: 5px;
}

.section-products .products .card-body .card-text2 {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 1.4rem;
    color: #FFAB15 !important;
}

.section-products .products .card-body .card-text3 {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 1.4rem;
    color: #FFAB15 !important;
}

.section-products .products .card-body .card-text4 {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 1.4rem;
    color: #FFAB15 !important;
}

.section-products .products .card-body .buttons {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}


/* END PRODUCTS */



/* START STORE SECTION */


/* BEGIN BANNER */

.section-store .body-header {
    background-position: center center;
    background-size: cover;
    min-height: 100vh;
    max-height: 999px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:2rem;
}
.section-store.cart .body-header {
    display: none;
}
.section-store.checkout.body-header {
    display: none;
}
.section-store.summary .body-header {
    display: none;
}
.section-store .body-header .filter::after {
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.section-store .body-header .page-video {
    position: absolute;
    width: 100%;
}
.section-store .body-header .page-video video {
    object-fit: contain;
    width: 100%;
    background-color: black;
}

.section-store .body-header .motto {
    text-align: left;
    z-index: 3;
    color: #fff;
    position: relative;
    text-align: center !important;
}

.section-store .body-header > .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .section-store .body-header > .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-store .body-header > .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-store .body-header > .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .section-store .body-header > .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.section-store .body-header h1 {
    font-weight: bold;
    font-size: 3.6em;
    margin: 30px 0 0;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .section-store .body-header h1 {
    text-shadow: none;
}

.section-store .body-header h2 {
    font-weight: bold;
    font-size: 2.8em;
    margin: 30px 0 0;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .section-store .body-header h2 {
    text-shadow: none;
}




.section-store .body-header button {
    border-radius: 0.3rem;
    line-height: 1.75;
    text-transform: uppercase;
    opacity: .8;
    transition: .2s;
    margin-top: 30px;
    white-space: nowrap;
    background-color: forestgreen;
    border: solid 2px forestgreen;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    color: #FFFFFF;
    font-size: 14px;
    padding: 11px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.4rem;
    opacity: 1;
    margin-top: 20px;
    border-radius: 50px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    margin-left: .3rem;
    margin-right: .3rem;
}

.section-store .body-header button:focus {
    opacity: 1;
   /* background-color:white;*/
    color:black;
}

.section-store .body-header button:hover {
    opacity: 1;
/*    background-color:white;*/
    color:black;
}

.section-store .body-header button:active {
    transition: 0;
    opacity: .9 !important;
   /* background-color: forestgreen;*/
    box-shadow: none !important;
}

.section-store .body-header button i {
    margin-right:5px;    
}

/* END BANNER */

/* BEGIN ADD EMAIL */

.section-store input:not(.form-check-input),
.section-store .app-form-field-input-proxy {
    border-color: lightgray !important;
    transition: .2s !important;
}

.section-store input:focus {
    border-color: dodgerblue !important;
}

.section-store .app-form-field-input-proxy.focus {
    border-color: dodgerblue !important;
}


.section-store {
    /*min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;*/
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    /*position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    background-color: white;*/
    color: #0b1011;
    padding: 70px 0;
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 5rem;
    max-height: 93vh;
    overflow: hidden;
   /* margin-top: 0rem;*/
    /*margin-bottom: 2rem;*/
}

.section-store .ml-auto,
.section-store .mx-auto {
    margin-left: auto !important;
}

.section-store .mr-auto,
.section-store .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-store .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.section-store .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.section-store h2 {
    font-weight: bold;
    text-align: center !important;
    font-size: 2.8em;
    margin: 30px 0 0;
    line-height: 1.2;
}

.section-store h5 {
    color: #0b1011;
    font-weight: 500;
    padding-top: 20px;
    text-align: center;
    font-size: 1.35em;
    line-height: 1.4em;
}

@media (min-width: 768px) {
    .section-store .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-store .ml-auto,
.section-store .mx-auto {
    margin-left: auto !important;
    text-align: center;
}

.section-store .mr-auto,
.section-store .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-store .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.section-store .contact-form label {
    font-weight: 700;
    color: #0b1011;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 0.2rem;
}

.section-store .contact-form .info {
    text-align: left;
}

.section-store .contact-form input {
    color: black;
}

    .section-store .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .section-store .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media (min-width: 576px) {
    .section-store .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-store .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-store .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .section-store .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1600px) {
    .section-store .container {
        max-width: 1440px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.section-store button {
    border-radius: 0.3rem;
    line-height: 1.75;
    text-transform: uppercase;
    opacity: .8;
    transition: .2s;
    margin-top: 30px;
    white-space: nowrap;
    background-color: forestgreen;
    border: solid 2px forestgreen;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    color: #FFFFFF;
    font-size: 14px;
    padding: 11px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
    opacity: 1;
    margin-top: 20px;
    border-radius: 50px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    margin-left: .3rem;
    margin-right: .3rem;
}

    .section-store button:focus {
        opacity: 1;
       /* background-color: white;*/
        color: black;
    }

    .section-store button:hover {
        opacity: 1;
        /*background-color: white;*/
        color: black;
    }

    .section-store button:active {
        transition: 0;
        opacity: .9 !important;
     /*   background-color: forestgreen;*/
        box-shadow: none !important;
    }

    .section-store button i {
        margin-right: 5px;
    }

.section-store .contact-form label {
    margin-bottom: 0rem;
    font-size: 1rem !important;
    color: black !important;
}

.section-store .input-group-prepend {
    min-width: 30px;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: gray;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    transition: .2s;
    border: solid 1px lightgray;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
}

.section-store .input-group.focused .input-group-prepend {
    border-color: dodgerblue;
    background-color: dodgerblue;
    color: white;
}

.section-store .input-group .app-form-field-input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color:black !important;
}

/* END ADD EMAIL */

/* BEGIN VIDEO */

.section-store {
    min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
}
.section-store .background {
    filter: blur(10px);
    transform: scale(1.2);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    pointer-events:none;
}
.section-store .container {
    margin-top:2rem;
    padding-top: 3rem;
    padding-bottom: 5rem;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 576px) {
    .section-store .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-store .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-store .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .section-store .container {
        max-width: 1140px;
    }
}


.section-store .row {
}
.section-store .column {
}

.section-store .logo img {
    top: 9px;
    left: -11px;
    height: 4rem;
    position: relative;
}
.section-store .logo span {
    color: white;
    font-size: 3.6em;
    margin: 30px 0 0;
    font-weight: 100;
}

.section-store .title {
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 25px;
    min-height: 32px;
    font-size: 3.6rem;
}

.section-store .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.section-store .column {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.section-store .card-video {
    position:relative;
}

.section-store video {
    object-fit: contain;
    width: 100%;
    max-height:40vh;
}
.section-store .video-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    background-color: rgba(0,0,0,.7);
    cursor: pointer;
    /*display: none;*/
    transition: .2s;
}
.section-store .video-button.hide {
    opacity:0;    
}

.section-store .card-body {
    text-align: center;
}

.section-store .card-message {
    opacity: .8;
    font-weight: bold;
    min-height: 32px;
    font-size: 2.8em;
    margin: 30px 0 0;
    margin-top: 40px;
    margin-bottom: 25px;
}

.section-store .card-message-ex {
    opacity: .8;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 1.825em;
    line-height: 1.4;
    margin: 20px 0 0px;
    font-weight:400;
}


.section-store .video-button button {
    font-size: 10rem;
    opacity: .7;
    transition:.2s;
}

.section-store .video-button button:focus {
    opacity: 1;
}

.section-store .video-button button:hover {
    opacity: 1;
}

.section-store .video-button button:active {
    transition: 0;
    opacity: .9 !important;
}


/* END VIDEO */

/* BEGIN CARD EVENT */

.section-store {
    min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    position: relative;
    overflow: hidden;
    /*margin-top: 2.5rem;*/
}
.section-store .products {
    background-color: black !important;
    color: white !important;
    max-height: unset !important;
    display: flex;
}

    .section-store .products .background {
        filter: blur(10px);
        transform: scale(1.2);
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .4;
        pointer-events: none;
    }

    .section-store .products .container {
        padding-top: 3rem;
        padding-bottom: 5rem;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        z-index: 1;
    }

@media (min-width: 576px) {
    .section-store .products .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-store .products .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-store .products .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .section-store .products .container {
        max-width: 1140px;
    }
}


.section-store .products .title {
    margin-top: 30px;
    margin-bottom: 20px;
    min-height: 32px;
}

    .section-store .products .title h1 {
        font-size: 3.4rem;
        margin: 0.67em 0;
        font-weight: bold;
    }

.section-store .products .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}

.section-store .products .card-event {
    width: 70%;
    background-color: rgba(255,255,255,.1);
    box-shadow: none;
    border-radius: 12px;
    color: #333333;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
    border: 0 none;
    -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

    .section-store .products .card-event:hover {
        box-shadow: 0px 12px 19px -7px rgb(0 0 0 / 30%);
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
    }

    .section-store .products .card-event img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 12px 12px 0 0;
        opacity: .7;
    }

.section-store .products .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    padding: 20px;
    color: white;
    font-size: 2rem;
}


    .section-store .products .card-body button {
        border-radius: 0.3rem;
        line-height: 1.75;
        text-transform: uppercase;
        opacity: .8;
        transition: .2s;
        margin-top: 30px;
        white-space: nowrap;
        background-color: forestgreen;
        border: solid 2px forestgreen;
        background: rgba(100,100,100, .3);
        border-color: rgba(100,100,100, .5);
        color: #FFFFFF;
        font-size: 14px;
        padding: 11px 30px;
        cursor: pointer;
        font-weight: bold;
        font-size: 1rem;
        opacity: 1;
        margin-top: 20px;
        border-radius: 50px;
        box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
        margin-left: .3rem;
        margin-right: .3rem;
    }

.section-store .products .card-body button:focus {
    opacity: 1;
  /*  background-color: white;*/
    color: black;
}

.section-store .products .card-body button:hover {
    opacity: 1;
   /* background-color: white;*/
    color: black;
}

.section-store .products .card-body button:active {
    transition: 0;
    opacity: .9 !important;
  /*  background-color: forestgreen;*/
    box-shadow: none !important;
}

.section-store .products .card-body button i {
    margin-right: 5px;
}

.section-store .products .card-body .card-title {
    margin: 5px 0 0 0;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 0px;
    margin-top: 0;
}

.section-store .products .card-body .card-text {
}

.section-store .products .card-body .card-text1 {
    font-weight: 500;
    font-size: 1.8rem;
    padding-bottom: 5px;
}

.section-store .products .card-body .card-text2 {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 1.4rem;
}

.section-store .products .card-body .card-text3 {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 1.4rem;
}

.section-store .products .card-body .buttons {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}


/* END CARD EVENT */

#storefront-template .body-cart .cart-section {
    min-height: 48vh;
}
#storefront-template .body-cart .cart-items-no-items {
    text-align: center;
    font-size: 4rem;
    height: 100%;
    padding-top: 8rem;
}


/* BEGIN DUAL INFO */

.section-dual-info input:not(.form-check-input),
.section-dual-info .app-form-field-input-proxy {
    border-color: lightgray !important;
    transition: .2s !important;
}

.section-dual-info input:focus {
    border-color: dodgerblue !important;
}

.section-dual-info .app-form-field-input-proxy.focus {
    border-color: dodgerblue !important;
}


.section-dual-info {
    /*min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;*/
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    /*position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    background-color: white;*/
    color: #0b1011;
    padding: 70px 0;
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 20rem;
    max-height: 93vh;
    overflow: hidden;
    /* margin-top: 0rem;*/
    /*margin-bottom: 2rem;*/
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    background-image: linear-gradient(140deg, #BC70A4 50%, #BFD641 100%);
    color: white;
}

.section-dual-info .ml-auto,
.section-dual-info .mx-auto {
    margin-left: auto !important;
}

.section-dual-info .mr-auto,
.section-dual-info .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-dual-info .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.section-dual-info .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.section-dual-info h2 {
    font-weight: bold;
    text-align: center !important;
    font-size: 2.8em;
    margin: 30px 0 0;
    line-height: 1.2;
}

.section-dual-info h5 {
    font-weight: 500;
    padding-top: 10px;
    text-align: center;
    font-size: 3.35em;
    line-height: 1.4em;
}

.section-dual-info .left {
    padding-right: 3rem;
}

.section-dual-info .right {
    padding-left: 3rem;
}

@media (min-width: 768px) {
    .section-dual-info .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-dual-info .ml-auto,
.section-dual-info .mx-auto {
    margin-left: auto !important;
    text-align: center;
}

.section-dual-info .mr-auto,
.section-dual-info .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-dual-info .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.section-dual-info .contact-form label {
    font-weight: 700;
    color: #0b1011;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 0.2rem;
}

.section-dual-info .contact-form .info {
    text-align: left;
}

.section-dual-info .contact-form input {
    color: black;
}

    .section-dual-info .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .section-dual-info .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media (min-width: 576px) {
    .section-dual-info .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-dual-info .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-dual-info .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .section-dual-info .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1600px) {
    .section-dual-info .container {
        max-width: 1440px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.section-dual-info button {
    border-radius: 0.3rem;
    line-height: 1.75;
    text-transform: uppercase;
    opacity: .8;
    transition: .2s;
    margin-top: 30px;
    white-space: nowrap;
    background-color: forestgreen;
    border: solid 2px forestgreen;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    color: #FFFFFF;
    border-width: 1px;
    color: #FFFFFF;
    background: #e9ecef;
    border-color: gray;
    color: dimgray;
    font-size: 14px;
    padding: 11px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
    opacity: 1;
    margin-top: 20px;
    border-radius: 50px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    margin-left: .3rem;
    margin-right: .3rem;
}

    .section-dual-info button:focus {
        opacity: 1;
       /* background-color: white;*/
        color: black;
    }

    .section-dual-info button:hover {
        opacity: 1;
        /*background-color: white;*/
        color: black;
    }

    .section-dual-info button:active {
        transition: 0;
        opacity: .9 !important;
        /*background-color: forestgreen;*/
        box-shadow: none !important;
    }

    .section-dual-info button i {
        margin-right: 5px;
    }

.section-dual-info .contact-form label {
    margin-bottom: 0rem;
    font-size: 1rem !important;
    color: black !important;
}

.section-dual-info .input-group-prepend {
    min-width: 30px;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: gray;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    transition: .2s;
    border: solid 1px lightgray;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
}

.section-dual-info .input-group.focused .input-group-prepend {
    border-color: dodgerblue;
    background-color: dodgerblue;
    color: white;
}

.section-dual-info .input-group .app-form-field-input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color:black !important;
}

.section-dual-info .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex: 1;
    height:100%;
}
.section-dual-info .row .mr-auto {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;    
}
.section-dual-info .divider {
    width: 3px;
    min-width: 3px;
    height: 100%;
    padding-top: 7rem;
    padding-bottom: 7rem;
    margin-top: 7rem;
    margin-bottom: 7rem;
    background-color: white;
    opacity: .7;
}

/* END DUAL INFO */

.dms-access-code-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dms-access-code-qr-code-image {
    max-width: 300px;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 3rem;
    margin-top: -1.5rem;
}

.section-products .products .card-event .edit-buttons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
}
.section-products .products .card-event .edit-buttons .btn {
    padding: 1rem;
}
.section-products .products #add-button {
    display: none;
}
body.edit-layout .section-products .products #add-button {
    display: inline-flex;
}
.section-products .products .edit-buttons {
    display:none;
}
body.edit-layout .section-products .products .edit-buttons {
    display: flex;
}


/* BEGIN LIVE EVENT SCHEDULE */

.section-live-event-schedule input:not(.form-check-input),
.section-live-event-schedule .app-form-field-input-proxy {
    border-color: lightgray !important;
    transition: .2s !important;
}

.section-live-event-schedule input:focus {
    border-color: dodgerblue !important;
}

.section-live-event-schedule .app-form-field-input-proxy.focus {
    border-color: dodgerblue !important;
}


.section-live-event-schedule {
    /*min-height: calc(100vh - 30px);
    box-shadow: 0 0 10px 10px inherit;*/
    /* box-shadow: 0 0 40px 40px #181818; */
    /* margin-bottom: 2.5rem; */
    /* display: flex; */
    /*position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    background-color: white;*/
    color: #0b1011;
    padding: 70px 0;
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 50rem;
    overflow: hidden;
    /* margin-top: 0rem;*/
    /*margin-bottom: 2rem;*/
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    background-image: linear-gradient(140deg, #BC70A4 50%, #BFD641 100%);
    color: white;
}

.section-live-event-schedule .ml-auto,
.section-live-event-schedule .mx-auto {
    margin-left: auto !important;
}

.section-live-event-schedule .mr-auto,
.section-live-event-schedule .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-live-event-schedule .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.section-live-event-schedule .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.section-live-event-schedule .left {
    display: flex;
    align-items: center;
    margin: 30px 0 0;
}
.section-live-event-schedule .right {
    width: 120%;
}

.section-live-event-schedule h2 {
    font-weight: bold;
    text-align: center !important;
    font-size: 3.35em;
    line-height: 1.2;
    margin-bottom: 0;
}
.section-live-event-schedule h2 input {
    font-weight: bold !important;
    text-align: center !important;
    font-size: 3.8rem !important;
    position: relative;
    top: 0rem;
}
.section-live-event-schedule .left #add-button {
    margin-left:2rem;
}

.section-live-event-schedule h5 {
    font-weight: 400;
    padding-top: 10px;
    text-align: center;
    line-height: 1.4em;
    font-size: 2.6em;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0rem;
}
.section-live-event-schedule h5 input {
    text-align: center !important;
    font-size: 3rem !important;
    position: relative;
    top: 0rem;
}

@media (min-width: 768px) {
    .section-live-event-schedule .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-live-event-schedule .ml-auto,
.section-live-event-schedule .mx-auto {
    margin-left: auto !important;
    text-align: center;
}

.section-live-event-schedule .mr-auto,
.section-live-event-schedule .mx-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .section-live-event-schedule .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.section-live-event-schedule .contact-form label {
    font-weight: 700;
    color: #0b1011;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 0.2rem;
}

.section-live-event-schedule .contact-form .info {
    text-align: left;
}

.section-live-event-schedule .contact-form input {
    color: black;
}

    .section-live-event-schedule .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .section-live-event-schedule .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media (min-width: 576px) {
    .section-live-event-schedule .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .section-live-event-schedule .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .section-live-event-schedule .container {
        max-width: 960px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    .section-live-event-schedule .container {
        max-width: 1140px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1600px) {
    .section-live-event-schedule .container {
        max-width: 1440px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.section-live-event-schedule .contact-form label {
    margin-bottom: 0rem;
    font-size: 1rem !important;
    color: black !important;
}

.section-live-event-schedule .input-group-prepend {
    min-width: 30px;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: gray;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    transition: .2s;
    border: solid 1px lightgray;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
}

.section-live-event-schedule .input-group.focused .input-group-prepend {
    border-color: dodgerblue;
    background-color: dodgerblue;
    color: white;
}

.section-live-event-schedule .input-group .app-form-field-input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color:black !important;
}

.section-live-event-schedule .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex: 1;
    height:100%;
}
.section-live-event-schedule .row .mr-auto {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}
.section-live-event-schedule .divider {
    width: 125%;
    height: 3px;
    background-color: white;
    opacity: .7;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
.section-live-event-schedule .schedule-items {
    margin-top: 2rem;
    margin-bottom: 2rem;
    min-width: 115%;
}

/* END LIVE EVENT SCHEDULE */



.dmsProjectLiveEventScheduleItem {
    display: flex;
    padding-bottom: 1.2rem;
    text-align: center;
}

.live-event-schedule #add-button {
    display: none;
}
body.edit-layout .live-event-schedule #add-button {
    display: block;
}

.dmsProjectLiveEventScheduleItem .button {
    border-radius: 0.3rem;
    line-height: 1.75;
    text-transform: uppercase;
    opacity: .8;
    transition: .2s;
    white-space: nowrap;
    background-color: forestgreen;
    border: solid 2px forestgreen;
    background: rgba(100,100,100, .3);
    border-color: rgba(100,100,100, .5);
    color: #FFFFFF;
    font-size: 14px;
    padding: 11px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.4rem;
    opacity: 1;
    border-radius: 50px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.1);
    font-size: .8rem;
}

.dmsProjectLiveEventScheduleItem .button:focus {
    opacity: 1;
/*    background-color:white;*/
    color:black;
}

.dmsProjectLiveEventScheduleItem .button:hover {
    opacity: 1;
/*    background-color:white;*/
    color:black;
}

.dmsProjectLiveEventScheduleItem .button:active {
    transition: 0;
    opacity: .9 !important;
   /* background-color: forestgreen;*/
    box-shadow: none !important;
}

.dmsProjectLiveEventScheduleItem .button i {
    margin-right:5px;    
}

.dmsProjectLiveEventScheduleItem .date {
    display: flex;
    align-items: center;
    min-width: 8rem;
    min-width: 13rem;
    justify-content: end;
    margin-right: 1.5rem;
    margin-left: -1rem;
}
.dmsProjectLiveEventScheduleItem .date-label {
    font-size: 4rem;
}
.dmsProjectLiveEventScheduleItem .day-label { 
    font-size: 1rem;
    padding: 0 5px;
   /* opacity: .7;*/
    text-align: left;
}
.dmsProjectLiveEventScheduleItem .month-label { 
    text-transform: uppercase;
    font-size: 1.4rem;
    padding: 0 5px;
    padding-top: 4px;
}
.dmsProjectLiveEventScheduleItem .info {
    flex:1;    
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
}
.dmsProjectLiveEventScheduleItem .info .time {        
    font-size: 2.2rem;
}
.dmsProjectLiveEventScheduleItem .info .location {      
    font-size: 1rem;
    padding-left: 3px;
    padding-top: 6px;
}
.dmsProjectLiveEventScheduleItem .buttons {
    padding-bottom: 0.5rem;
    position: relative;
    display: flex;
    align-items: center;
}
.dmsProjectLiveEventScheduleItem .edit-buttons {
    display:none;
    position: absolute;
    top: -2.5rem;
    width: 100%;
    align-items:center;
}
body.edit-layout .dmsProjectLiveEventScheduleItem .edit-buttons { 
    display:flex;
}
.dmsProjectLiveEventScheduleItem .remove-button {
    padding: .5rem;
    margin-left: 1rem;
    display: none;
}
body.edit-layout .dmsProjectLiveEventScheduleItem .remove-button {
    display: inline-flex;
}
.dmsProjectLiveEventScheduleItem .edit-date {

}
.dmsProjectLiveEventScheduleItem .edit-date input {
    font-size: 2rem !important;
}

#button-publish {
    display: none;
    position: absolute;
    top: 5rem;
    right: 0.5rem;
    padding: 0.5rem 1rem;
}
body.edit-layout #button-publish {
    display: block;
}

.body .tab-page .section-documentation {
    width:100%;
    height:100%;
}
.body .tab-page .section-documentation .project-layout-page.documentation {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:row;
}
.body .tab-page .section-documentation .left-menu {
    width: 300px;
    height: 100%;
    border-right:1px solid black;
    padding-top:1rem;
}
.body .tab-page .section-documentation .right-body {
    width: 100%;
    height: 100%;
}
.body .tab-page .section-documentation .documentation-pages {
    padding-left:1rem;
}
.body .tab-page .section-documentation .app-navigation-item a.selected {
    background-color: #4ea752;
    background: linear-gradient( 60deg, #288c6c, #4ea752) !important;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(76 175 80 / 40%) !important;
    color: white !important;
}
.body .tab-page .section-documentation .app-navigation-item a.selected .app-navigation-icon {
    color: white !important;
}
.body .tab-page .section-documentation h1 {
    margin: .5rem  0 !important;
    margin-bottom: 1rem !important;
}
.body .tab-page .section-documentation h2 {
    margin: .5rem  0 !important;
    margin-bottom: 1rem !important;
}
.body .tab-page .section-documentation p {
    margin: .5rem  0 !important;
}

.body .tab-page .section-documentation .documentation-type {
    padding: 1rem;
    background-color: white;
    color: black;
    margin: 1rem;
    border: solid 1px;
    border-radius: 5px;
    background-color: rgba(64,64,64);
    border: 1px solid rgba(64,64,64);
    color: forestgreen;
    font-weight: bold;
    background: rgba(64,64,64);
    color: rgb(230,230,230);
    margin: 1rem 0;
    margin-right: 1rem;
}
.body .tab-page .section-documentation .documentation-type .name {
    font-size: 1.8rem;
    font-weight: 100;
}
.body .tab-page .section-documentation .documentation-method {
    padding: 1rem;
    background-color: white;
    color: black;
    margin: 1rem 0;
    border: solid 1px;
    border-radius: 5px;
    background-color: #e7f6ec;
    border: 1px solid #c3e8d1;
    color: forestgreen;
    font-weight: bold;    
    font-weight: 100;
    background-color: rgba(47,47,47);
    border-color: rgba(47,47,47);
    font-size: 1.2rem;
    line-height: 1.4;
    color: rgba(260,260,260);
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.media-status-search-input {
    display: flex;
    border: solid 1px rgba(255,255,255,.2);
    border-radius: 28px;
    padding: 0rem;
    margin-right: 3rem;
    font-size: 1.4rem;
    color: rgba(255,255,255,.4);
    margin-top: 0.5rem;
    margin-left: 2.5rem;
    margin-right: 3.5rem;
}
.media-status-search-input .icons {
    padding-left: .8rem;
    position:relative;
    top:2px;
}
.media-status-search-input .app-search-content-button-input {    
    border: none !important;
    font-size: 1.2rem !important;
    color: rgba(255,255,255,.8) !important;
   /* padding:0.3rem !important;*/ 
    min-width: 300px;
}



@media only screen and (max-height: 540px) and (max-width: 960px) and (min-height: 540px) and (min-width: 960px) {
    .dms-on-demand.login-handler .dms-on-demand-selection-sections:not(.checkout-container) {
        margin-top: 1.5rem;
        padding-bottom: 1rem;
    }

    body.is-native-app .dms-on-demand.login-handler .media-status-user-container.default-screen {
        display: none !important;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code .dms-on-demand-actions.app-project-header {
        display: none;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-selection-sections.access-code {
        background-color: transparent;
        border: none;
        padding: 0;
        max-width: 100%;
        position: initial;
        border-radius: unset;
        box-shadow: none;
        margin: 0;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code .login-logo {
        margin: 0;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code .logo-image {
        padding-top: 0;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code .logo-name {
        display: none;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code #login-title {
        font-size: 3.2rem;
        font-weight: 600;
    }

    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code #login-message {
        font-size: 1.6rem;
    }
    body.is-native-app .dms-on-demand.login-handler .dms-on-demand-form.access-code #login-error {
        font-size: 1.8rem;
    }


    .app-project-header > button > div {
        position: relative;
        top: 1px;
        /*text-transform: uppercase;*/
        text-shadow: -1px 1px 2px rgb(0 0 0);
        font-size: 80%;
    }

    .no-shadow .app-project-header > button > div {
        text-shadow: none;
    }
}
/*
#library-types.hide-categories {
    display:none !important;
}*/
.project-layout-page-background-image-container video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity:0;
    transition:2s;
}
.project-layout-page-background-image-container video.show {
    opacity:1;   
}
.app-project-header > button.hidden {
    display: none;
}

.app-project-header > button.selected {
    display: unset;
}
.app-project-header > button.hidden-ex {
    display: none !important;
}

.subsection-options > .app-form-field-checkbox {
    margin-bottom:8px !important;
}


.section-quickaccess .carousel-indicators {
		/*bottom: 10%;*/
}

.section-quickaccess .carousel-item {
		height: 100vh;
}

.section-quickaccess .carousel-inner {
		min-height: 100vh;
		height: 100vh;
}

.carousel.no-delay .carousel-item {
    transition: none !important;
}
.carousel-inner {
    display: flex;
    overflow: hidden;
    align-items: center;
}

.carousel-control-prev, .carousel-control-next {
    width: unset;
}
label[contenteditable] { 
    line-height:inherit;
}

body.updating-project-image #main-screen .body-container .body {
    overflow:hidden !important;
}
/*.editable-content {
    line-height: inherit;
    all:inherit;
}*/



/* VIEW OPTIONS */


body.fadein-quickaccess #main-screen .project-layout-page-background-image-container {
    position: absolute;
    /*    top: -100px;
    left: -100px;
    width: calc(100% + 200px);
    height: calc(100% + 200px);*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1) 60%);
}

#main-screen .project-layout-page-title-actions .app-button {
    border-color: rgba(100,100,100, .7) !important;
}

#main-screen .body-container {
    margin-top: 0px !important;
    /* padding-top: .25rem;*/
}
#main-screen.allow-relative .body-container {
    margin-top: -88px !important;
}

#main-screen .app-project-header > button.logo {
    top: 1px;
    padding-top: .5rem;
    padding-left: 1px;
    top: 0px;
}
/*#main-screen .app-project-header > button#button-signup:active,
#main-screen .app-project-header > button#button-signup:focus {
    background-color:transparent;
}*/

#options-info .subscription-container .subscription-button:hover {
    /* background-color: #191919; */
    color: white !important;
}
#options-info .subscription-container .subscription-button:active {
    color: white !important;
    opacity: .7;
}

#main-screen .recent-grouping {
    min-height: 250px;
}

#main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
    min-height: 290px;
}
#main-screen .recent-date.display-round-image .recent-grouping {
    min-height: 290px;
}
body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
    min-height: 290px;
}
body:not(.mobile-device) #main-screen .recent-date.display-round-image .recent-grouping {
    min-height: 290px;
}



#main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
    min-height: 317px;
}
#main-screen .recent-date.top-ten-category .recent-grouping {
    min-height: 317px;
}

body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
    min-height: 317px;
}
body:not(.mobile-device) #main-screen .recent-date.top-ten-category .recent-grouping {
    min-height: 317px;
}


#main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
    min-height: 495px;
}
#main-screen .recent-date.use-large-image .recent-grouping {
    min-height: 495px;
}

body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
    min-height: 495px;
}
body:not(.mobile-device) #main-screen .recent-date.use-large-image .recent-grouping {
    min-height: 495px;
}

/*

body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
    min-height: 180px;
}
body:not(.mobile-device) #main-screen .recent-date.display-round-image .recent-grouping {
    min-height: 180px;
}

body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
    min-height: 330px;
}
body:not(.mobile-device) #main-screen .recent-date.top-ten-category .recent-grouping {
    min-height: 330px;
}

body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
    min-height: 495px;
}
body:not(.mobile-device) #main-screen .recent-date.use-large-image .recent-grouping {
    min-height: 495px;
}

*/


body.reduce-font-size #main-screen .app-project-header > button > div {
     text-shadow: unset !important;
    font-size: 100% !important;
}
body.no-shadow.reduce-font-size #main-screen .app-project-header > button > div {
    text-shadow: none;
}

#main-screen .app-project-header > button {
    height: 70%;
    font-size: 1rem;
    background: transparent;
    border-color: transparent;
    padding-left: .5rem;
    padding-right: .5rem;
    /* margin-left: .5rem; */
    margin-right: 1.5rem;
}
#main-screen .app-project-header > button:not(#button-subscribe) {
    border-radius: 0;
} 
#main-screen .app-project-header #button-subscribe {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height:60%;
    margin-right:3rem;
}
body:not(.mobile-device) #main-screen .app-project-header #button-subscribe {
    margin-right: 2.75rem;
}
body.hide-header-buttons .app-project-header > button {
    display:none;
}

body.reduce-font-size #main-screen .app-project-header img {
    max-height: 38px;
    padding-right: 1.5rem;
}

#main-screen .project-layout-page-info {
    z-index: 1;
    position: relative;
}

#main-screen .project-quick-access.full-info .project-layout-page-data {
    /*max-width: 60rem;*/
}

#main-screen .project-layout-page-title label {
    line-height: 3.5rem;
}

#main-screen .project-layout-page-message-info {
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
}
.no-shadow #main-screen .project-layout-page-message-info {
    text-shadow: none;
}

    #main-screen .project-layout-page-message-info label {
        line-height: 1.4;
    }

#main-screen .project-layout-page-message-info {
    font-size: 1.6rem;
}

#main-screen .body .tab-page.project-layout .section-row {
    z-index: 2;
    position: relative;
}

#main-screen .carousel-control-prev, #main-screen .carousel-control-next {
    width: unset;
}
/*
                #main-screen .carousel-item {
                    height: calc(100vh - 120px);
                }
*/
#main-screen .tab-page.has-quickaccess .section-quickaccess {
    min-height: calc(100vh - 120px);
}

.has-quickaccess #main-screen .section-quickaccess .carousel-item {
    height: calc(100vh - 88px);
}

.topscreen-quickaccess #main-screen .tab-page.has-quickaccess .carousel-item {
    min-height: calc(100vh - 0px);
}

.fullscreen-quickaccess #main-screen .tab-page.has-quickaccess .carousel-item {
    min-height: calc(100vh + 22px);
}

.fullscreen-quickaccess #main-screen .tab-page.has-quickaccess .section-quickaccess,
.topscreen-quickaccess #main-screen .tab-page.has-quickaccess .section-quickaccess {
    min-height: calc(100vh - 0px);
}

.fullscreen-quickaccess #main-screen .tab-page.has-quickaccess.project-widget-media-page .section-quickaccess,
.topscreen-quickaccess #main-screen .tab-page.has-quickaccess.project-widget-media-page .section-quickaccess {
    min-height: unset;
    height: unset;
}
.project-widget-media-page .section-quickaccess .carousel-inner {
    min-height: unset;
    height: unset;
}
.fullscreen-quickaccess #main-screen .tab-page.has-quickaccess.project-widget-media-page .carousel-item,
.topscreen-quickaccess #main-screen .tab-page.has-quickaccess.project-widget-media-page .carousel-item {
    min-height: unset;
    height: unset;
}
.project-widget-media-page .project-quick-access {
    min-height: unset;
    height: unset;
}
#main-screen .project-widget-media-page .project-header-page-header {
    min-height: unset;
    height: unset;
}
.project-widget-media-page #media-image {
    width: 250px;
    min-width: 250px;
    height: 250px;
    min-height: 250px;
    object-fit: cover;
    border-radius: 100%;
    /* background-color: black; */
    margin-right: 2rem;
    opacity: 0;
    transition: .3s;
}
.project-widget-media-page #media-image.show {
    opacity:1;
}
#main-screen .project-widget-media-page .project-layout-media-page .project-header-page-header {
    height: unset;
    padding-top: 8rem;
}
#main-screen .project-widget-media-page .project-layout-media-page .media-info-container {
    display: flex;
    padding-left: 3rem;
    margin-bottom: 3rem;
    margin-top: .3rem;
    align-items: center;
}
#main-screen .project-widget-media-page .project-layout-media-page .media-info-container .media-info {    
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height:310px;
}
#main-screen .project-widget-media-page .project-layout-page-background-image {
    background-position: 50% 43%;
    transition: .3s;
}
.project-widget-media-page .project-layout-media-page .media-title {
    font-size: 2.6rem;
    max-width: unset;
    line-height: unset;
    margin: 0;
}
.project-widget-media-page .project-layout-media-page .media-tagline {
    font-size: 1.4rem;
    max-width: 80%;
    max-height: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    color:white !important;
}
.project-widget-media-page .project-layout-media-page .media-tagline p,
.project-widget-media-page .project-layout-media-page .media-tagline span {
    color: white !important;
}
.project-widget-media-page .project-layout-media-page .media-tagline p:last-of-type {
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}
.project-widget-media-page .project-layout-media-page .media-options {
    display: none !important;
}

.fullscreen-quickaccess #main-screen .body-container {
    margin-top: -66px !important;
    padding-top: 0rem;
}

.has-quickaccess.fullscreen-quickaccess #main-screen .body-container,
.has-quickaccess.topscreen-quickaccess #main-screen .body-container {
    margin-top: -88px !important;
    margin-top: -66px !important;
    padding-top: 0rem;
}

#main-screen .project-header-page-header {
    padding-top: 20vh;
}

.topscreen-quickaccess #main-screen .project-header-page-header {
    padding-top: 19vh;
}

.fullscreen-quickaccess #main-screen .project-header-page-header {
    padding-top: 20.25vh;
}

.has-quickaccess #main-screen #recent-info {
    margin-top: -6rem;
}

.fullscreen-quickaccess #main-screen #recent-info {
    margin-top: 0rem;
}

#main-screen .project-quick-access.full-info .project-layout-page-info {
    max-width: 65%;
    max-width: 100%;
    display: flex;
}

.fullscreen-quickaccess .project-layout-page-title-info {
    bottom: 13%;
}

#main-screen .carousel-control-prev.btn,
#main-screen .carousel-control-next.btn {
  /* display:none;*/
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 1;
}

.topscreen-quickaccess #main-screen .carousel-control-prev.btn,
.topscreen-quickaccess #main-screen .carousel-control-next.btn {
    top: 38vh;
}

.fullscreen-quickaccess #main-screen .carousel-control-prev.btn,
.fullscreen-quickaccess #main-screen .carousel-control-next.btn {
    top: 40.25vh;
}

.topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
    bottom: 11%;
    bottom: 7.5rem;
    bottom: 11.5rem;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.fullscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
    bottom: 7%;
    bottom: 8rem;
    /*    width: 100vw;*/
    bottom: 11.5rem;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#main-screen .project-layout-page-data {
    color: white;
}

#main-screen .related-container-items {
    display: flex;
    flex-wrap: wrap;
    /* margin-left: 0.5rem;*/ /* margin-left: 0.5rem; */
    grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
    display: grid;
}


#main-screen #library-schedule .ruler-container .grid-guide-ruler .ruler-time {
    color: white;
}

body.widescreen-artwork #main-screen #recent-screen .library-types-scroll-button {
    top: 53px;
    top: 23px;
    top: 43px;
}

body.widescreen-artwork #main-screen #recent-screen .recent-date.use-large-image .library-types-scroll-button {
    top: 115px;
}

body.widescreen-artwork #main-screen #recent-screen .recent-date.use-vertical-image .library-types-scroll-button {
    top: 138px;
}

#main-screen #recent-dates .recent-date {
    padding-bottom: 0px;
    position: relative;
    /*  min-height:340px;*/
}

body.has-quickaccess #main-screen #recent-dates .recent-date {
    top: -5rem;
}
body.has-quickaccess #main-screen .media-layout-grid #recent-dates .recent-date {
    top: 0rem;
}

#main-screen.related #recent-dates .recent-date,
#main-screen.media #recent-dates .recent-date,
#main-screen.brand #recent-dates .recent-date,
#main-screen.category #recent-dates .recent-date {
    min-height: 300px;
}

#main-screen .tab-page.has-categories #recent-dates .recent-date {
      min-height:340px;
    /*  padding-bottom:2rem;*/
}


/*#main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
    padding-bottom:3rem;
}*/

#main-screen #recent-screen .recent-date.channel .library-types-scroll-button {
    top: 100px;
}

#main-screen .section-quickaccess {
    min-height: calc(100vh - 120px);
}

#main-screen #channels-screen .recent-date .library-types-scroll-button {
    top: 80px;
}

#main-screen #recent-screen .section-quickaccess .carousel-inner {
    min-height: unset;
    height: unset;
}

#main-screen .project-layout-page-message-info {
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    font-size: 1.8rem;
    max-width: 240px;
    margin-top: 15rem;
    padding-bottom: 1rem;
    max-width: 100%;
    line-height: 1.4;
}
.no-shadow #main-screen .project-layout-page-message-info {
    text-shadow: none;
}

#main-screen .center-page-title .project-layout-page-message {
    padding-top: 2rem;
    max-width: 500px;
    white-space: normal;
    padding-bottom: 1rem;
}

/*#main-screen .project-quick-access.blur-image .project-layout-page-default-image,
                #main-screen .dms-on-demand .blur-image .project-layout-page-default-image {
                    opacity: .5;
                }

                #main-screen .project-quick-access.blur-image .project-layout-page-background-image-container .project-layout-page-default-image,
                #main-screen .dms-on-demand .blur-image .project-layout-page-background-image-container .project-layout-page-default-image {*/
/* filter: blur(30px) !important;*/
/*filter: blur(30px);
                }

                #main-screen .center-page-title .project-layout-page-info {
                    padding-right: 5%;
                    max-width: unset;
                    display: flex;
                    justify-content: center;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    justify-content: center;
                    align-items: center;
                }
                #main-screen .project-layout-page-image {*/
/* padding-bottom: 2rem;*/
/*margin-bottom: 0rem;
                }*/
/*
                #main-screen .project-layout-page-image-container img {
                    display: flex;
                    flex-direction: column;
                    max-height: 8rem;
                }
        */
#main-screen .project-layout-page-quick-access-menus {
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
    bottom: 8rem;
    z-index: 6;
}


#main-screen .slprev,
#main-screen .slnext {
    top: 35%;
    margin-top: 0px;
}

    #main-screen .slprev:focus,
    #main-screen .slnext:focus {
        color: white;
        background-color: rgba(13, 110, 253,0.7);
    }


/*body.widescreen-artwork .related-container .library-group {
    width: 217px;
    min-width: 217px;
}body.widescreen-artwork .related-container .library-group img {
    width: 224px;
    max-width: 224px;
    max-height: 224px;
}
    body.widescreen-artwork .related-container .library-group .image {
    width: 224px;
    height: 125px;
    min-width: 224px;
}
    body.widescreen-artwork .related-container .library-group .image {
        width: 217px;
        height: 123px;
    }*/

body.widescreen-artwork .library-group .image {
    width: 312px;
    height: 175px;
}
/*body:not(.mobile-device).widescreen-artwork .top-ten-category .library-groups > .library-group .image {
    width: 308px;
    height: 175px;
}*/

body.widescreen-artwork .recent-date.use-full-image .library-group {
    width: 100%;
    min-width: 100%;
    min-height: 70vh;
    /*transform: scale(1) !important;*/
    transform: matrix(1.0, 0, 0, 1.0, 0, 0) !important;
    cursor: default;
    margin-left: 0;
    border-radius: 0;
    border: none !important;
}
body.widescreen-artwork .recent-date.use-full-image .library-group .image {
    width: 100vw;
    height: unset;
    flex: 1;
    cursor:default;
}
.recent-date.use-full-image .library-group img:not(.media-title-image) {
    /*max-width: 90vw;
    max-height: 70vh;
    object-fit: contain;*/
    max-width: 100vw;
    max-height: unset;
    object-fit: contain;
    width: 100vw;
    right: 0rem;
}
.recent-date.use-full-image .library-group img.media-title-image {
    display: block;
    max-width: 600px;
    margin-bottom: 2rem;
}
.recent-date.use-full-image .library-group .bottom-banner {
    font-size: 1.5rem;
}
.recent-date.use-full-image .library-group .name {
    font-size: 1.4rem;
}
.recent-date.use-full-image .library-group .name2 {
    font-size: 1.3rem;
}
.recent-date.use-full-image .library-group .name3,
.recent-date.use-full-image .library-group .name4,
.recent-date.use-full-image .library-group .name5 {
    font-size: 1.2rem;
}
.recent-date.use-full-image .library-group .info {
    font-size: 1.3rem;
}
.recent-date.use-full-image .library-group .info .info1 .buttons  {
    bottom: 1rem;
}
.recent-date.use-full-image .library-group .info .info1 .buttons button i {
    font-size: 22px;
}
.recent-date.use-full-image .library-group .container {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: transparent;
    width:fit-content;
}
.recent-date.use-full-image .library-types-scroll-button {
    top: 295px !important;
    display:none;
}
.recent-date.use-full-image.can-scroll .library-types-scroll-button {
    display: flex;
}
.recent-date.use-full-image > .name-container {
    opacity: 0;
    pointer-events: none;
    display:none;
}
#main-screen .recent-date.use-full-image .recent-grouping {
    margin-bottom: 2rem;
}



body.widescreen-artwork .recent-date.use-vertical-image .library-group {
    width: 277px;
    min-width: 277px;
}

body.widescreen-artwork .recent-date.use-vertical-image .library-group .image {
    width: 277px;
    height: 416px;
}

.recent-date.use-vertical-image .library-group img {
    max-width: 277px;
    max-height: 416px;
}
.recent-date.use-vertical-image .library-group-container .ranking,
.recent-date.use-vertical-image .library-groups > .library-group .ranking {
    top: 17rem;
}

body.widescreen-artwork .recent-date.use-large-image .library-group {
    width: 628px;
    min-width: 628px;
    margin-right: 15px;
}
    body.widescreen-artwork .recent-date.use-large-image .library-group .image {
        width: 628px;
        height: 354px;
    }
.recent-date.use-large-image .library-group img {
    max-width: 628px;
    max-height: 628px;
}
.recent-date.use-large-image .library-group .bottom-banner {
    font-size: 1.3rem;
}
.recent-date.use-large-image .library-group .name {
    font-size: 1.2rem;
}
.recent-date.use-large-image .library-group .name2 {
    font-size: 1.1rem;
}
.recent-date.use-large-image .library-group .name3,
.recent-date.use-large-image .library-group .name4,
.recent-date.use-large-image .library-group .name5 {
    font-size: 1rem;
}
.recent-date.use-large-image .library-group .info {
    font-size: 1.1rem;
}
.recent-date.use-large-image .library-group .info .info1 .buttons  {
    bottom: 1rem;
}
.recent-date.use-large-image .library-group .info .info1 .buttons button i {
    font-size: 22px;
}

body.widescreen-artwork .recent-date.display-round-image .library-group {
    width: 225px;
    min-width: 225px;
    min-height:unset;
    border-radius: 100%;
    margin-left: 1rem;
}
body.widescreen-artwork .recent-date.display-round-image .library-group:first-child {
    margin-left: 3rem;
}

body.widescreen-artwork .recent-date.display-round-image .library-group .image {
    width: 225px;
    height: 225px;
}
.recent-date.display-round-image .library-group img {
    max-width: 225px;
    max-height: 225px;
}
.recent-date.display-round-image .library-group .bottom-banner {
    display:none;
}
.recent-date.display-round-image .library-group .container {
    display: none;
}

body.widescreen-artwork .library-group.channel .image {
    height: 312px;
}

body.widescreen-artwork .recent-date.channel .image {
    height: 312px;
}

/*
            body.widescreen-artwork .library-group .image img {
                max-width: 312px;
                max-height: 175px;
            }*/

.library-group-details .controls .buttons button.edit-button,
.library-group-details .controls .buttons button.delete-button {
    display: none;
}
body.edit-layout .library-group-details .controls .buttons button.edit-button,
body.edit-layout .library-group-details .controls .buttons button.delete-button {
    display: block;
}

.library-item > button .container > .image-container > .library-item-control-container {
    display: none;
}
body.edit-layout .library-item > button .container > .image-container > .library-item-control-container {
    display: flex;
}


@media only screen and (max-width: 600px) {
    body.can-edit .app-project-header:not(.sm) {
        padding-left: 2.5rem !important;
    }
    .header .app-user-content-button-icon {
        font-size: 1.2rem;
    }
    .header #button-options {
       /* padding-right: 0;*/
        font-size: 1rem;
        position: relative;
        /*top: 3px;*/
    }
    #main-screen .app-project-header > button.logo {
        top: 1px;
        padding-top: 0rem;
    }
    body.reduce-font-size #main-screen .app-project-header img {
        height: 22px;
        padding-right: 1.5rem;
    }
    .project-layout .edit-layout-button {
        top: .3rem !important;
    }
    .project-layout .edit-layout-button .material-icons {
        font-size: 1.2rem;
    }
}

.footer-links {
    display: flex;
    align-items: baseline;
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
    /* font-weight: 400; */
    /* font-size: 13px; */
    margin-top: 1.5rem;
    padding-bottom: 2rem;
    margin-top: 3.5rem;
    margin-top: 0rem;
    padding-bottom: 3rem;
    /*display:none;*/
    order: 1000;
    /* width: 100vw;*/
    justify-content: center;
}
#main-screen.media .footer-links,
#main-screen.brand .footer-links,
#main-screen.related .footer-links,
#main-screen.category .footer-links {
    z-index: 3;
}
.footer-links > .copyright {
    position: relative;
    top: 2px;

}
.footer-links > .link-items {

    display: flex;
    align-items: baseline;
    margin-left: 5rem;
    margin-right: 5rem;
}
.footer-links > .link-items-ex {
    display: flex;
    align-items: baseline;
    margin-left: 5rem;
    margin-right: 5rem;
}
.footer-links a {
    display:flex;
    white-space:nowrap;
    text-decoration:none;
    color:white;
    transition:.2s opacity color;
}
.footer-links > .link-items a {
    margin-left:1rem;
    margin-right:1rem;
    border:solid 1px transparent;
}
.footer-links > .link-items-ex a {
    margin-left: 1rem;
    margin-right: 1rem;
    border: solid 1px transparent;
}
.footer-links > .button-items {

}

#main-screen.preferences .footer-links,
#main-screen.search .footer-links {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    padding-right: 1.25rem;
    padding-left: 0rem;
    margin-left:0px;
    margin-right:0px;
}
body.is-safari:not(.mobile-device) #main-screen.preferences .footer-links,
body.is-safari:not(.mobile-device) #main-screen.search .footer-links {
    padding-right: 4.25rem;
    padding-left: 3rem;
}
#main-screen.preferences .footer-links > .copyright,
#main-screen.search .footer-links > .copyright {
    order: 10;
    font-size: .8rem;
    margin-top: 0px;
    top:0px;
}
#main-screen.preferences .footer-links > .link-items,
#main-screen.search .footer-links > .link-items {
    display: none;
}
#main-screen.preferences .footer-links > .link-items-ex,
#main-screen.search .footer-links > .link-items-ex {
     margin-bottom: 0; 
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
}
#main-screen.preferences .footer-links > .button-items,
#main-screen.search .footer-links > .button-items {
    display: none;
}
#main-screen.preferences .footer-links > .link-items-ex a,
#main-screen.search .footer-links > .link-items-ex a {
    margin-bottom: 0;
    font-size: .8rem;
    transition:.2s color opacity;
}
#main-screen.preferences .footer-links .app-button,
#main-screen.search .footer-links .app-button {
    display: none;
}

#main-screen .project-layout-media-page .project-quick-access.full-info .project-layout-page-info {
    flex-direction: column;
    width: 100%;
    z-index: 5;
    margin-bottom: 2rem;
    pointer-events: none;
    margin-right: 1.5rem;
}

#main-screen .project-layout-media-page .project-quick-access .project-layout-page-no-items {
    display:none;
}

#main-screen .project-layout.no-items .project-quick-access .project-layout-page-no-items {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    /* justify-content: center; */
    align-items: center;
}

#main-screen .project-layout.no-items .project-quick-access .project-layout-page-no-items-label {
    font-size: 3.5rem;
    color: white;
    max-width: 80%;
    margin-top: 3rem;
}

#main-screen .project-layout-media-page:not(.loaded) .project-quick-access.full-info .project-layout-page-info,
#main-screen .project-layout.no-items .project-quick-access.full-info .project-layout-page-info {
    display: none;
}
#main-screen .project-layout.no-items .project-layout-page-background-image-container {
    display:none;
}

#main-screen .project-layout.no-items.media-layout-2 .project-quick-access .project-layout-page-no-items-label,
#main-screen .project-layout.no-items.media-layout-3 .project-quick-access .project-layout-page-no-items-label {
    margin-top: 5rem;
}

#main-screen .project-layout.no-items.media-layout-2 .project-quick-access .project-layout-page-no-items,
#main-screen .project-layout.no-items.media-layout-3 .project-quick-access .project-layout-page-no-items {
    padding-bottom: 13rem;
}

#main-screen .project-layout-media-page .project-header-page-header {
    height: 85vh;
    display: flex;
    align-items: end;
    padding-left: 2rem;
    padding-left: 2.7rem;
}

.project-layout-media-page .media-title {
    font-size: 5.6rem;
    /* line-height: 1.2; */
    max-width: 60vw;
    line-height: 1.2;
    margin-bottom: 1rem;
    /* margin-left: -.25rem;*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 225px;
}
.project-layout-media-page .media-options {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-left:.25rem;
}
.project-layout-media-page .media-options > div {
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.media-options > div.media-duration {
    display:none;
}

.project-layout-media-page .media-buttons {
    display: flex;
    margin-bottom: 3rem;
    pointer-events: all;
    margin-top: 2rem;
}
.project-widget-media-page.media-layout-2 .project-layout-media-page .media-buttons {
    margin-top: 0rem;
}
.project-layout-media-page .media-buttons button {
    margin-right: 1.5rem;
    padding: .75rem 5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
}
.project-layout-media-page .media-buttons .button-container.padding-right {
    padding-right: 2rem;
}
/*.project-layout-media-page .media-buttons button:focus,
.project-layout-media-page .media-buttons button.focused {
    opacity: .8;
}
.project-layout-media-page .media-buttons .button-container:hover button,
.project-layout-media-page .media-buttons button:hover {
    opacity: 1;
}
.project-layout-media-page .media-buttons button:active {
    opacity: .7;
}*/
.project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons {
    margin-top: 0;
    margin-bottom: 0rem;
}
.project-layout-media-page .media-links {
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-bottom: 0rem;
    pointer-events: all;
    margin-left: .25rem;
}
.project-layout-media-page .media-links button {
    margin-right: 1.5rem;
    margin-left: 1rem;
    padding: .5rem;
    border:none;
    background:none;
    border-radius: 6px;
}
.project-layout-media-page .media-links .button-container.padding-right {
    padding-right: 2rem;
}
body:not(.mobile-device) .project-layout-media-page .media-links .button-container:hover button,
body:not(.mobile-device) .project-layout-media-page .media-links button:hover,
body:not(.mobile-device) .project-layout-media-page .media-links button:focus,
body:not(.mobile-device) .project-layout-media-page .media-links button.focused,
body:not(.mobile-device) .project-layout-media-page .media-links button:active {
    padding: .75rem 1.5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
}
body:not(.mobile-device) .project-layout-media-page .media-links .button-container:hover button,
body:not(.mobile-device) .project-layout-media-page .media-links button:hover,
.project-layout-media-page .media-links button:focus,
.project-layout-media-page .media-links button.focused,
.project-layout-media-page .media-links button:active {
    opacity: 1;
}
.project-layout-media-page .media-links button label {
    display:none;
    margin-left:.25rem;
}
body:not(.mobile-device) .project-layout-media-page .media-links .button-container:hover button label,
body:not(.mobile-device) .project-layout-media-page .media-links button:hover label,
body:not(.mobile-device) .project-layout-media-page .media-links button:focus label,
body:not(.mobile-device) .project-layout-media-page .media-links button.focused label,
body:not(.mobile-device) .project-layout-media-page .media-links button:active label {
    display: block;
}
.project-layout-media-page .media-links button.app-icons i:not(.material-icons) {
    padding-right: 5px;
    font-size: 1rem;
    position: relative;
    top: -1px;/* this seems like its needed for the media page or else the button text doesnt line up evenly  */
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 21px;
}
.project-layout-media-page .media-tagline {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    max-width: 50%;
    margin-top: 1rem;
    line-height: 1.6;
    /*margin-left: .25rem;*/
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    pointer-events: all;
    max-height: 180px;
}
body:not(.mobile-device) .project-layout-media-page .media-tagline {
    /*font-size: 2rem;*/
    margin-top: 1.5rem;
}
.project-layout-media-page .media-tagline a {
    color: white !important;    
}
.project-layout-media-page .media-tags {
    display: flex;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    pointer-events: all;
    margin-left: .25rem;
    display:none;
}
.project-layout-media-page .media-tags .media-tag {
    margin-right: 2rem;
    opacity:1;
    transition:.2s;
    color:white;
}
/*.project-layout-media-page .media-tags .media-tag:hover,
.project-layout-media-page .media-tags .media-tag:focus {
    opacity:1;
}
.project-layout-media-page .media-tags .media-tag:active {
    opacity:.9;
}*/
.project-layout-media-page .media-networks {
    display: flex;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    pointer-events: all;
    display: flex;
    align-items: center;
    margin-left: .25rem;
}
.hide-selection-networks .project-layout-media-page .media-networks {
    display:none;
}
.project-layout-media-page .media-networks .media-network {
    margin-right: 1rem;
    display: flex;
    align-items: center;
}
.project-layout-media-page .media-networks .media-network .media-network-image-container {
    border-radius: 100%;
    overflow: hidden;
    /* max-width: 16px; */
    width: 36px;
    height: 36px;
    display: flex;
    margin-right: .75rem;
}
.project-layout-media-page .media-networks .media-network .media-network-image { 
    object-fit: contain;
}
.project-layout-media-page .media-networks .media-network label {
    opacity:.7;
}
.media-layout-grid .media-pages {
    top: -11.5rem;
    position: relative;
}
.media-layout-grid.media-layout-0.no-items .media-pages {
    /* top: -30.5rem;*/
    position: relative;
    margin-top: -16rem;
}
.media-layout-grid.media-layout-3 .media-pages,
.media-layout-grid.media-layout-2 .media-pages {
    top: -2.5rem;
}
.media-layout-grid .media-tabs {
    border-bottom: solid 1px rgba(255, 255, 255, .5);
    margin-bottom: .25rem;
    margin-left: 3.8rem;
    margin-right: .7rem;
    margin-right: 3.8rem;
    z-index: 5;
    position: relative;
}
.project-widget-media-page.media-layout-2 .media-layout-grid .media-tabs,
.project-widget-media-page.media-layout-3 .media-layout-grid .media-tabs {
    margin-bottom: 2.25rem;
}
.project-widget-media-page.media-layout-1 .media-layout-grid .media-tabs {
    opacity: 0;
    margin-bottom: 2rem;
    pointer-events: none;
}
.project-widget-media-page.media-layout-1 .media-layout-grid .media-tabs button {
    display:none
}
.media-layout-grid .media-tabs button {
    font-size: 1.4rem;
    margin-right: 5rem;
    padding-bottom: .5rem;
    position: relative;
    top: 2px;
    pointer-events: all;
    transition:.3s;
    border:none;
    border-bottom: solid 3px transparent;
}
.media-layout-grid .media-tabs button.selected {
    /*font-weight:bold;*/
    border-bottom: solid 3px #fff;
}
.fullscreen-quickaccess #main-screen.media #recent-info {
    margin-top: 0rem;
}
/*#main-screen .body .tab-page.project-layout .section-row {
    padding-top: 11rem;
}
#main-screen .body .tab-page.project-layout .section-row,*/
#main-screen.media .body .tab-page.project-layout .section-row,
#main-screen.brand .body .tab-page.project-layout .section-row,
#main-screen.related .body .tab-page.project-layout .section-row,
#main-screen.category .body .tab-page.project-layout .section-row {
    top: 0rem;
    min-height: 0px;
    margin-bottom: 0px;
}
/*#main-screen .section-row.section-content > #recent-info > #recent-dates,*/
#main-screen.media .section-row.section-content > #recent-info > #recent-dates,
#main-screen.brand .section-row.section-content > #recent-info > #recent-dates,
#main-screen.related .section-row.section-content > #recent-info > #recent-dates,
#main-screen.category .section-row.section-content > #recent-info > #recent-dates {
    min-height: 0px;
    min-height: 50px;
}
/*.has-quickaccess.fullscreen-quickaccess #main-screen .body-container,
.has-quickaccess.topscreen-quickaccess #main-screen .body-container,*/
.has-quickaccess.fullscreen-quickaccess #main-screen.media .body-container,
.has-quickaccess.topscreen-quickaccess #main-screen.media .body-container,
.has-quickaccess.fullscreen-quickaccess #main-screen.brand .body-container,
.has-quickaccess.topscreen-quickaccess #main-screen.brand .body-container,
.has-quickaccess.fullscreen-quickaccess #main-screen.related .body-container,
.has-quickaccess.topscreen-quickaccess #main-screen.related .body-container,
.has-quickaccess.fullscreen-quickaccess #main-screen.category .body-container,
.has-quickaccess.topscreen-quickaccess #main-screen.category .body-container {
    margin-top: -88px !important;
    margin-top: -66px !important;
    padding-top: 0rem;
}
/*#main-screen .section-row .section-background,*/
#main-screen.media .section-row .section-background,
#main-screen.brand .section-row .section-background,
#main-screen.related .section-row .section-background,
#main-screen.category .section-row .section-background {
    position: relative;
    top: -5rem;
    min-height: 0rem;
}
body:not(.mobile-device) #main-screen.media .section-row .section-background {
    top: 4rem;
}
body:not(.mobile-device) #main-screen.related .section-row .section-background {
    top: 6rem;
}
/*#main-screen .library-types-scroll-button.left,
#main-screen .library-types-scroll-button.right {
    min-height: 8rem;
    top: 3rem;
}*/
#main-screen.media .library-types-scroll-button.left,
#main-screen.media .library-types-scroll-button.right {
    min-height: 8rem;
    top: 3rem;
    display:none;
}
#main-screen.related .library-types-scroll-button.left,
#main-screen.related .library-types-scroll-button.right {
    min-height: 8rem;
    top: 3rem;
    display: none;
}
#main-screen.brand .library-types-scroll-button.left,
#main-screen.brand .library-types-scroll-button.right {
    min-height: 8rem;
    top: 3rem;
    display: none;
}
#main-screen.category .library-types-scroll-button.left,
#main-screen.category .library-types-scroll-button.right {
    min-height: 8rem;
    top: 3rem;
    display: none;
}
/*#main-screen.media .library-group {
    border-radius: 0 !important;
}*/
/*#main-screen.media .library-group .name {
    font-weight: 600;
    letter-spacing: .5px;
}
#main-screen.media .library-group .info {
    font-size: 1rem;
}*/
#main-screen.media .library-group .info .info1 .buttons {
    /* bottom: unset; 
    padding: 0;
    margin: 0;*/
}
#main-screen.media .library-group .container .tagline,
#main-screen.related .library-group .container .tagline,
#main-screen.brand .library-group .container .tagline,
#main-screen.category .library-group .container .tagline {
    padding-top: 6px;
    font-size: .9rem;
}
#main-screen.media .library-group .container .tagline label,
#main-screen.related .library-group .container .tagline label,
#main-screen.brand .library-group .container .tagline label,
#main-screen.category .library-group .container .tagline label {
    white-space: normal;
    text-align: left;
    letter-spacing: 1px;
}
#main-screen.media .project-layout-page-background-image-container,
#main-screen.related .project-layout-page-background-image-container,
#main-screen.brand .project-layout-page-background-image-container,
#main-screen.category .project-layout-page-background-image-container {
    pointer-events: none;
}

body .media-details-ex-vail {
    background: rgba(0,0,0,0);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 49;
    z-index: 200;
    display: none;
}
body .media-details-ex-vail.show {
    display:block;   
}
body .media-details-ex {
    background: linear-gradient(180deg, #000, #222);
    background: linear-gradient(45deg, rgba(20, 20, 20, 1), rgba(68,68,68, 1));
    width: 35rem;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -40rem;
    bottom: 0;
    z-index: 50;
    z-index: 201;
    transition: .3s right;
    overflow: auto;
    padding-bottom: 0rem;
    max-width: 100vw;
}
body.no-transition .media-details-ex {
    transition:none !important;
}
body .media-details-ex.show {
    right: 0rem;
}
body .media-details-ex .media-details-header {
    display: flex;
    align-items: center;
    margin: .5rem;
}
body .media-details-ex .media-details-header .close-button {
    font-size: 1.6rem;
    padding: .5rem;
    margin: .25rem;
    margin-right: .5rem;
}
body .media-details-ex .media-details-header .close-button:active {
    color: #FF0062 !important;
    opacity:.8;
    transition:.1s;
}
body .media-details-ex .media-details-data {
    margin: 0rem 2rem;
    padding-bottom:4rem;
}
body .media-details-ex .media-details-title {
    font-size: 2rem;
    font-weight: 600;
    padding-bottom: .5rem;
    line-height: 2.8rem;
}

body .media-details-ex  .media-options {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 0rem;
    margin-left: .0rem;
}
body .media-details-ex  .media-options > div {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

body .media-details-ex  .media-buttons {
    display: flex;
    flex-direction:column;
    pointer-events: all;
}
body:not(.mobile-device) .media-details-ex .media-buttons {
    padding-top: 1rem;
}
body .media-details-ex  .media-buttons button {
    margin-right: 0rem;
    padding: .75rem 5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
    justify-content: center;
}
body .media-details-ex  .media-buttons > button {
    margin-bottom:.5rem;
}

body .media-details-ex  .media-buttons .button-container.padding-right {
    padding-right: 2rem;
}
body .media-details-ex  .media-buttons .button-container:hover button:not(.selected-accentButton),
body .media-details-ex  .media-buttons button:not(.selected-accentButton):hover,
body .media-details-ex  .media-buttons button:not(.selected-accentButton):focus,
body .media-details-ex  .media-buttons button:not(.selected-accentButton).focused,
body .media-details-ex  .media-buttons button:not(.selected-accentButton):active {
    opacity: 1;
}
body .media-details-ex .media-links {
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-top:1rem;
    margin-bottom: 4rem;
    pointer-events: all;
    margin-left: .25rem;
    min-height: 47px;
    margin-left:0px;
    justify-content:center;
}
body .media-details-ex  .media-links button {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding: .5rem;
    border: none;
    background: none;
    border-radius: 6px;
    margin-bottom: 0;
    flex-direction: column !important;
}
body .media-details-ex  .media-links button:active {
    color: #FF0062 !important;
    opacity: .8;
    transition: .1s;
}
body .media-details-ex  .media-links .button-container.padding-right {
    padding-right: 2rem;
}
body .media-details-ex  .media-links .button-container:hover button,
body .media-details-ex  .media-links button:hover,
body .media-details-ex  .media-links button:focus,
body .media-details-ex  .media-links button.focused,
body .media-details-ex  .media-links button:active {
    padding: .75rem 1.5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
    opacity:1;
}
body .media-details-ex  .media-links button label {
    margin-left: 0;
    margin-top: .5rem;
    font-size: .9rem;
}
body .media-details-ex  .media-links .button-container:hover button label,
body .media-details-ex  .media-links button:hover label,
body .media-details-ex  .media-links button:focus label,
body .media-details-ex  .media-links button.focused label,
body .media-details-ex  .media-links button:active label {
    display:block;
}


    body .media-details-ex .media-links .button-container:hover button,
    body .media-details-ex .media-links button:hover,
    body .media-details-ex .media-links button:focus,
    body .media-details-ex .media-links button.focused,
    body .media-details-ex .media-links button:active {
        padding: .5rem;
        border: none !important;
        background: transparent !important;
    }

    body .media-details-ex .media-links .button-container:hover button,
    body .media-details-ex .media-links button:hover {
        opacity:.8;
    }

    body .media-details-ex .media-links button:active {
        opacity: 1 !important;
    }

        body .media-details-ex .media-links .button-container:hover button label,
        body .media-details-ex .media-links button:hover label,
        body .media-details-ex .media-links button:focus label,
        body .media-details-ex .media-links button.focused label,
        body .media-details-ex .media-links button:active label {
           /* display: none;*/
        }

    body .media-details-ex .media-links .button-container.padding-right {
        padding-right: 0rem;
    }

body .media-details-ex  .media-links button.app-icons i:not(.material-icons) {
    padding-right: 5px;
    font-size: 1rem;
    position: relative;
    /* top: -1px; */
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 21px;
}
body .media-details-ex  .media-tagline { 
    font-size: 1.2rem;
    /* font-weight: 600; */
    padding-bottom: .5rem;
    line-height: 1.7rem;
}
body .media-details-ex .media-tagline a {
    color: white !important;    
}
body:not(.mobile-device) .media-details-ex .media-tagline {
    padding-bottom: 1.5rem;
    padding-top: 1rem;
}
body:not(.mobile-device) .media-details-ex .live-banner {
    padding-top: .25rem;
}

.media-details-ex .live-banner .bottom-banner {
    margin-bottom: .75rem;
}

.media-details-ex .live-banner .live-countdown-header {
    font-size: .4rem;
}
.media-details-ex .live-banner .live-countdown-body {
    font-size: 1.6rem;
}
body .media-details-ex  .media-tagline p a { 
    color:white !important;
}
body .media-details-ex  .media-tagline p:last-of-type { 
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body .media-details-ex  .media-tags {
    display: flex;
    font-size: 1rem;
    margin-bottom: 1rem;
    pointer-events: all;
    /* margin-left: .25rem; */
    flex-flow: wrap;
    margin-top: .5rem;
}
body:not(.mobile-device) .media-details-ex .media-tags {
    margin-top: .75rem;
    margin-bottom: .5rem;
}
body .media-details-ex  .media-tags .media-tag {
    margin-right: 2rem;
    opacity:1;
    transition:.2s;
    color:white;
    margin-bottom:1rem;
}

.live-banner-ex {
    display:none;
}
.media-layout-event .live-banner-ex,
.media-details-ex.is-live .live-banner-ex,
.project-quick-access.is-live .live-banner-ex {
    display: flex;
}
.media-details-ex .live-banner-ex {
    padding-top: .5rem;
}
.project-quick-access .live-banner-ex .bottom-banner {
    margin-bottom: 1rem;
}



.project-layout-page.carousel .project-quick-access {

}

.project-layout-page.carousel .carousel-control-next,
.project-layout-page.carousel .carousel-control-prev {
    opacity: 0;
}
.project-layout-page.carousel .carousel-control-next span,
.project-layout-page.carousel .carousel-control-prev span {
    font-size: 22px;
}
.project-layout-page.carousel:hover .carousel-control-next,
.project-layout-page.carousel:hover .carousel-control-prev {
    opacity:.7;
}
.project-layout-page.carousel .carousel-control-next:hover,
.project-layout-page.carousel .carousel-control-next:focus,
.project-layout-page.carousel .carousel-control-prev:hover,
.project-layout-page.carousel .carousel-control-next:focus {
    opacity: 1;
}
.project-layout-page.carousel:hover .carousel-control-next:active,
.project-layout-page.carousel:hover .carousel-control-prev:active {
    opacity: .8;
}
.project-layout-page.carousel .project-header-page-header {
    height: 100vh;
    padding-top: 0;
    justify-content: end;
    display: flex;
    flex-direction: column;
    padding-left: 0;
}
.project-layout-page.carousel .project-layout-page-info {
    padding-top: 0;
    padding-bottom: 10rem;
    padding-bottom: 14rem;
}
.project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
.project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
.project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
    font-size: 5.6rem;
    /* line-height: 1.2; */
    max-width: 60vw;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-left: -.15rem;
    font-weight: 400;
    padding-bottom:0;
}
#main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message {
    max-width: 800px;
}
#main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size:2rem;
    line-height:1.6;
    /*  max-width: 800px;*/
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
body:not(.mobile-device) #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* pointer-events: all; */
    max-height: 210px;
    margin-bottom:1.5rem;
    padding-bottom: 0;
}
   
#main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info p,
#main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info span,
#main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info a {
    color: white !important;    
}
#main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info p:last-of-type {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.no-shadow #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
    text-shadow: none;
}


.project-layout-page.carousel .project-layout-page-title-actions button label {
    font-size: 1rem !important;
}
.project-layout-page.carousel .carousel-indicators [data-bs-target] {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin: .4rem;
    padding: .1rem;
    transition: .2s;
}


.project-layout-page.carousel .media-options {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-left: .25rem;
}
.project-layout-page.carousel .media-options > div {
    margin-right: 1rem;
    text-shadow: -1px 1px 2px rgb(0 0 0);
    margin-bottom: 1rem;
}
.no-shadow .project-layout-page.carousel .media-options > div {
    text-shadow: none;
}


.project-layout-page.carousel .media-buttons {
    display: flex;
    margin-bottom: 3rem;
    pointer-events: all;
    margin-top: 2rem;
}
.project-layout-page.carousel .media-buttons button {
    margin-right: 1.5rem;
    padding: .75rem 5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
/*    text-shadow: -1px 1px 2px rgb(0, 0, 0);*/
}
.project-layout-page.carousel .media-buttons .button-container.padding-right {
    padding-right: 2rem;
}
.project-layout-page.carousel .media-buttons .button-container:hover button,
.project-layout-page.carousel .media-buttons button:hover,
.project-layout-page.carousel .media-buttons button:focus,
.project-layout-page.carousel .media-buttons button.focused,
.project-layout-page.carousel .media-buttons button:active {
    /*opacity: 1;*/
}
.project-layout-page.carousel .media-links {
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-bottom: 0rem;
    pointer-events: all;
    margin-left: .25rem;
}
.project-layout-page.carousel .media-links button {
    margin-right: 1.5rem;
    margin-left: 1rem;
    padding: .5rem;
    border:none;
    background:none;
    border-radius: 6px;
}
.project-layout-page.carousel .media-links .button-container.padding-right {
    padding-right: 2rem;
}
body:not(.mobile-device) .project-layout-page.carousel .media-links .button-container:hover button,
body:not(.mobile-device) .project-layout-page.carousel .media-links button:hover,
body:not(.mobile-device) .project-layout-page.carousel .media-links button:focus,
body:not(.mobile-device) .project-layout-page.carousel .media-links button.focused {
    padding: .75rem 1.5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
    opacity: 1;
}
.project-layout-page.carousel .media-links .button-container:hover button,
body:not(.mobile-device) .project-layout-page.carousel .media-links button:hover,
.project-layout-page.carousel .media-links button:focus,
.project-layout-page.carousel .media-links button.focused {
    opacity: 1;
}
.project-layout-page.carousel .media-links button:active {
    opacity:.8;
}
.project-layout-page.carousel .media-links button label {
    display:none;
    margin-left:.25rem;
}
body:not(.mobile-device) .project-layout-page.carousel .media-links .button-container:hover button label,
body:not(.mobile-device) .project-layout-page.carousel .media-links button:hover label,
body:not(.mobile-device) .project-layout-page.carousel .media-links button:focus label,
body:not(.mobile-device) .project-layout-page.carousel .media-links button.focused label,
body:not(.mobile-device) .project-layout-page.carousel .media-links button:active label {
    display: block;
}
.project-layout-page.carousel .media-links button.app-icons i:not(.material-icons) {
    padding-right: 5px;
    font-size: 1rem;
    position: relative;
    /* top: -1px; */
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 21px;
}
.project-layout-page.carousel .media-tagline {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    max-width: 50%;
    margin-top: 1rem;
    line-height: 1.5;
    margin-left: .25rem;
}
.project-layout-page.carousel .media-tags {
    display: flex;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    margin-top: .5rem;
    pointer-events: all;
    margin-left: .25rem;
    display:none;
}
.project-layout-page.carousel .media-tags .media-tag {
    margin-right: 2rem;
    opacity:1;
    transition:.2s;
    color:white;
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
}
.no-shadow .project-layout-page.carousel .media-tags .media-tag {
    text-shadow: none;
}

/*.app-project-header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent);
}*/

.project-layout-grid-media {

}
.project-layout-grid-media .carousel-item {
    min-height:unset;
}
.project-layout-grid-media  .project-layout-page-background-image,
.dms-on-demand .project-layout-grid-media .project-layout-page-background-image {
    background-position: 50% 40%;
    transition:.3s;
}
#main-screen .project-layout-grid-media .project-header-page-header {
    padding-top: 0vh;
    height: 40vh;
    padding-top: 8vh;
    height: 40vh;
    padding-top: 10vh;
    height: 41vh;
    min-height: 41vh;
}
#main-screen .project-layout-grid-media .project-quick-access.full-info .project-layout-page-info {
    margin-left: 5rem;
    padding-bottom: 0rem;
    display: flex;
    height: 100%;
    align-items: center;
}

.project-layout-grid-media .project-quick-access {

}
.project-layout-grid-media .background-gradient {
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1) 60%);
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}

.project-layout-grid-media #media-image {
    width: 250px;
    min-width: 250px;
    height: 250px;
    min-height: 250px;
    object-fit: cover;
    border-radius: 100%;
    /* background-color: black; */
    margin-right: 2rem;
    opacity: 0;
    transition: .3s;
}
.project-layout-grid-media #media-image.show {
    opacity: 1;
}
.project-layout-grid-media #media-image.hide {
    opacity:0;
    transition:none !important;
}
.project-layout-grid-media .media-info .media-title {
    font-size:2.6rem;
}
.project-layout-grid-media .media-info .media-tagline {
    font-size: 1.4rem;
    max-width: 90%;
    max-height: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

@media only screen and (max-height: 1000px) {

    /*.mobile-device .project-layout-media-page .media-title {
        font-size: 4.6rem;
    }

    .mobile-device .project-layout-grid-media .media-info .media-title {
        font-size: 2.0rem;
    }

    .mobile-device .project-layout-grid-media .media-info .media-tagline {
        font-size: 1.3rem;
        max-height: 170px;
    }

    .mobile-device .project-layout-grid-media #media-image {
        width: 200px;
        min-width: 200px;
        height: 200px;
        min-height: 200px;
    }
    .mobile-device .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .mobile-device .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .mobile-device .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 4.6rem;
    }*/
}

@media only screen and (max-width: 1920px) {

    body.widescreen-artwork .library-grouping .library-groups .library-group {
        width: 289px;
        min-width: 289px;
    }
    
    body.widescreen-artwork .library-grouping .library-groups .library-group .image {
        max-width: 289px !important;
        /*height: 289px;*/
    }

    /*.library-group img {
        max-width: 289px;
        max-height: 289px;
    }*/
}


.project-layout-grid-media .media-info .media-tagline,
.project-layout-grid-media .media-info .media-tagline a,
.project-layout-grid-media .media-info .media-tagline span,
.project-layout-grid-media .media-info .media-tagline div,
.project-layout-grid-media .media-info .media-tagline p {
    color: white !important;
}

.project-layout-grid-media .carousel-control-next,
.project-layout-grid-media .carousel-control-prev {
    opacity: 0;
}
.project-layout-grid-media .carousel-control-next span,
.project-layout-grid-media .carousel-control-prev span {
    font-size: 22px;
}
.project-layout-grid-media:hover .carousel-control-next,
.project-layout-grid-media:hover .carousel-control-prev {
    opacity:.7;
}
.project-layout-grid-media .carousel-control-next:hover,
.project-layout-grid-media .carousel-control-next:focus,
.project-layout-grid-media .carousel-control-prev:hover,
.project-layout-grid-media .carousel-control-next:focus {
    opacity: 1;
}
.project-layout-grid-media:hover .carousel-control-next:active,
.project-layout-grid-media:hover .carousel-control-prev:active {
    opacity: .8;
}
.project-layout-grid-media .project-header-page-header {
    height: 100vh;
    padding-top: 0;
    justify-content: end;
    display: flex;
    flex-direction: column;
    padding-left: 0;
}
.project-layout-grid-media .project-layout-page-info {
    padding-top: 0;
    padding-bottom: 10rem;
}
.project-layout-grid-media .project-layout-page-info.has-image .project-layout-page-title,
.project-layout-grid-media .project-layout-page-info.hide-image .project-layout-page-title,
.project-layout-grid-media .project-layout-page-info.has-image .project-layout-page-title {
    font-size: 5.6rem;
    /* line-height: 1.2; */
    max-width: 50vw;
    line-height: 1.1;
    margin-bottom: 1rem;
    margin-left: -.25rem;
    font-weight: 400;
    padding-bottom:0;
}
#main-screen .project-layout-grid-media .project-layout-page-info .project-layout-page-message {
    max-width: 800px;
}
#main-screen .project-layout-grid-media .project-layout-page-info .project-layout-page-message-info {
    margin-top: 1rem;
    font-size:1.6rem;
    line-height:1.5;
  /*  max-width: 800px;*/
}
.project-layout-grid-media .project-layout-page-title-actions button label {
    font-size: 1rem !important;
}
.project-layout-grid-media .carousel-indicators [data-bs-target] {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin: .4rem;
    padding: .1rem;
    transition: .2s;
}


.project-layout-grid-media .media-options {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    margin-left: .25rem;
}
.project-layout-grid-media .media-options > div {
    margin-right: 1rem;
}

.project-layout-grid-media .media-buttons {
    display: flex;
    margin-bottom: 3rem;
    pointer-events: all;
    margin-top: 2rem;
}
.project-layout-grid-media .media-buttons button {
    margin-right: 1.5rem;
    padding: .75rem 5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
}
.project-layout-grid-media .media-buttons .button-container.padding-right {
    padding-right: 2rem;
}
.project-layout-grid-media .media-buttons .button-container:hover button,
.project-layout-grid-media .media-buttons button:hover,
.project-layout-grid-media .media-buttons button:focus,
.project-layout-grid-media .media-buttons button.focused,
.project-layout-grid-media .media-buttons button:active {
    opacity: 1;
}
.project-layout-grid-media .media-links {
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-bottom: 0rem;
    pointer-events: all;
    margin-left: .25rem;
}
.project-layout-grid-media .media-links button {
    margin-right: 1.5rem;
    padding: .25rem;
    border:none;
    background:none;
    border-radius: 6px;
}
.project-layout-grid-media .media-links .button-container.padding-right {
    padding-right: 2rem;
}
.project-layout-grid-media .media-links .button-container:hover button,
.project-layout-grid-media .media-links button:hover,
.project-layout-grid-media .media-links button:focus,
.project-layout-grid-media .media-links button.focused {
    padding: .75rem 1.5rem;
    border: solid 1px transparent;
    background: rgba(100, 100, 100, .3);
    border-color: rgba(100, 100, 100, .7);
    opacity:1;
}
.project-layout-grid-media .media-links button:active {
    opacity:.8;
}
.project-layout-grid-media .media-links button label {
    display:none;
    margin-left:.25rem;
}
.project-layout-grid-media .media-links .button-container:hover button label,
.project-layout-grid-media .media-links button:hover label,
.project-layout-grid-media .media-links button:focus label,
.project-layout-grid-media .media-links button.focused label,
.project-layout-grid-media .media-links button:active label {
    display:block;
}
.project-layout-grid-media .media-links button.app-icons i:not(.material-icons) {
    padding-right: 5px;
    font-size: 1rem;
    position: relative;
    /* top: -1px; */
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 21px;
}
.project-layout-grid-media .media-tagline {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    max-width: 50%;
    margin-top: 1rem;
    line-height: 1.5;
    margin-left: .25rem;
}
.project-layout-grid-media .media-tags {
    display: flex;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    pointer-events: all;
    margin-left: .25rem;
}
.project-layout-grid-media .media-tags .media-tag {
    margin-right: 2rem;
    opacity:1;
    transition:.2s;
    color:white;
}

.recent-date.top-ten-category button.section-button:disabled {
    opacity: 1 !important;
    pointer-events: none;
}

.recent-grouping .library-groups {
    opacity:0;
    transition:.3s opacity;
}
.recent-grouping .library-groups.show {
    opacity: 1;
}

/*.dms-on-demand.subscribe-screen .dms-on-demand-actions .logo img {
    padding-left: .4rem;
}*/
.dms-on-demand.subscribe-screen .dms-on-demand-actions .media-status-user-container,
.dms-on-demand.subscribe-screen .dms-on-demand-actions #button-options {
    display: none;
}
/*.dms-on-demand.subscribe-screen .dms-on-demand-actions .dms-on-demand-form-close {*/
   /* margin-right: 1.5rem;*/
    /*pointer-events:all;
}*/
.project-form-plugin {
    display:flex;
}
.project-form-plugin .image-container {
    display:flex;
    flex-direction:column;
    padding:.5rem;
}
.project-form-plugin .name-container {
    flex:1;
    display:flex;
    flex-direction:column;
    padding:.5rem;
}
.project-form-plugin .name-container .name-header {
    font-weight:bold;
    padding-bottom:3px;
}
.project-form-plugin .account-container {
    flex: .75;
    display: flex;
    flex-direction: column;
    padding: .5rem 1.5rem;
}
.project-form-plugin .account-container .account-header {
    font-weight:bold;
    padding-bottom:3px;
}
.project-form-plugin .actions-container {
    display:flex;
    flex-direction:column;
    padding:.5rem;
}
.project-form-plugin .actions-container .connect {
    display:none !important;
}
.project-form-plugin .actions-container .disconnect {
    display:none !important;
}
.project-form-plugin.disconnected .actions-container .connect {
    display:flex !important;
}
.project-form-plugin.connected .actions-container .disconnect {
    display:flex !important;
}
.project-form-plugin .image-container {
    width: 60px;
    height: 60px;
    border: none;
    padding-top: 1rem;
}
.project-form-plugin .actions-container .app-icons {
    padding: .7rem 1.5rem;
    font-size: .8rem;
}
.project-form-plugin .actions-container .app-icons i {
    display:none;
}

#messageList {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    background-color: black;
    padding: 1rem 1.5rem;
    border: solid 1px rgba(100, 100, 100, .2);
    border-radius: 6px;
    z-index: 50000;
    color: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    pointer-events:none;
    opacity:0;
    transition:.5s;
}
#messageList.show {
    opacity:1;
}


.default-page-widget-1 {
    padding: 3rem;
    z-index: 1;
    padding-top: 0;
}
.default-page-widget-1 .section { 
    display: flex;
    align-items: baseline;
    margin: auto;
    justify-content: center;
    line-height: 1.4;
    max-width: 80vw;
    max-width: 75vw;
}

.default-page-widget-1 .section-item { 
    padding: 1rem 2rem;
    max-width: 25vw;
}
.default-page-widget-1 .section-item:first-of-type { 
    padding-left: 0rem;
}
.default-page-widget-1 .section-item:last-of-type { 
    padding-right: 0rem;
}
.default-page-widget-1 .section-item-title {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.default-page-widget-1 .section-item-description {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, .7);
    padding-left: 2px;
    padding-right: 2px;
}


.default-page-widget-2 {
    padding: 3rem;
     padding-top: 2rem;
    z-index: 2;
}
.default-page-widget-2 .section { 
    display: flex;
    align-items: baseline;
    align-items: center;
    margin: auto;
    justify-content: center;
    line-height: 1.4;
    max-width: 72vw;
    overflow: hidden;
    flex-direction: column;
    max-width: 75vw;
}
.default-page-widget-2 .section-items { 
    flex: 1;
    min-height: 16rem;
    width: 100%;
    position: relative;
   /* left: -.5rem;
    width: calc(100% + 1rem);*/
}
.default-page-widget-2 .section-items .recent-grouping {
   /* min-height:unset;*/
   /* margin-left:-.5rem;*/
}
.default-page-widget-2 .section-title {
    font-size: 2.4rem;
    flex: 1;
    color: white;
}
.default-page-widget-2 .section-button {
    flex: 1;
    justify-content: center;
    width: 100%;
    display: flex;
}
.default-page-widget-2 .section-button .button-more-info {
    margin-left: 0rem;
}


.default-page-widget-3 {
    padding: 3rem;
   /* padding-top: 0;*/
   padding-bottom:6rem;
}
.default-page-widget-3 .section { 
    display: flex;
    align-items: baseline;
    margin: auto;
    justify-content: center;
    line-height: 1.4;
    max-width: 75vw;
    overflow: hidden;
}
.default-page-widget-3 .section-item { 
    padding: 1rem 2rem;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 12rem;
}
.default-page-widget-3 .section-item-video { 
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.default-page-widget-3 .section-item-video video { 
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.default-page-widget-3 .section-item-title {
    font-size: 2rem;
    flex: 1;
    color: white;
    z-index: 5;
    display: flex;
    align-items: center;
    margin-left: 4rem;
}
.default-page-widget-3 .section-item-button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 5rem;

}


.default-page-widget-4 {
    padding: 3rem;
   /* padding-top: 0;*/
}
.default-page-widget-4 .section { 
    display: flex;
    align-items: baseline;
    margin: auto;
    justify-content: center;
    line-height: 1.4;
    max-width: 72vw;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
}
.default-page-widget-4 .section-title {
    font-size: 5rem;
    flex: 1;
    color: white;
    font-weight: bold;
}
.default-page-widget-4 .section-description {
    font-size: 1.4rem;
    max-width: 600px;
    text-align: center;
    padding: 0rem;
}
.default-page-widget-4 .section-links {
    padding: 2rem 0;

}
.default-page-widget-4 .section-link {
    padding:1rem;

}
.default-page-widget-4 .section-link > div {
    position:relative;
    transition:.2s;
    top:0rem;

}
.default-page-widget-4 .section-link:hover > div {
    top:-.25rem;
}
.default-page-widget-4 .section-link:active > div {
    top:-.15rem;
}
.default-page-widget-4 .section-link svg path {
    fill:#fff !important;
    transition:.2s;
}
.default-page-widget-4 .section-devices {
    padding-bottom: 3rem;
    position:relative;
}
.default-page-widget-4 .section-devices .row-1 {

}
.default-page-widget-4 .section-device.tv {    
    background: url(https://1020-ec743525-cb7d-4721-8c0c-5a4146e20f0f.artrela.tv/project/1079-a33765b4-8485-46be-a88e-bf5ad1660d70/thumbnail-hd~v4.jpg);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 22%;
    background-size: contain;
}
.default-page-widget-4 .section-devices .row-2 {
    position: absolute;
    bottom: 0rem;
    display:flex;
}
.default-page-widget-4 .section-device.tablet {    
    background: url(https://1020-ec743525-cb7d-4721-8c0c-5a4146e20f0f.artrela.tv/project/1079-a33765b4-8485-46be-a88e-bf5ad1660d70/thumbnail-hd~v4.jpg);
    background-repeat: no-repeat;
    /* background-position-x: 50%; */
    background-position-y: 46%;
    background-size: contain;
    position: relative;
    display: flex;
    max-width: fit-content;
    background-color: black;
    border-radius: 15px;
}
.default-page-widget-4 .section-device.phone {    
    background: url(https://1020-ec743525-cb7d-4721-8c0c-5a4146e20f0f.artrela.tv/project/1079-a33765b4-8485-46be-a88e-bf5ad1660d70/thumbnail-hd~v4.jpg);
    background-repeat: no-repeat;
    /* background-position-x: 50%; */
    background-position-y: 46%;
    background-size: contain;
    position: relative;
    display: flex;
    max-width: fit-content;
    background-color: black;
    border-radius: 15px;
}
.default-page-widget-4 .section-device.laptop {    
    background: url(https://1020-ec743525-cb7d-4721-8c0c-5a4146e20f0f.artrela.tv/project/1079-a33765b4-8485-46be-a88e-bf5ad1660d70/thumbnail-hd~v4.jpg);
    background-repeat: no-repeat;
    /* background-position-x: 50%; */
    background-position-y: 46%;
    background-size: contain;
    position: relative;
    display: flex;
    max-width: fit-content;
    background-color: black;
    border-radius: 15px;
}

.default-page-widget-2 .library-types-scroll-button {
    height: 7rem;
    top: 3rem;
}

.items-page .items-page-data {
    margin-left: 0rem;
    margin-top: 0rem;
}
.items-page .items-page-data .recent-date > .name, .recent-date .name.section-button {
    margin-left: 2.25rem;
    margin-left: 4rem;
    margin-left: 3.6rem;
}


.sections-page section button.edit-details i {
    font-size:1rem;
}


.project-widget-media-page.media-layout-2 #media-image {
    display: none !important;
}
#main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
    /*margin-bottom: 4rem;*/
}
#main-screen .project-widget-media-page.media-layout-2 .project-layout-media-page .media-info-container {
    padding-left: 0rem;
}
#main-screen .project-widget-media-page .project-layout-media-page .media-info-container {
    padding-left: 0rem;
}
#main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container .media-info {
}

#main-screen .project-widget-media-page.media-layout-2 .project-layout-media-page .media-info-container .media-info {
   /* min-height: 170px;
    padding-top: 2rem;*/
}
.project-widget-media-page.media-layout-2 .project-layout-media-page .media-title {
    font-size: 3.6rem;
}
.project-widget-media-page.media-layout-2 .project-layout-media-page .media-tagline {
    /*font-size: 1.8rem;
    margin-bottom: 1rem;*/
}
.project-widget-media-page.media-layout-3 .project-layout-media-page .media-tagline {
    /*margin-bottom: 1rem;*/
}

.media-layout-grid .library-groups {
    flex-flow: wrap;
    margin-left: 3rem;
    margin-right: 1rem;
    margin-right: 2.5rem;
    margin-right: 3.1rem;
    grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
    /*grid-template-columns: 312px 1fr max-content minmax(min-content, 1fr);*/
    display: grid;
}
.media-layout-grid .recent-grouping .library-groups .library-group:first-child {
    margin-left:10px;
}

.media-layout-grid .library-group {
    min-width: unset;
    width: unset;
    max-width: unset;
    /*note:the following created extra space below
    aspect-ratio: 313 / 240;*/
}
    .media-layout-grid .library-group .image {
        width: 100% !important;
        height: auto !important;
        min-height: 168px;
    }
.media-layout-grid .library-group img {
    max-width: 100% !important;
    height: auto !important;
    max-height:unset;    
}

.media-layout-grid .recent-date > .recent-grouping > .loader-io {
    min-height: 100px;
}

.mobile-device .app-project-header-ex2-items {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.mobile-device .app-project-header-ex2-items::-webkit-scrollbar {
    width: 1px;
    height: 0px;
    opacity: 0;
    display: none;
}
.mobile-device .library-groups {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.mobile-device .library-groups::-webkit-scrollbar {
    width: 1px;
    height: 0px;
    opacity: 0;
    display: none;
}
.mobile-device .library-types-scroll-button {
    display:none;
}

@media only screen and (max-width: 1900px) {
    .dms-on-demand-selection-container-ex {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .dms-on-demand-selection-subscribe-complete .dms-on-demand-info-container video {
        display:none;
    }
    .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 {
        text-align: center;
    }
    .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons {
        justify-content: center;
    }
    .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons button {
        margin-left:3px;
        margin-right:3px;
    }
}

@media only screen and (max-width: 1000px) {
    .media-layout-grid .library-groups {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        grid-template-columns: repeat(auto-fit, minmax(276px, 1fr)) !important;
    }
}

@media only screen and (max-width: 750px) {
    .media-layout-grid .library-groups {
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)) !important;
    }
}

@media only screen and (max-width: 650px) {
    .media-layout-grid .library-groups {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    }
}

@media only screen and (max-width: 550px) {
    .media-layout-grid .library-groups {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    }
}

@media only screen and (max-height: 1000px) {
    .media-layout-grid .library-group .image {
        min-height: 145px;
    }
}

.app-project-header-ex2 {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: .1rem;
    display: none;
    transition: .3s;
    padding-top: .5rem;
    z-index: 7;
    /*  justify-content: center;
    align-items: center;
    width: 100%;*/
    position: relative;
    min-height: fit-content;
    opacity:0;
}
body.is-ready .app-project-header-ex2 {
    opacity: 1;
}
.app-project-header-ex2-items {
    display: flex;
    align-items: center;
    transition:.5s;
    opacity:1;
}
#main-screen.scrolling .app-project-header-ex2-items {
    opacity: 0 !important;
}
.mobile-device .app-project-header-ex2-items {
    overflow-y: hidden;
    overflow-x: auto;
}
.mobile-device .app-project-header-ex2-items {
    overflow-y: hidden;
    overflow-x: auto;
}
.app-project-header-ex2-items > button {
    padding-left: .5rem;
    padding-right: .5rem;
    transition: .3s;
    border: none;
    border-bottom: solid 2px transparent;
    padding-bottom: .25rem;
    margin-right: .25rem;
    padding: .5rem;
    padding-top: .75rem;
   /* padding-bottom: .25rem;*/
    text-transform: uppercase;
    text-shadow: -1px 1px 2px rgb(0 0 0);
}
.no-shadow .app-project-header-ex2-items > button {
    text-shadow: none;
}
.app-project-header-ex2-items > button.hidden {
    display:none;
}



.library-group .container .buttons button.favorite-button {
    display: none;
}

.library-group .container .buttons button.info-button {
    margin-right: 0 !important;
    padding: .5rem;
}
.library-group .container .buttons button.info-button:active {
    color: #FF0062 !important;
    opacity: .8;
    transition: .1s;
}

.library-group .container .buttons button.info-button i {
    font-size: 19px;
   /* position: absolute;
    right: -7px;
    top: 1px;*/
}
/*.library-group .container .buttons {
    top: unset;
    bottom:.5rem;
}*/
/*.library-group .top-ribbon {
    font-family: 'HelveticaNeueLTStd-Bd' !important;
}
.library-group-container .ranking, .top-ten-category .library-groups > .library-group .ranking {
    font-family: 'HelveticaNeueLTStd-Bd' !important;
}
*/
.is-safari:not(.mobile-device) #playerDataUpNext {
    pointer-events: all;
    margin-right: 20px;
    right: 0px;
}
.is-safari:not(.mobile-device) #playerDataClose {
    margin: 0px;
    pointer-events: all;
    margin-left:5px;
}
.is-safari:not(.mobile-device) #playerControls #playlistItems {
    pointer-events: all;
    margin-right: 8px;
}
.is-safari:not(.mobile-device) #playerControls #playlistItems i {
    top: 0px;
}
.is-safari:not(.mobile-device) #playerControls #playerSelectOptions {
    margin-left: 0px;
    pointer-events: all;
}
.is-safari:not(.mobile-device) #playerControls #playerSelectOptions i {
    /*font-size:18px;*/
}
.is-safari:not(.mobile-device) .player-data-header {
    margin-top: 2.5rem;
}
.is-safari:not(.mobile-device) .player-data-summary {
    margin-left: 2.5rem;
}
.is-safari:not(.mobile-device) #playerDataControls {
    top: 61px;
    right: unset;
    left: 0px;
}
.is-safari:not(.mobile-device) #playerControls #player-options-container {
    margin-left: 2px;
    margin-right: 0px;
}
.is-safari:not(.mobile-device) #player-controls-container {
    bottom: 30px;
    left: 8px;
}
.is-safari:not(.mobile-device) #playerControls #player-view-container {
    margin-left: 0;
    margin-right: 5px;
}
.is-safari:not(.mobile-device) #playerSubtitles {
    bottom: 3rem;
}
.is-safari:not(.mobile-device) #player.showing-controls #playerSubtitles {
    bottom: 4rem;
}
.is-safari:not(.mobile-device) #player.showing-controls.has-up-next #playerSubtitles {
    bottom: 5rem;
}


.dms-on-demand.default-screen.center-page-title .project-layout-page-info {
    padding-left: 0;
    padding-right: 0;
}

.dms-on-demand.default-screen .project-header-page-header {
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 5%;
    overflow: hidden;
}
.dms-on-demand.default-screen.center-page-title .project-layout-page-message {
    transition: .2s;
}
.dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
    transition:.2s;
}
.dms-on-demand.default-screen.center-page-title .project-layout-page-data {
    max-width: 100%;
}
.dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions .app-button {
    margin-left:.25rem;
    margin-right:.25rem;
    font-size:1.4rem;
}
.dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
    min-height: 85vh;
    transition: .2s;
}

@media only screen and (max-width: 1900px) {

    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 5.2rem;
    }
}
@media only screen and (max-width: 1700px) {

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {

    }
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
       
    }
    .default-page-widget-1 .section-item-title {
        font-size: 2.3rem;
        margin-bottom: .75rem;
    }
    .default-page-widget-1 .section-item-description {
        font-size: 1.15rem;
    }
    .default-page-widget-2 .section-title {
        font-size: 2.3rem;
    }
    .default-page-widget-3 .section-item-title {
        font-size: 1.7rem;
    }
    .footer-links {
        margin-top: 0;
        margin-top: 0rem;
        padding-bottom: 3rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 5;
        margin-left: unset;
        margin-right: unset;
    }
    .footer-links > .copyright {
        order: 10;
        margin-top: 1.5rem;
    }
    .footer-links > .link-items { 
        margin-bottom: 1.5rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items a {
        margin-bottom: .5rem;
       /* margin-left: .5rem;
        margin-right: .5rem;*/
    }
    .footer-links > .link-items-ex { 
        margin-bottom: 1.5rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items-ex a {
        margin-bottom: .5rem;
       /* margin-left: .5rem;
        margin-right: .5rem;*/
    }
    body.dark-mode .footer-links .app-button {
      /*  font-size: 1rem;*/
        /*padding: 10px 30px;*/
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 46px;
    }
}
@media only screen and (max-width: 1600px) {
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
       
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 44px;
    }
}
@media only screen and (max-width: 1500px) {
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 50rem;
    }
    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 2.4rem;
    }
    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions {
        padding-top: 1rem;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 2.1rem;
        margin-bottom: .5rem;
    }
    .default-page-widget-1 .section-item-description {
        font-size: 1.1rem;
    }
    .default-page-widget-2 .section-title {
        font-size: 2.1rem;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 42px;
    }
    #player.showing-controls #playerSubtitles {
        bottom: 145px;
    }
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        max-width: 80vw;
        font-size: 4.6rem;
    }
    body:not(.mobile-device) #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1.8rem;
        max-height: 190px;
    }
}
@media only screen and (max-width: 1400px) {
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {     

    }

    #main-screen .app-project-header > button {
        height: 70%;
        font-size: 1rem;
       /* padding-left: 1rem;
        padding-right: 1rem;*/
    }
    .default-page-widget-1 .section-item-title {
        font-size: 2rem;
        margin-bottom: .5rem;
    }
    .default-page-widget-1 .section-item-description {
        font-size: 1.05rem;
    }
    .default-page-widget-2 .section-title {
        font-size: 2rem;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 40px;
    }
}
@media only screen and (max-width: 1300px) {
    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 83vh;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 1.7rem;
        margin-bottom: .5rem;
    }
    .default-page-widget-1 .section-item-description {

    }
    .default-page-widget-2 .section-title {
        font-size: 1.7rem;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 38px;
    }
}
@media only screen and (max-width: 1200px) {

    .project-layout-media-page .media-title {
        max-width: 80%;
        font-size: 5.2rem;
    }
    .project-layout-media-page .media-tagline {
        max-width: 80%;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        max-width: 80%;
        font-size: 5.2rem;
    }
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 47rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message,
    .project-layout-media-page .media-tagline {
        font-size: 2.2rem;
    }
    .default-page-widget-1 .section {
        max-width: unset;
    }
    .default-page-widget-1 .section-item {
        padding: .5rem 1rem;
        max-width: 30vw;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
    .default-page-widget-1 .section-item-description {
        font-size: 1rem;
    }

    .default-page-widget-2 {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .default-page-widget-2 .section {
        max-width: 100%;
        margin-left: .5rem;
        margin-left: 0rem;
        /*width: 100vw;*/
        max-width: unset;
    }
    .default-page-widget-2 .section-title {
        font-size: 1.6rem; 
       /* position: relative;
        left: .25rem;
        margin-left: .25rem; */
        width: 100%;
        text-align: center;
        font-weight: bold;
        position: relative;
        left: 0rem;
        margin-bottom: .25rem;
    }
    .default-page-widget-2 .section-button {
        padding-right: 0rem;
        margin-top: .5rem;
    }
    /*.default-page-widget-2 .app-button {
        padding: 10px 30px;
        font-size: 1rem;
        position: relative;
        left: 0rem;
    }*/
    .default-page-widget-2 .library-group {
        width: 312px;
        min-width: 312px;
        min-height: 240px;
        margin-bottom:0px;
    }
    .default-page-widget-2 .library-group img {
        max-width: 312px;
        max-height: 312px;
    }
    body.widescreen-artwork .default-page-widget-2 .library-group .image {
        width: 312px;
        height: 175px;
    }

    .default-page-widget-2 .recent-grouping .library-group:last-of-type {
        margin-right: 1rem !important;
    }

    .default-page-widget-2 .recent-grouping .library-group:first-of-type {
        margin-left: 1rem !important;
    }
    .default-page-widget-3 {
        padding-left: 0;
        padding-right: 0;
        z-index: 15;
    }
    .default-page-widget-3 .section {
        max-width: 100vw;  
        margin: unset;     
    }
    .default-page-widget-3 .section-item {
        /*min-height: unset;*/
        min-height: 12rem;
    }
    .default-page-widget-3 .section-item-title {    
        font-size: 1.4rem;
    }
    .default-page-widget-3 .section-item-button {      

    }
    body.dark-mode .default-page-widget-3 .app-button {
        /*padding: 10px 25px;
        font-size: 1rem;*/
        margin-right: 0;
    }

    body.dark-mode .default-page-widget-3 .app-button {
        /*padding: 10px 25px;
        font-size: 1rem;*/
    }

    .default-page-widget-3 .section-item-title {
        margin-left: 2rem;
    }
    .default-page-widget-3 .section-item-button {
        margin-right: 3rem;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 36px;
    }
}
@media only screen and (max-width: 1100px) {

    body:not(.mobile-device) .search-grouping {
        margin-left: .75rem;
    }

    body.widescreen-artwork .recent-date.display-round-image .library-group {
        width: 175px;
        min-width: 175px;
    }
    body.widescreen-artwork .recent-date.display-round-image .library-group .image {
        width: 175px;
        height: 175px;
    }
    .recent-date.display-round-image .library-group img {
        max-width: 175px;
        max-height: 175px;
    }
    #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        max-height: 270px;
        min-height: unset;
    }
    #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 270px;
    }

    .project-layout-media-page .media-title {
        max-width: 80%;

    }
    .project-layout-media-page .media-tagline {

    }

    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
      /*  bottom: 12%;*/
    }
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        max-width: 80%;
    }
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {

    }
    .header > button:not(#button-options) {
        display: none;
    }
    .app-project-header {
        padding-right: 0rem;
        padding-right: 0rem;
        padding-left: .7rem;
    }
    .app-project-header-ex2 {
        display: flex;
        transition: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        justify-content: center;
        width: 100vw;
        width: 100vw;
    }
    .app-project-header-ex2-items > button {
        margin-left: .75rem;
        margin-right: .75rem;
        font-size: 1.1rem;
    }
    #main-screen:not(.home, .media, .related, .brand, .category, .event) .body .tab-page {
        margin-top: 3.5rem;
    }
    /*#main-screen.home .project-quick-access.full-info .project-layout-page-data {*/
        /* max-width: 60rem; */
        /*display: none;
    }*/
    #main-screen.media .app-project-header-ex2,
    #main-screen.brand .app-project-header-ex2,
    #main-screen.related .app-project-header-ex2,
    #main-screen.category .app-project-header-ex2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 4.15rem;
    }
    body.topscreen-quickaccess.has-quickaccess .app-project-header-ex2,
    body.fullscreen-quickaccess.has-quickaccess .app-project-header-ex2,
    body.fullscreen-quickaccess.has-quickaccess #main-screen.media .app-project-header-ex2,
    body.fullscreen-quickaccess.has-quickaccess #main-screen.brand .app-project-header-ex2,
    body.fullscreen-quickaccess.has-quickaccess #main-screen.related .app-project-header-ex2,
    body.fullscreen-quickaccess.has-quickaccess #main-screen.category .app-project-header-ex2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 5.5rem;
        top: 66px;
    }
    .app-project-header-ex2 > button {
        font-size: 15px;
    }
    .items-page .items-page-data .recent-date > .name, .recent-date .name.section-button {
        margin-left: 1.5rem;
    }
    .recent-grouping:not(.regular-margin) .library-groups .library-group:first-child {
        margin-left: 1.5rem;
    }
    .recent-grouping .library-group {
        margin-top: .5rem;
 }

    .recent-date > .name, .recent-date .name.section-button {
        font-size:1.6rem;
    }
    .recent-date .name.section-button .name-container-label .name-explore-all {
        font-size:1.1rem;
        top: -1px;
    }
    .sections-tab {
        width: 12rem;
    }

    body .media-details-ex {
        width: 32rem;
    }
    body .media-details-ex .media-details-title {
        font-size: 1.8rem;
        padding-bottom: .25rem;
         /*line-height: 2.2rem; */
    }
    body .media-details-ex .media-tagline {
        font-size: 1.1rem;
    }
    body .media-details-ex .media-tags {
        font-size: .9rem;
    }
    body .media-details-ex .media-details-header .close-button {
        font-size: 1.5rem;
    }
    
    #player .media-details {
        width: 32rem;
    }
    #player .media-details .media-details-title {
        font-size: 1.8rem;
        padding-bottom: .25rem;
         /*line-height: 2.2rem; */
    }
    #player .media-details .media-tagline {
        font-size: 1.1rem;
    }
    #player .media-details .media-tags {
        font-size: .9rem;
    }
    #player .media-details .media-details-header .close-button {
        font-size: 1.5rem;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 34px;
    }
    #main-screen .header .dms-on-demand-form-close.show {
        opacity: 1;
        pointer-events: all;
        margin-right: .75rem;
        margin-left: .75rem;
        font-size: 1.3rem;
        top: -1px;
    }
    .app-project-header #button-options {
        /*font-size: 1.6rem;*/
    }
    .project-layout-page.carousel .project-layout-page-info {

        padding-bottom: 11rem;
    }
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 12rem;
    }
    .project-quick-access.full-info .project-layout-page-data {
        padding-left: 3rem;
        padding-bottom: 1rem;
    }

    
    .search-container {
        flex-direction: column;
    }

    #search-keys {
        width: 100vw;
        height: unset;
        min-height: unset;
        flex-direction: row;
        max-width: 32rem;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .no-shadow #search-keys {
        box-shadow: none;
    }

    #search-keys .input-container {
        background-color: rgba(0, 0, 0, .3);
        border-radius: 6px;
        border: solid 1px black;
        margin-top: 1rem;
        padding: 0;
        flex: 1;
        margin-left: .5rem;
        margin-right: .5rem;
        border-color: rgba(100, 100, 100, .3);
        margin-bottom: .25rem;
        margin-top: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #search-keys input {
        padding: .5rem .25rem;
        border-bottom: none;
        width: 100%;
    }

        #search-keys input::placeholder {
            color: whitesmoke;
            opacity: .7;
        }

    #search-keys .input-keys-toggle-keyboard {
        display: none;
    }

    #search-keys .input-keys-container {
        display: none;
    }

    #search-keys .input-searches-container {
        display: none;
    }

    body:not(.mobile-device) #search-screen .library-groups-no-items {
        /*bottom: unset;*/
        padding: .5rem 0;
    }
    body.mobile-device #search-screen .library-groups-no-items {
        bottom: unset;
        padding: .5rem 0;
    }


        #search-screen .library-groups-no-items > div {
            font-size: 1.1rem;
        }

    #search-screen .search-section > div.name {
        padding: .75rem .5rem;
        font-size: 1.4rem;
        padding-bottom: 0rem;
        padding-left:.8rem;
    }

    #search-screen .search-grouping {
        min-height: unset;
    }

    #search-screen .library-groups {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    #search-screen .loader-container {
        z-index: 5;
        position: fixed;
    }

    #search-keys .input-search-icon {
        font-size: 1rem;
        display: block;
    }

        #search-keys .input-search-icon i {
            position: relative;
            top: 1px;
        }

    #search-keys .input-clear-icon {
        font-size: 1rem;
        display: block;
    }

    .media-layout-grid .library-groups {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .media-layout-grid .recent-grouping .library-groups .library-group:first-child {
        margin-left: 10px;
    }

   /* .media-layout-grid .media-tabs {
        margin-left: .1rem;
        margin-right: .7rem;
    }*/
    #main-screen .project-layout-media-page .project-header-page-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #main-screen .project-layout-media-page .project-quick-access.full-info .project-layout-page-info {
        margin-right: 0rem;
    }
    .media-layout-grid .media-tabs {
        margin-left: .1rem;
        margin-right: .1rem;
        margin-left: 2rem;
        margin-right: 2rem;
        margin-bottom: .75rem;
    }
    .project-widget-media-page .project-layout-media-page .media-title {
        font-size: 2rem;
    }
    .project-widget-media-page #media-image {
        width: 225px;
        min-width: 225px;
        height: 225px;
        min-height: 225px;
    }
    .project-widget-media-page .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
    }
    body.reduce-font-size #main-screen .app-project-header img {
        max-height: 36px;
    }
    .recent-grouping .library-groups {
        padding-top: 0px;
    }

    .project-layout-media-page .media-tagline {
        max-width: 70%;
    }
}

@media only screen and (max-height: 1100px) {

    /*#playerSubtitlesDelay {
        font-size: 46px;
    }*/
    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 80vh;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 140px;
    }
}

@media only screen and (max-width: 1000px) {

    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 12rem;
    }
    .project-layout-page-info {
        padding-top: 1rem;
    }
    .project-widget-media-page .project-layout-media-page .media-tagline {
    }
    .project-widget-media-page .project-layout-media-page .media-title {
        margin-top: .5rem;
    }
    .project-widget-media-page #media-image {
        width: 180px;
        min-width: 180px;
        height: 180px;
        min-height: 180px;
    }
    .project-widget-media-page .project-layout-media-page .media-tagline {
        text-align: center;
        margin-bottom: 1rem;
        margin-bottom: 1.75rem;
    }
    .media-layout-grid .media-tabs button {
        font-size: 1.2rem;
    }
    .media-layout-grid .library-group .image {
        min-height: 140px;
    }
    #main-screen .project-widget-media-page .project-layout-media-page .media-info-container .media-info {
        align-items: center;
        margin-top:1rem;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 2.5rem;
    }

    .project-widget-media-page #media-image {
        margin-right: 0;
    }
    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons {
        flex-direction: column;
    }
    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons button {
        margin-right: 0rem;
        margin-left: 0rem;
    }
    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-links {
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
        margin-top: 1rem;
    }
    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons .media-links button {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }
    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-links .button-container.padding-right {
        padding-right: 0rem;
    }

    .project-layout-media-page .media-title {
        font-size: 3.6rem;
    }
    .project-layout-media-page .media-tagline {
        font-size: 1.6rem;
        max-width: 80%;
    }
    .project-layout-media-page .media-tags {
        margin-bottom: 1rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 3.6rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.6rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message,
    .project-layout-media-page .media-tagline {
        max-width: 80%;
    }

    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        max-width: 80vw;
        font-size: 3.6rem;
    }

    body:not(.mobile-device) #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1.6rem;
        max-height: 190px;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions {
        flex-direction:column;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions {
        flex-direction: column;
    }
    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions .app-button {
        min-width: 15rem;
        justify-content: center;
        margin-bottom: .5rem;
    }

    body.dark-mode input:not(.w-button, .w-input, .form-check-input), body.dark-mode .app-form-field-input-proxy {
        font-size: 1.1rem;
    }
    select:not(.pika-select) {
        font-size: 1rem;
    }
    .sections-tabs button {
        font-size: 1rem;
        padding: 1rem 1rem;
    }
    .sections-page .section-header,
    .page-support-contact-title,
    .page-subscription-cancel-title,
    .page-details-update-title,
    .page-email-update-title,
    .page-password-update-title {
        font-size: 1.3rem;
    }
    .page-subscription-cancel-message,
    .page-details-update-message,
    .page-email-update-message,
    .page-password-update-message,
    .page-support-contact-message {
        font-size: 1.1rem;
    }
    .sections-page .section-row {
        font-size: 1.1rem;
        padding-top: .5rem;
    }
    .sections-page section button {
        font-size: 1rem;
    }
    .sections-page .section-options {
        padding-top: .75rem;
    }

    .dms-on-demand-form .dms-on-demand-selection-form {
        max-width: 50rem;
    }
    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 44rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 2rem;
    }
    .default-page-widget-3 .section-item-title {
        font-size: 1.4rem;
    }
    .app-project-header-ex2 {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-top: 0rem;
    }
    .app-project-header-ex2-items > button {
        font-size: 1rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    .recent-date > .name, .recent-date .name.section-button {
        font-size: 1.5rem;
    }
    .recent-date .name.section-button .name-container-label .name-explore-all {
        font-size:1.0rem;
        top: -1px;
    }


    /*.mobile-device #playerDataSummary1,
    .mobile-device #playerDataSummary2,
    .mobile-device #playerDataSummary3,
    .mobile-device #playerDataSummary4,
    .mobile-device #playerDataSummary5 {
        text-shadow: none;
    }*/

    .mobile-device.is-safari #playerDataUpNext {
        pointer-events: all;
    }
    .mobile-device.is-safari #playerDataClose {
        margin: 0px;
        pointer-events:all;
    }
    .mobile-device.is-safari #playerControls #playlistItems {
        font-size: 18px;
        pointer-events: all;
    }
    .mobile-device.is-safari #playerControls #playlistItems i {
        top: 0px;
    }
    .mobile-device.is-safari #playerControls #playerSelectOptions {
        margin-left: 0px;
        pointer-events: all;
    }
    .mobile-device.is-safari #playerControls #playerSelectOptions i {
        font-size:18px;
    }
    .mobile-device.is-safari .player-data-header {
        margin-top: 2.5rem;
    }
    .mobile-device.is-safari .player-data-summary {
        margin-left: 3rem;
    }
    .mobile-device.is-safari #playerDataControls {
        top: 3rem;
        right: unset;
        left: -3px;
    }
    .mobile-device.is-safari #playerControls #player-options-container {
        margin-left: 2px;
        margin-right: 0px;
    }
    .mobile-device.is-safari #player-controls-container {
        bottom: 21px;
    }
    .mobile-device.is-safari #playerControls #player-view-container {
        margin-left: 0;
        margin-right: 5px;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 32px;
    }
}

@media only screen and (max-height: 1000px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 4.6rem;
        line-height: 1.2;
        max-height: 250px;
    }
/*
    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message,
    .project-layout-media-page .media-tagline {
        max-width: 80%;
    }
*/
    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    #playerSubtitlesDelay {
        font-size: 44px;
        top: 7.5rem;
    }

    #playerSubtitlesInfo {
        font-size: 44px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 135px;
    }
}

@media only screen and (max-width: 900px) {

    body.reduce-font-size #main-screen .app-project-header img {
        max-height: 32px;
    }
    #main-screen .app-project-header > button.logo {
        padding-top: 0px;
    }
    .header-options {
        top: -3px;
    }
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 3.6rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.6rem;
    }

    .project-layout-page.carousel .media-buttons {
        margin-top: 1rem;
    }

    .project-layout-page.carousel .media-tags {
        font-size: 1rem;
    }

    .sections-page .section-options {
        display: flex;
        flex-direction: column;
    }
    .sections-page section .section-options button {
        max-width: 15rem;
        justify-content: center;
    }

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 40rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.8rem;
    }
    
    .default-page-widget-1 {
        padding: 0rem;
    }
    .default-page-widget-1 .section {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        flex-direction: column;
        margin-top: -1rem;
        align-items: center;
        max-width: 100vw;
        /*width: 100vw;*/
    }
    .default-page-widget-1 .section-item,
    .default-page-widget-1 .section-item:first-of-type,
    .default-page-widget-1 .section-item:last-of-type {
        padding: .5rem;
        max-width: unset;
        padding-bottom: 1rem;
        max-width: 70%;
        padding-bottom: 2rem;
    }

    .default-page-widget-1 .section-item-title {
        font-size: 1.7rem;
        margin-bottom: .5rem;
        text-align: center;
    }

    .default-page-widget-1 .section-item-description {
        font-size: 1.05rem;
        text-align: center;
    }

    .default-page-widget-2 {
        padding: 0rem;
        /* padding-top: 1rem; */
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #playerControls #volume-bar-container {
        display:none;
    }
    body:not(.is-safari) #player #playerControls .share-button {
        display:none;
    }
    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 30px;
    }
}

@media only screen and (max-height: 900px) {
    .project-layout-media-page .media-buttons {
        margin-bottom: 2rem;
    }
    .project-layout-media-page .media-tags {
        margin-bottom: .5rem;
    }

    .project-layout-media-page .media-tagline {
        margin-bottom: 1.75rem;
    }

    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 12rem;
    }
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 3.2rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.6rem;
    }

    #main-screen .app-project-header > button {
        font-size: .9rem;
     /*   padding:10px 30px;*/
    }
    .project-layout-page.carousel .media-buttons {
        margin-top: 1rem;
        /*margin-bottom:1rem;*/
    }

    .project-layout-page.carousel .media-tags {
        font-size: 1rem;
    }


    .default-page-widget-1,
    .default-page-widget-2 {
        padding-bottom: 2rem;
    }

    /*.footer-links {
        margin-top: 2rem;
    }
*/

    #playerSubtitlesDelay {
        font-size: 40px;
        top: 7rem;
    }

    #playerSubtitlesInfo {
        font-size: 40px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 130px;
    }
}

@media only screen and (max-width: 800px) {

    .project-quick-access .live-banner-ex {
        flex-direction: column;
        align-items: center;
    }
    .project-quick-access .live-banner-ex .bottom-banner {
        font-size: 2rem;
    }
    .project-quick-access .live-banner-ex .bottom-banner .bottom-banner-text-1 {
        text-align: center;
    }
    .project-quick-access .live-banner-ex .live-countdown {
        margin-left: 1rem;
    }
    .media-layout-grid .library-group.is-live .bottom-banner .bottom-banner-text-1:before {
        width: 8px;
        height: 8px;
        margin-right: 4px;
    }

    body:not(.mobile-device) .project-layout-page.carousel .media-links .button-container:hover button label,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button:hover label,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button:focus label,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button.focused label,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button:active label {
        display: none !important;
    }
    body:not(.mobile-device) .project-layout-page.carousel .media-links .button-container:hover button,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button:hover,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button:focus,
    body:not(.mobile-device) .project-layout-page.carousel .media-links button.focused {
        padding: .5rem;
        opacity: 1;
    }

    body:not(.mobile-device) .project-layout-media-page .media-links .button-container:hover button label,
    body:not(.mobile-device) .project-layout-media-page .media-links button:hover label,
    body:not(.mobile-device) .project-layout-media-page .media-links button:focus label,
    body:not(.mobile-device) .project-layout-media-page .media-links button.focused label,
    body:not(.mobile-device) .project-layout-media-page .media-links button:active label {
        display: none !important;
    }
    body:not(.mobile-device) .project-layout-media-page .media-links .button-container:hover button,
    body:not(.mobile-device) .project-layout-media-page .media-links button:hover,
    body:not(.mobile-device) .project-layout-media-page .media-links button:focus,
    body:not(.mobile-device) .project-layout-media-page .media-links button.focused,
    body:not(.mobile-device) .project-layout-media-page .media-links button:active {
        padding: .5rem;
        opacity: 1;
    }

    .sections-tab {
        width: 12.5rem;
    }
    #search-screen .search-section > div.name {
        font-size: 1.4rem;
        padding-left: .8rem;
    }

    .project-layout-media-page .media-tagline {
        max-width: 80%;
    }
    #options-screen .sections-tabs button {
        padding: .5rem 1rem;
        margin-bottom: .5rem;
        margin-top: .5rem;
    }

    .sections-page .section-header,
    .page-support-contact-title,
    .page-subscription-cancel-title,
    .page-details-update-title,
    .page-email-update-title,
    .page-password-update-title {
        font-size: 1.2rem;
    }
    .page-subscription-cancel-message, .page-details-update-message, .page-email-update-message, .page-password-update-message, .page-support-contact-message {
        font-size: 1rem;
    }
    .sections-page .account-message {
        font-size: 1rem;
    }
    .sections-page .section-row {
        font-size: 1rem;
        padding-top: .35rem;
    }
    .sections-page .subscription-message {
        font-size: 1rem;
    }
    /*.page-subscription-cancel-message,
    .page-details-update-message,
    .page-email-update-message,
    .page-password-update-message,
    .page-support-contact-message {
        font-size: .9rem;
    }*/
/*
    .sections-page .section-row {
        font-size: .9rem;
        padding-top: .25rem;
    }
*/
    /*.sections-page section button {
        font-size: .9rem;
    }*/

    .header img {
        top:-3px;
    }
    .project-layout-page.carousel .project-layout-page-info {
        padding-left: 1rem;
        padding-right: 1rem;
        justify-content: center;
        max-width: 100vw;
    }
    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        max-width: 100vw;
        width:100%;
    }
    .dms-on-demand-actions .dms-on-demand-form-close {
        font-size: 1.4rem;
        margin-right: 25px;
        top: -5px;
        position: relative;
    }
    .app-project-header > button.logo {
        padding-bottom: 0;
        padding-top: .2rem;
        top: 0px;
        padding-top: 0px;
        padding-left: 0px;
        height: 70%;
        font-size: 1rem;
    }
    .app-project-header #button-options {
        font-size: 1.5rem;
        padding-top:.25rem;
    }
    #main-screen .header .dms-on-demand-form-close.show {
        font-size: 1.1rem;
        position: relative;
        /* top: 1px;*/ 
        margin-right: .5rem;
        margin-left: .25rem;
        top:0px;
    }

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 36rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.75rem;
    }


    .project-quick-access.full-info .project-layout-page-data {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title  {
        max-width: 100%;
        text-align: center;
        margin-left: 0;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message,
    .project-layout-media-page .media-tagline {
        max-width: 80%;
        max-width: 100%;
        text-align: center;
    }

    .project-layout-media-page .media-tags {
        justify-content: center;
        margin-left: 0px;
        margin-bottom: 1rem;
        margin-bottom: 0rem;
        flex-wrap: wrap;
    }

    .project-layout-media-page .media-tags .media-tag{
        margin-right: 1.5rem;
        margin-left: 1.5rem;
        margin-bottom: 1.5rem;
        font-size:1rem;
    }

    .project-layout-page.carousel .media-buttons,
    .project-layout-media-page .media-buttons {
        flex-direction: column;
        align-items: center;
    }
    .project-layout-page.carousel .media-buttons button,
    .project-layout-media-page .media-buttons button {
        margin-right: 0rem;
        margin-bottom: 1rem;
    }

    .project-layout-media-page .media-buttons {
        margin-bottom: 1rem;
        margin-top: .5rem;
    }
    /*.project-layout-media-page .media-tagline {
       font-size:1.2rem;
    }
    .project-layout-media-page .media-title {
        font-size: 3rem;
    }*/


    .project-layout-page.carousel .media-links,
    .project-layout-media-page .media-links {
        margin-left: 0rem;
        margin-top: 1rem;
    }

    .project-layout-page.carousel .media-links .button-container.padding-right,
    .project-layout-media-page .media-links .button-container.padding-right {
        padding-right: 0rem;
    }

    .project-layout-page.carousel .media-links button,
    .project-layout-media-page .media-links button {
        margin-right: 2rem;
        margin-left: 2rem;
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .project-layout-page.carousel .media-links .button-container:hover button,
    .project-layout-page.carousel .media-links button:hover,
    .project-layout-page.carousel .media-links button:focus,
    .project-layout-page.carousel .media-links button.focused {
        padding: .5rem;
        border: none !important;
        background: transparent !important;
    }
    
    .project-layout-media-page .media-links .button-container:hover button,
    .project-layout-media-page .media-links button:hover,
    .project-layout-media-page .media-links button:focus,
    .project-layout-media-page .media-links button.focused {
        padding: .5rem;
        border: none !important;
        background: transparent !important;
    }

    .project-layout-page.carousel .media-links .button-container:hover button label,
    .project-layout-page.carousel .media-links button:hover label,
    .project-layout-page.carousel .media-links button:focus label,
    .project-layout-page.carousel .media-links button.focused label,
    .project-layout-page.carousel .media-links button:active label {
        display: none;
    }
    
    .project-layout-media-page .media-links .button-container:hover button label,
    .project-layout-media-page .media-links button:hover label,
    .project-layout-media-page .media-links button:focus label,
    .project-layout-media-page .media-links button.focused label,
    .project-layout-media-page .media-links button:active label {
        display: none;
    }

    body.fadein-quickaccess #main-screen .project-layout-page-background-image-container {
        background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) !important;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%) !important;
        background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1) 60%) !important;
       /* background: linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)) !important;*/
    }

    body.mobile-device #main-screen.home .header #button-options,
    body.mobile-device #main-screen.media .header #button-options,
    body.mobile-device #main-screen.brand .header #button-options,
    body.mobile-device #main-screen.related .header #button-options,
    body.mobile-device #main-screen.category .header #button-options {
    /* margin-right: .5rem;*/
    }

    body:not(.mobile-device) #main-screen.home .header #button-options,
    body:not(.mobile-device) #main-screen.media .header #button-options,
    body:not(.mobile-device) #main-screen.brand .header #button-options,
    body:not(.mobile-device) #main-screen.related .header #button-options,
    body:not(.mobile-device) #main-screen.category .header #button-options {
    /* margin-right: 1.5rem;*/
    }




    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 82vh;
    }
    .default-page-widget-3 .section-item-title {
        font-size: 1.4rem;
    }
    .default-page-widget-3 .section-item-title {
        margin-left: 1rem;
    }

    .default-page-widget-3 .section-item-button {
        margin-right: 1rem;
    }

    .app-project-header-ex2 {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-top: 0rem;
    }
   /* .sections-page {
        padding: 1rem 1.5rem;
    }*/
/*
    .app-project-header-ex2-items > button {
        font-size: 14px;
        margin-left: .5rem;
        margin-right: .5rem;
    }
*/
    .recent-date > .name, .recent-date .name.section-button {
        font-size: 1.5rem;
    }

        .recent-date .name.section-button .name-container-label .name-explore-all {
            font-size: 1.0rem;
            top: -1px;
        }


    /*.mobile-device #playerDataSummary1,
    .mobile-device #playerDataSummary2,
    .mobile-device #playerDataSummary3,
    .mobile-device #playerDataSummary4,
    .mobile-device #playerDataSummary5 {
        text-shadow: none;
    }*/

    .mobile-device.is-safari #playerDataUpNext {
        pointer-events: all;
    }

    .mobile-device.is-safari #playerDataClose {
        margin: 0px;
        pointer-events: all;
    }

    .mobile-device.is-safari #playerControls #playlistItems {
        font-size: 18px;
        pointer-events: all;
    }

        .mobile-device.is-safari #playerControls #playlistItems i {
            top: 0px;
        }

    .mobile-device.is-safari #playerControls #playerSelectOptions {
        margin-left: 0px;
        pointer-events: all;
    }

        .mobile-device.is-safari #playerControls #playerSelectOptions i {
            font-size: 18px;
        }

    .mobile-device.is-safari .player-data-header {
        margin-top: 2.5rem;
    }

    .mobile-device.is-safari .player-data-summary {
        margin-left: 3rem;
    }

    .mobile-device.is-safari #playerDataControls {
        top: 3rem;
        right: unset;
        left: -3px;
    }

    .mobile-device.is-safari #playerControls #player-options-container {
        margin-left: 2px;
        margin-right: 0px;
    }

    .mobile-device.is-safari #player-controls-container {
        bottom: 21px;
    }

    .mobile-device.is-safari #playerControls #player-view-container {
        margin-left: 0;
        margin-right: 5px;
    }

    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 28px;
    }

    .media-layout-grid .library-groups {
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .media-layout-grid .media-tabs {
        margin-left: 1.2rem;
        margin-right: 1rem;
        margin-bottom: .75rem;
    }
}

@media only screen and (max-height: 800px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 2.6rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.4rem;
    }

    #playerSubtitlesDelay {
        font-size: 36px;
        top: 6.5rem;
    }

    #playerSubtitlesInfo {
        font-size: 36px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 125px;
    }
}

@media only screen and (max-height: 800px) and (max-width: 1100px) {
    .project-quick-access.full-info .project-layout-page-data {
        padding-bottom: 0rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 2.2rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
        margin-top: 0rem;
        padding-bottom: 0;
    }

    .project-layout-page.carousel .media-tags {
        font-size: .9rem;
    }

    #playerSubtitlesDelay {
        font-size: 36px;
        top: 6.5rem;
    }

    #playerSubtitlesInfo {
        font-size: 36px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 125px;
    }
}

@media only screen and (max-width: 750px) {

    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 78vh;
    }
}
@media only screen and (max-width: 700px) {
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title, body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title, body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        max-width: 80vw;
        font-size: 3.2rem;
    }

    body:not(.mobile-device) #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1.5rem;
        max-height: 190px;
    }

    body:not(.mobile-device) .app-project-header {
        padding-left: 1.6rem;
        padding-left: 1.4rem;
    }
    #player-upnext-container .player-upnext-item {
        min-width: unset;
        flex: 1;
    }
    .sharemedia-messagebox {
        min-width:unset;
        overflow:hidden;
        max-width:80%;
    }
    .sharemedia-messagebox .sharemedia-messagebox-body {
        padding-left: 7px;
        padding-right: 7px;
    }
    .sharemedia-messagebox-footer button {
        margin-bottom: .5rem;
        min-width: 11.25rem;
        justify-content: center;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .sharemedia-messagebox .sharemedia-messagebox-footer {
        flex-wrap: wrap;
    }
    .sharemedia-messagebox-footer button:first-of-type {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .sharemedia-messagebox .sharemedia-messagebox-header span {
        font-size: 1rem;
        margin-bottom: .25rem;
    }

    .app-project-header-ex2-items > button {
        font-size: 14px;
        margin-left: .5rem;
        margin-right: .5rem;
    }

    /*.project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 10rem;
    }*/

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 32rem;
        margin-bottom: 1.5rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 2.6rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.4rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.7rem;
        padding-bottom: 1rem;
    }
    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 73vh;
    }
    body .media-details-ex.show,
    #player .media-details.show {
        width: 100vw;
    }
    #playerControls #playerDataSummary1 {
        font-size: 1.6rem;
        line-height: 1.4;
    }
    #playerControls #playerDataSummary2 {
        font-size: 1rem;
    }
    #playerControls #playerDataSummary3,
    #playerControls #playerDataSummary4,
    #playerControls #playerDataSummary5 {
        font-size: .9rem;
    }

    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 26px;
    }
    #playerDataUpNext #playerDataUpNext1 {
        font-size: 1.4rem;
    }


    #options-screen .sections-tabs {
        max-width: 3.25rem;
        overflow: hidden;
        flex-direction: column;
        box-shadow: none;
        padding-top: .5rem;
    }

    #options-screen .sections-container.expand .sections-tabs {
        max-width: 10rem;
        width: 10rem;
        position: absolute;
    }

    #options-screen .sections-tabs button {
        width: 100% !important;
        padding: .5rem;
    }

        #options-screen .sections-tabs button label {
            display: none;
        }

    #options-screen .sections-container.expand .sections-tabs button label {
        display: block;
    }

    #options-screen .sections-tabs button i {
        display: block;
    }

    #options-screen .sections-container.expand .sections-tabs button i {
        display: none;
    }
    .sections-page {
        padding: 1rem 1.5rem;
        padding-top: .5rem;
    }
}

@media only screen and (max-height: 700px) {

    .project-widget-media-page .project-layout-media-page .media-tagline {
        max-width: 90%;
    }
    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 12rem;
    }
    .project-quick-access.full-info .project-layout-page-data {
        padding-bottom: 0rem;
    }
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 2.2rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
        margin-top: 0rem;
        padding-bottom: 0;
    }

    .project-layout-page.carousel .media-tags {
        font-size: .9rem;
    }

    #playerSubtitlesDelay {
        font-size: 32px;
        top: 6rem;
    }

    #playerSubtitlesInfo {
        font-size: 32px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 120px;
    }
}

@media only screen and (max-height: 700px) and (max-width: 1100px) {
    #options-screen {
        margin-top: 4.25rem !important;
    }

    #options-screen .sections-tabs {
        padding-top: .75rem;
    }
    .sections-tab {
        width: 12.5rem;
    }
    .project-quick-access.full-info .project-layout-page-data {
        padding-bottom: 0rem;
    }
    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        bottom: 10.5rem;
    }
    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 13rem;
    }
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 2.2rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
        margin-top: 0rem;
        padding-bottom: 0;
    }

    .project-layout-page.carousel .media-tags {
        font-size: .9rem;
    }
}

@media only screen and (max-height: 700px) and (max-width: 800px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-media-page .media-title {
        font-size: 1.8rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1rem;
    }

    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 9rem;
    }
}

@media only screen and (max-width: 650px) {

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 28rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.4rem;
    }
    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 68vh;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 1.6rem;
    }

    .default-page-widget-1 .section-item-description {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 600px) {

    #main-screen .project-layout.no-items .project-quick-access .project-layout-page-no-items-label {
        font-size: 1.4rem;
        margin-top: 0rem;
        line-height: 1.2;
    }
    #player-controls-container #position-event-info {
        font-size: 1rem;
        margin-left: 1.5rem;
    }

    body.mobile-device .project-quick-access .live-banner-ex .live-countdown-body {
        font-size: 1.8rem;
    }
    body.mobile-device .project-quick-access .live-banner-ex .bottom-banner .bottom-banner-text-1 {
        font-size: 1.6rem;
    }

    body:not(.mobile-device) .library-group .container .buttons button.info-button {
        padding-right: .0rem;
    }
    body.mobile-device .media-details-ex .live-banner {
        padding-bottom: 1rem;
    }

    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    body:not(.mobile-device) .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        max-width: 80vw;
        font-size: 2.8rem;
    }

    body:not(.mobile-device) #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1.4rem;
        max-height: 190px;
    }

    body.fullscreen-quickaccess:not(.has-quick-access-items) .tab-page.has-categories .section-row {
        padding-top: 10.25rem;
    }
    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 9rem;
    }

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 26rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        max-width: 100%;
    }
    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions .app-button {
        font-size:1.1rem;
    }
    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 63vh;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 1.5rem;
    }

    .default-page-widget-1 .section-item-description {
        font-size: .95rem;
    }
    .default-page-widget-3 .section-item-title {
        font-size: 1.2rem;
    }
    .default-page-widget-3 .section-item-title {
        margin-left: .5rem;
    }

    .default-page-widget-3 .section-item-button {
        margin-right: .5rem;
    }

    /*.app-project-header {
        padding-right: 0rem !important;
        padding-left: 1rem !important;
        padding-left: 5px !important;
        margin-right: 0;
        padding-top: 1px;
        margin-bottom: 0px;
        padding-right: .5rem !important;
    }*/

    #main-screen .header .dms-on-demand-form-close.show {
        margin-left: .25rem;
        top: 0px;
        font-size: 17px;
    }

    .app-project-header-ex2 {
        padding-top: .5rem;
        padding-left: .25rem;
        padding-right: .25rem;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100vw;
        justify-content: center;
        margin-top: 0px;
    }
    .project-widget-media-page .project-layout-media-page .media-title {
        margin-top: .25rem;
        font-size: 1.7rem;
    }
    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-tagline {
        /* margin-bottom: 1rem; */
        font-size: 1rem;
        line-height: 1.4;
        /* font-weight: unset; */
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }
    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
        margin-bottom: 1rem;
    }
    .project-widget-media-page.media-layout-2 .project-layout-media-page .media-title {
        font-size: 2.6rem;
        margin-bottom: .5rem;
    }

    .project-widget-media-page #media-image {
        width: 160px;
        min-width: 160px;
        height: 160px;
        min-height: 160px;
    }

    .app-project-header-ex2-items > button {
        font-size: 13px;
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .recent-date > .name, .recent-date .name.section-button {
        font-size: 1.4rem;
    }

        .recent-date .name.section-button .name-container-label .name-explore-all {
            font-size: .9rem;
            top: -1px;
        }

    .library-group .container {
        padding: .5rem;
        padding-top: .25rem;
    }

    .library-group {
        width: 189px;
        min-width: 189px;
        min-height: 140px;
        width: 230px;
        min-width: 230px;
        min-height: 129px;
        margin-left: 7px;
        margin-right: 7px;
    }

    .mobile-device .library-group {
        transform: matrix(1, 0, 0, 1, 0, 0) !important;
    }

    body.widescreen-artwork .library-group .image {
        width: 187px;
        height: 105px;
        width: 226px;
        height: 129px;
    }

    body.widescreen-artwork .top-ten-category .library-groups > .library-group > .image {
        width: 187px;
        height: 105px;
        width: 226px;
        height: 129px;
    }

    .library-group img {
        max-width: 187px;
        max-height: 187px;
    }

    .library-group img {
        max-width: 230px;
        max-height: 230px;
    }

    #main-screen .tab-page.has-categories #recent-dates .recent-date {
        min-height: 210px;
    }

    body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date {
        min-height: 240px;
    }

    #main-screen .recent-grouping {
        min-height: 210px;
    }

    body:not(.mobile-device) #main-screen .recent-grouping {
        min-height: 240px;
    }

    #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 210px;
    }

    #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 210px;
    }


    body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        min-height: 275px;
    }

    body:not(.mobile-device) #main-screen .recent-date.use-large-image .recent-grouping {
        min-height: 275px;
    }

    body:not(.mobile-device) #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 180px;
    }

    body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 180px;
    }

    body:not(.mobile-device) #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 250px;
    }

    body:not(.mobile-device) #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 250px;
    }

    body.widescreen-artwork #main-screen #recent-screen .library-types-scroll-button {
        top: 23px;
    }

    body:not(.mobile-device).widescreen-artwork #main-screen #recent-screen .library-types-scroll-button {
        top: 35px;
    }

    #recent-screen .library-types-scroll-button {
        width: 35px;
        height: 80px;
    }

    .recent-grouping .library-groups .library-loader {
        padding-top: 0rem;
    }

        .recent-grouping .library-groups .library-loader .loader-io {
            transform: matrix(.8, 0, 0, .8, 0, 0);
        }

    .library-group .name {
        font-size: 1rem;
    }

    .library-group .name2 {
        font-size: .8rem;
    }

    .library-group .name3,
    .library-group .name4 {
        font-size: .7rem;
    }

    .library-group .info {
        font-size: .8rem;
    }

    body:not(.mobile-device) .library-group .info {
        font-size: .8rem;
    }

    body:not(.mobile-device) .recent-date.use-large-image .library-group .info {
        font-size: .8rem;
    }

    .library-group .container .buttons {
        margin-right: 0rem;
    }

        .library-group .container .buttons button.info-button i {
            font-size: 15px;
            margin-right: .5rem;
        }

        .library-group .container .buttons button i {
            font-size: 17px;
        }

    .library-group .info .info1 .buttons {
        margin-top: 0px;
        bottom: 0.5rem;
    }

        .library-group .info .info1 .buttons button i {
            font-size: 17px;
        }

    .tab-page:not(.has-quickaccess) #recent-info.show-names {
        padding-top: .5rem;
    }

    .header #button-options {
        font-size: 20px;
    }

  /*  .app-project-header #button-options > i {
        top: 0px;
    }*/

    .recent-date > .name, .recent-date .name.section-button {
        margin-left: .75rem !important;
    }

    .recent-grouping .library-group:first-of-type {
        margin-left: .75rem !important;
    }

    .library-groups-selected-item.fixed-window .library-group-details > .image {
        max-width: 100% !important;
    }

    .library-groups-selected-item.fixed-window .library-group-info-wrapper {
        max-width: 100% !important;
    }

    .library-groups-selected-item.fixed-window {
        left: 0rem !important;
    }

    .reduce-font-size .library-group-details .name label {
        font-size: 1.4rem;
    }

    .library-item .info {
        padding-right: 0px;
    }

    .library-group-details .name {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .library-group-details .info {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .library-groups-selected-item .divider {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .reduce-font-size .library-groups-selected-item.single .library-group-details .description {
        margin-left: 0px !important;
        font-size: 1rem;
        margin-right: 0px !important;
    }

    .single .library-item-list .library-item {
        padding-right: .25rem;
    }

    .library-group-details > .image .navigation {
        left: 1rem;
    }

    .library-group-details > .image button.close-button {
        right: 1.25rem;
    }

    .dms-on-demand.default-screen .dms-on-demand-actions {
        display: none;
    }

    .dms-on-demand.default-screen .project-header-page-header {
        /* padding-left: 0;
        padding-top: 0;
        z-index: 5;*/
    }

    .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-info {
        justify-content: center;
        height: 100%;
        flex: 1;
        align-items: center;
        padding-right: 1rem;
    }

    .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-data {
        max-width: 80%;
    }

    .dms-on-demand:not(.default-screen).center-page-title.has-image .project-layout-page-image-container img {
        max-width: 60vw;
    }

    .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-title {
        font-size: 6.5vh;
        text-align: center;
        padding-top: 0px;
    }

    .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-message {
        padding-top: 0;
        max-width: 100%;
    }

    .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-title-actions {
        padding-top: 1.2rem;
        padding-bottom: 0.5rem;
        flex-direction: column;
        align-items: center;
    }

    .dms-on-demand:not(.default-screen) .project-layout-page-title-actions .app-button {
        margin-right: 0 !important;
        min-width: 20rem;
        text-align: center;
        justify-content: center;
        font-size: 1.2rem;
        margin-bottom: .5rem;
    }
    /*.default-page-widget-1 {
        padding: 0rem;
    }
    .default-page-widget-1 .section {
        margin-left: .5rem;
        margin-right: .5rem;
        max-width: 100%;
        flex-direction: column;
        margin-top: -1rem;
    }
    .default-page-widget-1 .section-item {
        padding: .5rem;
        max-width: unset;
        padding-bottom: 1rem;
    }
    .default-page-widget-1 .section-item-title {      
        font-size: 1.1rem;
        font-size: 1.4rem;
        margin-bottom: .25rem;
        text-align: center;
    }
    .default-page-widget-1 .section-item-description {
        font-size: .9rem;
        font-size: 1rem;
        text-align: center;
    }*/
    /*.default-page-widget-1 .section-item-middle {*/
    /*  margin-left: .5rem;
        margin-right: .75rem;
        padding:0;*/
    /*}*/
    /*.default-page-widget-2 {
        padding: 0rem;
        padding-top: 1rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    .default-page-widget-2 .section {
        max-width: 100%;
        margin-left: .5rem;
        margin-left: 0rem;
    }
    .default-page-widget-2 .section-title {
        font-size: 1.4rem;*/
    /* position: relative;
        left: .25rem;
        margin-left: .25rem; */
    /*width: 100%;
        text-align: center;
        font-weight: bold;
        position: relative;
        left: 0rem;
    }
    .default-page-widget-2 .section-button {
        padding-right: 0rem; 
    }
    .mobile-device .default-page-widget-2 .section-button {
        padding-top: .25rem;
    }
    body.dark-mode .default-page-widget-2 .app-button {
        padding: 10px 30px;
        font-size: 1rem;
        position: relative;
        left: 0rem;
    }*/
    /*.default-page-widget-2 .library-types-scroll-button {
        height: 80px;
        top: 3rem;
    }*/
    /*.default-page-widget-2 .library-group {
        width: 312px;
        min-width: 312px;
        min-height: 240px;
        margin-bottom:0px;
    }
    .default-page-widget-2 .library-group img {
        max-width: 312px;
        max-height: 312px;
    }
    body.widescreen-artwork .default-page-widget-2 .library-group .image {
        width: 312px;
        height: 175px;
    }*/
    /*  .default-page-widget-3 {
        padding: 0;
         display: none; 
        z-index: 15;
    }
    .default-page-widget-3 .section {
        max-width: 100%;       
    }
    .default-page-widget-3 .section-item {
        min-height: 10rem;
    }
    .default-page-widget-3 .section-item {
        min-height: 10rem;
    }
    .default-page-widget-3 .section-item-title {    
        font-size: 1.2rem;
        margin-left: 0;
    }
    .default-page-widget-3 .section-item-button {        
        margin-right: 0;
    }
    body.dark-mode .default-page-widget-3 .app-button {
        padding: 10px 25px;
       font-size: 1rem;
    }*/
    /*.footer-links {
        margin-top: 0;
        margin-top: 3rem;
        padding-bottom: 3rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 5;
        margin-left: unset;
        margin-right: unset;
    }
    .footer-links > .copyright {
        order: 10;
        margin-top: 1rem;
    }
    .footer-links > .link-items { 
        margin-bottom: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items a {
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    .footer-links > .link-items-ex { 
        margin-bottom: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items-ex a {
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    body.dark-mode .footer-links .app-button {
        font-size: 1rem;*/
    /*padding: 10px 30px;*/
    /*}
    .default-page-widget-2 .recent-grouping .library-group:last-of-type {
        margin-right: 1rem !important;
    }
    .default-page-widget-2 .recent-grouping .library-group:first-of-type {
        margin-left: 1rem !important;
    }
    .default-page-widget-2 .section-items {
        left: 0rem;
    }*/

    .dms-on-demand.login-screen .dms-on-demand-form-container {
        background-color: rgba(0, 0, 0, .8);
        background: linear-gradient(0deg, #141414 70%, #FF0062);
        background: linear-gradient(20deg, black 25%, #333);
        background: linear-gradient(20deg, #141414 50%, #333);
    }

    .dms-on-demand.login-handler .dms-on-demand-selection-container {
    }

    .dms-on-demand.login-handler .dms-on-demand-selection-sections,
    .dms-on-demand.login-handler .dms-on-demand-selection-sections:not(.checkout-container) {
        border-radius: 0;
        flex: 1;
        margin-bottom: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        margin-top: 0;
        padding-top: 0;
    }

    .project-layout-page-default-image, .dms-on-demand .project-layout-page-default-image {
        display: none;
    }

    .dms-on-demand.subscribe-screen {
        flex-direction: column;
    }

        .dms-on-demand.subscribe-screen .dms-on-demand-form-container {
            background: linear-gradient(20deg, #141414 50%, #333);
        }

    .subscribe-screen .dms-on-demand-selection-sections {
        max-width: unset;
        flex-direction: column;
    }

    .subscribe-screen .dms-on-demand-selection-section1 {
        margin: 0;
        flex: unset;
        max-width: calc(100vw - 1px);
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .subscribe-screen .dms-on-demand-form-container {
        flex: 1;
        width: 100%;
    }

    .subscribe-screen .dms-on-demand-selection-section-title {
        text-shadow: none;
        font-size: 28px;
        text-align: center;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .no-shadow .subscribe-screen .dms-on-demand-selection-section-title {
        text-shadow: none;
    }

    .mobile-device .subscribe-screen .dms-on-demand-selection-section-title {
        font-size: 26px;
        padding-left: 0;
        padding-right: 0;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-subscription-item {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: .75rem;
        margin-bottom: .75rem;
        padding-bottom: 1.25rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-actions .logo {
        /*cursor: pointer;
        display: flex;
        align-items: center;
        padding-top: .5rem;
        padding-bottom: 0rem;
        padding-right: 1rem;
        padding-left: 3.5px;*/
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-pricing-container {
        align-items: center;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-description {
        text-shadow: none;
        font-size: 1.1rem;
        margin: .5rem .25rem;
        text-align: center;
    }

    .no-shadow .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-description {
        text-shadow: none;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-pricing-type {
        padding: 0 .25rem;
        font-size: 1.1rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-amount {
        font-size: 1.4rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-subscription-item i {
        margin-right: 1rem;
        font-size: 1.4rem;
    }

    .dms-on-demand.subscribe-screen.no-payment .dms-on-demand-selection-section-subscription-item {
        transform: scale(1) !important;
    }

    .dms-on-demand.subscribe-screen.no-payment .dms-on-demand-selection-section-subscriptions {
        margin-top: .75rem;
        padding-bottom: .25rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section2 {
        padding: 0;
        background: transparent;
        margin: .5rem 0;
        padding-top: 0;
        max-width: calc(100vw - 1px);
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-signup-container {
        padding: 1rem;
        margin-top: .5rem;
        padding: 0;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-summary-item.total {
        margin-left: .25rem;
        margin-right: .25rem;
        padding-top: .5rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-consent-message {
        margin-left: .25rem;
        margin-right: .25rem;
        margin-bottom: .75rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-summary-agreement {
        padding-top: .75rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-receive-updates-button {
        margin-bottom: .25rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-signup-message {
        font-size: 1.2rem;
        line-height: 1.4;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-container {
        padding-top: 0rem;
        /*padding-bottom: 3rem;*/
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-actions {
        position: relative;
        margin-bottom: 1rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 {
        text-align: center;
        max-width: unset;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container1 {
        display: flex;
        align-items: center;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-header {
        padding-bottom: 1rem;
        padding-bottom: 0rem;
        line-height: 1.4;
    }

    .dms-on-demand-form .dms-on-demand-selection-form {
        background-color: unset;
        color: unset;
        padding-top: unset;
        border-radius: unset;
        height: unset;
        padding-bottom: unset;
        max-width: unset;
        box-shadow: unset;
        margin-top: unset;
    }

    .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons {
        justify-content: center;
        flex-direction: column;
        padding-right: 0;
        margin-right: 0;
    }

        .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons > button {
            margin-right: 0 !important;
            margin-bottom: .5rem;
            min-width: 20rem;
            text-align: center;
            justify-content: center;
        }

    .dms-on-demand .dms-on-demand-actions .logo {
        padding-bottom: 0;
        padding-top: .2rem;
        top: 1px;
        padding-top: 6px;
        padding-left: 8px;
        height: 70%;
        font-size: 1rem;
    }

        .dms-on-demand .dms-on-demand-actions .logo img {
            height: 1.4rem;
            height: 22px;
            padding-right: 1.5rem;
            max-height: 38px;
        }

    .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-title {
        font-size: 1.7rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-info-payment-amount {
        font-size: 1.2rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-info-payment-email {
        font-size: 1.2rem;
    }

    .no-shadow .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message,
    .no-shadow .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message-ex {
        text-shadow: none;
    }

    .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message {
        font-size: 1.2rem;
        font-size: 1rem;
    }

    .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message-ex {
        font-size: 1.2rem;
        font-size: 1rem;
        padding-bottom: 0;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-loader {
        position: fixed;
    }

    .dms-on-demand.login-screen .dms-on-demand-loader {
        position: fixed;
    }

    .dms-on-demand.login-screen .dms-login-details-header {
        padding-bottom: 1rem;
    }

    .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-summary-item span {
        font-size: 18px;
    }

    #main-screen .header .dms-on-demand-form-close {
        font-size: 17px;
        position: relative;
       /* top: 1px;*/
    }

            #main-screen .header .dms-on-demand-form-close.show {
                margin-right: .25rem;
                margin-left: 0;
            }
/*
    #options-screen .sections-tabs {
        max-width: 3rem;
        overflow: hidden;
        flex-direction: column;
        box-shadow: none;
        padding-top: .5rem;
    }

    #options-screen .sections-container.expand .sections-tabs {
        max-width: 10rem;
        width: 10rem;
        position: absolute;
    }

    #options-screen .sections-tabs button {
        width: 100% !important;
        padding: .5rem;
    }

        #options-screen .sections-tabs button label {
            display: none;
        }

    #options-screen .sections-container.expand .sections-tabs button label {
        display: block;
    }

    #options-screen .sections-tabs button i {
        display: block;
    }

    #options-screen .sections-container.expand .sections-tabs button i {
        display: none;
    }
*/
    #options-screen .sections-page > section {
        padding-bottom: 0px;
    }

    #options-screen .sections-page .section-header {
        font-size: 1.1rem;
        margin-left: 2px;
    }

    #options-screen .sections-page .section-row {
        padding-top: .25rem;
        font-size: 1rem;
    }
/*
        #options-screen .sections-page .section-row:not(.section-row-checkbox) {
            padding-top: .0rem;
            font-size: .9rem;
            flex-direction: column;
            display: flex;
            align-items: start;
            padding-left: 2px;
            padding-bottom: .25rem;
        }
*/
    #options-screen .sections-page.settings .section-row:not(.section-row-checkbox) {
        padding-left: 3px;
    }

    #options-screen .sections-page {
        padding: .5rem 1rem;
    }

        #options-screen .sections-page .section-options {
            padding-top: .5rem;
        }

            #options-screen .sections-page .section-options > button:not(.custom-checkbox) {
                font-size: .9rem;
                /*padding: .75rem 1.25rem;*/
            }

    #options-screen .page-subscription-cancel-title {
        font-size: 1.1rem;
        margin-left: 2px;
    }

    #options-screen .page-support-contact-title {
        font-size: 1.1rem;
        margin-left: 2px;
    }

    #options-screen .page-details-update .app-form-field.form-check .app-form-field-label {
        padding-left: .25rem;
    }

    #options-screen .page-details-update-title,
    #options-screen .page-email-update-title,
    #options-screen .page-password-update-title {
        font-size: 1.1rem;
        margin-left: 2px;
    }

    #options-screen .page-details-update-message,
    #options-screen .page-email-update-message,
    #options-screen .page-password-update-message {
        margin-top: .25rem;
        font-size: .9rem;
        line-height: 1.4;
        padding-left: 2px;
        margin-bottom: .75rem;
        color: whitesmoke;
    }

    #options-screen .sections-page .account-message {
        margin-top: .25rem;
        font-size: .9rem;
        line-height: 1.4;
        padding-left: 2px;
        margin-bottom: .25rem;
        color: whitesmoke;
    }

    #options-screen .sections-page .subscription-message {
        margin-top: .25rem;
        font-size: .9rem;
        line-height: 1.4;
        padding-left: 2px;
        margin-bottom: .25rem;
        color: whitesmoke;
    }

    #options-screen .page-subscription-cancel-message {
        margin-top: .25rem;
        font-size: .9rem;
        line-height: 1.4;
        padding-left: 2px;
        margin-bottom: .75rem;
        color: whitesmoke;
    }

    #options-screen .page-support-contact-message {
        margin-top: .25rem;
        font-size: .9rem;
        line-height: 1.4;
        padding-left: 2px;
        color: whitesmoke;
        margin-bottom: .75rem;
    }

    #options-screen .page-support-contact-form .app-form-field-input {
        font-size: 1rem;
    }

    #options-screen .page-support-contact-form .app-form-field {
        padding-bottom: .5rem;
    }

    #options-screen .page-subscription-cancel-body .app-form-field-input {
        font-size: 1rem;
    }

    #options-screen .page-support-contact-body .app-form-field-input {
        font-size: 1rem;
    }

    #options-screen .page-email-update .app-form-field {
        padding-bottom: .5rem;
    }

    #options-screen .page-password-update-form .app-form-field {
        padding-bottom: .5rem;
    }

    #options-screen .page-details-update-body .app-form-field-input,
    #options-screen .page-details-update-body .app-form-select,
    #options-screen .page-email-update-body .app-form-field-input,
    #options-screen .page-email-update-body .app-form-select,
    #options-screen .page-password-update-body .app-form-field-input,
    #options-screen .page-password-update-body .app-form-select {
        font-size: 1rem;
    }

    #options-screen .page-details-update-footer,
    #options-screen .page-details-email-footer,
    #options-screen .page-details-password-footer {
        margin-top: .25rem;
        padding-bottom: 1.25rem;
    }

        #options-screen .page-details-update-footer button:not(.custom-checkbox),
        #options-screen .page-email-update-footer button:not(.custom-checkbox),
        #options-screen .page-password-update-footer button:not(.custom-checkbox) {
            font-size: .9rem;
            padding: .75rem 1.25rem;
        }

    #options-screen .page-email-update-footer,
    #options-screen .page-password-update-footer {
        margin-top: .15rem;
    }

    #options-screen .page-support-contact-footer {
        margin-top: .15rem;
    }

        #options-screen .page-support-contact-footer button:not(.custom-checkbox) {
            font-size: .9rem;
            padding: .75rem 1.25rem;
        }

    #options-screen .sections-page .section-support-info .section-header {
        font-size: 1.1rem;
        margin-left: 2px;
        /*padding-bottom: 0;*/
    }

    #options-screen .sections-page .section-support-info .section-row {
       /* padding-top: .0rem;*/
        font-size: .9rem;
        flex-direction: column;
        display: flex;
        align-items: start;
        padding-left: 3px;
        /*padding-bottom: .25rem;*/
    }
    #options-screen .sections-page .section-row label {
        margin-bottom: 2px;
    }
        #options-screen .sections-page .section-support-info .section-row span {
            white-space: normal;
            padding-top: 2px;
            padding-bottom: 2px;
        }

    #options-screen .sections-page .section-support-info .section-options > button:not(.custom-checkbox) {
        min-width: 15rem;
        justify-content: center;
    }

    #options-screen .sections-page.account .section-options > button:not(.custom-checkbox) {
        min-width: 15rem;
        justify-content: center;
    }

    #options-screen .page-subscription-cancel-footer {
        margin-top: .15rem;
    }

    #options-screen .page-subscription-cancel-input {
        padding-bottom: .5rem;
    }

    #options-screen .page-subscription-cancel-footer button:not(.custom-checkbox) {
        font-size: .9rem;
        padding: .75rem 1.25rem;
    }

    #options-info .subscription-container button:not(.custom-checkbox) {
        font-size: .9rem;
        padding: .75rem 1.25rem;
    }

    #options-info .subscription-container {
        padding-top: 0rem;
        padding-top: .5rem;
    }

    #options-info .subscription-card .subscription-container {
        padding-top: 0rem;
    }

    .custom-checkbox {
        top: -5px;
    }

        .custom-checkbox .checkmark {
            height: 20px;
            width: 20px;
        }

            .custom-checkbox .checkmark:after {
                left: 6px;
                top: 3px;
            }

    #options-screen .drop-down.videoScale button {
        min-height: unset;
        width: 100%;
        font-size: .9rem;
    }

    #options-screen .settings .drop-down {
        width: fit-content;
        font-size: .9rem;
        padding-top: .25rem;
    }

        #options-screen .settings .drop-down .items {
            width: unset;
        }

        #options-screen .settings .drop-down .selected-item label {
            font-size: .9rem;
        }

    #options-screen .sections-page .section-row.section-row-checkbox {
        margin-top: .1rem;
    }

    #options-screen .sections-page.account .section-row.section-row-checkbox {
        margin-top: 1px;
        padding-top: .0rem;
        font-size: .9rem;
        padding-left: 2px;
        padding-bottom: .25rem;
    }

    #options-screen .drop-down .selected-item i {
        width: 24px;
        margin-right: 0px;
    }

    .subscribe-screen .dms-on-demand-actions .dms-on-demand-form-close,
    .login-screen .dms-on-demand-actions .dms-on-demand-form-close {
        margin-bottom: .15rem;
        font-size: 17px;
    }
    /*body:not(.mobile-device) .app-project-header-ex2-items {
        justify-content: center;
        width: 100%;
    }*/
    /*.mobile-device .body .tab-page {
        margin-top: 2.5rem;
    }
*/
    .mobile-device .app-project-header-ex2 {
        padding: 0px;
        /* NOTE: this isn't great but seems to work on Safari; */
        min-height: 30px;
    }

    .mobile-device.is-ready:not(.is-loading) .app-project-header-ex2 {
        opacity: 1 !important;
    }

    .mobile-device .app-project-header-ex2-items {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-top: .75rem;
        padding-bottom: 5px;
        margin-bottom: 2px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .mobile-device .app-project-header-ex2-items::-webkit-scrollbar {
            width: 1px;
            height: 0px;
            opacity: 0;
            display: none;
        }

        .mobile-device .app-project-header-ex2-items > button {
            padding-left: .5rem;
            padding-right: .5rem;
            padding-bottom: 0;
            padding-bottom: .25rem;
            font-weight: bold;
        }

    .mobile-device .media-status-user-container {
        margin-right: .75rem;
    }

    .mobile-device .app-project-header #button-options {
        margin-right: .5rem;
    }

    .app-user-content-menu {
        top: 41px;
        right: -12px;
    }

    #main-screen.home .recent-grouping .library-groups {
        padding-top: 0px;
    }

    #main-screen.home .recent-date > .name, .recent-date .name.section-button {
        font-size: 1.2rem;
    }

    body:not(.mobile-device) #main-screen.home .recent-date > .name, .recent-date .name.section-button {
        font-size: 1.3rem;
    }

    #main-screen.home .tab-page.has-categories #recent-dates .recent-date {
        padding-bottom: 0px;
    }

    #main-screen.home .recent-grouping .library-groups {
        padding-bottom: 0rem;
    }

    .has-quickaccess #main-screen.home #recent-info {
        margin-top: -1rem;
    }

    body.widescreen-artwork .recent-date.display-round-image .library-group {
        width: 125px;
        min-width: 125px;
    }

        body.widescreen-artwork .recent-date.display-round-image .library-group .image {
            width: 125px;
            height: 125px;
        }

    .recent-date.display-round-image .library-group img {
        max-width: 125px;
        max-height: 125px;
    }

    .has-quickaccess-items, .has-quickaccess-item {
        margin-bottom: 0rem;
    }

    body.widescreen-artwork .recent-date.use-large-image .library-group {
        width: 314px;
        min-width: 314px;
        margin-right: 10px;
    }

        body.widescreen-artwork .recent-date.use-large-image .library-group .image {
            width: 312px;
            height: 175px;
        }

    .recent-date.use-large-image .library-group img {
        max-width: 312px;
        max-height: 312px;
    }

    #main-screen.home .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        padding-bottom: 15px;
    }

    .library-group .info .info1 .buttons {
        margin-top: 2px;
        bottom: 0.4rem;
        right: .45rem;
    }

        .library-group .info .info1 .buttons button i {
            font-size: 16px;
        }

    .recent-date.use-large-image .library-group .name {
        font-size: 1rem;
    }

    .recent-date.use-large-image .library-group .name2,
    .recent-date.use-large-image .library-group .name3,
    .recent-date.use-large-image .library-group .name4 {
        font-size: .9rem;
    }

    .library-group .top-ribbon .top-ribbon-text-1 {
        font-size: .5rem;
    }

    .library-group .top-ribbon .top-ribbon-text-2 {
        font-size: .9rem;
    }

    .library-group .bottom-banner {
        font-size: .9rem;
    }
    .media-layout-grid .library-group .bottom-banner {
        font-size: .8rem;
    }
    body.mobile-device .media-layout-grid .library-group .bottom-banner {
        font-size: .7rem;
    }
    .library-group .bottom-banner .bottom-banner-text-1 {
        padding: .25rem .75rem;
    }

    .recent-date.use-large-image .library-group .top-ribbon .top-ribbon-text-1 {
        font-size: .6rem;
    }

    .recent-date.use-large-image .library-group .top-ribbon .top-ribbon-text-2 {
        font-size: 1rem;
    }

    .recent-date.use-large-image .library-group .bottom-banner {
        font-size: 1rem;
    }

        .recent-date.use-large-image .library-group .bottom-banner .bottom-banner-text-1 {
            padding: .25rem .75rem;
        }

    .recent-date.use-large-image .library-group .info .info1 .buttons {
        bottom: .45rem;
        right: .5rem;
    }

        .recent-date.use-large-image .library-group .info .info1 .buttons button i {
            font-size: 18px;
        }

    #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 180px;
    }
    #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 180px;
    }

    #main-screen .recent-date.use-large-image .recent-grouping {
        min-height: 275px;
    }
    #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        min-height: 275px;
    }

    .recent-date.top-ten-category .name.section-button {
        font-size: 3rem;
        margin-left: 2rem;
    }

    .recent-date > .name-container .name-info {
        margin-left: 1.25rem;
        font-size: 1.1rem;
        letter-spacing: 10px;
    }

    .mobile-device .library-groups {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .mobile-device .library-groups::-webkit-scrollbar {
            width: 1px;
            height: 0px;
            opacity: 0;
            display: none;
        }

    .library-group-container .ranking,
    .top-ten-category .library-groups > .library-group .ranking {
        /*bottom: -1.25rem;*/
        /* top: 4rem; */
        /*top: unset;*/
    }

    /*.recent-date.top-ten-category > .name-container {
        top: -.5rem;
        position: relative;
    }*/

    .library-groups > .library-group:last-child,
    .library-groups > .library-spacer {
        margin-right: .5rem !important;
    }

    .top-ten-category .library-groups > .library-group {
        margin-left: 3.5rem !important;
        margin-right: .5rem;
        margin-top: .25rem;
    }

    .top-ten-category .recent-grouping .library-groups > .library-group:first-child {
        margin-left: 3rem !important;
    }

    .library-group-container .ranking,
    .top-ten-category .library-groups > .library-group .ranking {
       /* left: -3.5rem;*/
    }
    .library-group-container .ranking, .top-ten-category .library-groups > .library-group .ranking {
        font-size: 6.5rem;
        bottom: -1.5rem;
        left: -54px;
    }

    body:not(.mobile-device) .library-group-container:hover .ranking,
    body:not(.mobile-device) .library-group-container:focus .ranking,
    body:not(.mobile-device) .library-group-container.focused .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group:hover .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group:focus .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.focused .ranking {
        color: rgba(255, 0, 98, 1);
        left: -54px;
    }

    .library-group-container.ranking-1 .ranking,
    .top-ten-category .library-groups > .library-group.ranking-1 .ranking {
        left: -33px;
    }

    body:not(.mobile-device) .library-group-container.ranking-1:hover .ranking,
    body:not(.mobile-device) .library-group-container.ranking-1:focus .ranking,
    body:not(.mobile-device) .library-group-container.ranking-1.focused .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.ranking-1:hover .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.ranking-1:focus .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.ranking-1.focused .ranking {
        left: -33px;
    }

    .library-group-container.ranking-10,
    .top-ten-category .library-groups > .library-group.ranking-10 {
        margin-left: 6.5rem !important;
    }

        .library-group-container.ranking-10 .ranking,
        .top-ten-category .library-groups > .library-group.ranking-10 .ranking {
            left: -6.5rem !important;
            /*letter-spacing: -2px;*/
        }

    body:not(.mobile-device) .library-group-container.ranking-10:hover .ranking,
    body:not(.mobile-device) .library-group-container.ranking-10:focus .ranking,
    body:not(.mobile-device) .library-group-container.ranking-10.focused .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.ranking-10:hover .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.ranking-10:focus .ranking,
    body:not(.mobile-device) .top-ten-category .library-groups > .library-group.ranking-10.focused .ranking {
        left: -6.5rem !important;
    }

   /* #main-screen.home .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        padding-top: .25rem;
    }
*/

    /*.project-layout-page.carousel .project-layout-page-info {
        padding-top: 0;
        padding-bottom: 10rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .carousel-indicators {
        bottom: 14% !important;
    }

    .project-quick-access.full-info .project-layout-page-data {
        padding-left: 0rem !important;
        padding-right: 0rem;
        padding-bottom: 0rem;
        max-width: 100vw !important;
    }

    .project-layout-page.carousel .media-options > div {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        margin-bottom: 1rem;
        padding-bottom: 0;
        text-align: center;
        font-size: 2.4rem;
        line-height: 1.2;
        margin-left: 0;*/
        /* margin-right: 0; */
        /*margin-bottom: .5rem;
        padding-left: 0rem;
        padding-right: 0rem;
        padding-top: 3rem;
        max-width: unset;
        left: 0;
        max-height: 300px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-shadow: none;
    }

    .library-group-container .ranking, .top-ten-category .library-groups > .library-group .ranking {*/
        /* font-size: 14vh;*/
    /*}

    #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 210px;
    }

    #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 210px;
    }

    #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        min-height: 310px;
    }*/
    /*.project-layout-page.carousel .media-buttons button {
        opacity: .7;
    }*/
    /*.project-layout-page.carousel .media-options {
        display: flex;
        align-items: center;
        font-size: 1.2rem;
        text-align: center;
        width: 100%;
        justify-content: center;
        margin-left: 0;
        margin-bottom: .25rem;
        text-shadow: none;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message {
        max-width: 100%;
    }

    .project-quick-access.full-info .project-layout-page-message {
        -webkit-line-clamp: 4;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        margin-top: 1rem;
        line-height: 1.5;
        font-size: 1.2rem;
        margin-top: .5rem;
        text-align: center;
        max-width: 100vw;
        padding: .25rem 1rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-shadow: none;
    }

    .project-layout-page.carousel .media-tags {
        margin-left: 0rem;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 1rem;
        font-size: .9rem;
        padding: .25rem 1rem;
        padding-bottom: 0;
        margin-bottom: 1.25rem;
        display: none;
    }

        .project-layout-page.carousel .media-tags .media-tag {
            margin-left: .75rem;
            margin-right: .75rem;
            margin-bottom: .75rem;
            text-shadow: -1px 1px 2px rgb(0, 0, 0);
            text-decoration: underline;
            text-shadow: none;
        }

    .project-layout-page.carousel .media-buttons {
        font-size: 1rem;
        padding: 0;*/
        /*margin: 0;*/
        /*justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.75rem;
    }

        .project-layout-page.carousel .media-buttons > button {
            padding: .75rem 2rem;
            margin-bottom: 1.5rem;
            margin-right: 0rem;
            justify-content: center;
            min-width: 15rem;
        }

    .project-layout-page.carousel .media-links {
        margin-left: 0rem;
        margin-top: .5rem;
    }

        .project-layout-page.carousel .media-links .button-container.padding-right {
            padding-right: 0rem;
        }

        .project-layout-page.carousel .media-links button {
            margin-right: 2rem;
            margin-left: 2rem;
        }

            .project-layout-page.carousel .media-links .button-container:hover button,
            .project-layout-page.carousel .media-links button:hover,
            .project-layout-page.carousel .media-links button:focus,
            .project-layout-page.carousel .media-links button.focused {
                padding: .25rem;
                border: none !important;
                background: transparent !important;
            }

                .project-layout-page.carousel .media-links .button-container:hover button label,
                .project-layout-page.carousel .media-links button:hover label,
                .project-layout-page.carousel .media-links button:focus label,
                .project-layout-page.carousel .media-links button.focused label,
                .project-layout-page.carousel .media-links button:active label {
                    display: none;
                }

    body.fadein-quickaccess #main-screen .project-layout-page-background-image-container {
        background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) !important;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%) !important;
        background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1) 60%) !important;
        background: linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)) !important;
    }

    body.mobile-device #main-screen.home .header #button-options,
    body.mobile-device #main-screen.media .header #button-options,
    body.mobile-device #main-screen.brand .header #button-options,
    body.mobile-device #main-screen.related .header #button-options,
    body.mobile-device #main-screen.category .header #button-options {*/
       /* margin-right: .5rem;*/
    /*}

    body:not(.mobile-device) #main-screen.home .header #button-options,
    body:not(.mobile-device) #main-screen.media .header #button-options,
    body:not(.mobile-device) #main-screen.brand .header #button-options,
    body:not(.mobile-device) #main-screen.related .header #button-options,
    body:not(.mobile-device) #main-screen.category .header #button-options {*/
       /* margin-right: 1.5rem;*/
    /*}

    #main-screen .media-details {
        width: 100vw;
    }

        #main-screen .media-details .media-details-data {
            margin: 0rem 1rem;
            margin-bottom: 1rem;
        }

        #main-screen .media-details .media-details-header {*/
            /*margin: 0rem .5rem;*/
        /*}

            #main-screen .media-details .media-details-header .close-button {
                margin-bottom: 0;
            }

        #main-screen .media-details .media-tags {
            margin-top: .25rem;*/
            /*font-weight: bold;
        text-decoration: underline;*/
            /*font-size: 1.1rem;
        }

        #main-screen .media-details .media-links {
            justify-content: center;
            margin-left: 0rem;
            margin-top: .75rem;
        }

            #main-screen .media-details .media-links button {
                margin-right: 2rem;
                margin-left: 2rem;
            }

            #main-screen .media-details .media-links .button-container.padding-right {
                padding-right: 0rem !important;
            }

    #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 165px;
        min-height: 175px;
    }

    #main-screen.home .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 165px;
    }

    #recent-screen .library-groups-no-items > div {
        font-size: 1.4rem;
    }

    #main-screen .project-layout-media-page .project-header-page-header {
        padding-left: 0;
    }

    #main-screen .project-layout-media-page .project-quick-access.full-info .project-layout-page-info {
        margin-right: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }*/

    /*#main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .project-quick-access.full-info .project-layout-page-info {
        flex-direction: column;
        margin-top: 0;
        padding-top: 0;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 2rem;
        flex-direction: column;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page #media-image {
        margin-right: 0px;
        width: 175px;
        max-width: 175px;
        min-height: 175px;
        height: 175px;
        min-width: 175px;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container .media-info {
        min-height: unset;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-title {
        font-size: 2.4rem;
        margin-top: 1rem;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-tagline {
        max-width: unset;
        font-size: 1.2rem;
        max-height: unset;
        -webkit-line-clamp: 4;
    }

    .project-layout-media-page .media-title {
        margin-bottom: 1rem;
        padding-bottom: 0;
        text-align: center;
        font-size: 2.4rem;
        line-height: 1.2;
        margin-left: 0;*/
        /* margin-right: 0; */
        /*margin-bottom: .5rem;
        padding-left: 0rem;
        padding-right: 0rem;
        max-width: unset;
        left: 0;
        max-height: 300px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-shadow: none;
    }

    .project-layout-media-page .media-options {
        display: flex;
        align-items: center;
        font-size: 1.2rem;
        text-align: center;
        width: 100%;
        justify-content: center;
        margin-left: 0;
        margin-bottom: .25rem;
        text-shadow: none;
    }

    .project-layout-media-page .media-tagline {
        margin-top: 1rem;
        line-height: 1.5;
        font-size: 1.2rem;
        margin-top: .5rem;
        text-align: center;
        max-width: 100vw;
        padding: .25rem 0rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-shadow: none;
        margin-left: 0px;
        margin-bottom: 1.5rem;
    }

    .project-layout-media-page .media-tags {
        display: none;
    }

    .project-layout-media-page .media-buttons {
        font-size: 1rem;
        padding: 0;*/
        /* margin: 0; */
        /*justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3.5rem;
        margin-top: 0px;
    }

        .project-layout-media-page .media-buttons > button {
            padding: .75rem 2rem;
            margin-bottom: 2rem;
            margin-right: 0rem;
            justify-content: center;
            min-width: 15rem;
        }

    #main-screen .media-details .media-details-title {*/
        /*text-align: center;*/
    /*}*/

    /*.sharemedia-messagebox {
        width: 90%;
        max-width: 100vw;
        min-width: unset;
    }

    .project-layout-media-page .media-links {
        margin-left: 0;
    }

        .project-layout-media-page .media-links .button-container > button {
            margin-right: 2rem;
            margin-left: 2rem;
        }

            .project-layout-media-page .media-links .button-container > button:active {
                opacity: .7;
            }

        .project-layout-media-page .media-links .button-container.padding-right {
            padding-right: 0;
        }

    .project-layout-media-page .media-options > div {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    #main-screen.media .section-row .section-background,
    #main-screen.brand .section-row .section-background,
    #main-screen.related .section-row .section-background,
    #main-screen.category .section-row .section-background {
        top: 5rem;
    }

    .project-layout-media-page .media-links .button-container:hover button,
    .project-layout-media-page .media-links button:hover,
    .project-layout-media-page .media-links button:focus,
    .project-layout-media-page .media-links button.focused,
    .project-layout-media-page .media-links button:active {
        padding: .25rem;
        border: none !important;
        background: transparent !important;
    }

        .project-layout-media-page .media-links .button-container:hover button label,
        .project-layout-media-page .media-links button:hover label,
        .project-layout-media-page .media-links button:focus label,
        .project-layout-media-page .media-links button.focused label,
        .project-layout-media-page .media-links button:active label {
            display: none;
        }

    .media-layout-grid .media-tabs {
        margin-left: -.75rem;
        width: calc(100% + 1.5rem);
        margin-bottom: 3.5rem;
    }

    .project-layout.media-layout-grid .library-groups {
        margin-left: 0;
        margin-right: 0;
    }

    .media-layout-grid .media-tabs button {
        font-size: 1.2rem;
    }

    .project-layout.media-layout-grid .library-group:first-child {
        margin-left: .5rem !important;
    }

    .fullscreen-quickaccess #main-screen.media .project-layout.media-layout-grid #recent-info {
        margin-top: -2rem;
    }

    .project-layout-media-page .media-buttons {
        margin-bottom: 3.5rem;
    }

    .project-layout.media-layout-grid .library-group .image {
        min-height: 110px;
    }

    .media-layout-grid .media-tabs button {
        margin-right: 3rem;
    }

    .media-layout-grid .media-tabs button {
        margin-bottom: 1px;
    }

    .recent-date > .recent-grouping > .loader-io {
        bottom: 4.5rem;
    }

    #main-screen .project-widget-media-page.media-layout-2 .project-layout-media-page .media-info-container {
        padding-left: 0rem;
    }

    .project-widget-media-page.media-layout-2 .project-layout-media-page .media-title {
        font-size: 2.4rem;
    }

    .project-widget-media-page.media-layout-2 .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
        margin-left: 0;
        max-width: unset;
        max-height: unset;
    }

    .project-widget-media-page.media-layout-2 .project-layout-media-page .media-buttons {
        margin-top: 0rem;
        margin-bottom: 0;
    }

    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons {
        margin-bottom: 3rem;
    }

    .project-layout-page.carousel .project-header-page-header {
        height: 96vh;
    }*/
    /*body.mobile-device #main-screen .project-layout-media-page .project-header-page-header {
        height: unset !important;
    }*/

    .project-widget-media-page .project-layout-media-page .media-tagline {
        max-width: 90%;
    }
    #main-screen .project-layout-media-page .project-header-page-header {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .media-layout-grid .library-groups {
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .media-layout-grid .library-group .image {
        min-height: 118px;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
        margin-bottom: 2rem;
    }

    .player-data-summary {
        line-height: 1.3;
    }
    
    body:not(.mobile-device) .player-data-summary {
        line-height: 1.3;
        margin-left: 4.5rem;
        margin-top: 1.6rem;
    }

    .player-data-upNext {
        line-height: 1.3;
    }

    #playerControls.video .metadata-item-image {
        display: none;
    }

    #playerDataUpNext1 {
        white-space: normal;
        max-width: 70%;
    }

    #playerControls #playerDataSummary2 {
        margin-left: 1px;
        margin-top: 2px;
    }

    .player-data-header {
        padding-right: 3rem;
    }

    #playerDataUpNextLabel {
        font-size: 1rem;
        font-weight: bold;
        padding-bottom: 1px;
        /* text-shadow:none;*/
    }

    #playerControls #player-control-buttons .control-button {
        transform: matrix(1.0, 0, 0, 1.0, 0, 0);
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        #playerControls #player-control-buttons .control-button:hover {
            transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        }

        #playerControls #player-control-buttons .control-button:focus {
            transform: matrix(1.3, 0, 0, 1.3, 0, 0);
        }

    #player.no-player-hilite #playerControls #player-control-buttons .control-button:focus {
        transform: matrix(1.3, 0, 0, 1.3, 0, 0);
    }

    #playerControls #player-view-container {
        margin-left: 0rem;
        margin-right: 12px;
    }

    #playerDataUpNext {
        right: 10px;
    }

        #playerDataUpNext #playerDataUpNext1 {
            font-size: 1.1rem;
            padding-bottom: 2px;
            padding-top: 1px;
        }

    #playerDataMute {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    #playerSelectOptions {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    #playerControls #player-options-container {
        margin-right: 0rem;
        margin-left: 14px;
    }

    #playerControls #player-control-buttons {
        margin-left: 0rem;
    }

    #playerDataMute {
        font-size: unset;
    }

        #playerDataMute i {
            top: 1px;
            top: .5px;
            font-size: 1.3rem;
        }

    #playerControls #player-control-buttons .control-button:last-of-type {
        margin-right: 5px;
    }

    #playerSelectOptions i {
        font-size: 1.2rem;
    }

    #playerControls #playlistItems {
        font-size: 1.2rem;
    }

    #playerOptionFullscreen {
        margin-left: 0rem;
        margin-right: 0rem;
        display: block;
    }

        #playerOptionFullscreen i {
            font-size: 1.2rem;
        }

    #playerControls #position-completed {
        width: 47px !important;
        min-width: 47px !important;
    }

    #playerControls #position-uncompleted {
        width: 50px !important;
        min-width: 50px !important;
    }

    #player-view-container .icons {
        margin-left: 18px;
        margin-right: 5px;
    }

    #playerControls #position-container {
        padding-left: 5px;
        padding-right: 5px;
    }

    #playerControls #playlistItems i {
        top: .5px;
    }

    .mobile-device.is-safari #playerControls #playlistItems i {
        top: 0px;
    }

    .player-data-header {
       /* margin-left: 0;
        margin-top: 1rem;*/
    }

    #playerDataClose {
       /* margin: 0px;*/
    }

    #playerControls #player-control-buttons .play-pause-toggle {
        top: 0px;
    }

    #player-options-menu {
        left: 3px;
        bottom: 56px;
    }

    #playerControls.video #volume-bar-container {
        display: none !important;
        position: absolute;
        transform: rotateZ(90deg);
        left: .25rem;
        flex: unset;
        height: fit-content;
        margin: 0;
        padding: 0;
        max-width: 150px;
        /* right: 3rem; */
        top: -2.25rem;
        pointer-events: none;
    }

    #playerControls .volume-bar-area-off {
        height: 2px;
    }

    #playerControls .volume-bar {
        background: rgba(0, 0, 0, 1);
        border-radius: 5px;
        padding: .5rem;
        left: -4px;
        top: 0px;
    }

    #playerControls .volume-bar-area {
        pointer-events: all;
    }

    #playerDataUpNext #playerDataUpNext2 {
        font-size: .9rem;
        padding-bottom: 2px;
        padding-top: 2px;
    }

    #playerDataUpNext #playerDataUpNext3,
    #playerDataUpNext #playerDataUpNext4,
    #playerDataUpNext #playerDataUpNext5 {
        font-size: .8rem;
    }
/*
    body.topscreen-quickaccess:not(.mobile-device) #main-screen .project-header-page-header {
        padding-top: 15vh;
        height: unset;
    }

    body.topscreen-quickaccess:not(.mobile-device) #main-screen .project-layout-page.carousel {
        min-height: 100vh;
    }

    body:not(.mobile-device) .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons {
        margin-bottom: 1.5rem;
    }
*/
    .mobile-device #playerControls #position-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    #playerDataUpNext {
        right: 0;
        margin-right: 1.5rem;
    }

    #playerDataUpNextButton {
        font-size: 1.8rem;
        align-items: center;
        margin-right: -.5rem;
    }

    #playerDataUpNextLabel {
        font-size: 1rem;
        margin-right: .25rem;
    }

    /*#playerControls #player-control-buttons .play-pause-toggle .svg-icon.play {
        left: 2px;
    }*/
    body.mobile-device #playerControls #player-control-buttons .previous {
        display: none;
    }

    body.mobile-device #playerControls #player-control-buttons .next {
        display: none;
    }


    .mobile-device .player-data-header {
        margin-top: .75rem;
    }

    .mobile-device.is-safari .player-data-header {
        margin-top: 2.5rem;
    }

    .mobile-device .player-data-summary {
        margin-left: 1rem;
    }

    .mobile-device.is-safari .player-data-summary {
        margin-left: 3rem;
    }

    .mobile-device #playerDataUpNextButton {
        font-size: 1.6rem;
    }

    .mobile-device #playerDataControls {
        top: .75rem;
        right: .25rem;
    }

    .mobile-device #playerControls #position-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mobile-device #playerControls #position-completed {
        width: 40px !important;
        min-width: 40px !important;
        padding-left: 0;
        padding-right: 5px;
        margin-left: 0rem;
    }

    .mobile-device #playerControls #position-uncompleted {
        width: 48px !important;
        min-width: 48px !important;
        padding-left: 5px;
        padding-right: 0;
        margin-right: 0rem;
    }

    .mobile-device #playerSelectOptions,
    .mobile-device body.mobile-device #playerSelectOptions {
        margin-left: 5px;
        margin-right: 19px;
    }

        .mobile-device #playerSelectOptions i {
            font-size: 1.4rem;
            position: relative;
            top: 1px;
        }

    .mobile-device #playerDataMute i {
        font-size: 1.4rem;
        min-width: unset;
        position: relative;
        top: 1px;
    }

    .mobile-device #playerControls #player-control-buttons .previous {
        display: none;
    }

        .mobile-device #playerControls #player-control-buttons .previous .svg-icon {
            height: 14px;
        }

    .mobile-device #playerControls #player-control-buttons .previous-chapter {
        margin-right: 10px;
    }

        .mobile-device #playerControls #player-control-buttons .previous-chapter .svg-icon {
            height: 14px;
            left: 0px;
        }

    .mobile-device #playerControls #player-control-buttons .control-button {
        font-size: 1.4rem;
    }

    .mobile-device #playerControls #player-control-buttons .play-pause-toggle .svg-icon {
        width: 30px;
        height: 28px;
    }

        .mobile-device #playerControls #player-control-buttons .play-pause-toggle .svg-icon.play {
            left: 2px;
        }

    .mobile-device #playerControls #player-control-buttons .next {
        display: none;
    }

        .mobile-device #playerControls #player-control-buttons .next .svg-icon {
            height: 14px;
        }

    .mobile-device #playerControls #player-control-buttons .next-chapter {
        margin-left: 11px;
        margin-right: 6px;
    }

        .mobile-device #playerControls #player-control-buttons .next-chapter .svg-icon {
            height: 14px;
            left: 0px;
        }

    .mobile-device #playerControls #playlistItems {
        font-size: 1.4rem;
    }

    .mobile-device #playerOptionFullscreen {
        font-size: 1.4rem;
        margin-left: 21px;
        margin-right: 0px;
    }

        .mobile-device #playerOptionFullscreen i {
            font-size: 1.4rem;
        }

    .mobile-device #playerControls #player-options-container {
        margin-left: .65rem;
        margin-right: .25rem;
    }

    .mobile-device #playerControls #player-control-buttons {
        margin-left: 0rem;
        margin-right: 0rem;
        padding-left: 0px;
    }

    .mobile-device #player-view-container .icons {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mobile-device #playerControls #player-view-container {
        margin-left: .25rem;
        margin-right: .75rem;
    }

    .mobile-device #playerControls #playerDataSummary1 {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .mobile-device #playerDataUpNext #playerDataUpNext1 {
        font-size: 1.2rem;
    }

    .mobile-device #playerDataControls button {
        font-size: 28px;
    }

    .mobile-device #playerDataUpNext {
        right: 0;
        margin-right: 1.25rem;
    }

    .mobile-device #playerControls #playerDataSummary2 {
        font-size: 1rem;
    }

    .mobile-device #playerControls #playerDataSummary3,
    .mobile-device #playerControls #playerDataSummary4,
    .mobile-device #playerControls #playerDataSummary5 {
        font-size: .9rem;
    }

    .mobile-device #player-upnext-container .player-upnext-items {
        overflow: auto;
    }

    .mobile-device #player-upnext-container .player-upnext-item-container {
        align-items: flex-start;
    }

    .mobile-device #player-upnext-container .player-upnext-item-line1 {
        margin-top: 7px;
        font-size: 1.4rem;
        max-height: 100px;
    }

    .mobile-device #player-upnext-container .player-upnext-item-line2 {
        font-size: 1.1rem;
    }

    .mobile-device #player-upnext-container .player-upnext-item-line3,
    .mobile-device #player-upnext-container .player-upnext-item-line4,
    .mobile-device #player-upnext-container .player-upnext-item-line5 {
        font-size: 1rem;
    }

    .mobile-device #playerDataUpNextLabel {
        font-size: 1.2rem;
        margin-right: 0rem;
    }

    .mobile-device #playerDataUpNextButton {
        font-size: 1.6rem;
    }

    .mobile-device #playerControls #controls-container {
        padding-bottom: 1.25rem !important;
    }

    .mobile-device #playerControls #position-level {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .recent-grouping .library-groups {
        padding-top: 0;
    }

    #main-screen.home .recent-grouping .library-groups .library-group {
        margin-top: 5px;
    }
    
    body:not(.mobile-device) #main-screen.home .recent-grouping .library-groups .library-group {
         margin-top: .5rem; 
    }
    /*.search-container {
        flex-direction: column;
    }

    #search-keys {
        width: 100%;
        height: unset;
        min-height: unset;
        flex-direction: row;
    }

    .no-shadow #search-keys {
        box-shadow: none;
    }

    #search-keys .input-container {
        background-color: rgba(0, 0, 0, .3);
        border-radius: 6px;
        border: solid 1px black;
        margin-top: 1rem;
        padding: 0;
        flex: 1;
        margin-left: .5rem;
        margin-right: .5rem;
        border-color: rgba(100, 100, 100, .3);
        margin-bottom: .25rem;
        margin-top: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #search-keys input {
        padding: .5rem .25rem;
        border-bottom: none;
        width: 100%;
    }

        #search-keys input::placeholder {
            color: whitesmoke;
            opacity: .7;
        }

    #search-keys .input-keys-toggle-keyboard {
        display: none;
    }

    #search-keys .input-keys-container {
        display: none;
    }

    #search-keys .input-searches-container {
        display: none;
    }

    #search-screen .library-groups-no-items {
        bottom: unset;
        padding: 1rem 0;
    }

        #search-screen .library-groups-no-items > div {
            font-size: 1.1rem;
        }

    #search-screen .search-section > div.name {
        padding: .75rem .5rem;
        font-size: 1.2rem;
        padding-bottom: 0;
    }

    #search-screen .search-grouping {
        min-height: unset;
    }

    #search-screen .library-groups {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    #search-screen .loader-container {
        z-index: 5;
        position: fixed;
    }

    #search-keys .input-search-icon {
        font-size: 1rem;
        display: block;
    }

        #search-keys .input-search-icon i {
            position: relative;
            top: 1px;
        }

    #search-keys .input-clear-icon {
        font-size: 1rem;
        display: block;
    }
*/

    .mobile-device.is-safari #playerDataUpNext {
        pointer-events: all;
    }

    .mobile-device.is-safari #playerDataClose {
        pointer-events: all;
    }

    .mobile-device.is-safari #playerControls #playlistItems {
        pointer-events: all;
    }

        .mobile-device.is-safari #playerControls #playlistItems i {
            top: 0px;
        }

    .mobile-device.is-safari #playerControls #playerSelectOptions {
        pointer-events: all;
    }

    .mobile-device.is-safari .player-data-header {
        margin-top: 2.5rem;
    }

    .mobile-device.is-safari .player-data-summary {
        margin-left: 3.25rem;
    }

    .mobile-device.is-safari #playerDataControls {
        top: 2.75rem;
        right: unset;
        left: -3px;
    }

    .mobile-device.is-safari #playerControls #player-options-container {
        margin-left: 2px;
        margin-right: 0px;
    }

    .mobile-device.is-safari #player-controls-container {
        bottom: 12px;
    }

    .mobile-device.is-safari #playerControls #player-view-container {
        margin-left: 0;
        margin-right: 5px;
    }



    .default-page-widget-2 .section-button {
        padding-top: 0rem;
    }

    .library-group .container .buttons button.info-button i {
        font-size: 16px;
    }

    .dms-on-demand.fullscreen.relative .dms-on-demand-form {
        min-height: 80vh;
    }

    .default-page-widget-2 .library-group .name {
        font-size: 1rem;
        padding-bottom: 1px;
    }

    .default-page-widget-2 .library-group .info .info0 {
        font-size: .9rem;
    }

    .library-group .container {
        padding: .65rem;
        padding-top: .4rem;
    }
    body:not(.mobile-devie) .media-layout-grid .library-group .container {
        padding: .5rem;
    }
        .library-group .container .buttons {
            padding-top: 3px;
        }

            .library-group .container .buttons button.info-button {
                margin-right: .4rem;
            }

    #main-screen .media-details .media-links .button-container:hover button,
    #main-screen .media-details .media-links button:hover,
    #main-screen .media-details .media-links button:focus,
    #main-screen .media-details .media-links button.focused,
    #main-screen .media-details .media-links button:active {
        padding: .25rem;
        border: none !important;
        background: transparent !important;
    }
    /* #main-screen .media-details .media-links .button-container:hover button label,
    #main-screen .media-details .media-links button:hover label,
    #main-screen .media-details .media-links button:focus label,
    #main-screen .media-details .media-links button.focused label,
    #main-screen .media-details .media-links button:active label {
        display: none;
    }*/

    body:not(.mobile-device) #player #playerControls .share-button {
        display: none;
        pointer-events: all;
    }

    #player #playerControls .details-button {
        margin-left: 0;
        margin-right: 0;
        pointer-events: all;
    }

    #player .media-details {
        width: 100vw;
    }

        #player .media-details .media-links {
            justify-content: center;
            margin-left: 0;
        }

            #player .media-details .media-links button {
                margin-right: 1.5rem;
                margin-left: 1.5rem;
                padding: .5rem;
                border: none;
                background: none;
                border-radius: 6px;
                margin-bottom: 0;
            }

            #player .media-details .media-links .button-container.padding-right {
                padding-right: 0rem;
            }

            #player .media-details .media-links .button-container:hover button,
            #player .media-details .media-links button:hover,
            #player .media-details .media-links button:focus,
            #player .media-details .media-links button.focused,
            #player .media-details .media-links button:active {
                padding: .5rem;
                border: none !important;
                background: transparent !important;
            }

        /* #player .media-details .media-links .button-container:hover button label,
    #player .media-details .media-links button:hover label,
    #player .media-details .media-links button:focus label,
    #player .media-details .media-links button.focused label,
    #player .media-details .media-links button:active label {
        display: none;
    }
*/
        /*#player .media-details .media-details-data {
            margin: 0rem 1rem;
        }*/

    .media-details-pages {
        padding: 0rem 1.25rem;
        margin-top: 1.5rem;
    }

    .app-button {
        font-size: 1rem;
    }

    #playerControls #playerDataSummary1 {
        font-size: 1.4rem;
        line-height: 1.4;
    }
    #playerControls #playerDataSummary2 {
        font-size: .9rem;
    }

    #playerControls #playerDataSummary3,
    #playerControls #playerDataSummary4,
    #playerControls #playerDataSummary5 {
        font-size: .8rem;
    }

    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 24px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 115px;
    }

    body:not(.mobile-device) #player.showing-controls #playerSubtitles {
        bottom: 165px;
    }

    body:not(.mobile-device) #player.showing-controls.has-up-next #playerSubtitles {
        bottom: 215px;
    }

    .header-options {
        top: -2px;
    }

    #main-screen:not(.home, .media, .related, .brand, .category, .event) .body .tab-page {
        margin-top: 3.25rem;
    }
    body:not(.mobile-device) #main-screen.search .body .tab-page {
        margin-top: 2.25rem;
    }

    .recent-date.top-ten-category > .name,
    .recent-date.top-ten-category .name.section-button {
        padding-bottom:0rem !important;
    }

}

@media only screen and (max-height: 600px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 1.8rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1rem;
    }
/*
    .project-layout-page.carousel .media-buttons {
        margin-bottom: 2rem;
    }
*/
    .project-layout-page.carousel .project-layout-page-info {
        padding-top: 0;
        padding-bottom: 12rem;
        display: none;
    }

    .project-layout-page.carousel .media-tags {
        font-size: .8rem;
        display: none;
    }

    #playerSubtitlesDelay {
        font-size: 28px;
        top: 5.5rem;
    }

    #playerSubtitlesInfo {
        font-size: 28px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 115px;
    }
}

@media only screen and (max-height: 600px) and (max-width: 1100px) {


    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message {
        max-width: 100%;
    }
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 1.6rem;
        margin-left: 0rem;
        max-width: 100%;
    }

}

@media only screen and (max-height: 600px) and (max-width: 800px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 1.8rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1rem;
    }
    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 8rem;
    }
}

@media only screen and (max-height: 575px) and (max-width: 800px) {

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        display: none;
    }
}
@media only screen and (max-width: 550px) {

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 25rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
    }
}

@media only screen and (max-height: 550px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 1.6rem;
        margin-left: 0rem;
    }

    .default-page-widget-1 {
        padding-bottom: 1rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.4rem;
        padding-bottom: 1rem;
        font-weight: unset;
    }

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 25rem;
        margin-bottom: 1rem;
    }

    .default-page-widget-1 .section-item-title {
        font-size: 2rem;
        margin-bottom: .75rem;
    }

    .default-page-widget-1 .section-item-description {
        font-size: 1.1rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions .app-button {
        font-size: 1.1rem;
    }

    .app-button {
        font-size: 1.1rem;
    }
}

@media only screen and (max-height: 550px) and (min-width: 1100px) {

    .default-page-widget-1 .section-item-title {
        font-size: 2rem;
        margin-bottom: .75rem;
    }

}

@media only screen and (max-height: 550px) and (max-width: 600px) {

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: .9rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.1rem;
        padding-bottom: .5rem;
        font-weight: unset;
    }

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 15rem;
        margin-bottom: .5rem;
    }

    .default-page-widget-1 .section-item-title {
        font-size: 1.2rem;
        margin-bottom: .5rem;
    }

    .default-page-widget-1 .section-item-description {
        font-size: 1rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-title-actions .app-button {
        font-size: 1rem;
    }

    .app-button {
        font-size: 1rem;
    }

    .dms-on-demand.default-screen .project-header-page-header {
        padding-top: 1%;
    }
}

@media only screen and (max-width: 500px) {

    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 22px;
    }
}

@media only screen and (max-height: 500px) {

    .project-layout-page.carousel .media-buttons {
        margin-bottom: 3rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 1.4rem;
        margin-bottom: .25rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        display: none;
    }

    .project-layout-page.carousel .project-layout-page-info {
        padding-top: 0;
        padding-bottom: 12rem;
       /* display: none;*/
    }

    .project-layout-page.carousel .media-tags {
        display: none;
    }

    .default-page-widget-3 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    #playerSubtitlesDelay {
        font-size: 24px;
        top: 5rem;
    }

    #playerSubtitlesInfo {
        font-size: 24px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 110px;
    }
}

@media only screen and (max-height: 500px) and (max-width: 800px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 1.6rem;
        margin-bottom: .25rem;
       /* display: none;*/
    }

    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 8rem;
    }
}

@media only screen and (max-height: 475px) and (max-width: 800px) {

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
       /* display:none;*/
    }

}

@media only screen and (max-width: 450px) {

    .mobile-device #playerSubtitlesDelay {
        font-size: 1rem;
        top: 10rem;
    }
    .mobile-device .dms-access-code-message.message-ex {
        font-size: 1rem;
        padding: 0px;
    }
    .mobile-device #player.event #playerControlsDisabled {
        font-size: .9rem;
        line-height: 1.6;
    }
    .mobile-device #player-controls-container #position-event-info {
        font-size: .7rem;
        margin-left: .75rem;
        margin-bottom: 0;
    }
    .mobile-device #playerControls #position-level {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    #main-screen .project-layout.no-items .project-quick-access .project-layout-page-no-items-label {
        font-size: 1.2rem;
    }

    .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 24rem;
    }

    .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.3rem;
    }
    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 79vh;
    }
}

@media only screen and (max-height: 450px) and (max-width: 1100px) {
    /*
    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        display: none;
    }
*/
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        display: none;
    }
    /*
    #main-screen .project-quick-access.full-info .project-layout-page-data {
        display: none;
    }*/
}

@media only screen and (max-width: 400px) {
    
    body.mobile-device #main-screen .project-layout-media-page.is-live .project-header-page-header {
        height: 94vh;
    }
    body.mobile-device .media-layout-event .media-pages {
        top: -7.5rem !important;
    }
    body.mobile-device #main-screen .project-layout-media-page.is-live .media-tagline {
        margin-bottom:.5rem;
    }
    body.mobile-device .project-layout-media-page.is-live .media-title {
        font-size: 1.6rem;
    }

    body.mobile-device .project-quick-access .live-banner-ex .live-countdown-header {
        font-size: .4rem;
    }
    body.mobile-device .project-quick-access .live-banner-ex .live-countdown-body {
        font-size: 1.4rem;
    }
    body.mobile-device .project-quick-access .live-banner-ex .bottom-banner {
        font-size: 1.4rem;
    }
    body.mobile-device .project-quick-access .live-banner-ex .bottom-banner .bottom-banner-text-1 {
        font-size: 1.1rem;
    }

    .library-group-container .ranking,
    .top-ten-category .library-groups > .library-group .ranking {
        left: -2.75rem;
    }

    .library-group-container:hover .ranking,
    .library-group-container:focus .ranking,
    .library-group-container.focused .ranking,
    .top-ten-category .library-groups > .library-group:hover .ranking,
    .top-ten-category .library-groups > .library-group:focus .ranking,
    .top-ten-category .library-groups > .library-group.focused .ranking {
        color: rgba(255, 0, 98, 1);
        left: -2.75rem;
    }

    .library-group-container.ranking-1 .ranking,
    .top-ten-category .library-groups > .library-group.ranking-1 .ranking {
        left: -28px;
    }

    .library-group-container.ranking-1:hover .ranking,
    .library-group-container.ranking-1:focus .ranking,
    .library-group-container.ranking-1.focused .ranking,
    .top-ten-category .library-groups > .library-group.ranking-1:hover .ranking,
    .top-ten-category .library-groups > .library-group.ranking-1:focus .ranking,
    .top-ten-category .library-groups > .library-group.ranking-1.focused .ranking {
        left: -28px;
    }

    .library-group-container.ranking-10,
    .top-ten-category .library-groups > .library-group.ranking-10 {
        margin-left: 6rem !important;
    }

        .library-group-container.ranking-10 .ranking,
        .top-ten-category .library-groups > .library-group.ranking-10 .ranking {
            left: -5.5rem !important;
            letter-spacing: 0px;
        }

        .library-group-container.ranking-10:hover .ranking,
        .library-group-container.ranking-10:focus .ranking,
        .library-group-container.ranking-10.focused .ranking,
        .top-ten-category .library-groups > .library-group.ranking-10:hover .ranking,
        .top-ten-category .library-groups > .library-group.ranking-10:focus .ranking,
        .top-ten-category .library-groups > .library-group.ranking-10.focused .ranking {
            left: -5.5rem !important;
        }

    .dms-on-demand .project-layout-page-title-actions .app-button {
        min-width: 15rem;
    }

    .default-page-widget-2 .recent-grouping .library-group:first-of-type {
        margin-left: .8rem !important;
    }

    .default-page-widget-2 .recent-grouping .library-group:last-of-type {
        margin-right: .8rem !important;
    }

    .dms-on-demand.login-screen .dms-login-details-header {
        padding-bottom: .25rem;
    }

    .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons .app-button {
        min-width: 15rem;
    }

    .dms-on-demand .project-layout-page-title-actions .app-button {
        min-width: 15rem;
    }

    .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons > button {
        min-width: 15rem;
    }

    #main-screen .tab-page.has-categories #recent-dates .recent-date {
        min-height: 200px;
    }

    #main-screen .recent-grouping {
        min-height: 200px;
    }

    #main-screen .recent-date.use-large-image .recent-grouping {
        min-height: 265px;
    }

    #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 190px;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1rem;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 2rem;
    }

    .project-layout-page.carousel .media-buttons {
        margin-bottom: .25rem;
    }

    #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 155px;
    }

    #main-screen.home .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 155px;
    }

    .project-quick-access.full-info .project-layout-page-message {
        -webkit-line-clamp: 3;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        -webkit-line-clamp: 2;
    }

    .app-project-header-ex2 {
        min-height: 45px;
    }

    .project-layout-media-page .media-buttons {
        margin-bottom: 1.5rem;
    }

    .project-layout-media-page .media-links {
        margin-top: .5rem;
    }

    #main-screen.media .section-row .section-background,
    #main-screen.brand .section-row .section-background,
    #main-screen.related .section-row .section-background,
    #main-screen.category .section-row .section-background {
        top: 10rem;
    }
    /*.project-layout-media-page .media-layout-grid .library-groups {
        grid-template-columns: repeat(auto-fit, minmax(167px, 1fr)) !important;
    }
    .project-layout.media-layout-grid .media-layout-grid .library-group {
        min-height: 86px;
    }
    .project-layout.media-layout-grid .media-layout-grid .library-group .image {
        min-height: 86px;
    }*/
    .media-layout-grid .media-tabs {
        margin-bottom: 1.5rem;
    }

    .fullscreen-quickaccess #main-screen.media
    .project-layout.media-layout-grid #recent-info {
        margin-top: 0rem;
    }

    .project-layout-media-page .media-buttons {
        margin-bottom: 1rem;
    }

    .project-layout-media-page .media-title {
        font-size: 2.1rem;
    }

    .project-layout-media-page .media-tagline {
        font-size: 1.1rem;
    }

    .project-layout-media-page .media-options {
        font-size: 1.1rem;
    }

    .carousel-indicators {
        bottom: 15% !important;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title, .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        line-height: 1.3;
    }

    .recent-grouping .library-groups {
        padding-top: 0;
    }

    #main-screen .media-layout-0 .project-layout-media-page .media-buttons > button {
        margin-bottom: 1.5rem;
    }

    #main-screen .media-layout-0 .project-layout-media-page .media-buttons {
        margin-bottom: 3.5rem;
        margin-bottom: 2rem;
    }

    #main-screen .media-layout-0 .project-layout-media-page .project-quick-access.full-info .project-layout-page-info {
        padding-top: 0;
    }

    .fullscreen-quickaccess #main-screen .project-header-page-header {
        padding-top: 22.5vh;
    }

    .project-layout-page.carousel .project-header-page-header {
        height: unset;
    }

    .topscreen-quickaccess #main-screen .project-header-page-header {
        padding-top: 15vh;
    }

    .has-quickaccess #main-screen.home #recent-info {
        margin-top: -1.5rem;
    }

    .recent-date > .recent-grouping > .loader-io {
        bottom: 3.5rem;
    }

    .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons {
        margin-bottom: 3rem;
    }

    #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page #media-image {
        width: 150px;
        max-width: 150px;
        min-width: 150px;
        min-height: 150px;
        max-height: 150px;
        height: 150px;
    }


    .mobile-device .player-data-header {
        margin-top: .75rem;
    }

    .mobile-device .player-data-summary {
        margin-left: 1rem;
    }

    .mobile-device #playerDataUpNextButton {
        font-size: 1.4rem;
    }

    .mobile-device #playerDataControls {
        top: .75rem;
        right: .25rem;
    }

    .mobile-device.is-safari #playerDataControls {
        top: 2.75rem;
        right: unset;
        left: -3px;
    }

    .mobile-device #playerControls #position-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mobile-device #playerControls #position-completed {
        width: 40px !important;
        min-width: 40px !important;
        padding-left: 0;
        padding-right: 5px;
        margin-left: 0rem;
    }

    .mobile-device #playerControls #position-uncompleted {
        width: 48px !important;
        min-width: 48px !important;
        padding-left: 5px;
        padding-right: 0;
        margin-right: 0rem;
    }

    .mobile-device #playerSelectOptions,
    body.mobile-device #playerSelectOptions {
        margin-right: 13px;
        margin-left: 0;
    }

        .mobile-device #playerSelectOptions i {
            font-size: 16px;
        }

    .mobile-device #playerDataMute i {
        font-size: 15px;
        min-width: unset;
    }

    .mobile-device #playerControls #player-control-buttons .previous {
        display: none;
    }

        .mobile-device #playerControls #player-control-buttons .previous .svg-icon {
            height: 12px;
        }

    .mobile-device #playerControls #player-control-buttons .previous-chapter {
        margin-right: 8px;
        margin-left: 5px;
    }

        .mobile-device #playerControls #player-control-buttons .previous-chapter .svg-icon {
            height: 12px;
            left: 0px;
        }

    .mobile-device #playerControls #player-control-buttons .control-button {
        font-size: 1rem;
    }

    .mobile-device #playerControls #player-control-buttons .play-pause-toggle .svg-icon {
        width: 21px;
        height: 19px;
    }

        .mobile-device #playerControls #player-control-buttons .play-pause-toggle .svg-icon.play {
            left: 2px;
        }

        .mobile-device #playerControls #player-control-buttons .play-pause-toggle .svg-icon.pause {
            top: .5px;
        }

    .mobile-device #playerControls #player-control-buttons .next {
        display: none;
    }

        .mobile-device #playerControls #player-control-buttons .next .svg-icon {
            height: 12px;
        }

    .mobile-device #playerControls #player-control-buttons .next-chapter {
        margin-left: 9px;
        margin-right: 6px;
    }

        .mobile-device #playerControls #player-control-buttons .next-chapter .svg-icon {
            height: 12px;
            left: 0px;
        }

    .mobile-device #playerControls #playlistItems {
        font-size: 16px;
    }

    .mobile-device #playerOptionFullscreen {
        font-size: 16px;
        margin-left: 18px;
        margin-left: 15px;
        margin-right: 0rem;
    }

        .mobile-device #playerOptionFullscreen i {
            font-size: 16px;
        }

    .mobile-device #playerControls #player-options-container {
        margin-left: .65rem;
        margin-right: .25rem;
    }

    .mobile-device.is-safari #playerControls #player-options-container {
        margin-left: 2px;
        margin-right: 0px;
    }

    .mobile-device.is-safari #player-controls-container {
        bottom: 12px;
    }

    .mobile-device #playerControls #player-control-buttons {
        margin-left: 0rem;
        margin-right: 0rem;
        padding-left: 0px;
    }

    .mobile-device #player-view-container .icons {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mobile-device #playerControls #player-view-container {
        margin-left: .25rem;
        margin-right: .75rem;
    }

    .mobile-device.is-safari #playerControls #player-view-container {
        margin-left: 0;
        margin-right: 5px;
    }

    .mobile-device #playerControls #playerDataSummary1 {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .mobile-device #playerDataUpNext #playerDataUpNext1 {
        font-size: 1rem;
    }

    .mobile-device #playerDataControls button {
        font-size: 20px;
    }

    .mobile-device #playerDataUpNext {
        right: 0;
        margin-right: 1rem;
        bottom: 107px;
    }

    .mobile-device #playerControls #playerDataSummary2 {
        font-size: .8rem;
    }

    .mobile-device #playerControls #playerDataSummary3,
    .mobile-device #playerControls #playerDataSummary4,
    .mobile-device #playerControls #playerDataSummary5 {
        font-size: .7rem;
    }

    .mobile-device #player-upnext-container .player-upnext-items {
        overflow: auto;
    }

    .mobile-device #player-upnext-container .player-upnext-item-container {
        align-items: flex-start;
    }

    .mobile-device #player-upnext-container .player-upnext-item-line1 {
        margin-top: 7px;
        font-size: 1.1rem;
        max-height: 100px;
    }

    .mobile-device #player-upnext-container .player-upnext-item-line2 {
        font-size: .9rem;
    }

    .mobile-device #player-upnext-container .player-upnext-item-line3,
    .mobile-device #player-upnext-container .player-upnext-item-line4,
    .mobile-device #player-upnext-container .player-upnext-item-line5 {
        font-size: .8rem;
    }

    .mobile-device #playerDataUpNextLabel {
        font-size: 1rem;
        margin-right: 0rem;
    }

    .mobile-device #playerDataUpNextButton {
        font-size: 1.3rem;
    }


    .mobile-device.is-safari #playerDataUpNext {
        pointer-events: all;
    }

    .mobile-device.is-safari #playerDataClose {
        pointer-events: all;
    }

    .mobile-device.is-safari #playerControls #playlistItems {
        pointer-events: all;
    }

    .mobile-device.is-safari #playerControls #playerSelectOptions {
        pointer-events: all;
    }

    .dms-on-demand.fullscreen.relative .dms-on-demand-form {
        min-height: 82vh;
    }


    #playerSubtitlesDelay,
    #playerSubtitlesInfo {
        font-size: 20px;
    }

}

@media only screen and (max-height: 400px) {

    body:not(.mobile-device) #main-screen .project-layout-page-data {
        display: none;
    }

    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        display:none;
    }
    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1.1rem;
        margin-top: .5rem;
        margin-bottom: .15rem;
        display: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .project-layout-page.carousel .project-layout-page-info {
        padding-top: 0;
        padding-bottom: 9rem;
        display: none;
    }

    .project-layout-page.carousel .media-tags {
        font-size: .8rem;
        display: none;
    }

    .dms-on-demand.default-screen.fullscreen.relative .dms-on-demand-form {
        min-height: 100vh;
    }
    .default-page-widget-1 {
        display: none;
    }
    .default-page-widget-2 {
        display:none;
    }
    .default-page-widget-3 {
        display: none;
    }
    .footer-links {
        display:none;
    }

    #playerSubtitlesDelay {
        font-size: 20px;
        top: 4rem;
    }
    #playerSubtitlesInfo {
        font-size: 20px;
    }

    #player.showing-controls #playerSubtitles {
        bottom: 105px;
    }
    #playerDataControls {
        top: 20px;
    }
}

@media only screen and (max-height: 400px) and (max-width: 1100px) {

    body.is-ready .app-project-header-ex2 {
        opacity: 0;
    }

    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        display: none;
    }
}

@media only screen and (max-height: 375px) {

    body:not(.mobile-device) #main-screen .project-layout-page-data {
        display: none;
    }
}

@media only screen and (max-height: 350px) {

    .project-layout-page.carousel .media-buttons {
        margin-bottom: 1.5rem;
    }

    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        display: none;
    }
}

@media only screen and (max-height: 350px) and (max-width: 1100px) {

    .project-layout-page.carousel .media-buttons {
        margin-bottom: 2rem;
    }

/*
    #main-screen .project-quick-access.full-info .project-layout-page-data {
        display: none;
    }
*/
}

@media only screen and (max-height: 300px) {

    #main-screen .project-quick-access.full-info .project-layout-page-data {
        display: none;
    }

    #playerSubtitlesDelay {
        font-size: 18px;
        top: 3rem;
    }
    #playerSubtitlesInfo {
        font-size: 18px;
    }
    #player.showing-controls #playerSubtitles {
        bottom: 100px;
    }
}

@media only screen and (max-height: 325px) and (max-width: 1100px) {

    .project-layout-page.carousel .media-buttons {
        margin-bottom: 1.5rem;
    }

}

@media only screen and (max-height: 300px) and (max-width: 1100px) {

    .project-layout-page.carousel .media-buttons {
        margin-bottom: 1.5rem;
    }

    #main-screen .project-quick-access.full-info .project-layout-page-data {
        display: none;
    }

/*
    body.is-ready .app-project-header-ex2 {
        opacity: 0;
    }*/
}

@media only screen and (max-height: 250px) {
   
}

@media only screen and (max-height: 200px) {

    #main-screen .project-quick-access.full-info .project-layout-page-data {
        display: none;
    }

    #playerSubtitlesDelay {
        font-size: 16px;
        top: 2rem;
    }
    #playerSubtitlesInfo {
        font-size: 16px;
        display: none;
    }
    #player.showing-controls #playerSubtitles {
        bottom: 95px;
    }
    .player-data-header {
        margin-top: 10px;
    }

    #playerDataControls {
        top: 10px;
    }
}

@media only screen and (max-height: 150px) {

    .player-data-header {
        margin-top: 10px;
    }

    #playerDataControls {
        top: 10px;
    }
    #playerSubtitlesDelay {
       display:none;
    }
    #playerSubtitlesInfo {
        font-size: 14px;
    }
}

@media only screen and (max-height: 100px) {

    #player.showing-controls #playerSubtitles {
        display: none;
    }
}


/*.ipad vertical*/
@media only screen and (max-width: 768px) and (max-height: 921px) {
}

/*.ipad horizontal*/
@media only screen and (max-width: 1020px) and (max-height: 665px) {
}


/*ipad vertical*/
@media only screen and (min-width: 700px) and (max-width: 1100px) and (min-height: 900px) {


    body.mobile-device .project-layout-media-page .media-title {
        font-size: 3.2rem;
        max-height: 210px;
    }

    body.mobile-device .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
        line-height: 1.4;
        -webkit-line-clamp: 6;
        max-height: 156px;
    }


    body.mobile-device .header-options {
        top: -5px;
    }
    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 308px;
    }
    body.mobile-device #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 308px;
    }
    body.mobile-device .recent-date.top-ten-category .recent-grouping .library-groups .library-loader {
        padding-top: 1rem;
    }

    body.mobile-device .library-group-container .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group .ranking {
        font-size: 9rem;
    }

    body.mobile-device .recent-date.top-ten-category .name.section-button {
        font-size: 7rem;
        padding-bottom:.5rem;
    }

    body.mobile-device .sections-tab {
        width: 10.25rem;
    }
    body.mobile-device .sections-page {
        padding: 1.5rem;
        padding-top:1rem;
    }
    body.mobile-device #options-screen .sections-tabs button {
        padding: .5rem .75rem;
        margin-bottom: .5rem;
        margin-top: .5rem;
    }

    body.mobile-device .media-details-ex .media-details-title {
        line-height: 2.6rem;
    }
    body.mobile-device .recent-date > .name, .recent-date .name.section-button {
        top: 0rem;
    }
    body.mobile-device .project-widget-media-page.media-layout-2 .project-layout-media-page .media-title {
        font-size: 3rem;
    }
    body.mobile-device #button-options {
        position:relative;
        top:0px;
        padding-bottom:.25rem;
    }
    body.mobile-device .app-project-header {
        padding-left:15px;
    }
    body.mobile-device .app-project-header .header-background {
        bottom: .5rem;
    }
    body.mobile-device .project-widget-media-page .project-layout-media-page .media-tagline {
        max-height: 165px;
        -webkit-line-clamp: 6;
        max-width:90%;
    }

    body.mobile-device .library-group-container.ranking-10 .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-10 .ranking {
        left: -7.5rem;
    }
    body.mobile-device .library-group-container.ranking-10,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-10 {
        margin-left: 8.25rem !important;
    }
    /*.mobile-device .dms-on-demand.fullscreen.relative .dms-on-demand-form {
        min-height: 80vh;
    }
    .mobile-device .dms-on-demand.fullscreen .project-header-page-header {*/
        /*padding-top: 33%;
        left:0%;*/
    /*}
    .mobile-device .center-page-title .project-layout-page-data {
        max-width: unset;
    }*/
    /*.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 60vw;
        max-height: 60vw;
    }*/
    /*.mobile-device .center-page-title .project-layout-page-message {*/
        /* font-size: 2rem;
        padding-bottom: 2rem;*/
    /*}*/
    /*.default-page-widget-1 {
        padding: 0;
    }
    .default-page-widget-1 .section {
        max-width: unset;
    }
    .default-page-widget-1 .section-item {
        padding: .5rem 1rem;
        max-width: 30vw;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
    .default-page-widget-1 .section-item-description {
        font-size: 1rem;
    }*/

/*    .mobile-device .recent-grouping .library-groups {
        padding-top: 0px;
    }
    .mobile-device .library-groups::-webkit-scrollbar {
        width: 1px;
        height: 0px;
        opacity: 0;
        display: none;
    }
    .mobile-device .app-project-header {
        margin-right: 0rem;
    }
    .mobile-device .header-options {
        top: 0px;
    }
    .mobile-device .header img {
        top: -3px;
    }*/
    /*.tab-page:not(.has-quickaccess) #recent-info.show-names {
        padding-top: 5.25rem;
    }*/


    /*.default-page-widget-2 {
        padding: 0rem;
        padding-top: 1rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    .default-page-widget-2 .section {
        max-width: 100%;
        margin-left: .5rem;
        margin-left: 0rem;
    }
    .default-page-widget-2 .section-title {
        font-size: 1.4rem;*/ 
       /* position: relative;
        left: .25rem;
        margin-left: .25rem; */
        /*width: 100%;
        text-align: center;
        font-weight: bold;
        position: relative;
        left: 0rem;
    }
    .default-page-widget-2 .section-button {
        padding-right: 0rem; 
        padding-top: 1.5rem;
    }
    .mobile-device .default-page-widget-2 .section-button {
        padding-top: .5rem;
    }
    body.dark-mode .default-page-widget-2 .app-button {
        padding: 10px 30px;
        font-size: 1rem;
        position: relative;
        left: 0rem;
    }*/
    /*.default-page-widget-2 .library-types-scroll-button {
        height: 80px;
        top: 3rem;
    }*/
    /*.default-page-widget-2 .library-group {
        width: 312px;
        min-width: 312px;
        min-height: 240px;
        margin-bottom:0px;
    }
    .default-page-widget-2 .library-group img {
        max-width: 312px;
        max-height: 312px;
    }
    body.widescreen-artwork .default-page-widget-2 .library-group .image {
        width: 312px;
        height: 175px;
    }*/
    /*.default-page-widget-3 {
        padding: 0;
         display: none; 
        z-index: 15;
    }
    .default-page-widget-3 .section {
        max-width: 100%;       
    }
    .default-page-widget-3 .section-item {
        min-height: unset;
    }
    .default-page-widget-3 .section-item-title {*/    
       /* font-size: 1.2rem;*/
        /*margin-left: 0;
    }
    .default-page-widget-3 .section-item-button {        
        margin-right: 0;
    }
    body.dark-mode .default-page-widget-3 .app-button {*/
        /*padding: 10px 25px;
        font-size: 1rem;*/
        /*margin-right: 0;
    }
    .default-page-widget-3 .section {
        max-width: 100%;
    }

    body.dark-mode .default-page-widget-3 .app-button {*/
        /*padding: 10px 25px;
        font-size: 1rem;*/
    /*}
    .footer-links {
        margin-top: 0;
        margin-top: 2rem;
        padding-bottom: 3rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 5;
        margin-left: unset;
        margin-right: unset;
    }
    .footer-links > .copyright {
        order: 10;
        margin-top: 1rem;
    }
    .footer-links > .link-items { 
        margin-bottom: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items a {
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    .footer-links > .link-items-ex { 
        margin-bottom: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items-ex a {
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    body.dark-mode .footer-links .app-button {*/
      /*  font-size: 1rem;
        padding: 10px 30px;*/
    /*}*/
    /*.default-page-widget-2 .recent-grouping .library-group:last-of-type {
        margin-right: 1rem !important;
    }
    .default-page-widget-2 .recent-grouping .library-group:first-of-type {
        margin-left: 1rem !important;
    }
    .default-page-widget-2 .section-items {
        left: 0rem;
    }*/
    /*.mobile-device .header #button-options {
        margin-right: 0px;
    }
    .mobile-device #main-screen .header .dms-on-demand-form-close {
        margin-right: -8px;
        padding-left: .6rem;
    }
    .mobile-device  #main-screen .header .dms-on-demand-form-close.show {
        padding-left: .6rem;
    }
    .mobile-device .dms-on-demand-form-close button {
        position: relative;
        top: 2px;
    }

    .mobile-device .app-project-header-ex2 {
        padding-top: 1rem;
        justify-content: center;
        width: 100vw;
    }
    .mobile-device .app-project-header-ex2-items > button {
        font-size: 16px;
        margin-left: .5rem;
        margin-right: .5rem;
        padding-top: .25rem;
    }
    .mobile-device .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    .mobile-device .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    .mobile-device .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        font-size: 2.8rem;
        max-width: 70vw;
        margin-left: 0.75rem;
    }
    .mobile-device .project-layout-page.carousel .media-buttons {
        margin-bottom: 7rem;
    }
    .mobile-device #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message {
        max-width: 90%;
    }
    .mobile-device #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        line-height: 1.4;
    }
*/
    /*.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        padding-bottom: 2rem;*/
        /* margin-top: -.5rem;*/
    /*}
    .mobile-device #main-screen #recent-dates .recent-date,
    .mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date {
        min-height: 315px;
    }
    .mobile-device #main-screen #recent-dates .recent-date.use-large-image, 
    .mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        min-height: 500px;
    }

    body.mobile-device.widescreen-artwork .recent-date.display-round-image .library-group {
        width: 177px;
        min-width: 177px;
    }
    body.mobile-device.widescreen-artwork .recent-date.display-round-image .library-group .image {
        width: 175px;
        height: 175px;
    }
    body.mobile-device .recent-date.display-round-image .library-group img {
        max-width: 175px;
        max-height: 175px;
    }
    body.mobile-device #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 190px;
    }
    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 260px;
        max-height: 260px;
    }

    body.mobile-device .search-container {
        flex-direction: column;
    }
    body.mobile-device #search-keys {
        width: 80%;
        height: unset;
        min-height: unset;
        flex-direction: row;
        margin: auto;
    }
    body.mobile-device #search-keys .input-container {
        background-color: rgba(0, 0, 0, .3);
        border-radius: 6px;
        border: solid 1px black;
        margin-top: 1rem;
        padding: 0;
        flex: 1;
        margin-left: .5rem;
        margin-right: .5rem;
        border-color: rgba(100, 100, 100, .3);
        margin-bottom: .25rem;
        margin-top: 1rem;
    }
   body.mobile-device  #search-keys input {        
        padding: .5rem .25rem;
        border-bottom: none;
        width: 100%;
    }
   body.mobile-device #search-keys input::placeholder {
        color: whitesmoke; 
        opacity: .7;
    }
    body.mobile-device #search-keys .input-keys-toggle-keyboard {
        display: none;
    }
    body.mobile-device #search-keys .input-keys-container {
        display: none;
    }
    body.mobile-device #search-keys .input-searches-container {
        display: none;
    }
    body.mobile-device #search-screen .library-groups-no-items {
        bottom: unset;
        padding: 1rem 0;
    }
    body.mobile-device #search-screen .library-groups-no-items > div {
        font-size: 1.1rem;
    }
    body.mobile-device #search-screen .search-section > div.name {
        padding: .75rem .5rem;
        font-size: 1.2rem;
        padding-bottom: 0;
    }
    body.mobile-device #search-screen .search-grouping {
        min-height: unset;
    }
    body.mobile-device #search-screen .library-groups {
        margin-left: .5rem;
        margin-right: .5rem;
    }
    body.mobile-device #search-screen .loader-container {
        z-index: 5;
        position: fixed;
    }
    body.mobile-device #search-keys .input-search-icon {
        font-size: 1rem;
        display: block;
    }
    body.mobile-device #search-keys .input-search-icon i {
        position: relative;
        top: 1px;
    }
    body.mobile-device #search-keys .input-clear-icon {
        font-size: 1rem;
        display: block;
    }

    body.mobile-device #main-screen:not(.home, .media, .related, .brand, .category, .event) .body .tab-page {
        margin-top: 3rem;
    }

    body.mobile-device .sections-tab {
        width: 10rem !important;
        font-size: 1rem;
        margin: 0 !important;
        padding: 1rem 1rem !important;
    }
    body.mobile-device .sections-page .section-header {
        font-size: 1.2rem;
    }
    body.mobile-device .sections-page .section-row {
        padding-top: .5rem;
        font-size: 1.2rem;
        padding-left: 1px;
    }
    body.mobile-device .sections-page {
        padding: 1.5rem;
        padding-top: .75rem;
    }
    body.mobile-device .sections-page .section-options {
        padding-top: .75rem;
    }
   body.mobile-device  .sections-page .section-options > button {
        font-size:1.1rem;
        padding: 1rem 1.5rem;
    }
    body.mobile-device .page-subscription-cancel-title {
        font-size: 1.2rem;
    }
    body.mobile-device .page-subscription-cancel-message {
        font-size: 1rem;*/
        /* line-height: 1.4; */
        /*margin-top: .25rem;
        margin-bottom: .75rem;
        left: 1px;
    }
    body.mobile-device .page-subscription-cancel-footer {
        margin-top: .25rem;
    }
    body.mobile-device .page-subscription-cancel-footer > button {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
    }
    body.mobile-device .page-support-contact-title {
        font-size: 1.2rem;
    }
    body.mobile-device .page-support-contact-message {
        font-size: 1rem;*/
        /* line-height: 1.4; */
        /*margin-top: .25rem;
        margin-bottom: .75rem;
        left: 1px;
        position: relative;
    }
    body.mobile-device .page-support-contact-footer {
        margin-top: .25rem;
    }
    body.mobile-device .page-support-contact-footer > button {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
    }
    body.mobile-device .page-details-update-title {
        font-size: 1.2rem;
    }
    body.mobile-device .page-details-update-message {
        font-size: 1rem;*/
        /* line-height: 1.4; */
        /*margin-top: .25rem;
        margin-bottom: .75rem;
        left: 1px;
        position: relative;
    }
    body.mobile-device .page-details-update-footer {
        margin-top: .5rem;
    }
    body.mobile-device .page-details-update-footer > button {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
    }
    body.mobile-device .page-email-update-title {
        font-size: 1.2rem;
    }
    body.mobile-device .page-email-update-message {
        font-size: 1rem;*/
        /* line-height: 1.4; */
        /*margin-top: .25rem;
        margin-bottom: .75rem;
        left: 1px;
        position: relative;
    }
    body.mobile-device .page-email-update-footer {
        margin-top: .25rem;
    }
    body.mobile-device .page-email-update-footer > button {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
    }
    body.mobile-device .page-password-update-title {
        font-size: 1.2rem;
    }
    body.mobile-device .page-password-update-message {
        font-size: 1rem;*/
        /* line-height: 1.4; */
        /*margin-top: .25rem;
        margin-bottom: .75rem;
        left: 1px;
        position: relative;
    }
    body.mobile-device .page-password-update-footer {
        margin-top: .25rem;
    }
    body.mobile-device .page-password-update-footer > button {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
    }*/

    
   /* .dms-on-demand.login-screen .dms-on-demand-form-container {
        background-color: rgba(0, 0, 0, .8);
        background: linear-gradient(0deg, #141414 70%, #FF0062);
        background: linear-gradient(20deg, black 25%, #333);
        background: linear-gradient(20deg, #141414 50%, #333);
    }
    .dms-on-demand.login-handler .dms-on-demand-selection-container {

    }
    .dms-on-demand.login-handler .dms-on-demand-selection-sections,
    .dms-on-demand.login-handler .dms-on-demand-selection-sections:not(.checkout-container) {
        border-radius: 0;
        flex: 1;
        margin-bottom: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        margin-top: 0;
        padding-top:0;
    }
    .project-layout-page-default-image, .dms-on-demand .project-layout-page-default-image {
        display:none;
    }*/

    /*body.mobile-device .dms-on-demand.subscribe-screen {
        flex-direction: column;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-form-container {
        background: linear-gradient(20deg, #141414 50%, #333);
    }
    body.mobile-device .subscribe-screen .dms-on-demand-selection-sections {
        max-width: unset;
        flex-direction: column;
    }
    body.mobile-device .subscribe-screen .dms-on-demand-selection-section1 {
        margin: 0;
        flex: unset;
        max-width: calc(100vw - 1px);
        padding-left: .5rem;
        padding-right: .5rem;
    }
    body.mobile-device .subscribe-screen .dms-on-demand-form-container {
        flex: 1;
        width: 100%;
    }
    body.mobile-device .subscribe-screen .dms-on-demand-selection-section-title {
        text-shadow: none;
        font-size: 28px;
        text-align: center;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    body.mobile-device .mobile-device .subscribe-screen .dms-on-demand-selection-section-title {
        font-size: 26px;
        padding-left: 0;
        padding-right: 0;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-subscription-item {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: .75rem;
        margin-bottom: .75rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-actions .logo {*/
        /*cursor: pointer;
        display: flex;
        align-items: center;
        padding-top: .5rem;
        padding-bottom: 0rem;
        padding-right: 1rem;
        padding-left: 3.5px;*/
    /*}
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-pricing-container {
        align-items: center;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-description {
        text-shadow: none;
        font-size: 1.1rem;
        margin: .5rem .25rem;
        text-align: center;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-pricing-type {
        padding: 0 .25rem;
        font-size: 1.1rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-amount {
        font-size: 1.4rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-subscription-item i {
        margin-right: 1rem;
        font-size: 1.4rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen.no-payment .dms-on-demand-selection-section-subscription-item {
        transform: scale(1) !important;
    }
    body.mobile-device .dms-on-demand.subscribe-screen.no-payment .dms-on-demand-selection-section-subscriptions {
        margin-top: .75rem;
        padding-bottom: .25rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section2 {
        padding: 0;
        background: transparent;
        margin: .5rem 0;
        padding-top: 0;
        max-width: calc(100vw - 1px);
        padding-left: .5rem;
        padding-right: .5rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-signup-container {
        padding: 1rem;
        margin-top: .5rem;
        padding: 0;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-summary-item.total {
        margin-left: .25rem;
        margin-right: .25rem;
        padding-top: .5rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-consent-message {
        margin-left: .25rem;
        margin-right: .25rem;
        margin-bottom: .75rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-summary-agreement {
        padding-top: .75rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-receive-updates-button {
        margin-bottom: .25rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-signup-message {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-container {
        padding-top: 0rem;*/
        /*padding-bottom: 3rem;*/
    /*}
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-actions {
        position: relative;
        margin-bottom: 1rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 {
        text-align: center;
        max-width: unset;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container1 {
        display: flex;
        align-items: center;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-header {
        padding-bottom: 1rem;
        padding-bottom: 0rem;
        line-height: 1.4;
    }
    body.mobile-device .dms-on-demand-form .dms-on-demand-selection-form {
        background-color: unset;
        color: unset;
        padding-top: unset;
        border-radius: unset;
        height: unset;
        padding-bottom: unset;
        max-width: unset;
        box-shadow: unset;
        margin-top: unset;
    }
    body.mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons {
        justify-content: center;
        flex-direction: column;
        padding-right: 0;
        margin-right: 0;
    }
    body.mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-buttons > button {
        margin-right: 0 !important;
        margin-bottom: .5rem;
        min-width: 20rem;
        text-align: center;
        justify-content: center;
    }
    .mobile-device .dms-on-demand .dms-on-demand-actions .logo {
        padding-bottom: 0;
        padding-top: .2rem;
        top: 1px;
        padding-top: 0rem;
        padding-left: 1px;
        height: 70%;
        font-size: 1rem;
    }
   .mobile-device  .dms-on-demand .dms-on-demand-actions .logo img {
        height: 1.4rem;
        height: 22px;
        padding-right: 1.5rem;
        max-height: 38px;
    }
    body.mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-title {
        font-size: 1.7rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-info-payment-amount {
        font-size: 1.2rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-subscribe-complete .dms-on-demand-info-payment-email {
        font-size: 1.2rem;
    }*/
    /*.mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message,
    .mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message-ex {
        text-shadow: none;
    }*/
    /*body.mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message {
        font-size: 1.2rem;
        font-size: 1rem;
    }
    body.mobile-device .dms-on-demand-selection-subscribe-complete .dms-on-demand-selection-container2 .dms-on-demand-message-ex {
        font-size: 1.2rem;
        font-size: 1rem;
        padding-bottom: 0;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-loader {
        position: fixed;
    }
    body.mobile-device .dms-on-demand.login-screen .dms-on-demand-loader {
        position: fixed;
    }*/
    /*.dms-on-demand.login-screen .dms-login-details-header {
        padding-bottom: 1rem;
    }*/
    /*body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-summary-item span {
        font-size: 18px;
    }

    body.mobile-device.fadein-quickaccess #main-screen .project-layout-page-background-image-container {
        background: linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)) !important;
    }
    .mobile-device .app-user-content-menu {
        top: 49px;
        right: -10px;
    }
    .mobile-device .dms-on-demand .dms-on-demand-actions .logo {
        padding-top: .5rem;
        padding-left: 1px;
        top: 0px;
    }
    .mobile-device .dms-on-demand .dms-on-demand-actions .logo img {
        height: 1.8rem;
    }
    .mobile-device .dms-on-demand-actions .dms-on-demand-form-close {
        margin-left: .5rem;
        margin-bottom: .1rem;
        margin-right: 1.5rem;*/
        /* margin-top: 11.5px; */
        /*position: relative;
        top: -1px;
    }

    .mobile-device .library-groups-selected-item.fixed-window .library-group-details > .image {
        max-width: 100% !important;
    }
    .mobile-device .library-groups-selected-item.fixed-window {
        width: 100% !important;
        left: 0 !important;
    }
    .mobile-device .library-groups-selected-item.fixed-window .library-group-info-wrapper {
        max-width: 100% !important;
    }
    .mobile-device .library-group-info-container {
        padding-left: 0;
    }

    .mobile-device #player-view-container .icons {
        margin-left: 35px;
    }
    .mobile-device #playerDataMute {
        margin-left: 15px;
        font-size: 1.4rem;
    }
    .mobile-device #playerSubtitlesDelay {
        top: 8rem;
        font-size: 2.4rem;
    }
    .mobile-device #playerDataSummary2 {
        margin-top: 1px;
    }
    .mobile-device #playerControls #player-control-buttons .play-pause-toggle .svg-icon {
        width: 25px;
        height: 25px;
    }
    .mobile-device #playerControls #player-control-buttons .play-pause-toggle .pause {
        top: -1px;
    }

    .mobile-device #main-screen .project-layout-media-page .project-header-page-header {
        padding-left: 0rem;
    }
    .mobile-device .project-layout-media-page .media-title {
        font-size: 3.4rem;
        max-width: 70%;
        line-height: 1.2;
    }
    .mobile-device .project-layout-media-page .media-tagline {
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .mobile-device .project-header-page-header {
        padding-left: 0rem;
    }
    .mobile-device #main-screen .project-quick-access.full-info .project-layout-page-info {
        margin-right: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .mobile-device .media-layout-grid .library-groups {
        margin-left: .5rem;
        margin-right: 1rem;
    }
    .mobile-device #main-screen .project-layout-media-page .project-quick-access.full-info .project-layout-page-info {
        margin-right: 0rem;
    }
    .mobile-device #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container,
    .mobile-device #main-screen .project-widget-media-page.media-layout-2 .project-layout-media-page .media-info-container {
        padding-left: 0;
        padding-right: 0;
        flex-direction: column;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .mobile-device .project-widget-media-page #media-image {
        width: 225px;
        min-width: 225px;
        height: 225px;
        min-height: 225px;
        margin-right: 0;
    }
    .mobile-device #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container .media-info,
    .mobile-device #main-screen .project-widget-media-page.media-layout-2 .project-layout-media-page .media-info-container .media-info {
        text-align: center;
        margin-top: 1rem;
    }
    .mobile-device .project-widget-media-page.media-layout-3 .project-layout-media-page .media-tagline,
    .mobile-device .project-widget-media-page.media-layout-2 .project-layout-media-page .media-tagline {
        max-width: 100%;
    }
    .mobile-device .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons,
    .mobile-device .project-widget-media-page.media-layout-2 .project-layout-media-page .media-buttons {
        margin-top: 0;
        margin-bottom: 0rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 0;
    }
    .mobile-device #main-screen .project-widget-media-page.media-layout-3 .media-buttons button,
    .mobile-device #main-screen .project-widget-media-page.media-layout-2 .media-buttons button {
        max-width: 20rem;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .mobile-device #main-screen .project-widget-media-page.media-layout-3 .media-links .button-container.padding-right,
    .mobile-device #main-screen .project-widget-media-page.media-layout-2 .media-links .button-container.padding-right {
        padding-right: 0rem;
    }*/

    body.mobile-device #playerSubtitlesDelay {
        top: 10.5rem;
    }
    body.is-safari #player #playerSubtitles {
        bottom: 4rem;
    }
    body.is-safari #player.showing-controls #playerSubtitles {
        bottom: 9rem;
    }
    body.is-safari #player.showing-controls.has-up-next #playerSubtitles {
        bottom: 14rem;
    }

    .mobile-device.is-safari #player #playerControls .share-button {
        font-size: 17px;
        margin-left: 0px;
        margin-right: -2px;
        position:relative;
        top:-1px;
    }

    .mobile-device.is-safari #player #playerControls .details-button {
        margin-left: 0;
        margin-right: 1px;
        font-size: 17px;
    }

    .mobile-device.is-safari #playerControls #playerSelectOptions i {
        font-size: 17px;
    }
    .mobile-device.is-safari #playerDataClose {
        font-size:22px;
    }
    .mobile-device.is-safari #main-screen.related #recent-info {
        margin-top: -1.75rem;
    }
    .mobile-device.is-safari #playerDataControls {
        top: 3rem;
    }


    .mobile-device.is-safari .player-data-summary {
        margin-left: 1.4rem;
        margin-top:.6rem;
    }

    .mobile-device.is-safari #playerControls #playerSelectOptions {
        margin-left: 4px;
    }

    .mobile-device.is-safari .library-group .container .buttons button.info-button i {
        font-size: 16px;
        margin-right:0px;
    }
    .mobile-device.is-safari #main-screen .app-project-header img {
        height: 24px;
    }
    .mobile-device.is-safari #main-screen:not(.home, .media, .related, .brand, .category, .event) .body .tab-page {
        margin-top: 3rem;
    }
    .mobile-device.is-safari .app-project-header-ex2-items > button {
        padding-top: .25rem;
    }
}

/*ipad horizontal*/
@media only screen and (min-width: 800px) and (max-width: 1200px) and (min-height: 500px) {

    body.mobile-device .player-data-header {
        margin-top: 27px;
    }

    body.mobile-device .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
        margin-top: 0rem;
        padding-bottom: 0;
        line-height: 1.4;
        max-height: 105px;
    }

    body.mobile-device .project-layout-media-page .media-buttons {
        margin-top: .25rem;
        margin-bottom: 5.5rem;
    }

    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 308px;
    }

    body.mobile-device #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 308px;
    }
    body.mobile-device .recent-date.top-ten-category .recent-grouping .library-groups .library-loader {
        padding-top: 1rem;
    }

    body.mobile-device .app-project-header {
        padding-left: 22px !important;
        padding-right: 10px !important;
    }
    body.mobile-device #playerDataClose {
        margin-left: 0rem;
    }
    body.mobile-device .player-data-summary {
        margin-top: 1.9rem;
        margin-left: 1.5rem;
    }

    body.mobile-device #playerControls #controls-container {
        padding-bottom: 50px !important;
    }

    body.mobile-device #playerControls #player-options-container {
        margin-left: 0px;
        margin-right: 0rem;
    }

    body.mobile-device #playerSelectOptions {
        margin-left: .4rem;
    }

    body.mobile-device #playerControls #player-view-container {
        margin-right: 0px;
    }

    body.mobile-device #player #playerControls .details-button {
        margin-right: 10px;
        margin-left: 5px;
        font-size: 17px;
        padding: .25rem
    }
    body.mobile-device #player #playerControls .share-button {
        margin-right: 1px;
        margin-left: 5px;
        font-size: 17px;
        padding:.25rem
    }
    body.mobile-device #player #playerControls .share-button i {
        position:relative;
        top:-1px;
    }
    body.mobile-device .recent-date > .name, .recent-date .name.section-button {
        top:.5rem;
    }

    body.mobile-device #main-screen.preferences .footer-links,
    body.mobile-device #main-screen.search .footer-links {
        padding-right: 1.75rem;
        padding-left: .5rem;
    }
}


/*.iphone vertical*/
@media only screen and (max-width: 440px) and (max-height: 760px) {
}

/*.iphone horizontal*/
@media only screen and (max-width: 956px) and (max-height: 390px) {
}


/*iphone vertical*/
@media only screen and (min-width: 375px) and (max-width: 600px) and (min-height: 500px) and (max-height: 1200px) {

    .mobile-device #playerDataUpNext {
        margin-right:1rem;
        bottom:95px;
    }
    .mobile-device #playerDataUpNextLabel {
        font-size: 1.1rem;
    }
    .mobile-device #playerDataUpNextButton {
        font-size: 1.4rem;
    }
    .mobile-device #playerDataUpNext .player-data-upNext {
        line-height:1.4;
    }
    .mobile-device #playerDataUpNext #playerDataUpNext1 {
        font-size: 1rem;
    }
    .mobile-device #playerDataUpNext #playerDataUpNext2 {
        font-size: .8rem;
    }
    .mobile-device #playerDataUpNext #playerDataUpNext3,
    .mobile-device #playerDataUpNext #playerDataUpNext4 {
        font-size: .7rem;
    }

    body.mobile-device .library-group .container {
        padding: .5rem;
        padding-top: .4rem;
    }

    body.mobile-device .recent-date .library-group .info {
        padding-bottom: 0px;
        font-size: .9rem;
    }

    body.mobile-device .recent-date.use-large-image .library-group .info {
        font-size: .9rem;
    }

    .mobile-device .app-project-header-ex2 {
        margin-top: .25rem;
    }

    body.mobile-device .project-layout-media-page .media-title {
        font-size: 2.2rem;
    }

    body.mobile-device .project-layout-media-page .media-tagline {
        max-height: 125px;
    }

    body.mobile-device .project-quick-access.full-info .project-layout-page-message {
        -webkit-line-clamp: 4;
        max-height: 125px;
    }

    body.mobile-device #search-screen .library-groups {
        margin-left: 6px;
        margin-right: 6px;
    }

    body.mobile-device .media-details-ex .media-tags {
        margin-bottom: .5rem;
    }

    body.mobile-device #options-info {
        padding-top: .5rem;
    }

    body.mobile-device #options-screen .page-support-contact-message {
        padding-left: 0px;
    }

    body.mobile-device #options-screen .page-support-contact-title {
        font-size: 1.1rem;
        margin-left: 0px;
    }

    body.mobile-device #options-screen .app-form-field-label {
        padding-left: 1px;
        font-size: .6rem !important;
    }

    body.mobile-device .dms-forgot-password {
        padding-top: .25rem;
    }

    body.mobile-device .dms-forgot-password-header {
        padding-bottom: 1rem;
        font-size: 1.5rem;
    }

    body.mobile-device .dms-forgot-password-message {
        font-size: 1rem;
    }

    body.mobile-device .dms-login-details-forgotPassword {
        font-weight: normal;
    }

    body.mobile-device .dms-login-details-signup-link {
        font-weight: normal;
    }

    body.mobile-device .dms-signup-details-signup-link {
        font-weight: normal;
    }

    body.mobile-device .app-form-select {
        font-size: 1.1rem;
        padding: .7rem .5rem;
    }

    body.mobile-device .dms-on-demand-selection-section-summary-submit-button {
        font-weight: normal;
    }

    body.mobile-device #options-screen .page-details-update-body .app-form-field-input,
    body.mobile-device #options-screen .page-details-update-body .app-form-select,
    body.mobile-device #options-screen .page-email-update-body .app-form-field-input,
    body.mobile-device #options-screen .page-email-update-body .app-form-select,
    body.mobile-device #options-screen .page-password-update-body .app-form-field-input,
    body.mobile-device #options-screen .page-password-update-body .app-form-select {
        font-size: .9rem;
    }

    body.mobile-device #options-screen .page-details-update-footer,
    body.mobile-device #options-screen .page-details-email-footer,
    body.mobile-device #options-screen .page-details-password-footer {
        margin-top: 0rem;
        padding-bottom: 1.25rem;
    }

    body.mobile-device #options-screen .page-details-update-title,
    body.mobile-device #options-screen .page-email-update-title,
    body.mobile-device #options-screen .page-password-update-title {
        margin-left: 0px;
        padding-left: 0px;
    }

    body.mobile-device #options-screen .page-details-update-message,
    body.mobile-device #options-screen .page-email-update-message,
    body.mobile-device #options-screen .page-password-update-message {
        margin-left: 0px;
        padding-left: 0px;
    }

    body.mobile-device #options-screen .sections-page .account-message {
        margin-left: 0px;
        padding-left: 0px;
    }

    body.mobile-device #options-screen .sections-page .subscription-message {
        margin-left: 0px;
        padding-left: 0px;
    }

    body.mobile-device #options-screen .page-subscription-cancel-message {
        margin-left: 0px;
        padding-left: 0px;
    }

    body.mobile-device #options-screen .page-support-contact-message {
        margin-left: 0px;
        padding-left: 0px;
    }

    body.mobile-device #options-screen .sections-page .section-support-info .section-row {
        /* padding-top: .0rem;*/
        font-size: .9rem;
        flex-direction: column;
        display: flex;
        align-items: start;
        padding-left: 0px;
        /*padding-bottom: .25rem;*/
    }

    body.mobile-device #options-screen .sections-page .section-account-info .section-row {
        /* padding-top: .0rem;*/
        font-size: .9rem;
        flex-direction: column;
        display: flex;
        align-items: start;
        padding-left: 0px;
        /*padding-bottom: .25rem;*/
    }

    body.mobile-device #search-keys .input-container {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    body.mobile-device #search-sections {
        padding-top: 1.5rem;
    }

    body.mobile-device #search-screen .search-section > div.name {
        padding-top: 0px;
        font-size: 1.3rem;
        padding-left: .5rem;
    }

    body.mobile-device #main-screen.preferences .footer-links > .link-items-ex a,
    body.mobile-device #main-screen.search .footer-links > .link-items-ex a {
        font-size: .7rem;
        margin-right: 1.5rem;
        margin-left: 0rem;
    }

    body.mobile-device #main-screen.preferences .footer-links,
    body.mobile-device #main-screen.search .footer-links {
        padding-bottom: 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

        body.mobile-device #main-screen.preferences .footer-links > .copyright,
        body.mobile-device #main-screen.search .footer-links > .copyright {
            font-size: .7rem;
            margin-left: 1rem;
            margin-right: .25rem;
        }

    body.mobile-device .subscribe-screen .dms-on-demand-selection-section1 {
        min-width: unset;
    }

    body.mobile-device .dms-on-demand .dms-on-demand-actions .logo {
        padding-bottom: 0;
        padding-top: 0;
        top: 0;
        padding-top: 0;
        padding-left: 0;
        height: 70%;
        font-size: 1rem;
    }

    body.mobile-device .dms-on-demand .dms-on-demand-actions .logo {
        top: 1px;
        padding-left: 1px;
    }

        body.mobile-device .dms-on-demand .dms-on-demand-actions .logo img {
            height: 21px;
        }

    body.mobile-device .app-project-header {
        min-height: 59px;
    }

    body.mobile-device .dms-on-demand-actions .dms-on-demand-form-close {
        margin-right: 12px;
        top: -3px;
    }

    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section2 {
        min-width: unset;
    }

    body.mobile-device .player-data-header,
    .mobile-device.is-safari .player-data-header {
        margin-top: 37px;
    }

    body.mobile-device #player #playerSubtitles {
        bottom: 4rem !important;
    }

    body.mobile-device #player.showing-controls #playerSubtitles {
        bottom: 7.5rem !important;
    }

    body.mobile-device #player.showing-controls.has-up-next #playerSubtitles {
        bottom: 12.5rem !important;
    }

    body.mobile-device #playerSubtitlesDelay {
        font-size: 24px !important;
        top: 9rem !important;
    }



    body.mobile-device .library-group .name {
        font-size: 16px;
    }

    body.mobile-device .recent-date .name.section-button {
        font-size: 1.3rem;
        margin-left: .5rem !important;
    }

    body.mobile-device #search-screen {
        padding-top: 0rem;
    }

    body.mobile-device .media-details-ex .media-details-title {
        line-height: 2.6rem;
    }

    body.mobile-device .recent-grouping .library-group:first-of-type {
        margin-left: 7px !important;
    }

    body.mobile-device .items-page .recent-grouping .library-group:first-of-type {
        margin-left: 7px !important;
    }

    body.mobile-device #recent-dates {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    body.mobile-device .media-layout-grid .media-tabs {
        margin-bottom: .5rem;
        margin-left: 1rem;
    }
    body.mobile-device #related-screen.media-layout-grid .media-tabs {
        margin-bottom: 2rem;
    }
    body.mobile-device #main-screen #related-screen.project-layout-media-page .project-header-page-header {
        height: 85vh;
    }


    body.mobile-device.fullscreen-quickaccess:not(.has-quick-access-items) .tab-page.has-categories .section-row {
        padding-top: 10.25rem;
    }

    body.mobile-device .media-details-ex .media-tagline {
        padding-bottom: 1rem;
    }

    body.mobile-device .media-layout-grid .library-group .image {
        min-height: 106px;
        /*height: 106px;*/
    }

    body.mobile-device #options-screen .sections-tabs button {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: .25rem 1rem;
    }

    body.mobile-device .media-details-ex .media-buttons {
        padding-top: .5rem;
    }

    body.mobile-device #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
        margin-bottom: 1.5rem;
    }

    body.mobile-device #options-screen .sections-page .section-support-info .section-row {
        padding-left: 0px;
    }

    body.mobile-device #options-screen .sections-tabs {
        padding-top: 0rem;
    }

    body.mobile-device #options-screen .sections-page {
        padding: .5rem 1.5rem;
    }

        body.mobile-device #options-screen .sections-page .section-header {
            font-size: 1.1rem;
            margin-left: 0px;
        }

    body.mobile-device .media-layout-grid .media-tabs button {
        margin-right: 3.5rem;
    }

    body.mobile-device #recent-screen .library-groups-no-items > div {
        font-size: 1rem;
    }

    body.mobile-device .header-options {
        top: -2px;
    }

    body.mobile-device .app-project-header #button-options {
        padding-bottom: .25rem;
    }

    body.mobile-device #main-screen .project-widget-media-page .project-layout-media-page .project-header-page-header {
        padding-top: 6.5rem;
    }


    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date {
        min-height: 240px;
    }

    body.mobile-device #main-screen .recent-date .recent-grouping {
        min-height: 240px;
    }

    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 250px;
    }

    body.mobile-device #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 250px;
    }

    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        min-height: 275px;
    }

    body.mobile-device #main-screen .recent-date.use-large-image .recent-grouping {
        min-height: 275px;
    }

    body.mobile-device #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 180px;
    }

    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 180px;
    }

    body.mobile-device #main-screen.home .recent-grouping .library-groups .library-group {
        margin-top: 10px;
    }

    body.mobile-device .recent-date.top-ten-category > .name,
    body.mobile-device .recent-date.top-ten-category .name.section-button {
        padding-bottom: .5rem !important;
        font-size: 4rem;
    }

    body.mobile-device .recent-date > .name-container .name-info {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }

    body.mobile-device .recent-date.display-round-image > .name-container {
        /* margin-bottom: .25rem;*/
    }

    .mobile-device .app-project-header-ex2-items {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        margin-bottom: 0px;
    }


    body.mobile-device .library-group-container,
    body.mobile-device .top-ten-category .library-groups > .library-group {
        margin-left: 3.75rem !important;
    }

    body.mobile-device .top-ten-category .recent-grouping .library-groups > .library-group:first-child {
        margin-left: 3.25rem !important;
    }

    body.mobile-device .library-group-container.ranking-10,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-10 {
        margin-left: 7rem !important;
    }

    .mobile-device .player-data-summary {
        margin-top: .7rem;
    }

    #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info,
    .project-layout-media-page .media-tagline {
        font-size: 1.2rem;
    }

    .project-layout-page.carousel .project-layout-page-info {
        padding-bottom: 10rem;
    }

    .topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        bottom: 8.75rem;
    }

    .has-quickaccess #main-screen.home #recent-info {
        margin-top: -3rem;
    }


    .mobile-device #playerSubtitles {
        bottom: 2rem !important;
        left: 0 !important;
        right: 0 !important;
    }

    .mobile-device #player.showing-controls #playerSubtitles {
        bottom: 5rem !important;
    }

    body:not(.mobile-device) #player.showing-controls #playerSubtitles {
        /* bottom: 7rem !important;*/
    }

    .mobile-device #playerSubtitlesDelay {
        font-size: 16px !important;
        top: 1rem !important;
    }

    .mobile-device #playerSubtitlesInfo {
        font-size: 1.2rem !important;
        line-height: 1.6rem !important;
    }

    /*.default-page-widget-2 {
        padding-top: 3rem;
        padding-bottom: 2rem
    }
*/
    .mobile-device.is-safari #player #playerControls .share-button {
        font-size: 17px;
        margin-left: 0px;
        margin-right: -2px;
        position: relative;
        top: -1px;
    }

    .mobile-device.is-safari #player #playerControls .details-button {
        margin-left: 0;
        margin-right: 1px;
        font-size: 17px;
    }

    .mobile-device.is-safari #playerControls #playerSelectOptions i {
        font-size: 17px;
    }

    .mobile-device.is-safari #playerDataClose {
        font-size: 22px;
    }

    .mobile-device.is-safari #main-screen.related #recent-info {
        margin-top: -1.75rem;
    }

    .mobile-device.is-safari .player-data-summary {
        margin-left: 2.5rem;
    }

    .mobile-device.is-safari #playerControls #playerSelectOptions {
        margin-left: 4px;
    }

    .mobile-device.is-safari .library-group .container .buttons button.info-button i {
        font-size: 16px;
        margin-right: 0px;
    }

    .mobile-device.is-safari #main-screen .app-project-header img {
        height: 21px;
    }

    .mobile-device.is-safari #main-screen:not(.home, .media, .related, .brand, .category, .event) .body .tab-page {
        margin-top: 3.75rem;
    }

    .mobile-device.is-safari .app-project-header-ex2-items > button {
        padding-top: .25rem;
    }

    .mobile-device .app-project-header #button-options i {
        font-size: 1.3rem;
    }
}


/*iphone horizontal*/
@media only screen and (min-width: 500px) and (max-width: 1200px) and (min-height: 375px) and (max-height: 600px) {
}

/*iphone horizontal*/
@media only screen and (max-width: 1000px) and (max-height: 500px) {

    .mobile-device #playerSubtitles {
        bottom: 2.5rem !important;
    }

    .mobile-device #player.showing-controls #playerSubtitles {
        bottom: 3.5rem !important;
    }

    .mobile-device #player.showing-controls.has-up-next #playerSubtitles {
        bottom: 4.5rem !important;
    }

    .mobile-device #playerSubtitlesDelay {
        font-size: 16px !important;
        top: 1rem !important;
    }

    .mobile-device #playerSubtitlesInfo {
        font-size: 1.2rem !important;
        line-height: 1.4rem !important;
    }

    .mobile-device.is-safari #videoPlayback {
        padding: 1rem !important;
    }

    .mobile-device.is-safari .player-data-header {
        margin-top: 3.5rem !important;
    }

    .mobile-device.is-safari .player-data-summary {
        font-size: 1rem !important;
    }

    .mobile-device.is-safari #playerControls #playerDataSummary1 {
        font-size: 1.2rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
    }

    .mobile-device.is-safari #playerControls #playerDataSummary2 {
        font-size: .8rem !important;
    }

    .mobile-device.is-safari #playerControls #playerDataSummary3,
    .mobile-device.is-safari #playerControls #playerDataSummary4,
    .mobile-device.is-safari #playerControls #playerDataSummary5 {
        font-size: .7rem !important;
    }

    .mobile-device.is-safari #playerDataControls {
        top: 4rem !important;
        left: 11px !important;
    }

    .mobile-device.is-safari #playerDataUpNext {
        right: 56px !important;
        bottom: 105px !important;
    }

        .mobile-device.is-safari #playerDataUpNext #playerDataUpNext1 {
            max-width: 30%;
            white-space: normal;
        }

    .mobile-device.is-safari #playerDataUpNextLabel {
        font-size: 1.2rem !important;
    }

    .mobile-device.is-safari #playerDataUpNextButton {
        font-size: 1.6rem !important;
    }

    .mobile-device.is-safari #player-controls-container {
        bottom: 43px !important;
        left: 1rem !important;
        right: 17px !important;
    }
    .mobile-device.is-safari #player #playerControls .share-button {
        font-size: 17px;
        margin-left: 0px;
        margin-right: -1px;
    }
    .mobile-device.is-safari #player #playerControls .details-button {
        margin-left: 0;
        margin-right: 0;
        font-size:17px
    }
    .mobile-device.is-safari #playerDataClose {
        margin-left:2rem;
    }
    .mobile-device.is-safari .player-data-summary {
        margin-left: 4.5rem;
        margin-top:1.1rem;
    }

    /*.default-page-widget-2 {
        padding-top: 3rem;
    }
*/

    .mobile-device .dms-on-demand:not(.default-screen).fullscreen .project-header-page-header {
        padding-top: 6%;
    }
    .mobile-device .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-message {
        font-size: 1.4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        line-height: 1.4;
    }
    .mobile-device .dms-on-demand:not(.default-screen).center-page-title .project-layout-page-data {
        max-width: 80%;
    }
    .mobile-device .dms-on-demand:not(.default-screen).fullscreen.relative .dms-on-demand-form {
        min-height: 95vh;
    }
    .mobile-device .dms-on-demand:not(.default-screen).center-page-title.has-image .project-layout-page-image-container img {
        margin-bottom: 1.5rem;
    }
    /*.default-page-widget-1 {
        padding: 0rem;
    }
    .default-page-widget-1 .section { 
        margin-top:-2rem;
    }
    .default-page-widget-1 .section-item { 
        padding: .5rem 2rem;
        max-width: 30rem;
    }
    .default-page-widget-1 .section-item-title {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
    .default-page-widget-1 .section-item-description {
        font-size: 1.1rem;
    }
    .default-page-widget-2 .section-title {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: .25rem;
        text-align:center;
        width:100%;
    }
    .default-page-widget-2 {
        padding: 3rem 0rem;
        padding-bottom:2rem;
    }
    .default-page-widget-2 .recent-grouping .library-groups {
        padding-bottom: .25rem;
    }
    .default-page-widget-2 .section {
        max-width: 100vw;
    }
    
    .default-page-widget-2 .library-group .name {
        font-size:1rem !important;
        padding-bottom:1px;
    }
    .default-page-widget-2 .library-group .info .info1 {
        font-size: .9rem !important;
    }*/
    .mobile-device .library-group .container {
        padding: .75rem;
        padding-top: .4rem;
    }
    .mobile-device .library-group .container .buttons {
        padding-top:3px;
    }
    .mobile-device .library-group .container .buttons button.info-button {
        margin-right: .75rem;
    }
    /*.default-page-widget-3 {
        padding:0;
    }
    .default-page-widget-3 .section {
        max-width: 100vw;
    }*/
    
    /*.footer-links {
        margin-top: 0;
        margin-top: 2rem;
        padding-bottom: 3rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 5;
        margin-left: unset;
        margin-right: unset;
    }
    .footer-links > .copyright {
        order: 10;
        margin-top: 1rem;
    }
    .footer-links > .link-items { 
        margin-bottom: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items a {
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    .footer-links > .link-items-ex { 
        margin-bottom: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-links > .link-items-ex a {
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    body.dark-mode .footer-links .app-button {
        font-size: 1rem;
        padding: 10px 30px;
    }*/
}

/*iphone horizontal*/
@media only screen and (max-width: 800px) and (max-height: 400px) {

    .mobile-device #playerSubtitles {
        bottom: 2rem !important;
    }

    .mobile-device #player.showing-controls #playerSubtitles {
        bottom: 3rem !important;
    }

    .mobile-device #player.showing-controls.has-up-next #playerSubtitles {
        bottom: 4rem !important;
    }

    .mobile-device #playerSubtitlesDelay {
        font-size: 16px !important;
        top: 1rem !important;
    }

    .mobile-device #playerSubtitlesInfo {
        font-size: 1.2rem !important;
        line-height: 1.4rem !important;
    }
    
}


/* android vertical */
@media only screen and (min-width: 300px) and (max-width: 400px) and (min-height: 500px) and (max-height: 750px) {

    body.mobile-device .dms-forgot-password-send-email-button {
        min-width: 15rem;
    }
    body.mobile-device .dms-forgot-password-message {
        text-align: center;
        font-size: .9rem;
        padding-bottom: .5rem;
        line-height: 1.4;
        padding-top: .5rem;
    }
    body.mobile-device .dms-forgot-password-header {
        font-size: 1.4rem;
    }
    body.mobile-device .dms-forgot-password .dms-signup-details-signup {
        flex-direction: column;
    }
    body.mobile-device .dms-signup-details-signup-link {
        margin-left: 0rem;
        font-weight: unset;
        margin-top:.5rem;
    }

    body.mobile-device .dms-on-demand-selection-section1,
    body.mobile-device .dms-on-demand-selection-section2 {
        min-width: unset;
    }

    body.mobile-device.topscreen-quickaccess #main-screen .project-header-page-header {
        padding-top: 0;
        min-height: 100vh;
        padding-bottom: 1.5rem;
    }
    /*body.mobile-device .project-quick-access.full-info .project-layout-page-info {
        padding-bottom: 0;
    }*/
    body.mobile-device.fullscreen-quickaccess:not(.has-quick-access-items) .tab-page.has-categories .section-row {
        padding-top: 9rem;
    }
    /*body.mobile-device.widescreen-artwork .library-group .image {
        width: 100%;
        height: 105px;
        max-width: 230px;
        height: 129px;
    }*/
    body.mobile-device .top-ten-category .library-groups > .library-group {
        margin-left: 3.2rem !important;
    }
    body.mobile-device .top-ten-category .recent-grouping .library-groups > .library-group:first-child {
        margin-left: 2.7rem !important;
    }

    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-amount {
        font-size: 1.2rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-presentation-section-card-pricing-type {
        font-size: 1rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-subscription-item i {
        font-size: 1.2rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-description {
        font-size: 1rem;
        text-align: left;
    }
    body.mobile-device .dms-on-demand-selection-section-signup-button {
        font-weight: unset;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-consent-message {
        font-size: .8rem;
    }
    body.mobile-device .dms-on-demand-selection-section-summary-submit-button {
        font-weight: unset;
        font-size: 1.2rem;
    }
    body.mobile-device .dms-on-demand.subscribe-screen .dms-on-demand-selection-section-signup-message {
        font-weight: unset;
    }
    body.mobile-device #options-screen {
        margin-top: 56px !important
    }
    body.mobile-device #options-screen .sections-page .section-header {
        font-size: 1rem;
        margin-left: 0px;
    }
    body.mobile-device #options-screen .sections-page .section-support-info .section-row {
        padding-left: 0px;
        font-size: .8rem;
    }
    body.mobile-device #options-screen .page-support-contact-title {
        font-size: 1rem;
        margin-left: 0px;
    }
    body.mobile-device #options-screen .page-support-contact-message {
        font-size: .8rem;
        line-height: 1.4;
        margin-bottom: 1rem;
        padding-left:0px;
    }
    #options-screen .sections-page .section-row {
        padding-top: .25rem;
        font-size: 1rem;
        font-size: .8rem;
        flex-direction: column;
        align-items: flex-start;
    }
    body.mobile-device #options-screen .sections-pages .app-form-field-label {
        padding-left: 0px;
        font-size: .7rem !important;
        text-transform: capitalize;
    }
    body.mobile-device #options-screen .page-support-contact-body .app-form-field-input {
        font-size: .8rem;
    }
    body.mobile-device #options-screen .sections-page .section-options > button:not(.custom-checkbox) {
        font-size: .8rem;
        padding: .75rem 1.25rem !important; 
        border-radius: 6px;
    }
    body.mobile-device #options-screen .page-support-contact-footer {
        margin-top: 0rem;
    }
    body.mobile-device #options-screen .page-subscription-cancel-message {
        font-size: .8rem;
        line-height: 1.4;
        margin-bottom: 1rem;
        padding-left: 0px;
    }
    body.mobile-device #options-screen .page-subscription-cancel-title {
        font-size: 1rem;
        margin-left: 0px;
    }
    body.mobile-device #options-screen .sections-page {
        padding: .5rem .7rem;
    }
    body.mobile-device #options-screen .page-subscription-cancel-footer button:not(.custom-checkbox) {
        font-size: .8rem;
        padding: .75rem 1.25rem !important;
        border-radius: 6px;
    }
    body.mobile-device #options-screen .page-support-contact-footer button:not(.custom-checkbox) {
        font-size: .8rem;
        padding: .75rem 1.25rem !important;
        border-radius: 6px;
    }
    body.mobile-device #options-screen .page-subscription-cancel-body .app-form-field-input {
        font-size: .8rem;
    }
    body.mobile-device #options-screen .sections-page .section-support-info .section-row span {
        line-height: 1.4;
    }
    body.mobile-device .messagebox #messagebox-message {
        font-size: 1rem;
        line-height: 1.4;
    }
    body.mobile-device .messagebox .messagebox-header span {
        font-size: .8rem;
    }
    body.mobile-device #options-screen .page-details-update-title,
    body.mobile-device #options-screen .page-email-update-title,
    body.mobile-device #options-screen .page-password-update-title {
        font-size: 1rem;
        margin-left: 0px;
    }
    body.mobile-device #options-screen .page-details-update-message,
    body.mobile-device #options-screen .page-email-update-message,
    body.mobile-device #options-screen .page-password-update-message {
        font-size: .8rem;
        line-height: 1.4;
        padding-left: 0px;
    }
    body.mobile-device #options-screen .page-details-update-body .app-form-field-input,
    body.mobile-device #options-screen .page-details-update-body .app-form-select,
    body.mobile-device #options-screen .page-email-update-body .app-form-field-input,
    body.mobile-device #options-screen .page-email-update-body .app-form-select,
    body.mobile-device #options-screen .page-password-update-body .app-form-field-input,
    body.mobile-device #options-screen .page-password-update-body .app-form-select {
        font-size: .8rem;
    }
    body.mobile-device #options-screen .page-details-update-footer button:not(.custom-checkbox),
    body.mobile-device #options-screen .page-email-update-footer button:not(.custom-checkbox),
    body.mobile-device #options-screen .page-password-update-footer button:not(.custom-checkbox) {
        font-size: .8rem;
        padding: .75rem 1.25rem !important;
        border-radius: 6px;
    }
    body.mobile-device #options-screen .page-details-update-footer,
    body.mobile-device #options-screen .page-details-email-footer,
    body.mobile-device #options-screen .page-details-password-footer {
        margin-top: 0;
        padding-bottom: 1.25rem;
    }
    body.mobile-device .sections-page section button.app-form-field-password-visible {
        font-size: .8rem;
    }

    .mobile-device #playerControls #position-completed {
        width: 40px !important;
        min-width: 40px !important;
        font-size: .6rem;
    }
    .mobile-device #playerControls #position-uncompleted {
        width: 43px !important;
        min-width: 43px !important;
        font-size: .6rem;
    }
    .mobile-device #playerDataControls {
        top: 1.75rem;
    }
    .mobile-device .player-data-summary {
        margin-left: 2.5rem;
    }
    .mobile-device .player-data-header {
        padding-right: 0rem;
        margin-right: 2rem;
    }
    .mobile-device:not(.is-safari) #player #playerControls .details-button {
        padding: 5px;
        font-size: 15px;
    }
    .mobile-device:not(.is-safari) #player #playerControls .share-button {
        padding: 5px;
        font-size: 15px;
    }
    .mobile-device #playerDataControls button {
        font-size: 20px;
        margin-left:0px;
    }
    .mobile-device #playerSelectOptions, 
    body.mobile-device #playerSelectOptions {
        margin-right: 20px;
    }
    .mobile-device #playerSelectOptions i {
        font-size: 15px;
    }
    .mobile-device #playerDataMute i {
        font-size: 14px;
        top: 0px;
    }
    .mobile-device #playerControls #player-control-buttons .previous-chapter .svg-icon {
        height: 11px;
    }
    .mobile-device #playerControls #player-control-buttons .control-button {
        font-size: .9rem;
    }
    .mobile-device #playerControls #player-control-buttons .next-chapter .svg-icon {
        height: 11px;
    }
    .mobile-device #playerOptionFullscreen {
        margin-left: 23px;
    }
    .mobile-device #playerOptionFullscreen i {
        font-size: 15px;
    }
    .mobile-device #playerControls #player-view-container {
        margin-left: .25rem;
        margin-right: .75rem;
    }
    .mobile-device #playerControls #player-control-buttons {
        margin-left: 0px;
        margin-right: 0rem;
        padding-left: 0px;
    }
    .mobile-device #player .media-details .media-tags {
        display:none;
    }
    .mobile-device #player .media-details .media-tagline {
        font-size: 1rem;
        line-height: 1.5;
    }
    .mobile-device #player .media-details .media-details-header {
        margin-bottom: 0;
    }
    .mobile-device #player .media-details .media-buttons {
        margin-top: .5rem;
    }
    .mobile-device #player .media-details .media-links button {
        margin-right: 1.15rem;
        margin-left: 1.15rem;
    }
    .mobile-device #player #playerSubtitles,
    .mobile-device #player.showing-controls #playerSubtitles {
        min-width: 100%;
        left: 0;
        right: 0;
    }
    #playerSubtitlesInfo {
        font-size: 16px;
        line-height: 1.5;
    }

    body.mobile-device .dms-on-demand-actions .dms-on-demand-form-close {
        /* margin-bottom: .15rem; */
        font-size: 17px;
        top: -7px;
        margin-right: .75rem;
        margin-left: 0;
        margin-bottom: 0;
    }
    body.mobile-device .login-screen .dms-on-demand-actions .dms-on-demand-form-close {
        /* margin-bottom: .15rem; */
        font-size: 17px;
        top: -7px;
        margin-right: .75rem;
        margin-left: 0;
        margin-bottom: 0;
    }
    body.mobile-device .dms-on-demand .dms-on-demand-actions .logo {
        padding-bottom: 0;
        padding-top: 0;
        top: 0;
        padding-top: 0;
        padding-left: 0;
        height: 70%;
        font-size: 1rem;
        padding-bottom: 0;
        padding-top: 0;
        top: 0px;
        padding-top: 0px;
        padding-left: 0px;
        height: 70%;
        font-size: 1rem;
    }
    body.mobile-device .dms-login-details-signup-message {
        margin-bottom: .25rem;
    }
    body.mobile-device .dms-login-details-signup-link {
        margin-left: 0;
         font-weight: unset;
    }
    body.mobile-device .dms-login-details-requestAccessCode,
    body.mobile-device .dms-login-details-forgotPassword {
        font-weight: unset;
    }
    body.mobile-device .dms-login-details-signup {
        flex-direction: column;
    }
    body.mobile-device .dms-login-details-login-button {
        min-width: 15rem;
    }

    body.mobile-device .dms-on-demand.default-screen.center-page-title.has-image .project-layout-page-image-container img {
        max-width: 17rem;
        margin-bottom: .5rem;
    }
    body.mobile-device .dms-on-demand.default-screen.center-page-title .project-layout-page-message {
        font-size: 1.1rem;
        padding-bottom: .5rem;
    }
    body.mobile-device .dms-on-demand.default-screen .project-header-page-header {
        padding-top: 13%;
    }
    body.mobile-device .default-page-widget-1 .section-item,
    body.mobile-device .default-page-widget-1 .section-item:first-of-type,
    body.mobile-device .default-page-widget-1 .section-item:last-of-type {
        max-width: 90%;
    }

    body.mobile-device .default-page-widget-1 {
        padding-top: 0rem;
        padding-bottom: 1rem;
    }

    body.mobile-device .default-page-widget-2 {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
    body.mobile-device .default-page-widget-2 .section-title {
        margin-bottom: 5px;
        font-size: 1.5rem;
    }
    body.mobile-device .default-page-widget-2 .section-button {
        padding-right: 0rem;
        margin-top: .25rem;
    }
    body.mobile-device .default-page-widget-3 .section-item {
        flex-direction: column;
        align-items: center;
    }
    body.mobile-device .default-page-widget-3 .section-item-title {
        margin-left: 0;
        text-align: center;
    }
    body.mobile-device .footer-links > .link-items {
        margin-bottom: 0rem;
    }
    body.mobile-device .footer-links > .link-items a {
        margin-bottom: 1.5rem;
    }
    body.mobile-device .footer-links > .link-items-ex {
        margin-bottom: 1rem;
    }

    body.mobile-device .recent-date.top-ten-category > .name,
    body.mobile-device .recent-date.top-ten-category .name.section-button {
        padding-bottom: 3px !important;
    }
    body.mobile-device .library-group .container .buttons {
        padding-top: 0px;
    }
    body.mobile-device .library-group .container .buttons button.info-button i {
        margin-right: 0rem;
    }
    body.mobile-device .recent-date > .name-container .name-info {
        margin-left: 1rem;
        font-size: 1.4rem;
        letter-spacing: 5px;
        margin-bottom: 5px;
    }
    body.mobile-device .recent-date.top-ten-category .name.section-button {
        font-size: 3.6rem;
        margin-left: 2rem;
    }
    body.mobile-device #main-screen.home .recent-grouping .library-groups .library-group {
        margin-top: 7px;
    }
    /*body.mobile-device .library-group-container,
    body.mobile-device .top-ten-category .library-groups > .library-group, 
    body.mobile-device .top-ten-category .recent-grouping .library-groups > .library-group:first-child {
        margin-left: 3rem !important;
    }*/
    body.mobile-device .library-group .name {
        font-size: .9rem;
    }
    body.mobile-device .library-group .info {
        font-size: .7rem;
    }
    body.mobile-device .media-details-ex .media-details-header {
         margin-bottom: 0; 
    }
    body.mobile-device .media-details-ex .media-details-data {
        margin: 0rem 1.25rem;
        padding-bottom: 4rem;
    }
    body.mobile-device .media-details-ex .media-tagline {
        font-size: 1rem;
        padding-bottom: 1rem;
        line-height: 1.6;
    }
    body.mobile-device .media-details-ex .media-tags .media-tag {
        margin-bottom: 1.25rem;
        margin-right: 2.25rem;
    }
    body.mobile-device .media-details-ex.show,
    body.mobile-device #player .media-details.show {
        width: 100vw;
        max-width: 100vw;
    }
    body.mobile-device .media-details-ex .media-tags {
        margin-bottom: .75rem;
        margin-top: .75rem;
    }
    body.mobile-device .media-details-ex .media-links button {
        margin-left: 1.15rem;
        margin-right: 1.15rem;
    }
    /*body.mobile-device .media-details-ex .media-links .button-container {
        flex:1;
    }*/
    body.mobile-device .media-details-ex .media-buttons {
        padding-top: 1rem;
    }
    body.mobile-device .media-details-ex .media-tags {
        display:none;
    }
    body.mobile-device .media-details-ex .media-details-header {
        margin: .5rem;
        /*margin-bottom: 0;*/
    }
    body.mobile-device .media-details-ex .media-details-header .close-button {
        font-size: 1.4rem;
        margin: 0;
        margin-right: .5rem;
    }
    body.mobile-device .media-details-ex .media-details-title {
        padding-bottom: .0rem;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    body.mobile-device #search-keys .input-container {
        margin-left: 12px;
        margin-right: 14px;
        margin-bottom: .25rem;
        margin-top: 5px;
    }
    body.mobile-device #search-screen {
        padding-top: 0rem;
    }
    body.mobile-device .app-project-header #button-options {
        margin-right: .25rem;
    }
    body.mobile-device #search-screen .library-groups {
        margin-left: 5px;
        margin-right: 5px;
    }
    body.mobile-device #search-screen .library-groups .library-group {
        margin-right: 8px;
    }
    body.mobile-device #options-screen .sections-tabs {
        padding-top: 0rem;
    }
    body.mobile-device #options-screen .sections-tabs button {
        margin-bottom: .25rem;
        margin-top: .25rem;
        padding:.25rem .75rem;
        padding-left:12px;
    }

    body.mobile-device .library-group {
        margin-right: 4px;
    }
   /* body.mobile-device .recent-grouping .library-group {
        margin-left: 1rem !important;
    }*/
    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date {
        margin-top: 5px;
    }
    body.mobile-device #main-screen .recent-grouping {
        min-height: 230px;
    }
    body.mobile-device .library-group-container .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group .ranking {
        font-size: 6.5rem;
        bottom: -1.25rem;
        left: -54px;
    }
    .library-group .container .buttons button.info-button i {
        font-size: 15px;
    }
    body.mobile-device .library-group-container .ranking,
    body.mobile-device .library-group-container:hover .ranking,
    body.mobile-device .library-group-container:focus .ranking,
    body.mobile-device .library-group-container.focused .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group:hover .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group:focus .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group.focused .ranking {
        font-size: 6rem;
        left: -51px;
        color:transparent !important;
    }
    body.mobile-device .library-group-container.ranking-1 .ranking,
    body.mobile-device .library-group-container.ranking-1:hover .ranking,
    body.mobile-device .library-group-container.ranking-1:focus .ranking,
    body.mobile-device .library-group-container.ranking-1.focused .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-1 .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-1:hover .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-1:focus .ranking,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-1.focused .ranking {
        left: -31px;
    }
    body.mobile-device .library-group-container.ranking-10,
    body.mobile-device .top-ten-category .library-groups > .library-group.ranking-10 {
        margin-left: 5.5rem !important;
    }

    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.top-ten-category {
        min-height: 235px;
    }
    body.mobile-device #main-screen .recent-date.top-ten-category .recent-grouping {
        min-height: 235px;
    }

    body.mobile-device #main-screen .recent-date.display-round-image {
        margin-top: -5px;
    }
    body.mobile-device #main-screen .recent-date.display-round-image .recent-grouping {
        min-height: 175px;
    }
    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.display-round-image {
        min-height: 175px;
    }

    body.mobile-device #main-screen .recent-date.use-large-image {
        margin-top: -5px;
    }
    body.mobile-device #main-screen .recent-date.use-large-image .recent-grouping {
        min-height: 270px;
    }
    body.mobile-device #main-screen .tab-page.has-categories #recent-dates .recent-date.use-large-image {
        min-height: 270px;
    }

    body.mobile-device.topscreen-quickaccess #main-screen .section-quickaccess .carousel-indicators {
        bottom: 6.5rem !important;
    }
    
    body.mobile-device #recent-screen .library-groups-no-items > div {
        font-size: 1rem;
    }

    body.mobile-device #main-screen .project-widget-media-page .project-layout-media-page .project-header-page-header {
        padding-top: 6rem;
    }
    body.mobile-device #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page #media-image {
        width: 125px;
        max-width: 125px;
        min-width: 125px;
        min-height: 125px;
        max-height: 125px;
        height: 125px;
    }
    body.mobile-device .project-widget-media-page.media-layout-3 .project-layout-media-page .media-buttons {
        margin-bottom: 0rem;
    }
    body.mobile-device .media-layout-grid .media-tabs {
        margin-bottom: .25rem;
        flex-wrap: nowrap;
        display: flex;
        margin-left: 13px;
        margin-right: 13px;
    }
    body.mobile-device .media-layout-grid .media-tabs button {
        font-size: 1rem;
        margin-right: 2.5rem;
    }
    body.mobile-device #main-screen .project-widget-media-page.media-layout-3 .project-layout-media-page .media-info-container {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    body.mobile-device .project-widget-media-page .project-layout-media-page .media-title {
        font-size: 1.6rem;
        margin-top: 0;
    }
    body.mobile-device .project-widget-media-page.media-layout-3 .project-layout-media-page .media-tagline {
        /* margin-bottom: 1rem; */
        font-size: .9rem;
        line-height: 1.4;
        /* font-weight: unset; */
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }

    body.mobile-device #media-screen.media-layout-0.media-layout-grid .media-pages {
        top: -7.5rem;
        position: relative;
    }
    body.mobile-device.fullscreen-quickaccess #media-screen.media-layout-0 .project-header-page-header {
        padding-top: 0;
        min-height: 100vh;
        padding-bottom: 2.5rem;
    }
    body.mobile-device #media-screen.media-layout-0 .project-layout-media-page .media-tagline {
        font-size: 1rem;
        /* line-height: 1.5; */
        margin-bottom: 1rem;
    }
    body.mobile-device #media-screen.media-layout-0 .project-layout-media-page .media-title {
        line-height: 1.4;
        font-size: 1.6rem;
    }

    .mobile-device #playerControls #playerDataSummary1 {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .mobile-device #media-screen .project-layout-media-page .media-tagline {
        max-height: 105px;
    }
    .mobile-device #player.showing-controls #playerSubtitles {
        bottom: 215px;
    }
    .mobile-device #playerDataUpNextLabel {
        font-weight:unset;
    }
    body.mobile-device #player .media-details .media-details-data {
        margin: 0rem 1.25rem;
        padding-bottom: 0rem;
        padding-bottom: 4rem;
    }
    body.mobile-device .media-details-items-item .info .label1 {
        font-size: 1rem;
        padding-bottom: 3px;
        -webkit-line-clamp: 3;
        max-height: 63px;
    }
    body.mobile-device .media-details-items-item .info .label2 {
        font-size: .8rem;
    }
    body.mobile-device .media-details-items-item .info .label3 {
        font-size: .7rem;
    }
    body.mobile-device .media-details-items-item .info .label4 {
        font-size: .7rem;
    }
    body.mobile-device .media-details-pages-items .tagline {
        font-size: .9rem;
    }
    body.mobile-device .project-widget-media-page.media-layout-2 .project-layout-media-page .media-tagline {
        font-size: .9rem;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    body.mobile-device .paywall-control .paywall-actions {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    body.mobile-device .paywall-control .paywall-actions .app-button {
        font-size: .8rem;
        padding: .75rem 1.25rem !important;
    }
    body.mobile-device .paywall-body {
        background-color: rgba(0, 0, 0, 1);
        padding: 1.5rem 1rem;
        border-radius: 6px;
        margin: 1rem;
    }
    body.mobile-device .paywall-control .paywall-footer {
        align-items: center;
    }

    /*body.mobile-device .recent-grouping .library-group {
        margin-bottom: 8px !important;
    }
    body.mobile-device .recent-grouping .library-group:first-of-type {
        margin-left: 5px !important;
    }*/
    body.mobile-device .media-pages > .section-content {
        margin-left: 5px;
        margin-right: 5px;
    }
    body.mobile-device .library-group .container .buttons button.info-button i {
        font-size: 14px;
    }

    body.mobile-device #main-screen:not(.home, .media, .related, .brand, .category, .event) .body .tab-page {
        margin-top: 3.75rem;
    }
    body.mobile-device #main-screen .project-widget-media-page.media-layout-2 .project-layout-media-page .media-info-container {
        margin-bottom: 0rem;
    }
    body.mobile-device .media-layout-grid .recent-grouping .library-groups .library-group:first-child {
        margin-left: 5px !important;
    }
    body.mobile-device .project-widget-media-page.media-layout-2 .project-layout-media-page .media-buttons {
        margin-top: 1rem;
        margin-bottom:0rem;
    }
    body.mobile-device #search-keys input {
        font-size: 1rem;
    }

    body.mobile-device .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title,
    body.mobile-device .project-layout-page.carousel .project-layout-page-info.hide-image .project-layout-page-title,
    body.mobile-device .project-layout-page.carousel .project-layout-page-info.has-image .project-layout-page-title {
        line-height: 1.4;
        font-size: 1.6rem;
    }
    body.mobile-device .topscreen-quickaccess #main-screen .project-header-page-header {
        padding-top: 9rem;
    }
    body.mobile-device #main-screen .project-layout-page.carousel .project-layout-page-info .project-layout-page-message-info {
        font-size: 1rem;
    }

    body.mobile-device .app-project-header {
        min-height: 59px;
        padding-top: .25rem;
        padding-right: .25rem;
        padding-left: 12px;
    }

    .mobile-device .app-project-header-ex2-items {
        padding-left: 1px;
        padding-right: .3rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .mobile-device .app-project-header-ex2-items > button {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-top: .5rem;
        margin-top: .25rem;
    }

    body.mobile-device #search-screen .search-section > div.name {
        font-size: 1.2rem;
        padding-left: 10px;
        padding-top: 10px;
        display:none;
    }

    #main-screen.preferences .footer-links, #main-screen.search .footer-links {
        display:none !important;
    }

    /*body.mobile-device #main-screen.search .footer-links {
        margin-left: 0px;
        padding-right: 15px;
        padding-left: 5px;
    }
    body.mobile-device .footer-links > .copyright {
        font-size: .6rem !important;
    }
    body.mobile-device .footer-links > .link-items-ex a {
        font-size: .6rem !important;
        margin-left: .5rem;
        margin-right: .5rem;
    }
*/
   /* body.mobile-device.topscreen-quickaccess.has-quickaccess .app-project-header-ex2,
    body.mobile-device.fullscreen-quickaccess.has-quickaccess .app-project-header-ex2,
    body.mobile-device.fullscreen-quickaccess.has-quickaccess #main-screen.media .app-project-header-ex2,
    body.mobile-device.fullscreen-quickaccess.has-quickaccess #main-screen.brand .app-project-header-ex2,
    body.mobile-device.fullscreen-quickaccess.has-quickaccess #main-screen.related .app-project-header-ex2,
    body.mobile-device.fullscreen-quickaccess.has-quickaccess #main-screen.category .app-project-header-ex2 {
        top: 59px;
    }*/
}


.mobile-device .library-types-scroll-button {
    display: none;
}

.mobile-device .library-groups {
    overflow: auto;
    overflow-x: visible;
    overflow-y: hidden;
}

.mobile-device .library-types-scroll-button {
    display: none !important;
}
.mobile-device .recent-grouping .library-groups {
    overflow-x: visible;
    overflow-y: hidden;
}

.mobile-device .recent-date .name.section-button .name-container-label .name-explore-all {
    display: none !important;
}

#playerControls.video .metadata-item-image {
    display: none;
}