#root,body,html{margin:0;height:100%;font-family:Open Sans,sans-serif}body,h1,h2,h3{font-weight:300}a{color:#fff;text-decoration:none}a:hover{color:#5aadbb}.main-container{-ms-flex-direction:column;flex-direction:column;min-height:100%}.main,.main-container{display:-ms-flexbox;display:flex}.main{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#1f1f1f}.header-title{font-size:1.5rem}.header-date,.header-title{-ms-flex:1;flex:1;margin:1rem}.header-date{text-align:right;white:#fff}.title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;background-color:#cf4646;color:#fff}.title-h1{font-weight:300;font-size:4rem;margin:1rem}.title-logo{height:12rem;background-color:#fff;border-radius:1rem;margin:1rem}.title-h2{font-weight:300;font-size:2rem;margin:.5rem}.footer{padding:.5rem;font-size:1rem;background-color:#1f1f1f;text-align:center;color:#fff}.techs-container{margin:1rem}.techs-h2{font-weight:300;font-size:1.5rem}.techs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.tech{height:15rem;width:15rem;border:1px solid #d3d3d3;border-radius:1rem;margin:1rem;padding:1rem}.tech-logo{width:5rem;height:5rem;float:right;margin:0 0 .5rem .5rem}.tech-h3{font-size:1.5rem;margin:0 0 2rem}@media screen and (min-width:768px){.main-container{width:35%;margin:0 auto}.AddRoomBtn{width:35%}}.switch{border:1px solid;padding:30px;-ms-flex:1 1 40%;flex:1 1 40%}.switch.active{background:#0b0;color:#fff}.switch:hover{cursor:pointer}.switch-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;text-align:center;margin-top:40px}.knob{border:1px solid;padding:10px;color:#000;-ms-flex:1;flex:1;background-color:#fff}.knob.knob-active,.knob:hover{background:#400;color:#fff}.knob:hover{cursor:pointer}.knob-wrapper{margin-top:15px;display:-ms-flexbox;display:flex}.room{border:1px solid;padding:30px;-ms-flex:1 1 40%;flex:1 1 40%;position:relative}.room.active,.room:hover{background:#0b0;color:#fff}.room:hover{cursor:pointer}.room-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;text-align:center;margin-top:40px}.navigation{padding:10px;position:fixed;top:0;left:0}.navigation a{color:blue}.navigation a:hover{color:#00a}.EditBtn{position:fixed;top:0;right:0;padding:6px;margin:5px}.AddRoomBtn{width:100%;background:#72d304b2;border:none;padding:20px;font-size:20px;position:fixed;bottom:0;-ms-flex:1 1 50%;flex:1 1 50%}.closeBtn{top:20px;right:15px;position:absolute;border-radius:100%;padding:6px}.closeBtn:hover{background-color:red;color:#fff}@media screen and (min-width:768px){.AddRoomBtn{width:35%}}.addRoomForm{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10px;-ms-flex-direction:column;flex-direction:column}.formTable{background-color:#00000021;padding:15px;margin-top:110px}.addBtn,.formHeader{width:100%;background:#72d304b2;border:none;padding:20px;font-size:20px}.formHeader{position:fixed;top:50px;margin:0;text-align:center}@media screen and (min-width:768px){.addBtn{width:107%}.formHeader{width:35%}}.switch-board{border:1px solid;padding:30px;-ms-flex:1 1 40%;flex:1 1 40%;position:relative}.switch-board.active,.switch-board:hover{background:#0b0;color:#fff}.switch-board:hover{cursor:pointer}.switch-board-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;text-align:center;margin-top:40px}.AddSwitchBoardBtn{width:100%;background:#72d304b2;border:none;padding:20px;font-size:20px;position:fixed;bottom:0;-ms-flex:1 1 50%;flex:1 1 50%}@media screen and (min-width:768px){.AddSwitchBoardBtn{width:35%}}.addSwitchBoardForm{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10px;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.addBtn{width:107%}.formHeader{width:35%}}