:root{--physec-light-grey:rgb(245, 245, 245);--physec-light-grey-translucent:rgba(245, 245, 245, 0.2);--physec-grey:rgb(55, 60, 75);--physec-grey-translucent:rgba(55, 60, 75, 0.2);--physec-red:rgb(181, 16, 16);--physec-red-translucent:rgba(181, 16, 16, 0.2);--sidebar-width:23ch;--color-physec-dark:rgb(55, 60, 75);--color-physec-light:rgb(245, 245, 245);--color-physec-red:rgb(181, 16, 16);--footer-height:1.5rem;--middle-height:calc(100vh - 4.5rem);--header-height:3rem}body{font-family:Roboto,sans-serif}#page-container{position:relative}.button-navigation{width:17ch}.button-grey{color:var(--physec-grey)!important;background-color:#FFF!important;border:1px solid var(--physec-grey)!important}.button-grey.active,.button-grey:hover{color:#FFF!important;background-color:var(--physec-grey)!important;border:1px solid var(--physec-grey)!important}.button-grey:focus{box-shadow:0 0 0 .2rem var(--physec-grey-translucent)!important}.button-grey.active:hover{color:var(--physec-grey)!important;background-color:#FFF!important;border:1px solid var(--physec-grey)!important}.border-grey{border-color:var(--physec-grey)!important}.button-red,.button-red.active,.button-red.active:hover,.button-red:hover{border:1px solid var(--physec-red)}.button-red{color:var(--physec-red);background-color:#FFF}.button-red:hover{color:#FFF;background-color:var(--physec-red)}.button-red.active:hover{color:var(--physec-red);background-color:#FFF}.button-red.active{color:#FFF;background-color:var(--physec-red)}.border-red{border-color:var(--physec-red)!important}.hidden-button{visibility:hidden!important}#footer{position:fixed;bottom:0;width:100%;height:var(--footer-height);background-color:#373c4b;z-index:2}.overlay-muted,.overlay-select{top:0;bottom:100%;left:0;right:0}#footer *{color:#FFF!important}iframe.show{height:100%;width:100%;border:none}iframe.hide{height:0;width:0;display:none;position:absolute}.bg-physecdark{background-color:var(--color-physec-dark)}.text-physecred{color:var(--color-physec-red)}.middle-row{height:var(--middle-height)}.selectable-card{position:relative;padding-bottom:75%;cursor:pointer}.card-muted img,.overlay-muted,.overlay-select,.selectable-card img{position:absolute;height:100%;width:100%}.new-gui-card p{color:#000}.selectable-card:hover{transform:scale(1.05);transition:.5s ease}.card-muted img,.selectable-card img{object-fit:contain}.overlay-select{opacity:0;transition:.5s ease}.overlay-select:hover{transition:.5s ease;opacity:.9;border-radius:5px}.overlay-select h1{color:#fff;opacity:1}.overlay-select:hover h1{opacity:1}.overlay-muted{opacity:.95;background-color:#474747}.card-muted{position:relative;padding-bottom:75%;border:1px solid rgba(71,71,71,.95)!important;color:#313131}.ribbon:before,div.ribbon{position:absolute;opacity:1}div.ribbon{height:35px;width:180px;background-color:#272727;top:48px;right:-6px;text-align:center;color:#474747;font-weight:600;font-size:24px;white-space:nowrap;-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg)}.ribbon:before{box-sizing:border-box;border-style:solid;border-color:transparent transparent #272727;border-width:0 26px 37px 53px;content:"";display:block;left:-49px;width:141%;top:-2px;z-index:-1}.main-content{animation:appear 2s ease 0s 1 normal;height:100%;width:100%}@keyframes appear{0%{opacity:0;transform:scale3d(.8,.8,.8)}100%{opacity:1;transform:scale3d(1,1,1)}}.sidenav{height:100%;width:var(--sidebar-width);z-index:1;top:0;left:0;background-color:#f5f5f5;overflow-x:hidden;border-right:2px solid #373c4b;float:left}.sidenav a{padding:.25rem .5rem 0 1rem;text-decoration:none;font-size:1rem;color:#373c4b;display:block}.login,.main{padding:0;height:100%}.sidenav hr{margin-top:0;margin-bottom:0}.sidenav a:hover{color:#b51010}.main{display:flex}.navbar{background-color:var(--color-physec-dark);width:100%!important;z-index:2;top:0;height:var(--header-height)}.navbar-brand img{height:2rem}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--physec-light-grey)}::-webkit-scrollbar-thumb{background:var(--physec-grey-translucent)}::-webkit-scrollbar-thumb:hover{background:var(--physec-grey)}