body {
            margin: 0;
            padding: 0;
            background-color: #ff8a00        }

        #player-app-volumewrapper, #player-app-buttonvolumeoff, #player-app-buttonvolumeon, #player-app-textvolumeend {display: none;}#player-app-iconlive, .lunaradioliveicon {display: none;}        .icone-menu {
            position: absolute;
            left: 0;
            top: 0;
            width: 32px;
            height: 32px;
            padding-left: 5px;
            padding-bottom: 10px;
            margin: 10px;
            border-radius: 3px;
            color: #FFFFFF;
            font-size: 32px;
            text-align: center;
            z-index: 500;
        }

        body {
            font-family: Poppins, sans-serif;
            background: #fafafa;
        }

        p {
            font-family: Poppins, sans-serif;
            font-size: 1.1em;
            font-weight: 300;
            line-height: 1.7em;
            color: #999;
        }

        a, a:focus, a:hover {
            color: inherit;
            text-decoration: none;
            transition: all .3s;
        }

        .navbar {
            padding: 15px 10px;
            background: #fff;
            border: none;
            border-radius: 0;
            margin-bottom: 40px;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
        }

        .navbar-btn {
            box-shadow: none;
            outline: 0 !important;
            border: none;
        }

        .line {
            width: 100%;
            height: 1px;
            border-bottom: 1px dashed #ddd;
            margin: 40px 0;
        }

        #sidebar {
            width: 250px;
            position: fixed;
            top: 0;
            left: -250px;
            height: 100vh;
            z-index: 999;
            background: #efc251;
            color: #fff;
            transition: all .3s;
            overflow-y: scroll;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
            overflow-x: hidden;
        }

        #sidebar.active {
            left: 0;
        }

        #dismiss {
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #efc251;
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }

        #dismiss2 {
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #efc251;
            position: absolute;
            top: 5px;
            left: 5px;
            cursor: pointer;
            color: #FFFFFF;
        }

        #dismiss:hover {
            background: #fff;
            color: #efc251        }

        .overlay {
            display: none;
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, .7);
            z-index: 998;
            opacity: 0;
            transition: all .5s ease-in-out;
        }

        .overlay.active {
            display: block;
            opacity: 1;
        }

        #sidebar .sidebar-header {
            padding: 20px;
            background: #ff8a00;
        }

        #sidebar ul.components {
            padding: 20px 0;
        }

        #sidebar ul p {
            color: #fff;
            padding: 10px;
        }

        #sidebar ul li a {
            padding: 10px;
            font-size: 1.1em;
            display: block;
        }

        #sidebar ul li a:hover {
            color: #efc251;
            background: #fff;
        }

        #sidebar ul li.active > a, a[aria-expanded=true] {
            color: #fff;
            background: #ff8a00;
        }

        a[data-bs-toggle=collapse] {
            position: relative;
        }

        .dropdown-toggle::after {
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
        }

        ul ul a {
            font-size: .9em !important;
            padding-left: 30px !important;
            background: #ff8a00;
        }

        ul.CTAs {
            padding: 20px;
        }

        ul.CTAs a {
            text-align: center;
            font-size: .9em !important;
            display: block;
            border-radius: 5px;
            margin-bottom: 5px;
        }

        a.download {
            background: #fff;
            color: #efc251        }

        a.article, a.article:hover {
            background: #ff8a00 !important;
            color: #fff !important;
        }

        #content {
            width: 100%;
            padding: 20px;
            min-height: 100vh;
            transition: all .3s;
            position: absolute;
            top: 0;
            right: 0;
        }

        .chromeframe {
            margin: .2em 0;
            background: #ccc;
            color: #000;
            padding: .2em 0;
        }

        #loader-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
        }

        #loader {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 150px;
            height: 150px;
            margin: -75px 0 0 -75px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #3498db;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
            z-index: 1001;
        }

        #loader:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #e74c3c;
            -webkit-animation: spin 3s linear infinite;
            animation: spin 3s linear infinite;
        }

        #loader:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #f9c922;
            -webkit-animation: spin 1.5s linear infinite;
            animation: spin 1.5s linear infinite;
        }

        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
            }
            100% {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
            }
            100% {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        #loader-wrapper .loader-section {
            position: fixed;
            top: 0;
            width: 51%;
            height: 100%;
            background: #222;
            z-index: 1000;
        }

        #loader-wrapper .loader-section.section-left {
            left: 0;
        }

        #loader-wrapper .loader-section.section-right {
            right: 0;
        }

        .loaded #loader-wrapper .loader-section.section-left {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
            transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
        }

        .loaded #loader-wrapper .loader-section.section-right {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
            transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
        }

        .loaded #loader {
            opacity: 0;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

        .loaded #loader-wrapper {
            visibility: hidden;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
            -webkit-transition: all .3s 1s ease-out;
            transition: all .3s 1s ease-out;
        }

        .ir {
            background-color: transparent;
            border: 0;
            overflow: hidden;
        }

        .ir:before {
            content: "";
            display: block;
            width: 0;
            height: 150%;
        }

        .hidden {
            display: none !important;
            visibility: hidden;
        }

        .visuallyhidden {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto;
        }

        .invisible {
            visibility: hidden;
        }

        .clearfix:after, .clearfix:before {
            content: " ";
            display: table;
        }

        .clearfix:after {
            clear: both
        }

        #sayWho {
            font-size: small;
            text-align: center;
            color: #B0AFB0;
            margin-top: 10px;
        }