.header{font-size:2rem;padding-bottom:25px}.body-text{font-size:1rem}.small-text{font-size:.75rem}.card-header{font-size:1.5rem;padding-bottom:20px}.text-hover{color:#f5fffa}.text-hover:hover{color:#58ffc8}a{color:#fff}a:hover{color:#2c8263}.header-bar a{color:#fff;text-decoration:none}.header-bar a:hover{color:#58ffc8}.header-bar-item:hover .header-bar-item-options{display:flex}.header-bar-item-options{display:none;flex-direction:column}.header-bar-item-options:hover{display:flex}.header-bar-divider{align-self:center;border-right:1px solid #000;margin-left:5px;margin-right:5px;height:75%}input,textarea{background-color:#222526;color:#fff}input{box-shadow:none;border:1px solid #222526;border-radius:10px;accent-color:#3eb489}input:disabled{background-color:#101112}input:focus{outline:none;border:2px solid #2d3436}input.big-input{height:50px;font-size:1rem}input.small-input{height:25px;font-size:1rem}input.short-input{height:25px;width:50px}input.big-checkbox{width:1.5rem}input.allow-shrink-grow{width:0;min-width:-webkit-fill-available}button{background-color:#3eb489;box-shadow:none;border:1px solid #222526;border-radius:10px}button.flat{color:#fff;border:none;background:none}button:hover{background-color:#49b88f;cursor:pointer}button:active,button:disabled{background-color:#2c8263}button.big-button{height:50px}button.small-button{height:25px}table{border-collapse:collapse}table th{white-space:nowrap;font-size:1.25rem}table th span{cursor:pointer}table td{text-align:center;vertical-align:middle;padding-top:5px;padding-bottom:5px}.activity-card{box-shadow:0 0 10px 0 #222526;width:300px;height:200px;display:flex;align-items:center;justify-content:center;background-color:#000;cursor:pointer;transition-duration:.2s}.activity-card:hover{scale:1.1;transition-duration:.2s}.card{border:2px solid #2d3436;padding:10px}.virtical-div-list>div{padding-top:5px;padding-bottom:5px}.virtical-div-list>div.card-header{padding-bottom:20px}.input-label-medium{width:150px}.row{display:flex}.row>div{padding-right:10px}.column{display:flex;flex-direction:column}.column>div{padding-top:5px;padding-bottom:5px}.multiselect{width:300px;position:relative}.multiselect-popup{background-color:#222526;color:#fff;border:1px solid #2d3436;max-height:500px;overflow-y:auto;z-index:5}.multiselect-input{border-radius:10px;justify-content:space-between;background-color:#222526}.multiselect:focus-within .multiselect-input{outline:2px solid #2d3436}.multiselect:hover .multiselect-input{outline:2px solid #2d3436}.multiselect-input input{flex:1 1;background:none;outline:none;border:none}.multiselect .multiselect-popup{display:none;border-radius:5px}.multiselect:focus-within .multiselect-popup{display:block;flex-direction:column;position:fixed;width:500px;z-index:1}.multiselect .multiselect-popup:hover{display:block;flex-direction:column;position:fixed;width:500px;z-index:1}i{display:inline-block;font-style:normal;position:relative}i.cheveron{width:.2em;height:.2em;border-right:.2em solid #fff;border-top:.2em solid #fff;transform:rotate(45deg);transition-duration:.2s}i.cheveron.open{transform:rotate(135deg);transition-duration:.2s}.collapse-header{align-items:center;padding:10px;display:flex;border:1px solid #222526}.collapse-body{overflow:hidden}.collapse-body,.collapse-body.open{transition-duration:.5s}.login-card{border-radius:5px;background-color:#111415;display:flex;flex:.33 1;flex-direction:column;min-width:500px;min-height:500px;height:50%;align-self:center;padding:25px;border:1px solid #222526}.stat-card{flex:1 1;flex-direction:column;display:flex;min-Width:5rem;max-width:20rem;padding:20px}.body-padding{padding:50px}.select-fill{width:100%}.tic-tac-toe-board>div{padding:0;align-items:center;justify-content:center}.tic-tac-toe-board div div{padding:5px;width:75px;height:100px;display:flex;align-items:center;justify-content:center}.tic-tac-toe-board.started div div:hover{background-color:gray;cursor:pointer}.stratego-board>div{padding:0}.stratego-board div div{width:50px;height:50px;padding:0;border:1px solid #fff}textarea{width:400px;height:200px}.flip{transform:scaleX(0);transform:rotateY(1turn)}.flip,.flip-setup{transition-duration:1s;transition-property:all}.focused{background-color:#fff!important}.focused,.last-move{background-image:none!important}.last-move{background-color:#ff0!important}.last-move-to{background-color:#fdfd96!important;background-image:none!important}.notification-menu{cursor:inherit}.notification-menu:hover{color:inherit}.notification-menu .notification{border-bottom:1px solid #2d3436;padding-bottom:5px;cursor:pointer;padding-top:5px}.notification-menu .notification:hover{background-color:#2d3436;color:inherit}.notification-menu .notification:last-child{border-bottom:none}.highlight:hover{background-color:#2d3436;cursor:pointer}.sort-img{padding:2px;width:16px}.loader{width:48px;height:48px;border:5px solid;border-color:#fff #fff #2c8263;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.clickable:hover{background-color:#49b88f;cursor:pointer}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}.dialog{position:fixed;display:flex;flex-direction:column;width:30%;left:35%;top:40%;background-color:#111415;padding-top:10px;padding-bottom:10px;border:1px solid #222526}.dialog-title{text-align:center;margin-bottom:50px}.dialog-buttons{display:flex;justify-content:space-around}.dialog .dialog-exit{position:absolute;top:5px;right:5px}.toaster{border-radius:10px;padding:20px;right:100px;display:flex;opacity:1;align-items:center;justify-content:center;animation-name:fadeout;animation-duration:3s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-play-state:initial}.toaster:hover{animation-play-state:paused;opacity:1!important}.toaster-success{background-color:#2c8263}.toaster-fail{background-color:red}.thumbnail{height:100px;display:flex;justify-content:center}.thumbnail-img{align-self:center;max-width:100%;max-height:64px}.file-upload{padding-right:5px}.stage{position:fixed;width:1000px;height:500px;left:0;right:0;top:0;bottom:0;margin:auto}.student{width:100px;height:140px;margin-left:350px;margin-top:-40px;animation:studentMove 3s linear forwards}.chancellor,.student{position:fixed;left:50%;top:50%}.chancellor{width:120px;height:160px;margin-left:-350px;margin-top:-60px}.diploma{animation:diplomaMove 4s linear forwards;position:fixed;width:50px;height:50px;left:50%;top:50%;margin-top:10px}.congrats{width:300px;height:200px}.code{background-color:#424141cc;padding:10px;border:1px solid #fff;margin-top:10px;margin-bottom:30px}.code>code{white-space:pre;text-wrap:pretty}@media (max-width:500px){.hide-on-mobile{display:none}.activity-card{width:150px;height:100px}.login-card{min-width:300px;min-height:400px}.body-padding{padding:20px}.stat-card{min-width:inherit;max-width:inherit}.input-label-medium{width:50px}.multiselect{width:auto}.multiselect-input input{width:50px}.chart-width{max-width:250px}textarea{width:200px;height:100px}.thumbnail{height:50px;width:50px;display:flex;justify-content:center}.thumbnail-img{align-self:center;max-width:50px;max-height:50px}.file-upload{width:200px}.toaster{border-radius:10px;padding:10px;right:50%;transform:translateX(50%)}.stage{width:400px;height:200px}.student{width:30px;height:80px;margin-top:-40px;margin-left:110px;animation:studentMoveMobile 3s linear forwards}.chancellor{width:40px;height:90px;margin-top:-50px;margin-left:-150px}.diploma{animation:diplomaMoveMobile 4s linear forwards;width:20px;height:20px;margin-top:-10px}.congrats{width:210px;height:140px}.sort-img{width:8px}}@keyframes studentMove{0%{margin-left:350px}to{margin-left:-230px}}@keyframes diplomaMove{0%{margin-left:-325px;opacity:0}74%{margin-left:-325px;opacity:0}75%{margin-left:-325px;opacity:100%}to{margin-left:-205px}}@keyframes studentMoveMobile{0%{margin-left:110px}to{margin-left:-105px}}@keyframes diplomaMoveMobile{0%{margin-left:-130px;opacity:0}74%{margin-left:-130px;opacity:0}75%{margin-left:-130px;opacity:100%}to{margin-left:-100px}}