body{padding:0;margin:0;font-family:'Poppins',sans-serif;font-weight:300;}

:root {
--primary:#3f299c;
--secondary:#6249ce;
}

/*home page*/
.full-wrap{max-width:100%;}
.logo{text-align:center;position: relative;top: 50%;transform: translateY(-50%);}
.logo img{max-width:100%;height:100px;margin:0 auto;}

.banner-wrap, .content-wrap{float:left;width:50%;height:100vh;}
.banner-wrap{background:url(../images/bg2.jpg) no-repeat center center;background-size:cover;}
.content-wrap{background:#fff;padding:3rem 5rem;position:fixed;right:0;overflow-y:scroll;}
.content-wrap .form{margin-top:3rem;}

.content-wrap h2{font-weight:600;color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem;}
.content-wrap p{font-size:.9rem;margin-bottom:2rem;}
.content-wrap .card{border:0;border-radius:0;}
.content-wrap .card-header{padding:7px 0;background:none;}
.content-wrap .card-body{padding:2rem .6rem;}
.content-wrap .nav-tabs .nav-link{border:0;font-size:1rem;font-weight:500;color:#666;}
.content-wrap .card-header-tabs .nav-link.active{border-bottom:3px solid var(--primary);color:var(--primary);}
.content-wrap .form-label{font-size:.8rem;}
.content-wrap .form-control{margin-bottom:.5rem;font-size:.8rem;padding:.8rem 1.5rem;}
.content-wrap .form-control::placeholder{font-size:.8rem;color:#ccc;}
.form-control:focus{border-color:var(--secondary);box-shadow:none;}
.content-wrap h5.card-title{font-size:.9rem;}
.content-wrap p a{color:var(--primary);text-decoration:none;}
.content-wrap p a:hover{color:var(--secondary);text-decoration:underline;}

.btn-submit, a.btn-back{padding:.8rem 2.5rem;color:#fff;font-size:.9rem;font-weight:600;background:var(--primary);letter-spacing:1px;border-radius:10px;text-transform:uppercase;border:0;text-decoration:none;}
.btn-submit:hover, a.btn-back:hover{background:var(--secondary);}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background:var(--secondary);}

/*report-preview*/
.user-detail{float:left;width:20%;height:100vh;padding:3.5rem 1rem;}
.report-content{position:fixed;overflow-y:scroll;right:0;width:80%;height:100vh;padding:3rem 5rem;}
.user-detail h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;}
.user-detail p b{color:#fff;font-size:.7rem;display:block;}
.user-detail p{color:rgba(255,255,255,.5);font-size:1rem;font-weight:400;}
.report-content h1{font-size:3rem;margin-bottom:2rem;color:var(--primary);}
.report-content .alert{margin-bottom:2rem;}
p.lead{font-size:1rem;}

.full-wrap .container{margin:0 auto;}
.bg-purple{background:var(--primary);width:100%;height:40vh;position:fixed;top:0;z-index:0;}
.overview-card{padding:3rem;margin:5rem auto 2rem auto;}
.card-body img.avatar{border-radius:100%;}
.text-title{font-size:13px;font-weight:600;margin:0 0 1rem 0;}
.text-desc{font-size:14px;color:#333;padding-right:15px;margin-bottom:0;}
b.text-title{margin-top:1.5rem;margin-bottom:5px;display:block;}
span.text-desc{padding:0;}

.profile .text-title{margin:1rem 0 0 0;font-size:20px;}
.color{display:flex;}
.radar{border-left:1px solid rgba(0,0,0,.1);}

.detail-content{margin-bottom:5rem;}
.detail-content .card{margin-bottom:2rem;}
.detail-content .card-body{padding:3rem;}

.report-list h1{font-size:2.5rem;margin-bottom:2rem;color:var(--primary);}
.report-list ul.list-group li{padding:1rem 1.5rem;border-bottom:1px;}
.report-list ul.list-group{padding-bottom:5rem;}

footer{position:fixed;bottom:0;right:3%;width:100%;z-index:1;text-align:right;}
footer p{font-size:.8rem;color:#666;}
footer p a{color:var(--primary);text-decoration:none;}
footer p a:hover{var(--secondary);text-decoration:underline;;}