@CHARSET "UTF-8";
body {background-color: transparent; margin:0; padding:0;}


/* * {display:none;}
 */

.Buttons div {display: inline-block; padding:0.5em; margin:0 1em;background-color:#ddd;border:1px solid #444; text-align: center;}
.Buttons div.onAir {background-color:#80ff80;}

.ButtonRow {display:flex; justify-content:space-between; margin-top:0.5em; align-items:center;}

.Caspar {box-sizing: border-box;}
.Caspar textarea {width:100%; height:5em;box-sizing: border-box;}
.Caspar input[type=text] {width:100%; box-sizing: border-box;}

.MainMaster {display:flex; position:relative; flex-wrap:wrap; justify-content:center;align-items:flex-start;}

.Master {display:flex;flex-direction:column;justify-content:space-between;border:2px solid red;margin:1em;}
.MasterTitle {background-color:red;color:white;font-size:1.5em; text-align: center;font-weight:bold;margin-bottom:0.5em;padding:0.5em 0 0.5em 0.5em;}
.MasterOn {display: inline-block; float:right;font-size:0.5em;color:black; padding:0.75em; background-color:#ddd;border:1px solid #444; }
.MasterOn.onAir {background-color:#80ff80;}
.Master.onAir {border:2px solid green;}
.MasterTitle.onAir {background-color:green;}

.MasterOut {align-self:end;}

.screenshot {text-align:center;}
.screenshot img {width:12vw;height:auto;}

.Server {justify-content:space-between; border:1px solid red;background-color:#fdd;padding-bottom:0.5em;margin-top:0.5em; }
.Server.onAir {border:1px solid green;background-color:#dfd;}

.ServerTit {background-color:red;color:white;font-weight:bold;text-align: center;}
.ServerTit.onAir {background-color:green;}

.Preview {justify-content:space-between; border:1px solid #888;background-color:#ddd;padding-bottom:0.5em;margin-top:0.5em;}
.PreviewTit {background-color:black;color:white;font-weight:bold;text-align: center;}

.Settings {text-align:center;color:white;background-color:#888;padding:0.1em;margin-top:1em;}

.ClickableDiv { cursor: pointer; -webkit-user-select: none;/* Chrome/Safari */  -moz-user-select: none;/* Firefox */  -ms-user-select: none;/* IE10+ */ /* Not implemented yet */ -o-user-select: none; user-select: none;}
.NonClickableDiv { cursor: not-allowed; -webkit-user-select: none;/* Chrome/Safari */  -moz-user-select: none;/* Firefox */  -ms-user-select: none;/* IE10+ */ /* Not implemented yet */ -o-user-select: none; user-select: none;}

.Title a {color:yellow;}

.CssResetButton {display: inline-block; padding:0.1rem 0.3rem;font-size:0.7rem;background-color: crimson;color:white;}
.CssResetDisabled {opacity: 0.3}

.text-green {color:green;}
.text-grey {color:grey;}