*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;min-height:100vh}.container,body{display:flex;justify-content:center;align-items:center;width:100vw}.container{height:100vh}.box-content{position:relative;width:90vw;height:90vh;padding:2em;border-radius:20px;background-image:url(/images/Background-Sipena.png?c6cfd1aff9427103109fbf3a54b9d088);background-size:cover;overflow:auto;box-shadow:0 8px 20px rgba(0,0,0,.15)}.box-content,.box-content .box-sipena{display:flex;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column}.box-content .box-sipena{justify-content:center;margin-bottom:1em;background-color:hsla(0,0%,100%,.8);width:50%;padding:20px;border-radius:20px 20px 0 0}.box-content .box-sipena p{font-size:2rem;font-family:Arial,Helvetica,sans-serif;color:#000;font-weight:700}.box-content .header{position:absolute;top:0;width:100%;background:#fff}.box-content .header ul{display:grid;grid-template-columns:1fr 3fr 1fr;gap:30px;text-decoration:none}.box-content .header ul li{list-style:none;padding:20px}.box-content .header ul li .search-box{width:100%!important}.box-content .header ul li img{width:100px}.box-content .header ul li:nth(1){align-items:center}.box-search{position:relative;justify-content:flex-start;width:90vw;height:90vh;border-radius:20px;background-image:url(/images/Background-Sipena.png?c6cfd1aff9427103109fbf3a54b9d088);background-size:cover;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15)}.box-search,.box-search .box-sipena{display:flex;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column}.box-search .box-sipena{justify-content:center;margin-bottom:1em;background-color:hsla(0,0%,100%,.8);width:50%;padding:20px;border-radius:20px 20px 0 0}.box-search .box-sipena p{font-size:2rem;font-family:Arial,Helvetica,sans-serif;color:#000;font-weight:700}.box-search .header{position:relative;top:0;width:100%;background:#fff}.box-search .header ul{display:grid;grid-template-columns:1fr 3fr 1fr;gap:30px;text-decoration:none}.box-search .header ul li{list-style:none;padding:20px}.box-search .header ul li .search-box{width:100%!important}.box-search .header ul li img{width:100px}@media (max-width:768px){.box-search .header ul li:last-child{display:none}}.box-search .header .logo{align-self:center;justify-self:center}.box-search .container-search{margin-top:2em;width:70%;overflow:auto;flex-wrap:wrap;display:flex;justify-content:flex-start;gap:1em;flex-direction:row}.box-search .container-search .box-arsip{position:relative;width:100%;height:200px;background-color:#fff;display:grid;grid-template-columns:1fr 3fr;gap:20px;margin:1.2em;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);overflow:clip}.box-search .container-search .box-arsip>div{background-color:#fff;padding:20px}.box-search .container-search .box-arsip .thumbnails-box{width:100%;display:flex;justify-content:center;align-items:center;background:#f0f8ff;position:relative}.box-search .container-search .box-arsip .thumbnails-box .klasifikasi-keamanan{position:absolute;top:10px;left:10px;background-color:rgba(0,0,0,.6);color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem;text-transform:uppercase}.box-search .container-search .box-arsip .judul{padding-bottom:10px}.box-search .container-search .box-arsip .btn-pinjam{background-color:#5132d3;padding:10px 30px;width:-moz-fit-content;width:fit-content;color:#fff;position:absolute;right:0;bottom:0;font-size:1.5rem;border-radius:12px 0 0 0;text-decoration:none}.box-search .container-peminjaman{width:50%;background-color:#fff;margin-top:2em;margin-bottom:2em;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:3em;overflow:auto}.container2{width:90vw;height:90vh;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15)}.container2 .box-search2{position:relative;width:100%;background-image:url(/images/Background-Sipena.png?c6cfd1aff9427103109fbf3a54b9d088);background-size:cover;overflow:hidden}.container2 .box-search2,.container2 .box-search2 .box-sipena{display:flex;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column}.container2 .box-search2 .box-sipena{justify-content:center;margin-bottom:1em;background-color:hsla(0,0%,100%,.8);width:50%;padding:20px;border-radius:20px 20px 0 0}.container2 .box-search2 .box-sipena p{font-size:2rem;font-family:Arial,Helvetica,sans-serif;color:#000;font-weight:700}.container2 .box-search2 .header{position:relative;top:0;width:100%;background:#fff}.container2 .box-search2 .header ul{display:grid;grid-template-columns:1fr 3fr 1fr;gap:30px;text-decoration:none}.container2 .box-search2 .header ul li{list-style:none;padding:20px}.container2 .box-search2 .header ul li .search-box{width:100%!important}.container2 .box-search2 .header ul li img{width:100px}@media (max-width:768px){.container2 .box-search2 .header ul li:last-child{display:none}}.container2 .box-search2 .header .logo{align-self:center;justify-self:center}.container2 .box-search2 .container-search{margin-top:2em;width:70%;overflow:auto;flex-wrap:wrap;display:flex;justify-content:flex-start;gap:2em;flex-direction:row}.container2 .box-search2 .container-search .box-arsip{position:relative;width:100%;height:200px;background-color:#fff;display:grid;grid-template-columns:1fr 3fr;gap:20px;margin-left:2em;margin-right:2em;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);overflow:clip}.container2 .box-search2 .container-search .box-arsip>div{background-color:#fff;padding:20px}.container2 .box-search2 .container-search .box-arsip .thumbnails-box{width:100%;display:flex;justify-content:center;align-items:center;background:#f0f8ff}.container2 .box-search2 .container-search .box-arsip .judul{padding-bottom:10px}.container2 .box-search2 .container-search .box-arsip .btn-pinjam{padding:10px 30px;width:-moz-fit-content;width:fit-content;color:#fff;position:absolute;right:0;bottom:0;font-size:1.5rem;border-radius:12px 0 0 0;text-decoration:none}.container2 .box-search2 .container-peminjaman{width:50%;background-color:#fff;margin-top:2em;margin-bottom:2em;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:3em;overflow:auto}.content{width:100%;height:80vh;overflow:auto;background-image:url(/images/Background-Sipena.png?c6cfd1aff9427103109fbf3a54b9d088);background-size:cover}.box-content2{height:auto;width:60vw;margin:2em auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.container-peminjaman2{width:30vw;background-color:#fff;padding:3em;margin:3em;border:1px solid #007bff;border-radius:20px}.search-container{justify-content:center;width:50%}.search-box,.search-container{display:flex;align-items:center}.search-box{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15)}.search-box input{flex:1;width:100%;padding:14px 16px;border:none;font-size:16px;outline:none}.search-box button{background:#5132d3;border:none;padding:20px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.search-box button:hover{background:#4227b5}.search-box button i{pointer-events:none}label{display:block;margin-top:20px;margin-bottom:0;font-weight:700}.form-control{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:none;outline:none;border-radius:4px;box-sizing:border-box;background-color:#f0efef}.form-control:focus{border-color:#007bff;outline:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}button{cursor:pointer}.btn{background-color:#5132d3;padding:10px 20px;width:-moz-fit-content;width:fit-content;color:#fff;border:none}.btn:hover{color:#fff;font-weight:bolder}.block{width:-moz-available}.text-center{text-align:center}.judul-form{margin-bottom:2em}.link-login{display:flex;justify-content:center;align-items:center;font-size:1.5rem;text-transform:uppercase;font-weight:700}.link-login a{text-decoration:none}.table{width:100%;border-collapse:collapse}.table td,.table th,.table tr{padding:10px;border:1px solid #f0efef}.error{color:red}.datepicker{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-family:Segoe UI,sans-serif}.datepicker table tr td,.datepicker table tr th{padding:10px;border-radius:8px}.datepicker table tr td.active,.datepicker table tr td.active:hover{background-color:#4e73df!important;color:#fff!important}.row-success{background-color:rgba(183,234,165,.74)!important}.row-revisi{background-color:rgba(255,180,38,.368627451)!important}.row-front{background-color:#ffdada!important}.row-default{background-color:#fff!important}.row-primary{background-color:rgba(88,169,255,.33)!important}.terbatas{background-color:#f0ad4e!important}.rahasia{background-color:#d9534f!important}.data-kosong{width:100%;background:#fff;padding:1em;border-radius:20px;display:flex;justify-content:center;font-size:1.5rem;text-transform:full-width;box-shadow:0 8px 20px rgba(0,0,0,.15);margin:1.5em}@media (max-width:768px){.box-content .box-sipena{width:100%}.box-content .box-sipena p{text-align:center}.search-container{width:100%}.search-box{flex-direction:column}.search-box input{width:100%;border-radius:12px 12px 0 0}.search-box button{width:100%;border-radius:0 0 12px 12px;padding:12px;font-size:20px}.box-search .header ul{grid-template-columns:1fr}.box-search .container-search{width:95%}}