#modal-message-container{width:450px;border:2px solid #000;padding:16px 32px 24px;position:absolute;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);background-color:#fff;display:flex;flex-direction:column;align-items:center}#modal-message-container svg{position:absolute;right:0;top:0;font-size:50px;padding:8px;cursor:pointer}#modal-message-container img{width:100px;margin-bottom:20px}#modal-message-container>p{font-size:26px;font-weight:700}#modal-message-container>p,#modal-message-container p{text-align:center;font-family:var(--font-family-primary)}#modal-message-container p{font-size:22px}#modal-message-container ul{list-style:none;margin-top:20px}#modal-message-container ul li{display:flex;flex-direction:column;justify-content:center;align-items:center}#modal-message-container ul li p{font-size:18px;text-align:center;font-family:var(--font-family-primary);margin-top:8px}#modal-message-container ul li span{font-size:20px;text-align:center;font-family:var(--font-family-primary);font-weight:700}#label-container{flex-direction:column;height:100vh;width:100vw;background:var(--color-primary)}#label-container,#label-container main{display:flex;align-items:center;justify-content:center}#label-container main{background:var(--color-secondary);padding:0 25px;width:400px;margin-bottom:22px}#label-container main img{width:300px}#label-container div{display:flex;flex-direction:column;width:100%;max-width:400px;margin-bottom:20px}#label-container div label{color:var(--color-text-primary);font-size:22px;font-family:"Roboto",sans-serif;margin-bottom:8px}#label-container div input{font-size:20px;font-family:"Roboto",sans-serif;border-radius:4px;border:0;padding:12px}#label-container hr{width:100%;max-width:400px;margin-bottom:20px}#label-container button{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin-bottom:10px;padding:12px;font-size:20px;font-family:"Roboto",sans-serif;background:var(--color-secondary);border:0;cursor:pointer;transition:opacity .2s}#label-container button:hover{opacity:.8}#label-container button div{margin-bottom:0}#label-container button svg{margin-left:0}#navbar-container{display:flex;flex-direction:column;height:100vh;background:var(--color-primary);width:300px;position:fixed}#navbar-container main{display:flex;justify-content:center;align-items:center;background:var(--color-secondary);height:82px;border-bottom:1px solid var(--color-primary)}#navbar-container main img{width:220px}#navbar-container ul a{text-decoration:none}#navbar-container ul li{color:var(--color-text-primary);padding:25px 16px;font-family:var(--font-family-primary);border-bottom:1px solid var(--color-text-primary);display:flex;align-items:center;font-size:25px;cursor:pointer;transition:all .3s}#navbar-container ul .active,#navbar-container ul li:hover{color:var(--color-primary);background:var(--color-secondary)}#navbar-container ul li svg{margin-right:12px}#navbar-container div{flex:1 1;display:flex;justify-content:center;align-items:center;flex-direction:column}#navbar-container .sync-byn button div{display:block;margin:8px;width:20px!important;height:20px!important}#navbar-container .sync-byn button div svg{color:var(--color-primary)}#navbar-container .sync-byn button{display:flex;justify-content:center;align-items:center;border:0;padding:16px;background:var(--color-secondary);font-family:var(--font-family-primary);color:var(--color-primary);margin-top:12px;font-size:22px;border-radius:10px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.75);transition:all .3s;cursor:pointer}#navbar-container .sync-byn button:hover{box-shadow:none}#navbar-container .sync-byn small{margin-top:10px;color:var(--color-text-primary);font-size:15px;padding:0 10px}#navbar-container footer{display:flex;justify-content:center;align-items:flex-end}#navbar-container footer img{width:65px;margin:22px}#status-container{flex:1 1;margin-left:300px}#status-container .header{background:var(--color-primary);display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid var(--color-text-primary)}#status-container .header h2{color:var(--color-text-primary);padding:25px 16px;font-family:var(--font-family-primary);font-size:27px;flex:1 1;text-align:center;border-left:1px solid var(--color-text-primary)}#status-container .content{display:flex;justify-content:space-around;align-items:center}#status-container .content div{display:flex;flex-direction:column;align-items:center;padding-top:40px}#status-container .content div label{color:var(--color-info);font-family:var(--font-family-primary);font-size:75px}#status-container .content div img{width:75px}#search-bar-container{display:flex;justify-content:space-between;border-left:1px solid var(--color-text-primary);background:var(--color-primary)}#search-bar-container label{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:27px;font-weight:700;text-transform:uppercase;padding:25px 16px}#search-bar-container div{display:flex;align-items:center}#search-bar-container div input{padding:12px 65px 12px 16px;font-family:var(--font-family-primary);font-size:22px;border-radius:8px;border:0}#search-bar-container div svg{color:var(--color-primary-lighter);position:relative;left:-40px;cursor:pointer;transition:color .3s;font-size:30px}#search-bar-container div svg:hover{color:var(--color-primary)}#search-bar-container div .clear-btn{display:none;position:relative;left:-100px;margin-right:-30px}#search-bar-container div .clear-btn:hover,#search-bar-container div input:hover~.clear-btn{display:block}#check-in-container{flex:1 1;margin-left:300px}#check-in-container .content{display:flex;flex-direction:column;align-items:center}#check-in-container .content img{padding-top:120px;width:120px}#check-in-container .content h1{padding:12px 0;font-family:var(--font-family-primary);font-size:50px;font-weight:400}#check-in-container .content input{width:100%;max-width:400px;font-family:var(--font-family-primary);font-size:22px;border-radius:8px;border:1px solid var(--color-primary-lighter);margin-bottom:12px;padding:12px 35px 12px 16px;flex:1 1}.input-block{display:flex}.input-block svg{color:var(--color-primary-lighter);position:relative;cursor:pointer;transition:color .3s;font-size:30px;left:-35px;top:10px;margin-right:-30px}.input-block svg:hover{color:var(--color-primary)}#check-in-container .content label{font-family:var(--font-family-primary);font-size:25px;font-weight:400;color:var(--color-primary-lighter)}#check-in-container .content button{border:0;padding:16px;background:var(--color-secondary);font-family:var(--font-family-primary);color:var(--color-primary);margin-top:12px;font-size:22px;border-radius:10px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.75);transition:all .3s;cursor:pointer}#check-in-container .content button:hover{background:var(--color-secondary-lighter);box-shadow:none}#list-container{flex:1 1;margin-left:300px}#list-container ul{list-style:none}#list-container ul p{text-align:center;font-size:35px;font-family:var(--font-family-primary);padding:30px 16px;color:var(--color-primary)}#list-container ul a{text-decoration:none;color:unset}#list-container ul li{padding:18px 25px;background:var(--color-text-primary);display:flex;align-items:center;cursor:pointer}#list-container ul a:nth-of-type(odd) li{background:var(--color-info-lighter)}#list-container ul li .info-container{flex:1 1;display:flex;flex-direction:column}#list-container ul li .info-container>label{font-size:20px;font-weight:700;margin-bottom:8px;font-family:var(--font-family-primary)}#list-container ul li .info-container div{display:flex}#list-container ul li .info-container div .label-id{min-width:155px;margin-right:10px}#list-container ul li .info-container div label{font-size:16px;font-family:var(--font-family-primary)}#list-container ul li .info-container div label strong{color:var(--color-primary)}#list-container ul li .button-icon{border:1.5px solid;border-radius:50%;display:flex;align-items:center;justify-content:center}#list-container ul li .button-icon svg{color:var(--color-primary);font-size:40px;transition:all .3s}#list-container ul li:hover .button-icon{background:var(--color-primary);border:0}#list-container ul li:hover .button-icon svg{color:var(--color-text-primary)}#item-container{flex:1 1;display:flex;flex-direction:column;margin-left:300px}#item-container a>svg{color:var(--color-primary);font-size:50px;border:2px solid;border-color:var(--color-primary);border-radius:50%;margin:12px;cursor:pointer;transition:all .3s}#item-container a>svg:hover{background:var(--color-primary);color:var(--color-text-primary)}#item-container h1{padding-bottom:15px}#item-container h1,#item-container p{margin:10px 20px;font-family:var(--font-family-primary)}#item-container p{font-size:20px}#item-container p strong{font-family:var(--font-family-primary);color:var(--color-primary)}#item-container hr{margin:24px 20px;background:var(--color-primary);height:1px}#item-container h2{margin:0 20px;font-family:var(--font-family-primary)}#item-container ul{list-style:none}#item-container ul>:first-child{margin-top:20px;border-color:var(--color-primary);border-top:1px solid;border-top-color:var(--color-primary)}#item-container ul li{padding:20px;font-size:20px;border-left-color:var(--color-primary);border-bottom:1px solid;border-bottom-color:var(--color-primary);border-right-color:var(--color-primary);border-top-color:var(--color-primary)}#item-container footer{flex:1 1;display:flex;justify-content:flex-end;align-items:flex-end}#item-container footer button{border:0;border-radius:8px;padding:14px;width:300px;font-size:25px;margin:20px;color:var(--color-text-primary);background:var(--color-primary);box-shadow:1px 1px 5px 1px rgba(0,0,0,.75);transition:all .3s;cursor:pointer}#item-container footer button:hover{background:var(--color-primary-lighter);box-shadow:none}#item-container footer button div{color:var(--color-text-primary)}:root{--color-primary:#0758bd;--color-primary-lighter:#9e9e9e;--color-secondary:#f9f9f9;--color-secondary-lighter:#ddd;--color-info:#555;--color-info-lighter:#f5f5f5;--color-text-primary:#fff;--font-family-primary:"Roboto"}*{margin:0;padding:0;box-sizing:border-box}.root-container{display:flex}.preload-image{display:none}
/*# sourceMappingURL=main.31bc41df.chunk.css.map */