.splash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:200;color:red;text-align:center;line-height:90%;padding-top:22%}.splash.display-none{position:fixed;opacity:0;top:0;left:0;width:100%;height:100%;background:red;z-index:-10;color:#fff;text-align:center;line-height:90%;transition:all .5s}@keyframes fadeIn{to{opacity:1}}.fadeIn{opacity:0;animation:fadeIn 1s ease-in forwards}#cardabsensi{padding:.5em .5em .5em;border-radius:1em;text-align:left;box-shadow:0 5px 10px rgba(0,0,0,.2);margin-top:15px;margin-bottom:15px;width:auto}form{background-color:#fff;padding:30px}form .input-group{margin-bottom:15px}form label{display:block;margin-bottom:10px}form input{padding:12px 20px;width:100%;border:1px solid #ccc}#uploaded_image{border-style:solid;border-color:#0d6efd}.image_area{position:relative}.modal-lg{max-width:1000px!important}.overlay{position:absolute;bottom:10px;left:0;right:0;background-color:rgba(255,255,255,.5);overflow:hidden;height:0;transition:.5s ease;width:100%}.image_area:hover .overlay{height:50%;cursor:pointer}.text{color:#333;font-size:13px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}#cropperjs{display:block;max-width:100%}#preview{width:200px;height:200px;margin-bottom:10px;border-radius:100%}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c1cfd6}100%{background-color:#eff3f4}}.skeleton-text{width:100%;height:.8rem;display:inline;border-radius:.25rem}.skeleton-input{width:100%;height:1.5rem;border-radius:1rem}.skeleton-text__body{width:75%}.skeleton-footer{width:30%}@media only screen and (max-width:450px){#brandimgs{height:30px;width:auto}.fontmobile{font-size:13px}}@media only screen and (device-width:280px){#brandimgs{height:20px;width:95px}.fontmobile{font-size:13px}}@media only screen and (device-width:375px){#brandimgs{height:30px;width:auto}.fontmobile{font-size:13px}}@media only screen and (min-device-width:768px) and (max-width:770px){#brandimgs{height:30px;width:auto}.fontmobile{font-size:13px}}@media only screen and (device-width:820px){#brandimgs{height:30px;width:auto}.fontmobile{font-size:13px}}@media only screen and (device-width:540px){#brandimgs{height:30px;width:auto}.fontmobile{font-size:13px}}@media only screen and (device-width:912px){#brandimgs{height:30px;width:auto}.fontmobile{font-size:13px}}