html {
                        background: #555;
                    }
                    
                    body {
                        max-height: 100%;
                        margin: 0 auto;
                        font-family: "Segoe UI", "Microsoft Sans Serif", "Open Sans", Arial, sans-serif;
                        line-height: 1;
                        position: relative;
                        background-color: #555;
                    }
                    
                    * {
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                    }
                    
                    inp {
                        border: none;
                        padding: 5px;
                        margin: 5px;
                        border-radius: 5px;
                        background-color: rgb(131, 129, 129);
                        box-shadow: rgba(0, 0, 0, 0.5) 3.5px 3.5px 5px;
                    }
                    
                    label {
                        width: 115px;
                        display: inline-block;
                    }
                    
                    i {
                        font-size: 25px;
                    }
                    
                    .k {
                        padding-top: 25px;
                    }
                    
                    .ri {
                        float: right;
                    }
                    
                    .li {
                        float: left;
                    }
                    
                    .header {
                        border: 0px solid red;
                        padding: 15px;
                    }
                    
                    .row::after {
                        content: "";
                        clear: both;
                        display: table;
                    }
                    
                    [class*="col-"] {
                        float: left;
                        padding: 5px;
                        border: 0px solid red;
                    }
                    
                    .col-2 {
                        width: 2%;
                    }
                    
                    .col-3 {
                        width: 3%;
                    }
                    
                    .col-4 {
                        width: 4%;
                    }
                    
                    .col-5 {
                        width: 5%;
                    }
                    
                    .col-6 {
                        width: 6%;
                    }
                    
                    .col-7 {
                        width: 7%;
                    }
                    
                    .col-8 {
                        width: 8%;
                    }
                    
                    .col-9 {
                        width: 9%;
                    }
                    
                    .col-10 {
                        width: 10%;
                    }
                    
                    .col-12 {
                        width: 12%;
                    }
                    
                    .col-15 {
                        width: 15%;
                    }
                    
                    .col-18 {
                        width: 18%;
                    }
                    
                    .col-20 {
                        width: 20%;
                    }
                    
                    .col-25 {
                        width: 25%;
                    }
                    
                    .col-32 {
                        width: 32%;
                    }
                    
                    .col-34 {
                        width: 34%;
                    }
                    
                    .col-35 {
                        width: 35%;
                    }
                    
                    .col-36 {
                        width: 36%;
                    }
                    
                    .col-40 {
                        width: 40%;
                        text-overflow: ellipsis;
                    }
                    
                    .col-48 {
                        width: 48%;
                    }
                    
                    .col-50 {
                        width: 50%;
                    }
                    
                    .col-60 {
                        width: 60%;
                    }
                    
                    .col-70 {
                        width: 70%;
                    }
                    
                    col-95 {
                        width: 95%;
                    }
                    
                    .col-100 {
                        width: 100%;
                    }
                    
                    h1,
                    h2,
                    h3 {
                        font-weight: normal;
                        margin: 0;
                        line-height: 1.2;
                    }
                    
                    hr {
                        border-top: 1px solid black;
                        border-bottom: 0px;
                    }
                    
                    .noselect {
                        -webkit-touch-callout: none;
                        /* iOS Safari */
                        -webkit-user-select: none;
                        /* Chrome/Safari/Opera */
                        -khtml-user-select: none;
                        /* Konqueror */
                        -moz-user-select: none;
                        /* Firefox */
                        -ms-user-select: none;
                        /* Internet Explorer/Edge */
                        user-select: none;
                        /* Non-prefixed version, currently
not supported by any browser */
                        cursor: default;
                    }
                    
                     ::selection {
                        /* background: transparent; */
                    }
                    
                     ::-moz-selection {
                        /* background: transparent; */
                    }
                    
                    .close {
                        float: right;
                        cursor: pointer;
                        font-size: 30px;
                    }
                    
                    #close_kaart_btn {
                        cursor: pointer;
                    }
                    
                    #menu-uit {
                        color: white;
                        cursor: pointer;
                    }
                    
                    #log-out {
                        color: white;
                        cursor: pointer;
                    }
                    
                    #menu {
                        position: absolute;
                        left: 2.4%;
                        border-radius: 10px;
                        border: 1px solid black;
                        width: 15%;
                        height: 600px;
                        padding: 8px;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 800px 300px 0px 900px #000000a9;
                        display: table;
                        z-index: 1000;
                    }
                    
                    .login_cont {
                        position: fixed;
                        top: 10%;
                        left: 50%;
                        transform: translate(-50%, -10%);
                        width: 300px;
                        padding: 5px;
                        background-color: white;
                        box-shadow: rgba(0, 0, 0, 0.7) 5px 5px 8px;
                        border-top-right-radius: 10px;
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                    }
                    
                    .login {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        text-align: center;
                        width: 100%;
                        height: 60px;
                        color: white;
                        background: linear-gradient(#0e44f8, #161616);
                        display: table;
                    }
                    
                    #updates {
                        cursor: pointer;
                    }
                    
                    #DJ_invoer {
                        cursor: pointer;
                    }
                    
                    .info {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 80%;
                        height: 80%;
                        padding: 10px;
                        overflow-y: auto;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 320px #000000a9;
                        z-index: 1500;
                    }
                    
                    trix-toolbar {
                        padding-top: 10px;
                        width: 100%;
                    }
                    
                    trix-editor {
                        width: 100%;
                    }
                    
                    #front {
                        cursor: pointer;
                    }
                    
                    #frontedit-form {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 100%;
                        height: 95%;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 600px #000000a9;
                        z-index: 1500;
                    }
                    
                    .frontlist {
                        position: relative;
                        height: 670px;
                        overflow-y: scroll;
                    }
                    
                    #promos {
                        cursor: pointer;
                    }
                    
                    #promo_addfile_btn {
                        cursor: pointer;
                        margin-left: 40px;
                    }
                    
                    #promo_image_btn {
                        cursor: pointer;
                    }
                    
                    .promos {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 70%;
                        height: 90%;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 400px #000000a9;
                        z-index: 1500;
                    }
                    
                    .promolist {
                        overflow-y: scroll;
                        height: 80%;
                    }
                    
                    .list {
                        overflow-y: scroll;
                        height: 500px;
                    }
                    
                    #searchpromo {
                        width: 28%;
                        height: calc(1.5em + 0.75rem);
                        padding: 0.375rem 0.75rem;
                        margin-left: 8px;
                        margin-right: 8px;
                        border-radius: 10px;
                        border: 1px solid black;
                        font-size: 18px;
                    }
                    
                    #sortpromo {
                        margin-left: 30px;
                        height: calc(1.5em + 0.75rem);
                        padding: 0.375rem 0.75rem;
                        background-color: #007bff;
                        color: white;
                        border-radius: 10px;
                        border: 1px solid #0062cc;
                        font-size: 18px;
                    }
                    
                    #promo_addfile {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 70%;
                        height: 600px;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 400px #000000a9;
                        display: table;
                        z-index: 1500;
                    }
                    
                    .promo_edit {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 70%;
                        height: 600px;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 400px #000000a9;
                        display: table;
                        z-index: 1500;
                    }
                    
                    #delpromo {
                        cursor: pointer;
                    }
                    
                    #editpromo {
                        cursor: pointer;
                    }
                    
                    #copypromo {
                        cursor: pointer;
                    }
                    
                    #promo-form {
                        display: block;
                    }
                    
                    .promo-body {
                        margin: 0;
                        font-family: -apple-system, Arial, sans-serif;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        text-align: left;
                        background-image: linear-gradient(180deg, white, #d0d0d0);
                        padding: 30px;
                        padding-bottom: 10px;
                        border: 0.5px solid black;
                        box-shadow: rgba(0, 0, 0, 0.7) 5px 5px 8px;
                        border-radius: 1rem;
                        max-width: 100%;
                        height: 550px;
                    }
                    
                    .promo-form-group {
                        width: 100%;
                        margin-bottom: 1rem;
                        float: left;
                    }
                    
                    .promo-form-group1 {
                        width: 100%;
                        margin-bottom: 1rem;
                        float: right;
                    }
                    
                    .promo-input-group {
                        width: 100%;
                    }
                    
                    .promo-form-control {
                        display: block;
                        width: 20%;
                        height: calc(1.5em + 0.75rem + 2px);
                        padding: 0.375rem 0.75rem;
                        margin-left: 1rem;
                        margin-right: 1.5rem;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        border: 1px solid #ced4da;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .promo-form-time {
                        display: block;
                        width: 4%;
                        height: calc(1.5em + 0.75rem + 2px);
                        padding: 0.375rem 0.37rem;
                        margin-left: 0.6rem;
                        margin-right: 1.5rem;
                        margin-top: 7px;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        border: 1px solid #ced4da;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .promo-form-day {
                        display: inline-block
                    }
                    
                    input[type=checkbox].promo-form-day {
                        -ms-transform: scale(2);
                        /* IE */
                        -moz-transform: scale(2);
                        /* FF */
                        -webkit-transform: scale(2);
                        /* Safari and Chrome */
                        -o-transform: scale(2);
                        /* Opera */
                        transform: scale(2);
                        margin-right: 45px;
                        margin-top: 1rem;
                    }
                    
                    input[type=checkbox]#promo_hour {
                        -ms-transform: scale(2);
                        /* IE */
                        -moz-transform: scale(2);
                        /* FF */
                        -webkit-transform: scale(2);
                        /* Safari and Chrome */
                        -o-transform: scale(2);
                        /* Opera */
                        transform: scale(2);
                        margin-left: 10px;
                        margin-right: 10px;
                        margin-top: 5px;
                    }
                    
                    .promo-form-control:focus {
                        border: 1px solid #313131;
                    }
                    
                    select.promo-form-control[size],
                    select.promo-form-control[multiple] {
                        height: auto;
                    }
                    
                    textarea.promo-form-tekst {
                        display: block;
                        width: 100%;
                        height: calc(1.5em + 0.75rem + 150px);
                        padding: 0.375rem 0.75rem;
                        margin-top: 0.5rem;
                        margin-left: 1rem;
                        margin-right: 1rem;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        border: 1px solid #ced4da;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .promo-label {
                        display: inline-block;
                        margin-bottom: 0.5rem;
                        padding-top: 0.5rem;
                        width: 31px;
                    }
                    
                    .promo-label-time {
                        display: inline-block;
                        margin-bottom: 0.5rem;
                        padding-top: 0.5rem;
                        width: 200px;
                    }
                    
                    .promo-image {
                        display: block;
                        margin-bottom: 0.5rem;
                        padding-top: 0.5rem;
                        width: 31px;
                    }
                    
                    .promo-btn {
                        display: inline-block;
                        font-weight: 400;
                        color: #212529;
                        text-align: center;
                        vertical-align: middle;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        background-color: transparent;
                        border: 1px solid transparent;
                        padding: 0.375rem 0.75rem;
                        font-size: 1rem;
                        line-height: 1.5;
                        border-radius: 0.25rem;
                        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    @media (prefers-reduced-motion: reduce) {
                        .promo-btn {
                            transition: none;
                        }
                    }
                    
                    .promo-btn:hover {
                        color: #212529;
                        text-decoration: none;
                    }
                    
                    .promo-btn:focus,
                    .promo-btn.focus {
                        outline: 0;
                        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
                    }
                    
                    .promo-btn-primary {
                        color: #fff;
                        background-color: #007bff;
                        border-color: #007bff;
                    }
                    
                    .promo-btn-primary:hover {
                        color: #fff;
                        background-color: #0069d9;
                        border-color: #0062cc;
                    }
                    
                    .promo-btn-primary:focus,
                    .promo-btn-primary.focus {
                        color: #fff;
                        background-color: #0069d9;
                        border-color: #0062cc;
                        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
                    }
                    
                    .promo-btn-lg,
                    .promo-btn-group-lg>.promo-btn {
                        padding: 0.5rem 1rem;
                        font-size: 1.25rem;
                        line-height: 1.5;
                        border-radius: 0.3rem;
                    }
                    
                    .promo-btn-block {
                        display: block;
                        width: 80%;
                        margin-left: 59px;
                    }
                    
                    .promo-btn-block+.promo-btn-block {
                        margin-top: 0;
                    }
                    
                    #DJs {
                        cursor: pointer;
                    }
                    
                    .DJ-foto {
                        cursor: pointer;
                        width: 200px;
                    }
                    
                    #DJ_addfile_btn {
                        cursor: pointer;
                        margin-left: 40px;
                    }
                    
                    #btn_DJkeuze {
                        cursor: pointer;
                    }
                    
                    .DJs {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 70%;
                        height: 620px;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 400px #000000a9;
                        z-index: 1500;
                    }
                    
                    .DJlist {
                        overflow-y: scroll;
                        height: 500px;
                    }
                    
                    .list {
                        overflow-y: scroll;
                        height: 500px;
                    }
                    
                    #searchDJ {
                        width: 28%;
                        height: calc(1.5em + 0.75rem);
                        padding: 0.375rem 0.75rem;
                        margin-left: 8px;
                        margin-right: 8px;
                        border-radius: 10px;
                        border: 1px solid black;
                        font-size: 18px;
                    }
                    
                    #sortDJ {
                        margin-left: 30px;
                        height: calc(1.5em + 0.75rem);
                        padding: 0.375rem 0.75rem;
                        background-color: #007bff;
                        color: white;
                        border-radius: 10px;
                        border: 1px solid #0062cc;
                        font-size: 18px;
                    }
                    
                    #DJ_addfile {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 70%;
                        height: 600px;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 400px #000000a9;
                        display: table;
                        z-index: 1500;
                    }
                    
                    .DJ_edit {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 70%;
                        height: 600px;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        box-shadow: 0px 0px 0px 400px #000000a9;
                        display: table;
                        z-index: 1500;
                    }
                    
                    #delDJ {
                        cursor: pointer;
                    }
                    
                    #editDJ {
                        cursor: pointer;
                    }
                    
                    #copyDJ {
                        cursor: pointer;
                    }
                    
                    #DJ-form {
                        display: block;
                    }
                    
                    .DJ-body {
                        margin: 0;
                        font-family: -apple-system, Arial, sans-serif;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        text-align: left;
                        background-image: linear-gradient(180deg, white, #d0d0d0);
                        padding: 30px;
                        padding-bottom: 10px;
                        border: 0.5px solid black;
                        box-shadow: rgba(0, 0, 0, 0.7) 5px 5px 8px;
                        border-radius: 1rem;
                        max-width: 100%;
                        height: 550px;
                    }
                    
                    .DJ-form-group {
                        width: 100%;
                        margin-bottom: 1rem;
                        float: left;
                    }
                    
                    .DJ-form-group1 {
                        width: 100%;
                        margin-bottom: 1rem;
                        float: right;
                    }
                    
                    .DJ-input-group {
                        position: relative;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -ms-flex-align: stretch;
                        align-items: stretch;
                        width: 100%;
                    }
                    
                    .DJ-form-control {
                        width: 20%;
                        height: calc(1.5em + 0.75rem + 2px);
                        padding: 0.375rem 0.75rem;
                        margin-left: 1px;
                        margin-right: 1.5px;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .DJ-form-img {
                        height: calc(1.5em + 0.75rem + 2px);
                        padding: 0.375rem 0.75rem;
                        margin-left: 1px;
                        margin-right: 1.5px;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .DJ-form-time {
                        display: block;
                        width: 4%;
                        height: calc(1.5em + 0.75rem + 2px);
                        padding: 0.375rem 0.37rem;
                        margin-left: 0.6rem;
                        margin-right: 1.5rem;
                        margin-top: 7px;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        border: 1px solid #ced4da;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .DJ-form-day {
                        display: inline-block
                    }
                    
                    input[type=checkbox].DJ-form-day {
                        -ms-transform: scale(2);
                        /* IE */
                        -moz-transform: scale(2);
                        /* FF */
                        -webkit-transform: scale(2);
                        /* Safari and Chrome */
                        -o-transform: scale(2);
                        /* Opera */
                        transform: scale(2);
                        margin-left: 10px;
                        margin-right: 43px;
                        margin-top: 1rem;
                    }
                    
                    input[type=checkbox]#DJ_hour {
                        -ms-transform: scale(2);
                        /* IE */
                        -moz-transform: scale(2);
                        /* FF */
                        -webkit-transform: scale(2);
                        /* Safari and Chrome */
                        -o-transform: scale(2);
                        /* Opera */
                        transform: scale(2);
                        margin-left: 10px;
                        margin-right: 48px;
                        margin-top: 1rem;
                    }
                    
                    .DJ-form-control:focus {
                        border: 1px solid #313131;
                    }
                    
                    select.DJ-form-control[size],
                    select.DJ-form-control[multiple] {
                        height: auto;
                    }
                    
                    textarea.DJ-form-tekst {
                        display: block;
                        width: 79.6%;
                        height: calc(1.5em + 0.75rem + 150px);
                        padding: 0.375rem 0.75rem;
                        margin-top: 0.5rem;
                        margin-left: 1rem;
                        margin-right: 1rem;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        border: 1px solid #ced4da;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    label.DJ-label {
                        display: inline-block;
                        margin-bottom: 0.5rem;
                        padding-top: 0.5rem;
                    }
                    
                    .DJ-btn {
                        display: inline-block;
                        font-weight: 400;
                        color: #212529;
                        text-align: center;
                        vertical-align: middle;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        background-color: transparent;
                        border: 1px solid transparent;
                        padding: 0.375rem 0.75rem;
                        font-size: 1rem;
                        line-height: 1.5;
                        border-radius: 0.25rem;
                        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    @media (prefers-reduced-motion: reduce) {
                        .DJ-btn {
                            transition: none;
                        }
                    }
                    
                    .DJ-btn:hover {
                        color: #212529;
                        text-decoration: none;
                    }
                    
                    .DJ-btn:focus,
                    .DJ-btn.focus {
                        outline: 0;
                        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
                    }
                    
                    .DJ-btn-primary {
                        color: #fff;
                        background-color: #007bff;
                        border-color: #007bff;
                    }
                    
                    .DJ-btn-primary:hover {
                        color: #fff;
                        background-color: #0069d9;
                        border-color: #0062cc;
                    }
                    
                    .DJ-btn-primary:focus,
                    .DJ-btn-primary.focus {
                        color: #fff;
                        background-color: #0069d9;
                        border-color: #0062cc;
                        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
                    }
                    
                    .DJ-btn-lg,
                    .DJ-btn-group-lg>.DJ-btn {
                        padding: 0.5rem 1rem;
                        font-size: 1.25rem;
                        line-height: 1.5;
                        border-radius: 0.3rem;
                    }
                    
                    .DJ-btn-block {
                        display: block;
                        width: 80%;
                        margin-left: 59px;
                    }
                    
                    .DJ-btn-block+.DJ-btn-block {
                        margin-top: 0;
                    }
                    
                    input[type="submit"].promo-btn-block,
                    input[type="reset"].promo-btn-block,
                    input[type="button"].promo-btn-block {
                        width: 100%;
                    }
                    
                    .box {
                        position: relative;
                    }
                    
                    .box select {
                        background-color: #007bff;
                        color: white;
                        padding: 8.5px;
                        width: 200px;
                        border: none;
                        border-radius: 0.3rem;
                        font-size: 18px;
                        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
                        -webkit-appearance: button;
                        appearance: button;
                        outline: none;
                    }
                    
                    .box::before {
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 20%;
                        height: 100%;
                        text-align: center;
                        line-height: 45px;
                        color: rgba(255, 255, 255, 0.5);
                        background-color: rgba(255, 255, 255, 0.1);
                        pointer-events: none;
                    }
                    
                    .box:hover::before {
                        color: rgba(255, 255, 255, 0.6);
                        background-color: rgba(255, 255, 255, 0.2);
                    }
                    
                    .box select option {
                        padding: 15px;
                    }
                    
                    .infoHead {
                        width: 100%;
                    }
                    
                    th {
                        font-weight: 500;
                    }
                    
                    td {
                        border: none;
                        padding: 5px;
                        margin: 5px;
                        border-radius: 5px;
                        background-color: rgb(131, 129, 129);
                        box-shadow: rgba(0, 0, 0, 0.5) 3.5px 3.5px 5px;
                    }
                    
                    #streams {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        width: 100%;
                        height: 280px;
                        padding: 5px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        display: table;
                    }
                    
                    .blog {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        margin-top: 5px;
                        width: 100%;
                        height: 100px;
                        padding: 5px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        display: table;
                    }
                    
                    textarea.blog-form-tekst {
                        display: block;
                        width: 99%;
                        height: calc(1.5em + 0.75rem + 50px);
                        padding: 0.375rem 0.75rem;
                        margin-top: 0.5rem;
                        margin-left: 1px;
                        margin-right: 1px;
                        margin-bottom: 5px;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5;
                        color: black;
                        background-clip: padding-box;
                        border: 1px solid #ced4da;
                        outline: none;
                        border-radius: 0.25rem;
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }
                    
                    .berichten {
                        cursor: pointer;
                        display: block;
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                        margin-top: 5px;
                        width: 100%;
                        height: 400px;
                        padding: 5px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        overflow-y: scroll;
                    }
                    
                    .berichtHover:hover+.xtraBericht {
                        display: block;
                        position: fixed;
                        top: 50%;
                        left: 20%;
                        transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        text-align: justify;
                        width: 30%;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        padding: 10px;
                        border: 1px solid gray;
                        border-radius: 5px;
                    }
                    
                    .xtraBericht {
                        display: none;
                    }
                    
                    .notification {
                        position: absolute;
                        top: 800;
                        left: 0;
                        width: 25%;
                        z-index: 500;
                    }
                    
                    #event {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        text-align: center;
                        width: 100%;
                        height: 58px;
                        color: white;
                        background: linear-gradient(#0e44f8, #161616);
                        display: table;
                        z-index: -10;
                    }
                    
                    .eventlist {
                        cursor: pointer;
                        position: fixed;
                        right: 2.3%;
                        float: inherit;
                        width: 59.4%;
                        height: auto;
                        z-index: 0;
                        text-align: center;
                    }
                    
                    .eventlist:hover {
                        z-index: 1000;
                        background: linear-gradient(#0e44f8, #161616)
                    }
                    
                    .bi {
                        float: right;
                    }
                    
                    .count10 {
                        border: 1px solid rgb(180, 178, 178);
                        padding: 5px;
                        background-color: rgb(248, 52, 3);
                        box-shadow: 0px 0px 4px 0px #000000;
                    }
                    
                    .count60 {
                        border: 1px solid rgb(180, 178, 178);
                        padding: 5px;
                        background-color: orange;
                        box-shadow: 0px 0px 4px 0px #000000;
                    }
                    
                    #statusbar {
                        width: 100%;
                        height: 150px;
                        background: linear-gradient(#686868, #161616);
                        display: table;
                    }
                    
                    #statusbar>div {
                        display: table-cell;
                    }
                    
                    #statusbar .controls {
                        max-width: 20%;
                        width: 80px;
                    }
                    
                    #statusbar button {
                        display: inline-block;
                        width: 100%;
                        padding: 2em;
                        border: 1px solid black;
                        color: #FFFFFF;
                        text-align: center;
                        font-size: 1em;
                        cursor: pointer;
                        background: linear-gradient(#686868, #161616);
                        position: relative;
                        line-height: 1;
                    }
                    
                    @media screen and (max-width:425px) {
                        #statusbar button {
                            /* padding: 1em; */
                        }
                    }
                    
                    #statusbar button:hover,
                    #statusbar button:focus {
                        background: linear-gradient(#7D7D7D, #040404);
                    }
                    
                    #statusbar button span {
                        font-size: 0;
                        overflow: hidden;
                    }
                    
                    #statusbar button#play::before {
                        content: "\25B6";
                        font-size: 1.5em;
                    }
                    
                    #statusbar button#stop::before {
                        content: "\25FC";
                        font-size: 1.5em;
                    }
                    
                    #statusbar .nowPlaying {
                        width: 70%;
                        padding: 0 2em;
                        vertical-align: middle;
                        font-size: 1.5em;
                    }
                    
                    #statusbar .artist {
                        color: #ADFF2F;
                        font-size: medium;
                        vertical-align: text-top;
                        font-size: 0.8em;
                    }
                    
                    #statusbar .title {
                        color: #ADFF2F;
                        font-size: 1.5em;
                    }
                    
                    #statusbar .npTimes {
                        font-size: 2em;
                        padding: 0 2em;
                        width: 35%;
                        text-align: center;
                        color: #ADFF2F;
                        vertical-align: middle;
                    }
                    
                    @media screen and (max-width:580px) {
                        #statusbar .nowPlaying,
                        #statusbar .npTimes {
                            display: block;
                            padding: 0.5em 1em;
                            text-align: left;
                            width: auto;
                            font-size: 2em;
                        }
                        #statusbar .title {
                            font-size: inherit;
                        }
                    }
                    
                    @media screen and (max-width:425px) {
                        #statusbar .nowPlaying,
                        #statusbar .npTimes {
                            font-size: 1.5em;
                        }
                    }
                    
                    .player {
                        position: relative;
                        z-index: 100;
                    }
                    
                    #optionsRow {
                        width: 100%;
                        height: 80px;
                        background: linear-gradient(#686868, #161616);
                        display: table;
                    }
                    
                    #optionsRow button {
                        display: table-cell;
                        width: 33.333%;
                        padding: 2em 0;
                        border: 1px solid black;
                        color: #FFFFFF;
                        text-align: center;
                        font-size: large;
                        background: linear-gradient(#565E65, #353F46);
                        cursor: pointer;
                    }
                    
                    @media screen and (max-width:425px) {
                        #optionsRow button {
                            width: 100%;
                            font-size: 1em;
                        }
                    }
                    
                    #optionsRow .activated {
                        background: linear-gradient(#218A21, #016501);
                    }
                    
                    #optionsRow .activated:hover,
                    #optionsRow .activated:focus {
                        background: linear-gradient(#046701, #91C72F);
                    }
                    
                    #optionsRow .deactivated:hover,
                    #optionsRow .deactivated:focus {
                        background: linear-gradient(#FC7D00, #C44400);
                    }
                    
                    #optionsRow .deactivated {
                        background: linear-gradient(#820303, #CA5858);
                    }
                    
                    #optionsRow .normal:hover,
                    #optionsRow .normal:focus {
                        background: linear-gradient(#586067, #626A73);
                    }
                    
                    .playlist-container {
                        width: 100%;
                        height: 440px;
                        overflow-y: auto;
                        position: relative;
                        cursor: default;
                    }
                    
                    #playlistRows {
                        width: 100%;
                        border-spacing: 0;
                        border-collapse: separate;
                    }
                    
                    #playlistRows td {
                        border: 0 none;
                        padding: 0;
                        border-bottom: 1;
                    }
                    
                    #playlistRows .item {
                        width: 100%;
                        background: linear-gradient(#68686800, #161616);
                    }
                    
                    #playlistRows .item td {
                        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
                    }
                    
                    #playlistRows .controls {
                        position: relative;
                        width: auto;
                        max-width: 80px;
                    }
                    
                    #playlistRows .playbutton {
                        width: 80px;
                        height: 80px;
                        border: 1px solid black;
                        color: #FFFFFF;
                        font-size: 2em;
                        background: linear-gradient(#97C932, #59712F);
                        cursor: pointer;
                        position: relative;
                        padding: 0;
                        border-collapse: separate;
                        margin-top: -1px;
                    }
                    
                    .playbutton::before {
                        content: "";
                        display: block;
                        width: 32px;
                        height: 32px;
                        top: 0;
                        left: 0;
                        margin: 0;
                        position: absolute;
                        background: url('images/play-icon.svg') no-repeat 50%;
                        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSItNjE1IDM3NyA0OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNjE1IDM3NyA0OCA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS01OTksMzg3djI4bDIyLTE0TC01OTksMzg3eiIvPjwvc3ZnPg==") no-repeat 50% 50%;
                        background-size: cover;
                        background-position: 0 -35px;
                        opacity: 0;
                        transition: all 0.2s ease-out;
                    }
                    
                    .playbutton:hover::before,
                    .playbutton:focus::before {
                        background-position: 50%;
                        opacity: 1;
                    }
                    
                    #playlistRows .playbutton:hover,
                    #playlistRows .playbutton:focus {
                        background: linear-gradient(#6A8C24, #42433F);
                    }
                    
                    #playlistRows .clearbutton {
                        width: 2em;
                        height: 2em;
                        border: 1px solid black;
                        color: #fff;
                        text-align: center;
                        font-size: 1em;
                        background: linear-gradient(#820303, #CA5858);
                        cursor: pointer;
                        position: absolute;
                        top: 0;
                        right: 0;
                    }
                    
                    #playlistRows .clearbutton:hover,
                    #playlistRows .clearbutton:focus {
                        background: linear-gradient(#FC7D00, #C44400);
                    }
                    
                    #playlistRows .plTData {
                        padding: 0 1em;
                        width: 100%;
                    }
                    
                    #playlistRows .plArtist {
                        color: #FFF;
                        font-size: 1em;
                        vertical-align: text-top
                    }
                    
                    #playlistRows .plTitle {
                        color: #FFF;
                        font-size: 1.5em;
                    }
                    
                    #playlistRows .pldDuration {
                        float: right;
                        color: #FFF;
                        font-size: 1em;
                        vertical-align: text-top
                    }
                    
                    @media screen and (max-width:425px) {
                        #playlistRows .plTData {
                            font-size: 0.8em;
                        }
                    }
                    /* Track type colours */
                    
                    #playlistRows .tracktype-music {
                        background: #616161;
                    }
                    
                    #playlistRows .tracktype-jingle {
                        background: #7DCC2F;
                    }
                    
                    #playlistRows .tracktype-sweeper {
                        background: #800000;
                    }
                    
                    #playlistRows .tracktype-voiceover {
                        background: #382423;
                    }
                    
                    #playlistRows .tracktype-commercial {
                        background: #400080;
                    }
                    
                    #playlistRows .tracktype-internetstream {
                        background: #FF8040;
                    }
                    
                    #playlistRows .tracktype-other {
                        background: #8080FF;
                    }
                    
                    #playlistRows .tracktype-vdf {
                        background: #768A02;
                    }
                    
                    #playlistRows .tracktype-podcast {
                        background: #47314F;
                    }
                    
                    #playlistRows .tracktype-request {
                        background: #FF0000;
                    }
                    
                    #playlistRows .tracktype-news {
                        background: #616161;
                    }
                    
                    #playlistRows .tracktype-playlistevent {
                        background: #FF80FF;
                    }
                    
                    #playlistRows .tracktype-filebydate {
                        background: #616161;
                    }
                    
                    #playlistRows .tracktype-newestfromfolder {
                        background: #FF00FF;
                    }
                    
                    #playlistRows .tracktype-teaser {
                        background: #6832CD;
                    }
                    
                    #keuze {
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                        width: 100%;
                        height: 100px;
                        padding: 10px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        display: table;
                    }
                    
                    #status {
                        float: right;
                        height: 80px;
                        width: 180px;
                        padding: 6px;
                        border-bottom-right-radius: 8px;
                        border: 1px solid black;
                        background: linear-gradient(#05abf8, #05daf7);
                    }
                    
                    .knop {
                        width: 80px;
                        height: 80px;
                        border-radius: 5px;
                        margin-right: 5px;
                        box-shadow: 5px 5px black;
                        color: white;
                        background: linear-gradient(#820303, #CA5858);
                        cursor: pointer;
                    }
                    
                    .knop1 {
                        width: 80px;
                        height: 80px;
                        border-radius: 5px;
                        margin-right: 5px;
                        box-shadow: 5px 5px black;
                        color: white;
                        background: linear-gradient(#19e219, #6ab141);
                        cursor: pointer;
                    }
                    
                    #news {
                        background: linear-gradient(#19e219, #6ab141);
                    }
                    
                    #news:hover,
                    #news:focus {
                        background: linear-gradient(#FC7D00, #C44400);
                    }
                    
                    #golive:hover,
                    #golive:focus {
                        background: #03c40c;
                    }
                    
                    #goVideo:hover,
                    #goVideo:focus {
                        background: #03c40c;
                    }
                    
                    .knop1:hover {
                        background: linear-gradient(#820303, #CA5858);
                    }
                    
                    #addmusic {
                        cursor: pointer;
                    }
                    
                    #edmusic {
                        cursor: pointer;
                    }
                    
                    .log {
                        padding: 1em;
                        overflow: hidden;
                    }
                    /*-------music music-bibilo-------*/
                    
                    .music-bibilo {
                        position: fixed;
                        top: 0.5%;
                        right: 2.3%;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#a09f9f, #0e0808);
                        display: table;
                        z-index: 1000;
                        overflow: hidden;
                    }
                    
                    #zoek {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        width: 100%;
                        height: 30px;
                        padding-left: 5px;
                        padding-top: 10px;
                        padding-right: 5px;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        display: table;
                        cursor: default;
                    }
                    
                    #search {
                        width: 50%;
                        margin-left: 8px;
                        margin-right: 8px;
                    }
                    
                    #search-btn {
                        width: 10px;
                        height: 10px;
                    }
                    
                    #playlistbuilder {
                        width: 1100px;
                        height: 790px;
                        padding: 5px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        overflow-y: scroll;
                        cursor: default;
                    }
                    
                    #paginate {
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                        width: 100%;
                        height: 20px;
                        padding-left: 5px;
                        padding-bottom: 5px;
                        padding-right: 5px;
                        color: white;
                        background: linear-gradient(#161616, #161616);
                        cursor: default;
                    }
                    
                    .image-txt-un {
                        text-align: justify;
                        width: 200px;
                    }
                    
                    .img-txt-un img {
                        display: block;
                        margin: 0 auto;
                    }
                    
                    .le {
                        float: left;
                        padding-left: 5px;
                    }
                    
                    .re {
                        float: right;
                        padding-right: 5px;
                    }
                    
                    .sp {
                        padding-left: 10px;
                    }
                    
                    .mid {
                        text-align: center;
                    }
                    
                    #back {
                        cursor: pointer;
                    }
                    
                    #forward {
                        cursor: pointer;
                    }
                    
                    #music {
                        color: white;
                        cursor: pointer;
                    }
                    
                    #playlist {
                        color: white;
                        cursor: pointer;
                    }
                    /*-------end music-bibilo--------*/
                    
                    #music-kaart {
                        position: fixed;
                        top: 5%;
                        right: 5%;
                        width: 60%;
                        height: 60%;
                        padding: 10px;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        display: table;
                        z-index: 1900;
                        overflow: hidden;
                    }
                    /*-------playlistmaker---------*/
                    
                    .music-bibilo-maker {
                        position: fixed;
                        top: 0.5%;
                        right: 2.3%;
                        width: 95%;
                        border-radius: 10px;
                        border: 1px solid black;
                        color: white;
                        background: linear-gradient(#949494, #a09f9f);
                        display: table;
                        z-index: 1500;
                        overflow: hidden;
                    }
                    
                    #zoek-maker {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        width: 100%;
                        height: 30px;
                        padding-left: 5px;
                        padding-top: 10px;
                        padding-right: 5px;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        display: table;
                        overflow-y: hidden;
                        cursor: default;
                    }
                    
                    #search-maker {
                        width: 50%;
                        margin-left: 8px;
                        margin-right: 8px;
                    }
                    
                    #search-btn-maker {
                        width: 10px;
                        height: 10px;
                    }
                    
                    #playlistbuilder-maker {
                        width: 100%;
                        height: 790px;
                        padding: 5px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        overflow-y: scroll;
                        cursor: default;
                    }
                    
                    #paginate-maker {
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                        width: 100%;
                        height: 20px;
                        padding-left: 5px;
                        padding-bottom: 5px;
                        padding-right: 5px;
                        color: white;
                        background: linear-gradient(#161616, #161616);
                        display: table;
                        cursor: default;
                    }
                    
                    .le-maker {
                        float: left;
                        padding-left: 10px;
                    }
                    
                    .re-maker {
                        float: right;
                        padding-right: 10px;
                    }
                    
                    .mid-maker {
                        text-align: center;
                    }
                    
                    #back-maker {
                        cursor: pointer;
                    }
                    
                    #forward-maker {
                        cursor: pointer;
                    }
                    
                    #music-maker {
                        color: white;
                        cursor: pointer;
                    }
                    
                    #playlist-maker {
                        color: white;
                        cursor: pointer;
                    }
                    
                    .playlists_list_head {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        border-bottom: 1px solid #161616;
                        width: 100%;
                        height: 30px;
                        padding: 5px;
                        color: white;
                        background: linear-gradient(#686868, #686868);
                        display: table;
                        cursor: default;
                    }
                    
                    #playlists {
                        width: 100%;
                        height: 790px;
                        padding-left: 5px;
                        padding-bottom: 5px;
                        padding-right: 5px;
                        color: white;
                        background: linear-gradient(#686868, #161616);
                        overflow-y: scroll;
                        cursor: default;
                    }
                    
                    .playlists_list_foot {
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                        width: 100%;
                        height: 30px;
                        padding-left: 5px;
                        padding-right: 5px;
                        color: white;
                        background: linear-gradient(#161616, #686868);
                        display: table;
                        cursor: default;
                    }
                    
                    .open_playlists {
                        position: fixed;
                        top: 6%;
                        right: 4%;
                        border-radius: 10px;
                        border: 1px solid black;
                        width: 280px;
                        height: 700px;
                        padding-left: 5px;
                        padding-bottom: 5px;
                        padding-right: 5px;
                        color: black;
                        background: linear-gradient(#d3d3d3, #686868);
                        z-index: 1800;
                        overflow-y: scroll;
                        cursor: default;
                    }
                    
                    #open_playlists_btn {
                        cursor: pointer;
                    }
                    
                    #addplaylists {
                        cursor: pointer;
                    }
                    
                    #addplaylists:hover {
                        color: white;
                    }
                    
                    #del_playlistsnumber_btn {
                        color: red;
                        cursor: pointer;
                    }
                    
                    #del_playlists_btn {
                        color: red;
                        cursor: pointer;
                    }
                    
                    .orange {
                        color: orange;
                    }
                    
                    .yellow {
                        color: yellow;
                    }
                    
                    .green {
                        color: greenyellow;
                    }
                    
                    .red {
                        color: red;
                    }
                    /*end playlistmaker*/
                    
                    .notice {
                        background: #fff;
                        padding: 1em 1em;
                        border-left: 3px solid;
                        margin: 0 0 0.5em;
                    }
                    
                    .error {
                        color: red;
                    }
                    
                    .overlay {
                        display: none;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0.7;
                        background: #333;
                        z-index: 9999;
                    }
                    
                    @media all and (max-width: 1010px) {
                        .login_cont {
                            width: 100%;
                        }
                        .login {
                            height: 200px;
                            font-size: 30px;
                        }
                    }
                    
                    @media all and (max-width: 613px) {}