/* ########## THEMA Standard ############*/
/* ########## THEMA Standard ############*/


:root {
     --bg: #0b0f14;
        --panel: rgba(17, 23, 31, 0.7);
        --panel-border: rgba(120, 180, 255, 0.12);
        --text: #e6f2ff;
        --radius: 14px;
        --maintext: #a0a0a0;
        --ui-mask: #000;
}
:root[data-mode="light"]{
        --bg: #ffffff;
        --panel: rgba(17, 23, 31, 0.7);
        --panel-border: rgba(120, 180, 255, 0.12);
        --text: #e6f2ff;
        --radius: 14px;
        --maintext: #a0a0a0;
        --ui-mask: #000;
}
body {
  
   background-color: var(--bg) !important;
}
#back {
    /*opacity: 0.6;
    background-position: 50% 10%;
    background-image: url("../images/back8.jpg") !important;*/
}

.containermid {
    background-image: url("../images/classic/BroadcastViewBackground.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*background: none;*/
    backdrop-filter: none;
}

#stationPicker {
    color: #000;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E");
}

.boxMiddle,
.labeltekstout,
.labeltekstin,
#lblStatus,
.clock-timer {
    color: #000;
}

#refreshDevs {
    border: 1px solid rgba(164, 57, 219);
}

.boxTop {
    background-color: #838C93;
}


#recordBtn::before {
    background-image: url("../images/llc-web/big_button.png");
}

#recordBtn::after {
    background-image: url("../images/classic/record_icon.png");
}

#recordBtn.active::before {
    background-image: url("../images/llc-web/big_button_on.png");
}



#playBtn::before {
    background-image: url("../images/llc-web/big_button.png");
}

#playBtn::after {
    background-image: url("../images/classic/play_icon.png");
}

#playBtn.active::before {
    background-image: url("../images/llc-web/big_button_on.png");
}


#micBtn::before {
    background-image: url("../images/llc-web/big_button.png");
}

#micBtn::after {
    background-image: url("../images/classic/mic_icon.png");
}

#micBtn.active::before {
    background-image: url("../images/llc-web/big_button_on.png");
}


#connectBtn::before {
    background-image: url("../images/llc-web/big_button.png");
}

#connectBtn::after {
    background-image: url("../images/classic/antenna_full.png");
}

#connectBtn.active::before {
    background-image: url("../images/llc-web/big_button_working.png");
}

#connectBtn.active.connected::before {
    background-image: url("../images/llc-web/big_button_on.png");
}

#connectBtn:hover {
    cursor: pointer;
}

#muteSpeakerBtn::before {
    background-image: url("../images/llc-web/hp_slider_on.png");
}

#muteSpeakerBtn.active::before {
    background-image: url("../images/llc-web/hp_slider_off.png");
}

#muteMicBtn::before {
    background-image: url("../images/llc-web/mic_slider_cue_off.png");
}

#muteMicBtn.active::before {
    background-image: url("../images/llc-web/mic_slider_mute.png");
}

.ruler-tick:before {
    background: #808080;
}

.ruler-tick:after {
    background: #808080;
}


#meter {
    background-image: linear-gradient(to right, #4b5053 3px, transparent 1px);
}


.serverimg {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    background-image: url(../images/classic/antenna_full.png);
}

.boxLeft {
    color: #111215;
}



.slider::-webkit-slider-thumb {
    background-image: url(../images/llc-web/slider_knobP.png);
}

.slider::-moz-range-thumb {
    background-image: url(../images/llc-web/slider_knobP.png);
}