*{margin:0;padding:0}#app{min-height:100vh;position:relative}:root{--green:#63b746;--orange:#f8ad2c;--blue:#1c9ad6;--lightblue:#00adef;--grey:#e1e1e2}@font-face{font-family:"Bree Serif";src:url(../fonts/BreeSerif-Regular.5cf70932.woff2) format("woff2"),url(../fonts/BreeSerif-Regular.e710dd3c.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Sans Narrow;src:url(../fonts/PTSans-Narrow.1e39d4ef.woff2) format("woff2"),url(../fonts/PTSans-Narrow.be46b62d.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{height:100%}a,h1,h2,h3,p{font-family:"Bree Serif",sans-serif;padding:0;margin:0;font-weight:500}a,a:hover{color:inherit;text-decoration:inherit}.login-row{margin-top:10vh}.db-login-title{margin-top:6vh}.db-login-title img{height:100px}.db-login-title h2{color:#fff;text-align:center}.db-login-box{width:100%;background-color:#fff;min-height:40vh}.db-login-content{padding-top:6vh}.db-login-content h3,input,p,span{font-family:PT Sans Narrow,serif}.db-login-content h2{font-size:40px}.db-login-content p{float:right;font-size:20px;text-align:right}.db-login-form{padding-top:25px}.db-login-input{padding-top:20px}.db-input{background-color:#e0e0e1;border:none;border-radius:5px;width:100%;height:45px;padding-left:15px}.db-input:hover{background-color:#cecece;border:none}.db-input:focus-visible{border:none;outline:none}.db-login-btn{font-family:"Bree Serif";color:#fff;text-transform:capitalize;margin-top:20px;height:40px;width:100%;background-color:var(--lightblue);border-radius:5px;border:none;outline:none}.db-forgotpassword{margin-top:30px;color:#fff}.db-underline-link{font-family:PT Sans Narrow,serif;text-decoration:underline;padding:0 3px}.db-header{background-color:var(--green);width:100%;height:90px}.db-logout-btn{font-family:"Bree Serif";color:var(--green);text-transform:capitalize;height:40px;width:140px;background-color:#fff;border-radius:5px;border:none;outline:none;position:absolute;right:0}.db-header-title img{height:70px;margin-right:20px}.db-header-title h2{color:#fff}.db-changedate{color:#fff;margin-bottom:12vh}.db-changedate h2{color:#000;font-size:50px}.db-changedate-content{margin-right:50px}.db-changedate-content select{font-weight:700;background-color:var(--grey);width:90px;height:30px;border-radius:5px;padding-left:20px;font-family:PT Sans Narrow}.db-changedate-content p{margin-right:20px}.db-stats-title-img{height:50px}.db-totalCount-text{font-size:80px}.db-totalCount-text span{font-family:"Bree Serif";font-size:36px}.db-bar,.db-pie-chart{width:100%!important}.db-bar{height:22vh!important}.db-footer{width:100%;background-color:var(--grey);min-height:10vh;position:absolute;bottom:0}.db-footer p{text-align:center;max-width:80vw}.db-bar-bottom{margin-bottom:14vh}@media screen and (min-width:992px){.db-login-btn{width:100%}}@media screen and (max-width:992px){.db-login-btn{font-size:18px}.db-logout-btn{width:130px}.db-header-title h2{font-size:22px}.db-pie-chart{margin-top:20px;height:40vh!important}.db-footer{min-height:8vh}}@media screen and (max-width:768px){.login-row{margin-top:5vh}.db-logout-btn{width:100px}.db-login-btn{width:88%}.db-changedate{margin-bottom:4vh}.db-changedate-content{margin-right:10px}.db-changedate h2{font-size:50px;margin-bottom:0}.db-changedate-content select{height:40px;width:100px;font-size:18px}}@media screen and (max-width:576px){.db-login-title h2{font-size:20px}.db-login-btn{font-size:16px}.db-totalCount-text{font-size:60px}.db-login-content h2{font-size:30px}.db-login-box{min-height:42vh;width:95%}.db-login-form{padding-top:10px}.db-login-title{margin-top:1vh}.db-logout-btn{width:70px}.db-changedate h2{font-size:36px;margin-bottom:0}.db-changedate{color:#fff;margin-bottom:4vh}.db-bar{height:30vh!important}}