.header{width:100vw;height:80px;margin:-20px -30px 20px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;background-color:#fff;padding:50px 30px}.header img{width:250px;height:auto}@media screen and (max-width:600px){.header{height:80px;margin:0 -5px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0 5px;position:fixed;top:0;z-index:100}}.sidebar{width:250px;height:100vh;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;background-color:#fff;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out;white-space:nowrap;overflow:hidden}.sidebar .sidebar-list{width:100%;height:100%;padding:20px;list-style:none;flex:1 1}.sidebar .sidebar-list .sidebar-item{width:100%;height:50px;background-color:#eee;border-radius:5px;white-space:nowrap;overflow:hidden;padding:0 10px;margin-bottom:15px;position:relative;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;-webkit-transition-delay:.4s;transition-delay:.4s;opacity:1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none}.sidebar .sidebar-list .sidebar-item.active-link{background-color:#d6d6d6}.sidebar .sidebar-list .sidebar-item span{white-space:nowrap;overflow:hidden}.sidebar .sidebar-list .sidebar-item svg{width:20px;height:20px;-webkit-transition:margin .3s ease-in-out;transition:margin .3s ease-in-out;margin:0 10px 0 0}.sidebar .sidebar-list .sidebar-item:hover{background-color:#d6d6d6}.sidebar .sidebar-footer{width:100%;height:100px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:30px}.sidebar .sidebar-footer svg{display:flex;justify-content:center;align-items:center;flex-direction:column;width:20px;height:20px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;cursor:pointer}.sidebar.sidebar-collapsed{width:100px;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}.sidebar.sidebar-collapsed .sidebar-list .sidebar-item svg{margin:0 25%}.sidebar.sidebar-collapsed .sidebar-list .sidebar-item a{position:absolute;opacity:0;margin:0;-webkit-transition:none;transition:none}.sidebar.sidebar-collapsed .sidebar-footer svg{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.sidebar .sidebar-header{width:100%;height:100px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:0 20px;-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out}.sidebar .sidebar-header img{width:70px;height:auto;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition:margin .2s ease-in;transition:margin .2s ease-in}.sidebar .sidebar-header.sidebar-header-collapsed{padding:0;-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out}.sidebar .sidebar-header.sidebar-header-collapsed img{margin:0 12.5%;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition:margin .2s ease-in;transition:margin .2s ease-in}.main{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;height:auto;padding:20px 30px;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out;overflow-y:auto;overflow-x:hidden}.add-user{margin-left:auto;margin-bottom:20px}@media screen and (max-width:600px){.main{padding:15px 5px;margin-top:80px}.add-user{margin-left:0}}.shimmer{background:#f6f7f8;background-image:-webkit-gradient(linear,left top,right top,from(#f6f7f8),color-stop(20%,#edeef1),color-stop(40%,#f6f7f8),to(#f6f7f8));background-image:-webkit-linear-gradient(left,#f6f7f8,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-image:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:100% 100%;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:placeholderShimmer;-webkit-animation-timing-function:linear}@-webkit-keyframes placeholderShimmer{0%{background-position:-100px 0}to{background-position:100% 0}}.modal-container{position:absolute}.modal,.modal-container{top:0;left:0;right:0;bottom:0;z-index:10000}.modal{width:auto;position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal .modal-close{position:fixed;right:5%;top:5%;width:20px;height:auto;cursor:pointer}.modal .modal-close-mobile{position:fixed;right:10%;top:10%;width:15px;height:auto;cursor:pointer;display:none}.modal .modal-logo{width:200px;height:auto;margin-top:30px}.json-data-modal{width:95%;height:80vh;padding:0 25px 25px;background-color:#fff;overflow-y:auto;margin-top:20px}.json-data-modal pre{margin-bottom:30px}@media screen and (max-width:600px){.modal .modal-close{top:3%}}@media screen and (max-width:330px){.modal{height:auto}.modal .modal-close,.modal .modal-logo{display:none}.modal .modal-close-mobile{display:flex}}.login .button,.login button{padding:16px;text-align:center;border-radius:25px;background-color:#0a202e;color:#fff;-webkit-box-shadow:none;box-shadow:none;width:100%;border:none;font-size:18px;cursor:pointer}.login .button:hover,.login button:hover{background-color:#0af}.pagination{justify-content:flex-start;margin-bottom:25px}.pagination,.pagination-container{display:flex;align-items:center;flex-direction:row;width:auto}.pagination-container{justify-content:center;font-size:12px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.23);box-shadow:0 4px 4px rgba(0,0,0,.23)}.pagination-container.top{margin-top:25px}.pagination-container.bottom{position:fixed;bottom:20px;width:calc(100vw - 50px)}.pagination-container li{list-style:none;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.pagination-container li a{position:relative;z-index:1;width:25px;height:25px;text-align:center;color:#acacac;border-radius:2px;margin-bottom:0}.pagination-container li.active a,.pagination-container li a:hover{color:#fff;background-color:#1c76ee}@media screen and (max-width:500px){.pagination{width:100%;z-index:1000;position:sticky;top:70px}.pagination-container{width:100%}}.sk-circle{width:20px;height:20px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:red;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.message-container{width:100%;height:auto;min-height:80px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:relative;padding:20px}.message-container p{color:#1a1a1a!important;margin-bottom:0;font-family:Heijmans-Normal,serif;font-size:16px}.message-container:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%}.message-container .message{justify-content:flex-start}.message-container .icon,.message-container .message{width:auto;height:100%;display:flex;align-items:center;flex-direction:row}.message-container .icon{justify-content:center;margin-right:20px}.message-container .icon img{width:30px;height:auto}.message-container .close-button{width:auto;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.message-container .close-button img{width:20px;height:auto}.message-container.success:before{background-color:#229f0d}.message-container.error:before{background-color:red}.message-container.info:before{background-color:#1c76ee}.Toastify__toast-container{width:100%;max-width:500px;z-index:1000000;display:flex;justify-content:center;align-items:center;flex-direction:column}.Toastify__toast--default{background-color:transparent}.Toastify__toast{padding:0}.Toastify__progress-bar--default{background:#0a202e}.login{height:100vh;justify-content:center}.login,form{width:100%;display:flex;align-items:center;flex-direction:column}form{justify-content:flex-start}form,form img{height:auto;max-width:300px}form img{width:100%;min-width:100px;margin-bottom:50px;border-radius:5px}form button{margin-top:50px}form input:first-of-type{margin:0}.login-error{margin:10px 0;color:red}.login-error a{color:#0a202e}.text-input{width:100%;height:20px;padding:16px 8px;border:2px solid #0a202e;border-radius:5px;background-color:transparent;margin-top:20px;outline:transparent}.text-input:active,.text-input:focus{border-color:#0af}.notification{display:inline-block;width:auto;padding:8px 16px;border-radius:5px;text-align:center;color:#fff;font-size:12px;white-space:nowrap}.notification.positive{background-color:#47d764}.notification.negative{background-color:red}.notification.warning{background-color:orange}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}::-webkit-scrollbar{width:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:50px;background-color:#888}html{width:100vw;max-width:100vw}body,html{height:auto}body{position:relative;font-family:Inter,Source Sans Pro,serif!important;min-height:100%;width:100%;overflow-x:hidden!important;overflow-y:hidden!important;background:-webkit-linear-gradient(315deg,#f3f5f8,#f3f5f8 99%,#bec7db);background:linear-gradient(135deg,#f3f5f8,#f3f5f8 99%,#bec7db)}.app{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100vw;height:100vh}a,p{font-family:inherit;color:#0a202e;font-size:16px}h3{margin-bottom:20px}