html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}body{position:fixed;z-index:0;top:0;bottom:0;left:0;right:0;font-size:16px;color:grey;background-color:hsl(210,11%,20%);}header{position:fixed;width:100vw;top:0;left:50%;transform:translateX(-50%);text-align:center;color:white;z-index:8;max-height:100vh;overflow-y:auto;}#title-container{max-width:800px;display:flex;justify-content:space-between;align-items:center;padding:.5em;}h1{display:inline;font-size:1.5em;margin:0;text-align:left;}.fa-sync-alt{font-size:1.3em;color:lightgreen}.fa-sync-alt:hover{color:white;}.fa-sync-alt:active{color:green;opacity:.3;}button,i,tr,th,.list-item,#bck-to-top{cursor:pointer;}.btn-group{left:50%;transform:translateX(-50%);}#search-input-btn{height:38px;background-color:transparent;border:none;padding:0;}#search-input{min-width:100%;min-height:100%;color:white;background-color:transparent;border-radius:0;text-align:center;font-size:1em;}#search-input:focus{border:none;}.btn-primary{border-radius:0;background-color:green;}.btn-primary:hover{background-color:white;color:green;font-weight:700;}.btn-primary:focus{background-color:darkgreen;color:white;}.card.card-body{padding:.5em;}.new-list-item-container{margin:0 0 .5em 0;padding:0;height:1.6em;}.fas.new-list-item-btn{color:#008000;opacity:.5;font-size:1.6em;margin:0 auto;}.fas.new-list-item-btn:hover{opacity:1;}.fas.new-list-item-btn:active{font-size:1.4em;color:grey;}ul{max-width:500px;margin:0 auto;text-align:left;}div.span-container{margin:0;padding:0;display:inline-block;width:14em;}li span{color:green;}li span:hover{font-weight:700;text-decoration:underline;}li i.fa-trash-alt{float:right;padding-left:2em;color:black;}li i.fa-trash-alt:hover{color:red;}li i.fa-edit{float:right;padding-left:3em;color:black;}li i.fa-edit:hover{color:green;}li i.fa-trash-alt:active,li i.fa-edit:active{color:grey;font-size:.9em;}main{position:absolute;top:10.6em;bottom:1em;width:100vw;z-index:7;}#table-btn-container{height:2.4em;padding:5px 0;}#back-to-top-btn{font-size:1.6em;float:right;padding:0;display:none;color:green;}#back-to-top-btn:hover{color:white;}#back-to-top-btn:active{font-size:1.4em;color:darkgreen;}i.fas.fa-arrow-up{padding:0 .5em 0 .5em;}#new-entry-btn{position:absolute;transform:scale(.6);left:50%;transform:translateX(-50%);color:green;font-size:1.6em;margin:0;}#new-entry-btn:hover{color:white;}#new-entry-btn:active{color:darkgreen;font-size:1.4em;}table{display:block;width:100%;height:100%;}thead{display:table;width:100%;}tbody{display:block;width:100%;max-height:90%;overflow-y:auto;}th,td{width:25%;font-size:.8em;}tr{display:table;width:100%;}th{color:hsl(195,53%,40%);}th:hover{color:white;text-decoration:underline;}::-webkit-scrollbar{width:10px;border-radius:10px;}::-webkit-scrollbar-track{background:#131518;border-radius:10px;}::-webkit-scrollbar-thumb{background:hsl(120,100%,15%);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:green;}#alert-box{position:fixed;top:50%;transform:translateY(-50%);left:50%;transform:translateX(-50%);z-index:15}.alert-custom{border:1px solid #664D03;}.toast{z-index:14;}div.modal-content{border-radius:30px;}div.form-group{margin-bottom:.6em;}#location-name{margin-bottom:0;padding-top:.4em;padding-left:1em;color:black;}input.validate.invalid{border-color:red;color:red;}#cancel-profile{display:none;background-color:gray;}#save-profile{display:none;}#delete-profile{background-color:red;}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background-color:hsl(210,11%,20%);}#preloader::before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #f2f2f2;border-top:6px solid green;border-radius:50%;width:60px;height:60px;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media only screen and (min-width:992px){main{top:6em}h1{font-size:2em}.fa-sync-alt{font-size:1.5em}}@media only screen and (min-width:800px){header,main{width:800px;left:50%;transform:translateX(-50%)}}@media only screen and (min-width:576px){.top-row{margin-top:1em}}@media only screen and (max-width:415px){.fas.fa-sort{display:none}}@media only screen and (max-width:400px){ul{margin:0;text-align:left;font-size:.8em}li i.fa-edit{padding-left:2em}}@media only screen and (max-width:330px){main{bottom:2em}}@media only screen and (max-width:290px){main{top:12em}}