.loading{width:100%;height:100px;text-align:center;font-size:10px}.loading>div{background-color:#ccc;height:40%;width:10px;display:inline-block;-webkit-animation:sa-stretchdelay 1.4s infinite ease-in-out;animation:sa-stretchdelay 1.4s infinite ease-in-out}.loading .rectangle_2,.loading .rectangle_9{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading .rectangle_3,.loading .rectangle_8{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.loading .rectangle_4,.loading .rectangle_7{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.loading .rectangle_5,.loading .rectangle_6{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@keyframes sa-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);background-color:#ddd}}@-webkit-keyframes sa-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0);background-color:#ddd}}.fade-out{font-weight:bolder;animation-delay:4s;-webkit-animation:fade-out-animation 2s 2s normal forwards;animation:fade-out-animation 2s 2s normal forwards}@keyframes fade-out-animation{0%{opacity:1}100%{opacity:0;display:none}}:root{--main-color:#1c2538;--subcolor:#161e2d;--marine-blue:#1c2538;--muted-marine-blue:#161e2d;--maroon:#6e2639;--mint:#00bf78;--grass-green:#1d8037;--danger:#dc3545;--running:#1d8037;--stopped:#838683;--deleted:#000;--broken:#ce2b2b;--transition:#b3be27;--python-yellow:#ffd343;--python-blue:#2b5b84;--indigo:#6610f2;--dark-blue:#34495e}body,html{height:100%}html{min-height:100%;position:relative;background:whitesmoke;color:#000;font-family:'Montserrat',sans-serif;margin:auto}body{background-color:whitesmoke;margin-bottom:60px;padding-top:4rem}main{background:whitesmoke}.title-ctn{text-align:center}h3,h4,h5{margin:10px 0 30px 0;letter-spacing:2px;font-size:20px;color:#111}.vh-100{height:100vh}.margin-r-5{margin-right:5px}.m-l-r-2{margin:0 2px}.m-l-r-3{margin:0 3px}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preserve-whitespace{white-space:pre-wrap}.tab-pane{padding-bottom:20px}#content-container{background-color:white;border-left:none;border-right:none;border-bottom:1px solid gray;border-radius:1px;box-shadow:1px 1px 5px #000}#content-row{height:100vh}.info-container{background-color:white;width:100%;border:1px solid darkgray;box-shadow:1px 2px 3px 0 gray;margin-bottom:20px;padding:20px}.landing_container{margin:auto;background-color:white;min-height:100%;position:relative}.table-container{background-color:white;width:100%;border:1px solid darkgray;box-shadow:1px 2px 3px 0 #808080;margin-bottom:20px}.image-container{text-align:center;padding:1rem;background:whitesmoke;border:whitesmoke;border-radius:4px}.form-ctn{width:40%;margin-top:10vh;-webkit-box-shadow:0 10px 13px -7px #000,15px 16px 8px -13px rgba(0,0,0,0.62);box-shadow:0 10px 13px -7px #000,15px 16px 8px -13px rgba(0,0,0,0.62);padding:2%;background-color:white}.input-field{margin-top:5vh}.form-input-group{padding:10px;border:1px solid lightgray;border-radius:4px;margin:15px 0 15px 0}.vm-ctn{margin-bottom:10vh}.vm-list-ctn{margin:0 auto}.vm-card{margin-bottom:5vh}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:space-around}footer{position:absolute;bottom:0;height:60px;line-height:10px;background-color:#f5f5f5}footer p{color:black}footer a:hover{color:var(--maroon,#6e2639);text-decoration:none}.nav-link{}.nav-pills>li{padding-top:10px}.nav-pills>li:last-child{padding-bottom:10px}.ul-dash{list-style-type:'- '}.navbar-brand{color:whitesmoke!important;padding-right:10px;border-right:1px solid white;margin-left:1rem}.top-navbar{background:var(--main-color);color:#fff;border-bottom:#535353 solid .1vh;box-shadow:1px 1px 6px -1px #000}.top-navbar-pill{padding-right:10px}.btn.top-navbar-btn{background-color:var(--main-color);color:white;width:100%;margin-right:10px}.btn.top-navbar-btn:hover{background-color:whitesmoke;color:black}.btn.top-navbar-btn#sign-out{background-color:var(--grass-green)}.btn.top-navbar-btn#sign-out:hover{background-color:whitesmoke;color:black}.navbar-icon{width:30px;height:auto;filter:invert(1);-webkit-filter:invert(1);transform:rotate(45deg)}.dropdown-menu li:hover{background-color:var(--python-blue)!important;color:white!important}#settings:hover{color:white}.nav-sidebar{top:50px;padding-top:1.5rem;background-color:var(--subcolor,#161e2d)}@media(min-width:768px){.nav-sidebar{top:0;position:fixed}}.nav-img{text-align:center;background:whitesmoke}@media screen and (max-width:992px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out}.row-offcanvas-left,.sidebar-offcanvas{left:-33%}.row-offcanvas-left.active{left:33%;margin-left:-6px}.sidebar-offcanvas{position:absolute;top:0;width:33%;height:100%;overflow:auto}}@media screen and (max-width:34em){.row-offcanvas-left,.sidebar-offcanvas{left:-45%}.row-offcanvas-left.active{left:45%;margin-left:-6px}.sidebar-offcanvas{width:45%}}ol.teams{list-style-type:none;counter-reset:elementcounter;padding-left:0}li.teams:before{content:"Team " counter(elementcounter) ":";counter-increment:elementcounter;font-weight:bold}td,th{text-align:center}.popup-notif{border-radius:3px;line-height:30px;position:fixed;display:block;margin:0 auto!important;width:auto;min-width:400px;height:50px;padding:12px;box-sizing:border-box;box-shadow:0 10px 50px rgba(0,0,0,.6);background:var(--mint);color:black;border:1px solid gray}.prevent-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.countdown-timer{pointer-events:none;font-family:'Share Tech Mono',monospace;color:white;background:#242424;width:auto;box-shadow:inset 0 0 5px black;border-radius:3px}.countdown-timer span{font-size:32px;color:whitesmoke}@media(width:1090px){.countdown-timer span{font-size:20px}}.nav-item button:hover{box-shadow:inset 0 0 5px black}.nav-item button.active:hover{box-shadow:none;pointer-events:none}.nav-link a:hover{color:black;box-shadow:inset 0 0 5px black}.nav-link a.active:hover{color:black;box-shadow:none;pointer-events:none}.nav-link.disabled{pointer-events:none;user-select:none;color:#666;opacity:.5}#startEscapeRoomBtn:focus,#startEscapeRoomTimer:focus{opacity:.5;background-color:var(--muted-marine-blue);color:white}.icon-button{border:none;background:none}.icon-button:hover{cursor:pointer}.icon-button:active,.icon-button:after,.icon-button:focus{border:none}.loading-icon{visibility:hidden;margin-left:2px}.loading-icon.animated{visibility:visible;color:white;opacity:.6;animation:spin 2s linear infinite}.custom-icon{background-size:10px}.custom-icon-sm{background-size:10px}.custom-icon-lg{background-size:20px}.fa-guac{background:url("/static/imgs/guac-logo.ico") no-repeat left center}.fa-guac-dark{background:url("/static/imgs/guac-logo-dark.ico") no-repeat left center}.span.fa-custom{width:20px;height:auto}.bg-1{background:var(--maroon,#6e2639);color:#a7a9ac}.bg-1 h3{color:#a7a9ac}.bg-1 p{font-style:italic}.btn-ctn{text-align:center;margin-top:.5em;margin-bottom:.5em}.btn-ctn{text-align:center;margin-top:5vh}.btn-deactivated{color:var(--maroon,#6e2639);background-color:grey}.btn-fa{background-color:var(--subcolor,#161e2d);color:white;width:auto;min-width:100px;max-height:45px;border-radius:4px;border:none;margin-right:3px;padding:10px;text-decoration:none;align-items:center;justify-content:center}.btn-fa:hover{cursor:pointer;color:var(--subcolor,#161e2d);background-color:whitesmoke;text-decoration:none;box-shadow:inset 0 0 5px #c1c1c1}.btn-fa:focus{background-color:whitesmoke;color:var(--subcolor,#161e2d);text-decoration:none}.btn-fa-deactivated{color:var(--subcolor,#161e2d);background-color:gray;text-decoration:none;pointer-events:none}.btn-fa-deactivated:hover,.btn-fa-deactivated:active,.btn-fa-deactivated:focus{pointer-events:none;user-select:none;box-shadow:none}.btn-primary{background-color:var(--maroon,#6e2639)!important;color:whitesmoke!important}.btn-fa.btn-delete:hover,.btn-fa.btn-delete:active{background-color:firebrick;color:whitesmoke;box-shadow:inset 0 0 5px #861a1a;border:1px solid #861a1a;cursor:pointer}button.btn-delete:hover,button.btn-delete:active{background-color:firebrick;color:whitesmoke;box-shadow:inset 0 0 5px #861a1a;cursor:pointer}.control_button{margin-top:2%;text-align:center}.start-stop-btn{margin-left:2vw}.icon-light{color:whitesmoke;margin-right:5px}.btn-fa:hover>.icon-light,.btn-fa:active>.icon-light{color:var(--main-color,#1c2538)}.btn-fa.btn-delete:hover>.icon-light{color:whitesmoke}a.btn-fa.connection-link.disabled.no-select,button.btn-fa.connection-link.disabled.no-select{pointer-events:none;user-select:none;background-color:#ccc;color:#666}.server-control-btn:disabled{pointer-events:none;opacity:.3}a.no-decorate{text-decoration:none}.control-container{border:1px solid white;border-radius:4px;margin-top:10px;padding:0 1px}ul.control-container-list{padding:0 4px}li.control-container-list{margin:10px 0}.loader{border:5px solid #f3f3f3;border-top:5px solid var(--maroon,#6e2639);border-radius:50%;margin:auto;width:40px;height:40px;animation:spin 2s linear infinite}#loading{text-align:center;margin-top:5vh}.loadAnimationWrapper{float:left;padding-bottom:10px;margin-left:5px}.loadAnimation{border:5px solid #f3f3f3;border-top:5px solid #d00072;border-radius:50%;margin:auto;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.floating-icon{position:relative;animation:cup-bounce 2s ease infinite}@keyframes cup-bounce{0%,20%,50%,80%,100%{transform:translateY(0);color:var(--python-blue);transition:var(--mint) 1000ms linear}40%{transform:translateY(-15px)}60%{transform:translateY(-8px);color:var(--mint);transition:var(--python-blue) 1000ms linear}}.divider-5h{height:5px;width:80%;margin:0 auto 15px auto;background:var(--subcolor);border-radius:10px}.divider-3h{height:3px;width:80%;margin:0 auto 15px auto;background:var(--subcolor);border-radius:10px}.form-group{margin-top:10px}.fa-pr-5{padding-right:5px}.fa-pl-5{padding-left:5px}.buildState{}.buildState.running{color:var(--running,#1d8037)}.buildState.stopped{color:var(--stopped,#838683)}.buildState.deleted{color:var(--deleted,#000)}.buildState.transition{color:var(--transition,#b3be27)}.buildState.broken{color:var(--broken,#ce2b2b)}.buildState.notbuilt{color:var(--stopped,#838683)}p.complete{color:green;font-weight:bold}.highlight-info{background-color:#7ab7dc;border-radius:10px;padding:5px}.highlight-warning{background-color:#fbe9b1;border-radius:10px;padding:5px}.highlight-error{color:white;background-color:#b75f5f;border-radius:10px;padding:5px}.hidden{color:whitesmoke;border-radius:10px;padding:5px}.spoilers{color:gray;background-color:gray}.spoilers:active{background-color:transparent;color:black}.connection-msg{width:100%;display:none}.assessment-accordian-container{width:80%}.accordian-question-btn{width:100%;border:1px solid gray;border-radius:4px;background-color:var(--maroon);color:whitesmoke;font-weight:lighter;box-shadow:1px 1px 1px 1px lightgray}.question-incorrect{background-color:var(--python-blue)}.question-correct{background-color:var(--grass-green)}.accordian-question-body{border:1px solid lightgray;border-radius:4px;padding:10px;background:white;margin-bottom:10px}.accordian-question-form{margin:10px 4px 2px 4px}.assessment-table-container{border:1px solid gray;box-shadow:1px 2px 3px 0 gray;padding:10px;background:white}.table.assessment-table thead th{border:none}.table.assessment-table td{background:white}td.assessment-question{text-align:left;word-break:break-word;overflow-y:auto}.badge-rounded{width:6rem;box-shadow:1px 1px 2px 0 grey;border-radius:1.25rem!important}.badge-btn-sm{background-color:var(--indigo,#6610f2);display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:2;text-align:center;white-space:nowrap;vertical-align:baseline;border:none;margin-right:0}.badge-btn-lg{color:whitesmoke;width:8rem!important;display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1.6;text-align:center;white-space:nowrap;vertical-align:baseline;border:none;margin-right:0;border-radius:1.25rem;box-shadow:1px 1px 2px 0 grey}.badge-btn-lg.tab-btn{color:black}.badge-btn-lg:hover{cursor:pointer}.badge-btn-lg:active{background-color:whitesmoke;color:black}.badge-btn-lg.tab-btn.active{background-color:#1a73e8;color:whitesmoke}a.badge-btn-lg{text-decoration:none!important}.bg-primary:hover{color:whitesmoke!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-code{font-style:italic;color:#1a73e8;background-color:lightgray;border-radius:4px;padding:4px}.stateCard{display:none;background-color:whitesmoke;width:100%;padding-left:10px;border-left:5px solid var(--python-blue)!important;border:1px solid lightgray;border-radius:4px}.stateCard>.stateTitle{font-size:1.5em}#progress-bar{display:flex;justify-content:space-between;width:100%;padding:10px 0;border-radius:10px}.progres-step{width:25px;height:25px;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#FFF;position:relative;z-index:2;margin:0 15px}@media(max-width:1000px){.progress-step{width:18px;height:18px;font-size:10px;margin:0 11px}}.progres-step.completed{background-color:var(--grass-green);font-size:10px}.step-number,.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);// Centers both horizontally and vertically}.checkmark{visibility:hidden;color:white}.progres-step.completed .checkmark{visibility:visible}.progres-step.completed .step-number{visibility:hidden}.connection-line{stroke:#000;stroke-width:2}.table-search-input{border:1px solid lightgray;border-radius:6px;width:100%}.table-search-input:active{border:1px solid lightgray}.table-gray{background-color:lightgray;color:black}