@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--clr: #5b08a7}*{box-sizing:border-box}html,body,#root,#defaultLayout,#guestLayout{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:Open Sans,sans-serif;margin:0;padding:0;font-size:14px;color:#212121;background-color:#f6f6f6}input,select{outline:0;background:#ffffff;width:100%;border:2px solid #e6e6e6;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s}input:focus,select:focus{border-color:#5b08a7}.btn,.btn-add,.btn-cancel,.btn-edit,.btn-delete,.btn-info{font-family:Roboto,sans-serif;outline:0;background:#5b08a7;border:0;text-decoration:none;padding:15px;color:#fff;font-size:16px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.nav{width:400px}.btn-block{width:100%}.btn-add,.btn-cancel,.btn-edit,.btn-delete,.btn-info{padding:.5rem .75rem;font-size:14px;border-radius:4px}.btn-add{background-color:#00a762}.btn-cancel{background-color:#ff0;color:#000}.btn-delete{background-color:#b72424}.btn-info{background-color:#4464b7}.btn-logout{text-decoration:none;padding:.75rem 1.5rem;color:#212121;transition:all .3s;border-radius:6px}.btn-logout:hover{background-color:#0000001a}.btn:hover,.btn:active,.btn:focus{background:#5b08a7}.text-center{text-align:center}table{width:100%;border-spacing:0;border-collapse:collapse}table>thead>tr>th{text-align:left;padding:.5rem;background-color:#efefef}table>tbody>tr>td{padding:.5rem;border-bottom:1px solid #efefef;white-space:nowrap;text-align:left}.card{background-color:#fff;border-radius:.5rem;box-shadow:1px 1px 3px #0000001a;padding:1.25rem 1.5rem;margin-bottom:1rem;margin-top:.5rem}.alert{padding:1rem;background-color:#ff4040;color:#fff;border-radius:.5rem;margin-bottom:1rem}.notification{position:fixed;right:1rem;bottom:1rem;z-index:100;padding:1rem 1.5rem;background-color:#00a762;color:#fff;border-radius:.5rem}.login-signup-form{height:100vh;display:flex;justify-content:center;align-items:center}.login-signup-form .form{width:360px;position:relative;z-index:1;background:#FFFFFF;max-width:360px;padding:34px;box-shadow:0 0 2px #0000001a}.login-signup-form .title{font-size:20px;margin-bottom:1rem;text-align:center}.login-signup-form .form .message{margin:15px 0 0;color:#b3b3b3;font-size:16px;text-align:center}.login-signup-form .form .message a{color:#5b08a7;text-decoration:none}#defaultLayout{display:flex}#defaultLayout aside{width:140px;background-color:#5b08a7;padding:1rem;overflow:hidden}#defaultLayout aside>a{display:block;padding:.75rem 1rem;border-radius:6px;color:#fff;text-decoration:none;transition:all .2s}#defaultLayout aside>a:hover{background-color:#0003}#defaultLayout .content{flex:1}#defaultLayout header{height:80px;padding:2rem 3rem;background-color:#fff;box-shadow:1px 1px 2px #0003;display:flex;justify-content:space-between;align-items:center}#defaultLayout main{padding:2rem}.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.heading{display:flex;justify-content:space-between;align-items:center}.row{display:flex;flex-wrap:wrap}.box{display:block;box-sizing:border-box}.tar{text-align:right}.w50{width:50%}.f10{flex:10%}.f20{flex:20%}.f30{flex:30%}.f40{flex:40%}.f50{flex:50%}.f60{flex:60%}.f70{flex:70%}.f80{flex:80%}.f90{flex:90%}.f100{flex:100%}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.p1em{padding:1em}.p2em{padding:2em}.p3em{padding:3em}@media screen and (max-width: 768px){.w50{width:100%}.f10,.f20,.f30,.f40,.f50,.f60,.f70,.f80,.f90{flex:100%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:50px;height:50px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.spinner-container{display:grid;justify-content:center;align-items:center;height:350px}.loading-container{display:block;width:100%;min-height:240px;text-align:center}.navigation{position:relative;width:80px;height:545px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:10px}.navigation ul{display:flex;width:350px;flex-direction:column}.navigation ul li{margin:0;padding:0;box-sizing:border-box;position:relative;list-style:none;width:70px;height:70px;z-index:1}.navigation ul li{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;text-align:center;font-weight:500}.navigation ul li .icon{position:relative;display:block;line-height:75px;font-size:1.5em;text-align:center;transition:.5s;color:var(--clr)}.navigation ul li.active .icon{transform:translate(15px)}.navigation ul li .text{position:absolute;color:var(--clr);font-weight:400;font-size:.75em;letter-spacing:.05em;transition:.5s;transform:translate(45px)}.navigation ul li.active .text{opacity:1;transform:translate(-50px)}.indicator{position:absolute;top:25px;width:70px;height:70px;background:#4ae4ff;border-radius:50%;border:6px solid #5b08a7;transition:.5s}.indicator:before{content:"";position:absolute;bottom:-33%;left:22px;width:13px;height:13px;background:transparent;border-top-right-radius:20px;box-shadow:3px -4px 0 1px #5b08a7;border:0 solid #5b08af;border-width:1px 1px 0 0}.indicator:after{content:"";position:absolute;top:-33%;left:22px;width:13px;height:13px;background:transparent;border-bottom-right-radius:20px;box-shadow:3px 3px 0 1px #5b08a7;border:0 solid #5b08af;border-width:0 1px 1px 0}.navigation ul li:nth-child(1).active~.indicator{transform:translateY(0)}.navigation ul li:nth-child(2).active~.indicator{transform:translateY(70px)}.navigation ul li:nth-child(3).active~.indicator{transform:translateY(140px)}.navigation ul li:nth-child(4).active~.indicator{transform:translateY(210px)}.navigation ul li:nth-child(5).active~.indicator{transform:translateY(280px)}.navigation ul li:nth-child(6).active~.indicator{transform:translateY(350px)}.navigation ul li:nth-child(7).active~.indicator{transform:translateY(420px)}.header{height:100%;max-height:75px}.footer{height:10vh;background:white;padding:.5em 1em}.inside{overflow:hidden;height:90vh}button,.btn,.btn-info,.btn-add,.btn-block,.btn-cancel,.btn-delete,.btn-edit{margin:.25em .5em}.mb2{margin-bottom:2em}.noreads{background:black;color:gray}.nodata{background:#dcdcdc;color:#4b4b4b}.good{background:springgreen;color:#006400}.warn{background:lightsalmon;color:#412300}.bad{background:pink;color:#8b0000}.machinebox{margin:.5em 1em;border-radius:5px;border:1px solid gray;box-shadow:0 0 10px #d3d3d3;line-height:1.8;cursor:pointer}.machinebox .leftside{padding:.5em 1em;flex:1}.machinebox .rightside{flex:1;align-items:center;display:flex;justify-content:center;font-size:2rem;font-weight:700}.Dialog{background:white;color:#000;padding:15px;border-radius:6px;margin:0 15px}.weekrow{display:flex;flex-wrap:wrap}.daybox{border:1px solid grey;border-radius:1px;flex:1;display:block;text-align:center;margin-top:.4em}.clickable{cursor:pointer}.daybox:last-child{flex-grow:1}.daynodata{background:#f1f3f4;color:#000}.daygood{background:springgreen;color:#006400}.daywarn{background:lightsalmon;color:#412300}.daybad{background:pink;color:#8b0000}.break{flex-basis:100%;height:0}