@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url("https://fonts.googleapis.com/css?family=Nunito&display=swap");.main-container{display:flex}.main-container .drawer{height:100vh;position:sticky;left:0;top:0;bottom:0;background:#333;color:#fff;transition:all 5s ease;z-index:20}.main-container .drawer.active{min-width:280px !important;display:inline}.main-container .drawer.inactive{max-width:0px !important;display:none}.main-container .drawer .user{text-align:center;padding:1em}.main-container .drawer .user .profile-img{max-width:70px;border-radius:50%}.main-container .drawer .user .user-name{font-weight:bold}.main-container .drawer .nav-menu ul{list-style:none;margin:0;padding:0}.main-container .drawer .nav-menu ul li{margin:0;display:block}.main-container .drawer .nav-menu ul li a{color:#eee;text-decoration:none;padding:.5em 1em;padding-left:3em;display:block}.main-container .drawer .nav-menu ul li a:hover{background:#999}.main-container .main-content{flex:1 1 auto}.main-container .main-content .toolbar{background:#fff;padding:1em;display:flex;position:sticky;top:0;right:0;left:0;z-index:10}.main-container .main-content .rendered-page{padding:2em}.main-container .main-content .rendered-page table{background:#fff}.security-box{background:#fff;padding:2em;box-sizing:border-box}.security-box .tips{padding-left:2em}.security-box .tips h5{font-weight:bold}.transfer-box{background:#fff;padding:1.5em}.transfer-box a{color:#000;text-decoration:none;font-weight:bold}.beneficiary-details-confirm .item{margin-top:1em}.beneficiary-details-confirm .item div:first-child{font-weight:bold}.profile-box{background:#fff;padding:2em}.profile-box .profile-details{display:flex}.profile-box .profile-details .profile-pic{padding-right:2em}.profile-box .profile-details .profile-pic img{max-height:100px;border-radius:1em}.profile-box .profile-details .info{margin:auto;flex:1 1 auto;margin-left:0}.profile-box .profile-details .info .name{font-weight:bold}.profile-box .contact h6{font-weight:bold}.profile-box .contact .contact-info .contact{display:flex}.profile-box .contact .contact-info .contact div:first-child{margin-right:1em}.profile-box .contact .contact-info .contact div:last-child{flex:1 1 auto}.login-container{display:flex;padding:2em;margin:auto}.login-container .left-box{background:linear-gradient(to right, #fff, #ddd);padding:2em;max-width:320px;position:relative;font-size:15px}.login-container .left-box .help{margin-top:4em}.login-container .login-box{text-align:center;background:#fff;padding:2em 3em;min-height:500px}body{background:#eee;font-family:'Nunito', sans-serif}input,button,textarea,select,.alert{border-radius:0 !important}.margin-top-1{margin-top:1em}.margin-top-2{margin-top:2em}.margin-top-3{margin-top:3em}.align-right{text-align:right}.full-width{width:100% !important}.flex-fil{flex:1 1 auto}.clickable{cursor:pointer}.otp-dialog{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);z-index:1000;display:flex}.otp-dialog .dialog-box{background:#fff;padding:2em;max-width:40%;margin:auto}.otp-dialog .dialog-box h5{font-weight:bold}.otp-dialog .dialog-box .form-group{margin-top:.5em}.error-msg{display:none}.login-page{background:url("/assets/img/bg.jpg");background-size:cover;display:flex;align-items:center;justify-content:center}