diff --git a/Install/Application/Backend/Themes/Default/css/backend-small.css b/Install/Application/Backend/Themes/Default/css/backend-small.css index 0da883a4..d9d9b5b5 100755 --- a/Install/Application/Backend/Themes/Default/css/backend-small.css +++ b/Install/Application/Backend/Themes/Default/css/backend-small.css @@ -1 +1 @@ -:root{--ff: "Arial", Helvetica, sans-serif;--default-c: #000;--main-bg: #f6f6f6;--main-bg-hl: #3697db;--article-bg: #fff;--article-c: #000;--iborder: rgba(140, 140, 140, 0.4);--iborder-active: rgba(54, 150, 219, 0.7);--ipt-c: rgba(0, 0, 0, 0.8);--ipt-c-active: rgba(0, 0, 0, 0.8);--ipt-bg: #fff;--ipt-bg-active: #fff;--ipt-ico-c: rgba(54, 150, 219, .6);--ipt-ico-c-active: #3697db;--txt-on-bg-c: rgba(255, 255, 255, 0.7);--txt-on-bg-c-2: rgba(255, 255, 255, 0.85);--nav-cat-bg: #343a40;--nav-cat-bg-hl: #3697db;--nav-cat-bg-hover: #434a51;--nav-sub-bg: #343A40;--nav-sub-bg-hl: #3697db;--nav-sub-bg-hover: #2a2b30;--nav-content-hover: #3697db;--btn-bg: #3697db;--btn-bg-hover: #4aabf0;--btn-main-bg: #3697db;--btn-main-bg-active: #4aabf0;--btn-main-c: rgba(255, 255, 255, .9);--tcaption-bg: #fff;--thead-bg: #3697db;--thead-c: #fff;--trow-bg: #fff;--trow-bg-alt: #f7f7f7;--trow-bg-hover: #d4eeff;--badge-size: .55rem;--badge-c: #fff;--badge-bg: #e74c3c;--bborder: rgba(72, 71, 114, 0.3);--bborder2: #ebedf2;--link-c: #3697db;--lhover: #3697db;--box-bg: #fff;--box-hl: #3697db;--header-bg: #fff;--blue-c: #3697db;--red-c: #e74c3c;--green-c: #2ecc71;--yellow-c: #ffde5b;--purple-c: #7f5bff;--pink-c: #ff5bef;--orange-c: #ffa82e;--green1-c: #aaffad;--green2-c: #81e27d;--green3-c: #459442;--yellow1-c: #f8ffa8;--yellow2-c: #d6d949;--yellow3-c: #94972f;--red1-c: #ff7d79;--red2-c: #ee5649;--red3-c: #a5302a;--blue1-c: #b6d2ff;--blue2-c: #85b0ee;--blue3-c: #4865a5;--save-c: rgba(0, 0, 0, 0.75);--save-bg: #8fff79;--save-bg-hover: #a1ffa1;--cancel-c: #fff;--cancel-bg: #ee5649;--cancel-bg-hover: #ff7d79;--close-c: rgba(0, 0, 0, 0.75);--close-bg: #ffde5b;--close-bg-hover: #ffe682;--disabled-c: rgba(0, 0, 0, 0.5);--disabled-bg: #e1e1e1;--disabled-bg-hover: #e1e1e1;--fav-c: #ffde5b;--text-shadow: #000;--bq-c: #fff;--bq-bg: #25acff;--bg-border: rgba(0, 0, 0, 0.4);--code-c: #000;--code-bg: #f4f4f4}html,body{width:100%;height:100%;min-width:100%;max-width:100%;overflow:hidden;font-family:var(--ff);font-weight:100;color:var(--default-c)}body,body>nav,main,main>header,main>header>form,#logo,#content{display:flex}body>nav,main,#logo,#content{flex-direction:column}body>nav{width:250px;overflow-y:auto;font-size:.8em;background:var(--nav-cat-bg);color:rgba(255,255,255,.8);flex-shrink:0;user-select:none}main{max-width:100%;height:100%;background:var(--main-bg);overflow-x:auto;flex:1;box-sizing:border-box}main>header{background:var(--header-bg);border-bottom:1px solid var(--bborder);padding:0 1rem 0 1rem;box-sizing:border-box;align-items:center;flex-flow:row;flex-shrink:0;height:65px}main>header>form{flex:1;padding:0 5px 0 5px;max-width:800px}main>header .inputWrapper{flex:1}main>header input[type=text]{width:100%;background:var(--ipt-bg);border:1px solid var(--iborder);text-shadow:none;box-shadow:none;transition:border 500ms ease-out;outline:none;box-sizing:border-box;padding-left:2rem}#logo{height:100%;flex:1;text-align:right;justify-content:space-between;padding-left:1rem}#logo select{background:var(--nav-cat-bg);color:rgba(255,255,255,.8);font-size:.8rem}#nav-side-settings{margin-bottom:.3rem}#nav-side-settings label{color:rgba(255,255,255,.8);cursor:pointer}#nav-side-settings label .volume_up{display:none}#nav-side-settings label .volume_down{display:inherit}#nav-side-settings i{font-size:1rem;font-weight:200}#nav-side-settings label+input+label{margin-left:.3rem}#nav-side-settings input{display:none}#nav-side-settings input:checked+label{color:var(--nav-sub-bg-hl)}#nav-side-settings input:checked+label .volume_up{display:inherit}#nav-side-settings input:checked+label .volume_down{display:none}.ham-trigger{display:flex;color:var(--default-c);align-items:center;flex:0;margin-right:5px}.ham-trigger i{font-size:1.5rem}nav .ham-trigger{color:var(--txt-on-bg-c-2);margin:0 0 0 5px;display:none}.nav-trigger{position:absolute;display:none}.nav-trigger:checked+nav{width:0%}#t-nav-container{margin-left:auto}#nav-side-outer{overflow-y:auto;height:100%;user-select:none;scrollbar-color:var(--btn-bg) var(--nav-cat-bg);scrollbar-width:thin}#nav-side-outer::-webkit-scrollbar{width:7px}#nav-side-outer::-webkit-scrollbar-thumb{background:var(--btn-bg)}#nav-side-outer::-webkit-scrollbar-track{background:var(--nav-cat-bg)}#nav-side-inner{flex:0;display:flex;flex-flow:column;box-sizing:border-box;border-top:1px solid #4b5055}#nav-side-inner span{flex-grow:1}#nav-side-inner input{display:none}#nav-side-inner input:checked+ul .expand{transition:all .3s ease;transform:rotateZ(90deg)}#nav-side-inner input:checked+ul>li:nth-child(n+2),#nav-side-inner input:checked+ul .expand{display:inherit}#nav-side-inner input+ul .expand{transition:all .3s ease;transform:rotateZ(0deg)}#nav-side-inner input+ul>li:nth-child(n+2){display:none}#nav-side-inner label{display:flex;align-items:center;padding:.3rem .5rem .3rem .5rem;cursor:pointer}#nav-side-inner>li{display:block}#nav-side-inner>li a{display:block;padding:.5rem .75rem .5rem .75rem;border-left:3px solid rgba(0,0,0,0)}#nav-side-inner>li a:hover,#nav-side-inner>li a:focus{background:var(--nav-sub-bg-hover);border-left:3px solid var(--nav-sub-bg-hl)}#nav-side-inner>li li:not(:first-child){background:var(--nav-sub-bg)}#nav-side-inner>li li a:hover,#nav-side-inner>li li a.active,#nav-side-inner>li li a:focus{background:var(--nav-cat-bg-hover)}#nav-side-inner>li li:first-child{border-bottom:1px solid #212628}#nav-side-inner>li li:first-child{border-top:1px solid #4b5055}#nav-side-inner>li:first-child li:first-child{border-top:none}#nav-side-inner i{flex-grow:0}#nav-side-inner i+span{margin-left:5px}.nav-top-sub{margin-top:1rem}#content{flex:1;padding:0 0 1rem 1rem;overflow-y:auto}#t-nav{font-size:.8rem;font-weight:300}#t-nav a{padding:0 5px 0 5px;line-height:25px}#t-nav a:hover,#t-nav a:focus{color:var(--lhover)}#t-nav i{margin-right:10px;font-size:1.2rem;font-weight:200}#t-nav li{display:inline}#u-box{display:flex;align-items:center;padding:0 1rem 0 1rem;height:65px;border-bottom:1px solid #212628;box-sizing:border-box;flex-shrink:0}#u-box img{width:40px;height:40px;border-radius:50%;border:2px solid #fff}#u-box a{display:inline-block}img.profile-image{width:40px;height:40px;border-radius:50%;border:2px solid #fff}#iSearchType{min-width:50px;background:var(--btn-bg);color:var(--txt-on-bg-c-2);width:auto;height:30px;border:none}#iSearchType::-moz-focus-inner{border:0}#iSearchType:hover,#iSearchType:focus{background:var(--btn-bg-hover)}#iSearchType label{color:var(--txt-on-bg-c-2)}#iSearchType .dropdown-closed{padding:0 1rem 0 1rem}#iSearchType .dropdown-container{background:var(--btn-bg);border:0;white-space:nowrap}#iSearchType .dropdown-container label:hover,#iSearchType .dropdown-container label:focus{background:var(--btn-bg-hover)}@media only screen and (max-width: 48em){nav .ham-trigger{display:flex}.nav-trigger:checked+nav{width:100% !important}.nav-trigger:checked~main{display:none !important}main>header{flex-flow:column;height:auto;padding:1rem}main>header form{width:100%}#t-nav-container{order:-1;margin-bottom:.5rem}}@media only screen and (max-width: 62em){#t-nav .link{display:none}.nav-trigger:not(:checked)+nav{width:0%}.nav-trigger:checked+nav{width:auto;min-width:250px}}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100;src:url("/Resources/fonts/googleicons/100.woff2") format("woff2")}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:200;src:url("/Resources/fonts/googleicons/200.woff2") format("woff2")}.g-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;font-size:1.5rem;font-weight:200} +:root{--ff: "Arial", Helvetica, sans-serif;--default-c: #000;--main-bg: #f6f6f6;--main-bg-hl: #3697db;--article-bg: #fff;--article-c: #000;--iborder: rgba(140, 140, 140, 0.4);--iborder-active: rgba(54, 150, 219, 0.7);--ipt-c: rgba(0, 0, 0, 0.8);--ipt-c-active: rgba(0, 0, 0, 0.8);--ipt-bg: #fff;--ipt-bg-active: #fff;--ipt-ico-c: rgba(54, 150, 219, .6);--ipt-ico-c-active: #3697db;--txt-on-bg-c: rgba(255, 255, 255, 0.7);--txt-on-bg-c-2: rgba(255, 255, 255, 0.85);--nav-cat-bg: #343a40;--nav-cat-bg-hl: #3697db;--nav-cat-bg-hover: #434a51;--nav-sub-bg: #343A40;--nav-sub-bg-hl: #3697db;--nav-sub-bg-hover: #2a2b30;--nav-content-hover: #3697db;--btn-bg: #3697db;--btn-bg-hover: #4aabf0;--btn-main-bg: #3697db;--btn-main-bg-active: #4aabf0;--btn-main-c: rgba(255, 255, 255, .9);--tcaption-bg: #fff;--thead-bg: #3697db;--thead-c: #fff;--trow-bg: #fff;--trow-bg-alt: #f7f7f7;--trow-bg-hover: #d4eeff;--badge-size: .55rem;--badge-c: #fff;--badge-bg: #e74c3c;--bborder: rgba(72, 71, 114, 0.3);--bborder2: #ebedf2;--link-c: #3697db;--lhover: #3697db;--box-bg: #fff;--box-hl: #3697db;--header-bg: #fff;--blue-c: #3697db;--red-c: #e74c3c;--green-c: #2ecc71;--yellow-c: #ffde5b;--purple-c: #7f5bff;--pink-c: #ff5bef;--orange-c: #ffa82e;--green1-c: #aaffad;--green2-c: #81e27d;--green3-c: #459442;--yellow1-c: #f8ffa8;--yellow2-c: #d6d949;--yellow3-c: #94972f;--red1-c: #ff7d79;--red2-c: #ee5649;--red3-c: #a5302a;--blue1-c: #b6d2ff;--blue2-c: #85b0ee;--blue3-c: #4865a5;--save-c: rgba(0, 0, 0, 0.75);--save-bg: #8fff79;--save-bg-hover: #a1ffa1;--cancel-c: #fff;--cancel-bg: #ee5649;--cancel-bg-hover: #ff7d79;--close-c: rgba(0, 0, 0, 0.75);--close-bg: #ffde5b;--close-bg-hover: #ffe682;--disabled-c: rgba(0, 0, 0, 0.5);--disabled-bg: #e1e1e1;--disabled-bg-hover: #e1e1e1;--fav-c: #ffde5b;--text-shadow: #000;--bq-c: #fff;--bq-bg: #25acff;--bg-border: rgba(0, 0, 0, 0.4);--code-c: #000;--code-bg: #f4f4f4}html,body{width:100%;height:100%;min-width:100%;max-width:100%;overflow:hidden;font-family:var(--ff);font-weight:100;color:var(--default-c)}body,body>nav,main,main>header,main>header>form,#logo,#content{display:flex}body>nav,main,#logo,#content{flex-direction:column}body>nav{width:250px;overflow-y:auto;font-size:.8em;background:var(--nav-cat-bg);color:hsla(0,0%,100%,.8);flex-shrink:0;user-select:none}main{max-width:100%;height:100%;background:var(--main-bg);overflow-x:auto;flex:1;box-sizing:border-box}main>header{background:var(--header-bg);border-bottom:1px solid var(--bborder);padding:0 1rem 0 1rem;box-sizing:border-box;align-items:center;flex-flow:row;flex-shrink:0;height:65px}main>header>form{flex:1;padding:0 5px 0 5px;max-width:800px}main>header .inputWrapper{flex:1}main>header input[type=text]{width:100%;background:var(--ipt-bg);border:1px solid var(--iborder);text-shadow:none;box-shadow:none;transition:border 500ms ease-out;outline:none;box-sizing:border-box;padding-left:2rem}#logo{height:100%;flex:1;text-align:right;justify-content:space-between;padding-left:1rem}#logo select{background:var(--nav-cat-bg);color:hsla(0,0%,100%,.8);font-size:.8rem}#nav-side-settings{margin-bottom:.3rem}#nav-side-settings label{color:hsla(0,0%,100%,.8);cursor:pointer}#nav-side-settings label .volume_up{display:none}#nav-side-settings label .volume_down{display:inherit}#nav-side-settings i{font-size:1rem;font-weight:200}#nav-side-settings label+input+label{margin-left:.3rem}#nav-side-settings input{display:none}#nav-side-settings input:checked+label{color:var(--nav-sub-bg-hl)}#nav-side-settings input:checked+label .volume_up{display:inherit}#nav-side-settings input:checked+label .volume_down{display:none}.ham-trigger{display:flex;color:var(--default-c);align-items:center;flex:0;margin-right:5px}.ham-trigger i{font-size:1.5rem}nav .ham-trigger{color:var(--txt-on-bg-c-2);margin:0 0 0 5px;display:none}.nav-trigger{position:absolute;display:none}.nav-trigger:checked+nav{width:0%}#t-nav-container{margin-left:auto}#nav-side-outer{overflow-y:auto;height:100%;user-select:none;scrollbar-color:var(--btn-bg) var(--nav-cat-bg);scrollbar-width:thin}#nav-side-outer::-webkit-scrollbar{width:7px}#nav-side-outer::-webkit-scrollbar-thumb{background:var(--btn-bg)}#nav-side-outer::-webkit-scrollbar-track{background:var(--nav-cat-bg)}#nav-side-inner{flex:0;display:flex;flex-flow:column;box-sizing:border-box;border-top:1px solid #4b5055}#nav-side-inner span{flex-grow:1}#nav-side-inner input{display:none}#nav-side-inner input:checked+ul .expand{transition:all .3s ease;transform:rotateZ(90deg)}#nav-side-inner input:checked+ul>li:nth-child(n+2),#nav-side-inner input:checked+ul .expand{display:inherit}#nav-side-inner input+ul .expand{transition:all .3s ease;transform:rotateZ(0deg)}#nav-side-inner input+ul>li:nth-child(n+2){display:none}#nav-side-inner label{display:flex;align-items:center;padding:.3rem .5rem .3rem .5rem;cursor:pointer}#nav-side-inner>li{display:block}#nav-side-inner>li a{display:block;padding:.5rem .75rem .5rem .75rem;border-left:3px solid rgba(0,0,0,0)}#nav-side-inner>li a:hover,#nav-side-inner>li a:focus{background:var(--nav-sub-bg-hover);border-left:3px solid var(--nav-sub-bg-hl)}#nav-side-inner>li li:not(:first-child){background:var(--nav-sub-bg)}#nav-side-inner>li li a:hover,#nav-side-inner>li li a.active,#nav-side-inner>li li a:focus{background:var(--nav-cat-bg-hover)}#nav-side-inner>li li:first-child{border-bottom:1px solid #212628}#nav-side-inner>li li:first-child{border-top:1px solid #4b5055}#nav-side-inner>li:first-child li:first-child{border-top:none}#nav-side-inner i{flex-grow:0}#nav-side-inner i+span{margin-left:5px}.nav-top-sub{margin-top:1rem}#content{flex:1;padding:0 0 1rem 1rem;overflow-y:auto}#t-nav{font-size:.8rem;font-weight:300}#t-nav a{padding:0 5px 0 5px;line-height:25px}#t-nav a:hover,#t-nav a:focus{color:var(--lhover)}#t-nav i{margin-right:10px;font-size:1.2rem;font-weight:200}#t-nav li{display:inline}#u-box{display:flex;align-items:center;padding:0 1rem 0 1rem;height:65px;border-bottom:1px solid #212628;box-sizing:border-box;flex-shrink:0}#u-box img{width:40px;height:40px;border-radius:50%;border:2px solid #fff}#u-box a{display:inline-block}img.profile-image{width:40px;height:40px;border-radius:50%;border:2px solid #fff}#iSearchType{min-width:50px;background:var(--btn-bg);color:var(--txt-on-bg-c-2);width:auto;height:30px;border:none}#iSearchType::-moz-focus-inner{border:0}#iSearchType:hover,#iSearchType:focus{background:var(--btn-bg-hover)}#iSearchType label{color:var(--txt-on-bg-c-2)}#iSearchType .dropdown-closed{padding:0 1rem 0 1rem}#iSearchType .dropdown-container{background:var(--btn-bg);border:0;white-space:nowrap}#iSearchType .dropdown-container label:hover,#iSearchType .dropdown-container label:focus{background:var(--btn-bg-hover)}@media only screen and (max-width: 48em){nav .ham-trigger{display:flex}.nav-trigger:checked+nav{width:100% !important}.nav-trigger:checked~main{display:none !important}main>header{flex-flow:column;height:auto;padding:1rem}main>header form{width:100%}#t-nav-container{order:-1;margin-bottom:.5rem}}@media only screen and (max-width: 62em){#t-nav .link{display:none}.nav-trigger:not(:checked)+nav{width:0%}.nav-trigger:checked+nav{width:auto;min-width:250px}}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100;src:url("/Resources/fonts/googleicons/100.woff2") format("woff2")}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:200;src:url("/Resources/fonts/googleicons/200.woff2") format("woff2")}.g-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;font-size:1.5rem;font-weight:200} diff --git a/Install/Application/Backend/Themes/Default/css/logout-small.css b/Install/Application/Backend/Themes/Default/css/logout-small.css index de363058..b6c13983 100755 --- a/Install/Application/Backend/Themes/Default/css/logout-small.css +++ b/Install/Application/Backend/Themes/Default/css/logout-small.css @@ -1 +1 @@ -:root{--main-bg: #343a40;--iborder: rgba(54, 150, 219, 0.4);--iborder-active: rgba(54, 150, 219, 0.7);--ipt-c: rgba(255, 255, 255, 0.7);--ipt-c-active: rgba(255, 255, 255, 0.7);--ipt-ico-c: rgba(54, 150, 219, .6);--ipt-ico-c-active: #3696db;--btn-main-bg: #3697db;--btn-main-bg-active: #4aabf0;--btn-main-c: rgba(255, 255, 255, .9);--txt-on-bg-c: rgba(255, 255, 255, 0.7)}html,body{font-family:"Arial",Helvetica,sans-serif;background:var(--main-bg);color:var(--txt-on-bg-c);display:flex;align-items:center;width:100%;height:100%;flex-direction:column;font-weight:100;scrollbar-color:var(--btn-main-bg) var(--main-bg);scrollbar-width:thin}html::-webkit-scrollbar,body::-webkit-scrollbar{width:7px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--btn-main-bg)}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--main-bg)}footer{align-self:flex-end}footer li{display:inline-block;padding:1rem}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:800px}main article{background:inherit;padding:0;margin:0;font-size:inherit;color:inherit}#login-container{width:90%;max-width:300px;margin:0 auto}#login-container label{color:rgba(255,255,255,.7)}#login-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:185px;text-align:center;margin-bottom:10%}#login-logo img{width:60%}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.animated.medium-duration{animation-duration:2s}.animated{animation-duration:.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.pulse{animation-name:pulse}header{text-align:left;margin-bottom:1rem}header h1{font-weight:300}form{margin-bottom:10%}form label{text-shadow:none;color:var(--txt-on-bg-c);cursor:pointer}form select,form input[type=text],form input[type=password]{margin-bottom:.5rem;background:#323639;border:1px solid rgba(0,0,0,.3);text-shadow:none;box-shadow:none;color:var(--txt-on-bg-c);width:100%;outline:none;box-sizing:border-box;line-height:1rem;border-radius:4px;box-shadow:inset 0 -5px 45px rgba(100,100,100,.2),0 1px 1px rgba(255,255,255,.2);transition:box-shadow .5s ease}.inputWithIcon{position:relative}.inputWithIcon .frontIco,.inputWithIcon .endIco{color:var(--ipt-ico-c);font-size:1rem;position:absolute;padding:.5rem;font-weight:200;top:0}.inputWithIcon .frontIco{left:0}.inputWithIcon .endIco{right:0}.inputWithIcon .frontIco+input[type=text],.inputWithIcon .frontIco+input[type=password]{padding-left:2.5rem}form input[type=text]:active,form input[type=text]:focus,form select:active,form select:focus,form input[type=password]:active,form input[type=password]:focus{box-shadow:inset 0 -5px 45px rgba(100,100,100,.4),0 1px 1px rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.3) !important}form input[type=text]:active~.frontIco,form input[type=text]:focus~.frontIco,form input[type=password]:active~.frontIco,form input[type=password]:focus~.frontIco,form input[type=text]:active~.endIco,form input[type=text]:focus~.endIco,form input[type=password]:active~.endIco,form input[type=password]:focus~.endIco{color:var(--ipt-ico-c-active)}form input[type=text]~.endIco,form input[type=text]~.endIco,form input[type=password]~.endIco,form input[type=password]~.endIco{cursor:pointer}form input[type=submit]{width:100%;background-color:var(--btn-main-bg);border:none;border-radius:4px;text-shadow:none;box-shadow:none;color:var(--btn-main-c);cursor:pointer;transition:background-color 500ms ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.5)}form input[type=submit]:hover,form input[type=submit]:focus{background-color:var(--btn-main-bg-active);border:none;text-shadow:none}#below-form{margin-top:1rem;text-align:center}#below-form a{padding-bottom:.5rem;cursor:pointer;transition:border-bottom 100ms ease-out}#below-form a:hover,#below-form a:focus{color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.6)}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100;src:url("/Resources/fonts/googleicons/100.woff2") format("woff2")}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:200;src:url("/Resources/fonts/googleicons/200.woff2") format("woff2")}.g-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;font-size:1.5rem;font-weight:100} +:root{--main-bg: #343a40;--iborder: rgba(54, 150, 219, 0.4);--iborder-active: rgba(54, 150, 219, 0.7);--ipt-c: rgba(255, 255, 255, 0.7);--ipt-c-active: rgba(255, 255, 255, 0.7);--ipt-ico-c: rgba(54, 150, 219, .6);--ipt-ico-c-active: #3696db;--btn-main-bg: #3697db;--btn-main-bg-active: #4aabf0;--btn-main-c: rgba(255, 255, 255, .9);--txt-on-bg-c: rgba(255, 255, 255, 0.7)}html,body{font-family:"Arial",Helvetica,sans-serif;background:var(--main-bg);color:var(--txt-on-bg-c);display:flex;align-items:center;width:100%;height:100%;flex-direction:column;font-weight:100;scrollbar-color:var(--btn-main-bg) var(--main-bg);scrollbar-width:thin}html::-webkit-scrollbar,body::-webkit-scrollbar{width:7px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--btn-main-bg)}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--main-bg)}footer{align-self:flex-end}footer li{display:inline-block;padding:1rem}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:800px}main article{background:inherit;padding:0;margin:0;font-size:inherit;color:inherit}#login-container{width:90%;max-width:300px;margin:0 auto}#login-container label{color:hsla(0,0%,100%,.7)}#login-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:185px;text-align:center;margin-bottom:10%}#login-logo img{width:60%}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.animated.medium-duration{animation-duration:2s}.animated{animation-duration:.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.pulse{animation-name:pulse}header{text-align:left;margin-bottom:1rem}header h1{font-weight:300}form{margin-bottom:10%}form label{text-shadow:none;color:var(--txt-on-bg-c);cursor:pointer}form select,form input[type=text],form input[type=password]{margin-bottom:.5rem;background:#323639;border:1px solid rgba(0,0,0,.3);text-shadow:none;box-shadow:none;color:var(--txt-on-bg-c);width:100%;outline:none;box-sizing:border-box;line-height:1rem;border-radius:4px;box-shadow:inset 0 -5px 45px rgba(100,100,100,.2),0 1px 1px hsla(0,0%,100%,.2);transition:box-shadow .5s ease}.inputWithIcon{position:relative}.inputWithIcon .frontIco,.inputWithIcon .endIco{color:var(--ipt-ico-c);font-size:1rem;position:absolute;padding:.5rem;font-weight:200;top:0}.inputWithIcon .frontIco{left:0}.inputWithIcon .endIco{right:0}.inputWithIcon .frontIco+input[type=text],.inputWithIcon .frontIco+input[type=password]{padding-left:2.5rem}form input[type=text]:active,form input[type=text]:focus,form select:active,form select:focus,form input[type=password]:active,form input[type=password]:focus{box-shadow:inset 0 -5px 45px rgba(100,100,100,.4),0 1px 1px hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.3) !important}form input[type=text]:active~.frontIco,form input[type=text]:focus~.frontIco,form input[type=password]:active~.frontIco,form input[type=password]:focus~.frontIco,form input[type=text]:active~.endIco,form input[type=text]:focus~.endIco,form input[type=password]:active~.endIco,form input[type=password]:focus~.endIco{color:var(--ipt-ico-c-active)}form input[type=text]~.endIco,form input[type=text]~.endIco,form input[type=password]~.endIco,form input[type=password]~.endIco{cursor:pointer}form input[type=submit]{width:100%;background-color:var(--btn-main-bg);border:none;border-radius:4px;text-shadow:none;box-shadow:none;color:var(--btn-main-c);cursor:pointer;transition:background-color 500ms ease-out;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.5)}form input[type=submit]:hover,form input[type=submit]:focus{background-color:var(--btn-main-bg-active);border:none;text-shadow:none}#below-form{margin-top:1rem;text-align:center}#below-form a{padding-bottom:.5rem;cursor:pointer;transition:border-bottom 100ms ease-out}#below-form a:hover,#below-form a:focus{color:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.6)}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100;src:url("/Resources/fonts/googleicons/100.woff2") format("woff2")}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:200;src:url("/Resources/fonts/googleicons/200.woff2") format("woff2")}.g-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;font-size:1.5rem;font-weight:100}