.flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}:root{--bg-dark:#3487df;--bg-darker:#031031;--text-light:#fff;--bg-main:#eff3f9}*{margin:0}body{font-size:16px;font-family:"Poppins",sans-serif;color:#4c4c4c}h2,h3{font-weight:400}h4{font-weight:500}.dashboard .single-metrics{display:flex;flex-direction:column}.dashboard .single-metrics .metric{min-width:200px;display:flex;flex-direction:row;padding:20px 25px;border-radius:15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);margin:10px;align-items:center}.dashboard .single-metrics .metric div:first-child{padding:10px;border-radius:10px}.dashboard .single-metrics .metric div:first-child.check-in{background-color:#deebfc}.dashboard .single-metrics .metric div:first-child.check-out{background-color:#f9edde}.dashboard .single-metrics .metric div:first-child img{height:20px;width:20px;margin:0;display:block}.dashboard .single-metrics .metric div:last-child{margin-left:15px;display:flex;flex-direction:column}.dashboard .single-metrics .metric div:last-child h4{font-size:22px;font-weight:500;color:#2d2e36;line-height:40px}.dashboard .single-metrics .metric div:last-child p{color:#a9abb2}@media(min-width:1200px){.dashboard .single-metrics{flex-direction:row}}.dialog{position:relative}.dialog .shade{background-color:var(--bg-dark);opacity:.5;z-index:1}.dialog .shade,.dialog>.content{position:fixed;top:0;left:0;width:100%;bottom:0}.dialog>.content{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog>.content>.card{min-width:420px}.loading{margin:10px}.loading .spinner{border:8px solid #f3f3f3;border-top:8px solid var(--bg-darker);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.default-template{background:var(--bg-main);position:fixed;width:100%;bottom:0;top:0;left:0;display:flex;flex-direction:row}.default-template section{flex-grow:1;position:relative;overflow:scroll}.default-template section>.content{position:absolute;padding:15px;right:0;left:0}.default-template section>.content .menu{display:flex;flex-direction:row;flex-wrap:wrap}.default-template section>.content .menu>img{flex-grow:1;width:100%;max-width:500px;margin:10px}.default-template section>.content .menu a.item{background-color:#fff;box-shadow:0 10px 50px rgba(10,55,32,.1);border-radius:8px;height:150px;width:150px;box-sizing:border-box;flex-grow:1;max-width:300px;align-content:center;text-align:center;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;text-decoration:none}.default-template section>.content .menu a.item img{height:45px;width:45px;margin-bottom:10px}.default-template section>.content .dialog .header{padding-bottom:15px}.default-template section>.content .section-header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.default-template section>.content .section-header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.default-template section>.content .section-header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.default-template section>.content .section-header .buttons a,.default-template section>.content .section-header .buttons button{min-width:124px;margin:0 5px;line-height:25px;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;padding:10px;box-sizing:border-box;cursor:pointer}.default-template section>.content .section-header .buttons a img,.default-template section>.content .section-header .buttons button img{margin-right:10px}.default-template section>.content .section-header .buttons a:focus,.default-template section>.content .section-header .buttons button:focus{outline:none}.default-template section>.content .section-header .buttons button{border:1px solid #020e23;color:#020e23}.default-template section>.content .section-header .buttons a{background-color:var(--bg-dark)}.default-template section a.btn{border-radius:2px;text-transform:capitalize;font-size:15px;padding:10px 19px;text-decoration:none;background-color:#f1503d;border:none;color:var(--text-light);font-weight:400;cursor:pointer;display:inline-block;margin-bottom:10px}.default-template section .card{border:none;background:#fff;padding:20px;box-sizing:border-box}.default-template section .card .header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card .header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:block;margin-bottom:-16px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:24px;color:#020e23}.default-template section .card h4{font-weight:400}.default-template section .card form .sub-header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card form .sub-header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:inline-block;margin:10px 0 -1px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:18px;color:#020e23}.default-template section .card .actions{max-width:400px;margin:15px auto;display:flex;flex-direction:row;justify-content:space-between}.default-template section .card .actions button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);font-weight:400;cursor:pointer;width:100%;max-width:180px;border-radius:5px}.default-template section .card .actions button[type=submit]{background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15)}.default-template section .card .actions button[type=reset]{background-color:#f4f4f4;color:#868686}.default-template section .card .actions button:focus{outline:none}.default-template section .card .checkbox .checked{background-color:var(--bg-darker)}.default-template section .card .flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.default-template section .card .flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.default-template section .card .flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}.default-template section table{width:100%;margin-top:10px;border-collapse:collapse}.default-template section table thead{background:#f4f4f4}.default-template section table thead th{padding:15px;line-height:25px;color:#403f3f;font-size:16px;font-weight:500;text-align:left}.default-template section table thead th:last-child{border:0}.default-template section table tbody tr{cursor:pointer;background-color:#fff}.default-template section table tbody tr td{padding:15px;line-height:25px;color:#020e23;font-family:"DM Sans Regular";font-weight:500;font-size:17px;border-bottom:.3px solid #d9d9d9}.default-template section table tbody tr td .actions{display:flex;flex-direction:row;justify-content:space-around;max-width:65px}.default-template section table tbody tr td .actions img{width:25px}form input,form label,form select{display:block;color:#403f3f}form input,form select,form textarea{background:#fff;border:1px solid #020f22;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form input.error,form select.error,form textarea.error{border:1px solid #c02}form input:focus,form select:focus,form textarea:focus{outline:none}form span.error{color:red;line-height:25px;font-size:15px}@media(min-width:700px){form .fl-row{display:flex;flex-direction:row;justify-content:space-between}form .fl-row .col-50{flex-basis:48%}}header .brand{height:70px;padding:5px 5px 5px 20px;box-sizing:border-box;flex-basis:0px;flex-grow:0;flex-shrink:0;display:flex;align-items:center}header .brand img{display:block;height:55px}header .brand .toggler{width:25px;padding:10px;display:flex;align-self:center;flex-direction:column;cursor:pointer}header .brand .toggler span{height:1px;display:block;background-color:#020e23;margin:4px 0}header,header .search{display:flex;flex-direction:row;background-color:#fff}header .search{padding:17.5px;position:relative;box-sizing:border-box;flex-grow:1;align-items:center}header .search select{border:1px solid #f3f3f3;border-right:0;height:35px;padding:5px;background-color:var(--bg-main);box-sizing:border-box}header .search select:first-child{width:250px;border-radius:10px 0 0 10px}header .search select:last-child{width:100%;border-radius:0 10px 10px 0}header .search input{border:1px solid #f3f3f3;border-left:0;height:35px;padding:5px 30px 5px 5px;box-sizing:border-box;border-radius:0 10px 10px 0;width:100%;background-color:var(--bg-main)}header .search input:focus{outline:none}header .search img{position:absolute;height:20px;top:25px;right:30px}header .profile{flex-basis:300px;position:relative}header .profile.show{width:100%}header .profile.hide{width:0}header .profile>div{align-self:flex-end;padding:10px;display:flex;flex-direction:row;align-items:center;cursor:pointer}header .profile>div strong{line-height:40px;padding:0 10px;font-size:14px;font-weight:400;flex-grow:1}header .profile>div img{height:30px;width:30px;margin:0 5px;border-radius:15px}header .profile>div img:last-child{height:15px;width:15px}header .profile ul{position:absolute;top:59px;background-color:#fff;list-style:none;z-index:1;right:0;left:0;padding:0;margin:0;border:1px solid #d8dde3;border-top:0}header .profile ul li{border-top:1px solid #d8dde3}header .profile ul li span{line-height:30px;padding:5px 10px;color:#4c4c4c;display:block;text-decoration:none;cursor:pointer}header .profile ul.hide{display:none}header .profile ul.show{display:block}@media(min-width:700px){header .profile{flex-basis:300px}header .profile.hide{width:100%}}.default-template>.menu{background-color:var(--bg-darker);display:block;transition:flex-basis .3s ease-in-out;flex-basis:0;overflow:hidden}.default-template>.menu .logo{display:flex;flex-direction:column;align-items:center;margin-top:20px;position:relative}.default-template>.menu .logo h1{color:#fff;font-weight:500;font-size:20px;margin-top:10px;text-align:center}.default-template>.menu .logo img,.default-template>.menu .space{height:80px}.default-template>.menu ul{list-style:none;padding:0}.default-template>.menu ul li.item{align-items:center;color:#fff;line-height:44px;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease-in-out 1ms;padding:6px 6px 6px 40px;font-family:"DM Sans Bold";font-weight:700;opacity:.7}.default-template>.menu ul li.item span{display:flex;flex-direction:row;align-items:center}.default-template>.menu ul li.item span b{flex-basis:130px}.default-template>.menu ul li.item.active{background:linear-gradient(90deg,var(--bg-darker),#3487df,#3e98f7);opacity:1}.default-template>.menu ul li.item img:first-child{height:24px;width:24px;margin-right:15px}.default-template>.menu ul li.item ul{height:auto;max-height:0;transition:max-height .3s ease-in-out 1ms;overflow:hidden;padding-left:40px}.default-template>.menu ul li.item ul li{opacity:.5}.default-template>.menu ul li.item ul li a{display:block;line-height:20px;font-size:14px;padding:10px;color:#fff;text-decoration:none}.default-template>.menu ul li.item ul li.active{opacity:1}.default-template>.menu ul li.item.active ul{max-height:600px}.default-template>.menu.active ul li.item{padding-left:20px}@media only screen and (max-width:500px){.default-template>.menu.active{display:block;position:fixed;top:0;left:0;width:100%;max-width:300px;bottom:0;z-index:4}.default-template>.menu .logo .toggler{width:25px;padding:10px;display:flex;align-self:center;flex-direction:column;position:absolute;right:20px;top:20px;cursor:pointer}.default-template>.menu .logo .toggler span{height:1px;display:block;background-color:#fff;margin:4px 0}}@media(min-width:700px){.default-template .menu{flex-basis:250px}.default-template .menu.active ul li.item{padding-left:40px}}section.auth{background:#fff}section.auth>div .container{max-width:400px;margin:0 auto;box-sizing:border-box;padding:15px}section.auth header{margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}section.auth header img{height:180px}section.auth header h1{margin-top:15px;font-weight:500;font-size:27px}section.auth footer{padding:10px 0}section.auth footer ul{list-style-type:none;list-style:none;border-bottom:1px solid #bdc4c9;padding:10px;max-width:500px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center}section.auth footer ul li{margin:0 auto}section.auth footer ul li a{color:#005ff8;font-size:14px;text-decoration:none}section.auth footer p{line-height:40px;font-size:14px;text-align:center;color:#4e4f50}@media(min-width:700px){section.auth{display:flex;flex-direction:row;position:fixed;width:100%;top:0;left:0;bottom:0}section.auth>div{flex-basis:50%;height:inherit;overflow:auto}section.auth>div:first-child{background:#031031;background-size:cover}}.binary .create{max-width:500px}.dialog .alert{background:#fff;min-width:300px;max-width:450px;padding:10px;box-sizing:border-box;border-radius:10px;text-align:center;position:relative}.dialog .alert h3{font-weight:400;color:red;margin-bottom:5px}.dialog .alert p{word-wrap:break-word;margin:10px;color:#000}.dialog .alert button{background-color:var(--bg-dark);color:var(--text-light);padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;border:0;margin-bottom:10px}.dialog .alert img{position:absolute;right:15px;top:15px;cursor:pointer}.network .tree .nodes{width:100%;min-width:800px;display:flex;flex-direction:column;align-items:center}.network .tree .nodes .level{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.network .tree .nodes .level .node{display:flex;flex-direction:column;align-items:center;width:100%}.network .tree .nodes .level .node .info{text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px}.network .tree .nodes .level .node .info img{height:40px;margin:3px 0}.network .tree .nodes .level .node .info strong{color:#001033;line-height:25px}.network .tree .nodes .level .node .info span{color:#001033}.network .tree .nodes .level .node .info b{width:2px;background-color:var(--bg-dark);height:20px}.network .tree .nodes .level .node .arrows{display:flex;flex-direction:column;align-items:center}.network .tree .nodes .level .node .arrows .up{height:20px;width:2px;background-color:var(--bg-dark);box-sizing:border-box}.network .tree .nodes .level .node .arrows .down{border:2px solid var(--bg-dark);width:100%;height:20px;border-bottom:0;box-sizing:border-box}.network .tree .nodes .level:first-child{width:50%}.network .tree .nodes .level:first-child .arrows{width:100%}.network .tree .nodes .level:nth-child(2) .arrows{width:50%}.network .tree .nodes .level:nth-child(3) .arrows{display:none}form .form-input{margin-bottom:10px}form .form-input input,form .form-input label,form .form-input select{display:block}form .form-input input,form .form-input select,form .form-input textarea{background:#fff;border:1px solid #bdc4c9;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form .form-input input.error,form .form-input select.error,form .form-input textarea.error{border:1px solid #c02}form .form-input input:focus,form .form-input select:focus,form .form-input textarea:focus{outline:none}form .form-input span.error{color:red;line-height:25px;font-size:15px}.auth .login{background:#fff;max-width:420px;margin:0 auto;padding:20px}.auth .login form input{background:#fff;border:.5px solid #d2c8db;box-sizing:border-box;border-radius:0;padding:10px;width:100%}.auth .login h3{font-size:22px}.auth .login h3,.auth .login h4{text-align:center;font-weight:400}.auth .login h4{color:#721c24;line-height:30px;font-size:18px;margin-bottom:10px}.auth .login div.actions{display:flex;flex-direction:row;justify-content:space-around}.auth .login div.actions a{color:#005ff8}.auth .login div.actions button{color:#fff;border:0;transition:.3s;line-height:40px;font-weight:400;width:100px;background:#0d0908;border-radius:3px;font-size:16px;margin-top:10px;cursor:pointer}.auth .login div.actions button:focus{outline:none}.auth .login div.actions label{font-size:14px}.auth .login div.actions label a{text-decoration:none;color:#005ff8}.auth .register{background:#fff;max-width:420px;margin:0 auto;padding:20px}.auth .register form input{background:#fff;border:.5px solid #d2c8db;box-sizing:border-box;border-radius:0;padding:10px;width:100%}.auth .register h3{text-align:center;font-weight:400;font-size:22px}.auth .register h4{color:#721c24;line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.auth .register div.actions{display:flex;flex-direction:row;justify-content:space-around}.auth .register div.actions button{color:#fff;border:0;transition:.3s;line-height:40px;font-weight:400;width:100px;background:#0d0908;border-radius:3px;font-size:16px;margin-top:10px;cursor:pointer}.auth .register div.actions button:focus{outline:none}.auth .register div.actions label{font-size:14px}.auth .register div.actions label a{text-decoration:none;color:#005ff8}.settings .change-password,.settings .profile{max-width:500px}.pagination{display:flex;flex-direction:row;background-color:#fff;padding:15px 10px;border-bottom:.3px solid #d9d9d9;margin-bottom:10px;align-items:center}.pagination h4{flex-grow:1}.pagination ul{display:flex;flex-direction:row;list-style:none;align-items:center}.pagination ul li img{height:25px;width:25px;display:block;margin:0 5px;cursor:pointer}.pagination ul select{padding:5px}.pagination ul select:focus{outline:none}
/*# sourceMappingURL=main.52a32ada.chunk.css.map */