body{
    color: #ffffff;
}
body select{
    color: #f9fff9;
}
input[type=submit] {
    outline: 4px lightgrey outset;
}
.presetsDiv {
    border: 4px #20a400 outset;
}

li.active {
    /* background-color: #DC143C; */
    border:1px solid  #fff; 
    background-color: transparent; 
}

.CamPresets::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #DC143C;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#controller::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #DC143C;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.overlay::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #DC143C;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.previews::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #DC143C;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#script-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #DC143C;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#script-list-next::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #DC143C;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
c
@keyframes blink {
    50% {
        -webkit-box-shadow: inset 0px 0px 0px 4px #20a400;
        -moz-box-shadow: inset 0px 0px 0px 4px #20a400;
        box-shadow: inset 0px 0px 0px 4px #20a400;
    }
}

@keyframes blinkred {
    50% {
        -webkit-box-shadow: inset 0px 0px 0px 3px #d4000e;
        -moz-box-shadow: inset 0px 0px 0px 3px #d4000e;
        box-shadow: inset 0px 0px 0px 3px #d4000e;
    }
}
@keyframes blinkrec {
    50% {
        background: #ff0000;

    }
}

@keyframes blinkNext {
    50% {
        -webkit-box-shadow: inset 0px 0px 0px 4px #ccc31d;
        -moz-box-shadow: inset 0px 0px 0px 4px #ccc31d;
        box-shadow: inset 0px 0px 0px 4px #ccc31d;
    }
}

@keyframes blink_keyboard_frame {
    50% {
        -webkit-box-shadow:inset 0px 0px 0px 3px #1200ff;
        -moz-box-shadow:inset 0px 0px 0px 3px #1200ff;
        box-shadow:inset 0px 0px 0px 3px #1200ff;
    }
}
@keyframes blinkNextOutset {
    50% {
        -webkit-box-shadow: 0px 0px 0px 4px #ccc31d;
        -moz-box-shadow: 0px 0px 0px 4px #ccc31d;
        box-shadow: 0px 0px 0px 4px #ccc31d;
    }
}

@keyframes blinkred-frame {
    50% {
        -webkit-box-shadow: inset 0px 0px 0px 8px #ff0000;
        -moz-box-shadow: inset 0px 0px 0px 8px #ff0000;
        box-shadow: inset 0px 0px 0px 8px #ff0000;
    }

}
@keyframes blinkbuttonready {
    50% {
        background-color: #a40069;
    }
}


.buttons {
    border: none;
}

.scriptTime{
    color: #20a400;
}

.buttonCamStop:hover,
.VmixControls:hover,
.VmixControls-preview:hover,
.VmixControlsOverlay:hover,
.buttonCamControl:hover,
.ButtonCamPreset:hover,
.focus-button:hover,
.wb-button:hover,
.ae-button:hover{
    -webkit-box-shadow: inset 0px 0px 0px 5px #ccc31d;
    -moz-box-shadow: inset 0px 0px 0px 5px #ccc31d;
    box-shadow: inset 0px 0px 0px 5px #ccc31d;
}
.camera-controllers-border:hover,
.auto-controller-left:hover,
.auto-controller-right:hover{
    -webkit-box-shadow: inset 0px 0px 0px 3px #ccc31d;
    -moz-box-shadow: inset 0px 0px 0px 3px #ccc31d;
    box-shadow: inset 0px 0px 0px 3px #ccc31d;
}
.resetCameras:hover,
.alert-box:hover{
    -webkit-box-shadow:  0px 0px 0px 3px #ccc31d;
    -moz-box-shadow:  0px 0px 0px 3px #ccc31d;
    box-shadow:  0px 0px 0px 3px #ccc31d;
}


.createSnapshot-above-40,
.calcelDelete,
.deletePresetButton,
#move-preset-down,
.stopAllOverlay,
.exit-cam-config{
    background-color: #9b0000;
}

.overlayButton2 {
    background-color: #671a00;
}

.OZ {
    background-color: #0c6e97;
}

.OL {
    background-color: #393ab3;

}

.OA {
    background-color: #973b87;
}

.OB {
    background-color: #977d2c;
}

.OC {
    background-color: #8d8e97;
}

.OD {
    background-color: #703097;
}

