@media only screen and (max-width: 300px){.login-form{align-items:center;font-size:12px}.login-form button{font-size:12px}}@media only screen and (max-width: 767px){.login-container{width:75%;height:100%;border-radius:20px;text-align:center;transform:translateY(180px)}.viewInfoCard{height:600px!important}.juda-logo{transform:translate(-50%,-50%)}.login-form{width:80%;text-align:left;font-size:15px;margin:10px 0 0}.login-form button{margin-bottom:10px;margin-top:10px}.main-iframe{transform:translate(-20px);width:50px;height:100%}.intro-title{transform:translateY(-20px)}.statistic-title{font-size:15px;margin-top:20px}h3{transform:translateY(50px);font-size:20px}h4{transform:translate(20px,40px);font-size:15px}.progress{margin-top:100px}svg{width:60px}.main-container{padding:0!important}.main-video{width:100%}.main-iframe{width:100vw}.main_header{transform:translate(115px,20px)}.btn-blue{margin-top:50px}.dashboard-card{padding-top:20px}}@media only screen and (min-width: 768px){.login-container{width:50%;height:100%;border-radius:20px;text-align:center;transform:translateY(200px)}.login-form{width:80%;font-size:15px;text-align:left}.login-form button{margin-top:10px;margin-bottom:20px}.login-form a{margin-left:20px}.main-video{width:100%}.main-iframe{width:100%;height:50vh}.intro-title{transform:translateY(-20px)}.statistic-title{font-size:15px;margin-top:20px}h3{transform:translateY(50px);font-size:20px}h4{transform:translate(20px,40px);font-size:15px}.progress{margin-top:100px}svg{width:60px}}@media only screen and (min-width: 950px){.login-container{width:30%;height:100%;border-radius:20px;text-align:center;transform:translate(250px,200px)}.login-form{font-size:15px;text-align:left}.login-form button{margin-top:10px;margin-bottom:20px}.login-form a{margin-left:20px}}@media only screen and (min-width: 1200px){.login-container{width:30%;height:100%;border-radius:20px;text-align:center;transform:translate(300px,150px)}.login-form{font-size:15px;text-align:left}.login-form button{margin-top:10px;margin-bottom:20px}.login-form a{margin-left:15px}.btn-blue{width:300px;float:right}}@media only screen and (min-width: 1300px){.login-container{width:30%;height:100%;border-radius:20px;text-align:center;transform:translate(250px,150px)}.login-form{width:75%;font-size:15px;text-align:left}.login-form button{margin-top:10px;margin-bottom:20px}}@media only screen and (min-width: 1500px){.login-container{width:30%;height:100%;border-radius:20px;text-align:center;transform:translate(225px,150px)}.login-form{width:75%;font-size:15px;text-align:left}.login-form button{margin-top:10px;margin-bottom:20px}}@media only screen and (min-width: 1750px){.login-container{width:30%;height:100%;border-radius:20px;text-align:center;transform:translate(350px,250px)}.login-form{width:75%;font-size:15px;text-align:left}.login-form button{margin-top:10px;margin-bottom:20px}}@media only screen and (min-height: 1000px){.login-container{width:80%;height:100%;margin-top:250px;border-radius:20px}.login-form{font-size:15px}.login-form button{font-size:20px;margin-bottom:20px}}@media only screen and (min-height: 1300px){.login-container{width:80%;height:100%;margin-top:350px;border-radius:20px}.login-form{font-size:25px}.login-form button{font-size:25px;margin-bottom:20px}}.main-video{margin-top:30px}.sidebar-body{margin-top:50px}#sidebarMenu{padding-left:20px;padding-right:20px}#main-logo{width:80px;height:50px;float:right}.login-body{background-repeat:no-repeat;background-position:center cnter;background-size:cover;background-attachment:fixed}.login-container{background-color:#dee2e6}.box{border:1px solid lightgrey}.frequent-item{border-bottom:1px solid lightgrey}.frequent-item:last-child{border-bottom:0}h1,h2,h3,h4,h5{font-weight:700}#sidebar{width:400px;border-right:1px solid lightgrey;height:100vh}#sidebar .offcanvas-header,#sidebar .nav-link{padding:1rem 1.5rem}#sidebar .nav-link.active{background-color:#d3d3d3}h5.title{font-size:1rem}.viewInfoCard{font-size:15px;width:650px;height:600px!important;text-align:center;transform:translate(0)}.view_title,.view_data{margin-right:10px}.viewCertModal{background-color:#ebebeb}body{background-color:#d3d3d3}.long-text-desc{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.long-text-desc:hover{overflow:visible;white-space:pre-wrap}