.OP {
    background-color: #970c56;
}


.nextScript {
    background-color: #930060;
}

.unlockPlayouts {
    background: #9c2800 ;
}

.createSnapshot-below-40{
    background-color: #f4791d;
}

#saveconfirmationText,
#confirmationText,
#rec-time,
.realTime,
#realTime,
#volumeI8C2,
#volumeText2{
    color: #ff0000;
}

.calcelSave{
    background-color: #a40011;
}


#presetDescription,
#savePresetCamName{
    background: rgba(187, 0, 123, 0.7);
    color:#ffffff;

}
#presetTooltipContent{
    color:#ffffff;
    background: rgba(187, 0, 123, 0.7);
}
.copyPresetButton {
    background-color: #374fa4;
}
.pastePresetButton{
    background-color: #a48110;

}

.cancelPresetButton {
    background-color: #930060;
}

.buttonCamControl,
.buttonCamStop,
.ButtonCamPreset,
#script,
.camera-controllers-border,
.camera-prop_zoom-controllers-border{
    -webkit-box-shadow: inset 0px 0px 0px 2px #670041;
    -moz-box-shadow: inset 0px 0px 0px 2px #670041;
    box-shadow: inset 0px 0px 0px 2px #670041;
}
#scriptNext{
    -webkit-box-shadow: inset 0px 0px 0px 2px #977d2c;
    -moz-box-shadow: inset 0px 0px 0px 2px #977d2c;
    box-shadow: inset 0px 0px 0px 2px #977d2c;
}
.preset-used-in-playout{
    -webkit-box-shadow: inset 0px 0px 0px 3px #e90000;
    -moz-box-shadow: inset 0px 0px 0px 3px #e90000;
    box-shadow: inset 0px 0px 0px 3px #e90000;
}
.scriptButton,
.buttons,
.toogleButtons,
.selectPlayoutGroup select,
.selectTransition,
.off-webrtc,
.keyboard-controll,
.overlayInput,
.choose-auto,
.auto-description,
.tooltips-off,
.correct-presets{
    background-color: #670041;
}
#camera-bar,
#reset-webrtc,
#start-webrtc,
#menu-bar,
#menu-bar2{
    background-color: #2d001b;
}
.savePreset,
.setCamConfigContainer,
.deleteConfirmation,
.saveConfirmation,
.camera-config{
    background: rgba(103, 0, 65, 0.9);
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
    color: #fff;
}

#toogleYT:hover,
#tooglePopler:hover,
#toogleWRTC:hover,
#toogleFB:hover,
.resetCams:hover,
.OZ:hover,
.OL:hover,
.OA:hover,
.OB:hover,
.OC:hover,
.OD:hover,
.OP:hover,
.overlayButton:hover,
.overlayButton2:hover,
#muteStream:hover,
.selectTransition:hover,
.nextScript:hover,
.unlockPlayouts:hover,
.unlockPresets:hover,
.overlayZ:hover,
.overlayL:hover,
.overlayA:hover,
.overlayB:hover,
.overlayC:hover,
.overlayD:hover,
.overlayP:hover,
.overlayInput:hover,
.confirmDelete:hover,
.calcelDelete:hover,
.createSnapshot:hover,
.confirmDelete:hover,
.calcelDelete:hover,
.confirmSave:hover,
.calcelSave:hover,
.savePresetButton:hover,
.cancelPresetButton:hover,
.deletePresetButton:hover,
.pastePresetButton:hover,
.copyPresetButton:hover,
.rec-str-ext-buttons:hover,
#reset-webrtc:hover,
#start-webrtc:hover,
#play:hover,
.scriptButton:hover,
#move-preset-up:hover,
#move-preset-down:hover,
.off-webrtc:hover,
.keyboard-controll:hover,
.exit-next-script:hover,
.choose-auto:hover,
.auto-submit-button:hover,
.exit-cam-config:hover,
.exit-cam-config-RS232:hover,
.config-slider-down-button:hover,
.config-slider-up-button:hover,
.osd-menu-button:hover,
#confirmCamToggle:hover,
#cancelCamToggle:hover,
.submit-key:hover,
.buy-licence:hover,
.show-key-input:hover,
.product-info-button:hover,
.demo-key:hover,
.save-email:hover,
.exit-email:hover,
.tilt-on-off:hover,
.pan-on-off:hover,
.hold-on-off:hover,
.run-controll:hover,
.camera-proportional-zoom-line:hover,
.edit-all-check:hover{
    background-color: #ccc31d;
}

.VmixControls:active,
.VmixControls-preview:active,
.ButtonCamPreset:active,
.buttonCamStop:active,
.buttonCamControl:active,
.exit-cam-config:active,
.exit-cam-config-RS232:active,
.focus-button:active,
.wb-button:active,
.ae-button:active,
.osd-menu-button:active{
    -webkit-box-shadow: inset 0px 0px 0px 5px #d4000e;
    -moz-box-shadow: inset 0px 0px 0px 5px #d4000e;
    box-shadow: inset 0px 0px 0px 5px #d4000e;
}
.camera-controllers-border:active,
.auto-controller-left:active,
.auto-controller-right:active{
    -webkit-box-shadow: inset 0px 0px 0px 3px #d4000e;
    -moz-box-shadow: inset 0px 0px 0px 3px #d4000e;
    box-shadow: inset 0px 0px 0px 3px #d4000e;
}

.resetCams:active,
.rec-str-ext-buttons:active,
#reset-webrtc:active,
#start-webrtc:active,
.savePresetButton:active,
.cancelPresetButton:active,
.deletePresetButton:active,
.pastePresetButton:active,
.copyPresetButton:active,
.calcelDelete:active,
.calcelSave:active,
.overlayZ:active,
.overlayL:active,
.overlayA:active,
.overlayB:active,
.overlayC:active,
.overlayD:active,
.overlayP:active,
.overlayInput:active,
.overlayButton:active,
.overlayButton2:active,
.selectTransition:active,
#move-preset-up:active,
#move-preset-down:active,
#selectReset,
.off-webrtc:active,
.keyboard-controll:active,
.exit-next-script:active,
.choose-auto:active,
.auto-submit-button:active,
.exit-cam-config:active,
.config-slider-down-button:active,
.config-slider-up-button:active,
#confirmCamToggle:active,
#cancelCamToggle:active,
.submit-key:active,
.buy-licence:active,
.show-key-input:active,
.product-info-button:active,
.demo-key:active,
.save-email:active,
.exit-email:active,
.tilt-on-off:active,
.pan-on-off:active,
.hold-on-off:active,
.run-controll:active,
.camera-proportional-zoom-line:active,
.edit-all-check:active{
    background-color: #f40001;
}
/*.activeOverlayPreset,*/
.active-button,
.rec-str-ext-buttons2,
.rec-str-ext-buttons,
#move-preset-up,
.savePresetButton,
.confirmSave,
.confirmDelete,
.createSnapshotActive,
.createSnapshot:active,
.overlayInputActive,
.transitionActive,
.overlayLActive,
.overlayZActive,
.overlayPresetActive,
.unlockedPlayout,
.playingText,
.overlayButtonActive,
.overlayButtonActive2,
.active,
.active-player,
.off-webrtc-active,
.keyboard-controll-active,
.choose-auto-active,
.active-tooltips,
.active-correct-presets{
    background-color: #20a400;
}
#volumeI8C1,
#volumeText1{
    color: #20a400;
}
.activeControlButton,
.activeVmixControlButton{
    -webkit-box-shadow: inset 0px 0px 0px 3px #20a400;
    -moz-box-shadow: inset 0px 0px 0px 3px #20a400;
    box-shadow: inset 0px 0px 0px 3px #20a400;
}
.confirmDelete:active,
.confirmSave:active{
    background-color: #19ff0b;
}

.rec-str-ext-active{
    background-color: #ff0000;
}
.rec-active{
    animation: blinkrec .5s step-end infinite alternate;
}
#scriptNext{
    color: #977d2c;
    background-color: #000000;
}


.correct-preset-color{
    /*background-color: #2afe00;*/
}

.VmixControls-preview-active{
    -webkit-box-shadow: inset 0px 0px 0px 3px #f98f00;
    -moz-box-shadow: inset 0px 0px 0px 3px #f98f00;
    box-shadow: inset 0px 0px 0px 3px #f98f00;
}