@media all and (min-width: 100px) and (max-width: 1020px){
.loginBox .loginLogoHolder{display:none;}
.loginHead{background-color:#16528f; padding:5px 0; text-align:center}
.loginHead .loginLogoHolder{display:inline-block; margin-bottom:0; width:158px; padding:0;}
.loginPage{background-color:#f7f7f7;}
.loginPage .inputHolder input{background-color:#fff; color:#333;}
.lagSelector{position:absolute !important; right:15px; top:9px; padding:0; margin-right:0; width:auto; margin-right:0 !important;}

.loginBox{display:block; width:100%; position:static; transform:translate(0); -moz-transform:translate(0); -webkit-transform:translate(0); -ms-transform:translate(0); padding:25px 15px;}

.loginForm{padding:0; background-color:transparent;}
.loginForm h1{text-align:center;}
.forgotPass{text-align:center;}
.applyBtn a, .applyBtn input{display:block; text-align:center; width:100%;}
.cr{width:100%; background-color:#0d2a46; opacity:1; padding:13px 0; color:rgba(255,255,255,0.5);}
.cr a{ color:rgba(255,255,255,0.5);}
.loginForm h1{font-size:15px; text-transform:uppercase; color:#4D4D4D;}

.pageTitle{display:none;}
.header{position:relative; padding:5px 0; text-align:center;}
.logoHolder{width:159px; display:inline-block; float:none; padding:0;}
.logoHolder img{width:100%;}
.centerContent{padding:15px;}
.salaryEnity{margin-bottom:12px; padding:15px}
.chart-legend li{border-bottom:0 none;}
.salaryType{text-align:left; color:#666;}
.prevData{display:none;}
.leftMenu{position:fixed; right:100%; top:0; margin-top:0; z-index:5; left:auto; overflow-Y: hidden; overflow-X: hidden;}
.leftMenu .cr{display:none;}
.centerContent{width:100%; margin:0;}
.print{display:none;}
.dateSelector{background-color:#d9d9d9; background-position: 90% center; background-image:url(../images/ico-dropdown-arrow-responsive.svg);}
.dateSelector{width:48%; margin-right:2%;}
.yearSelector{width:24%; margin-right:3%;}
.chart-legend li .salaryNumber span{margin-right:5px;}
.filterBtn{width:20%; box-sizing:border-box; text-align:center; float:right;}
.filterBtn input{width:100%; box-sizing:border-box; padding:8px 10px;}
.dateSelector select{padding: 8px 10px; width:100%;}
.dateSelector select{min-width: 125px;}
.additions .salaryHolder{margin-bottom:15px;}
.additions .salaryHolder, .chartHolder, .legendHolder{width:100%; margin-right:0; float:none;}
.chart-legend li{padding-left:0;}
.chart-legend li:after{display:none;}
.chart-responsive{display:none;}
.additions{padding:0;}
.additions h3{padding:15px 15px 0 15px; box-sizing:border-box; width:100%; display: inline-block;}
.additions .salaryHolder{padding:0 15px 0 15px;}
.chart-legend li{padding:16px 13px; border-top:1px solid #f2f2f2; display:inline-block; width:100%;}
.salaryNumber{float:right; margin-right:0; margin-top:5px;font-size:12px; color:#666; font-weight:normal;}
.salaryNumber span{font-size:14px;}
.prevYear .salaryNumber{ margin-right:0;}
.viewPrevYears{display:block; padding:15px 10px; text-align:center; background-color:#3a77b7;  margin-top:15px;}
.viewPrevYears a{text-transform:uppercase; color:#ffffff; font-size:12px;}
.mobileIndex{position:relative; display:block;}

.yearStatHolder{color:#4d4d4d; font-size:14px; float:left; width:77%;line-height:35px;}
.backBtn a{background-color:#3a77b7; color:#fff; padding:10px 20px; font-size:12px; float:right;}
#backButtonForgotPass {margin-top: 13px;}
.viewIcon{background-image:none; width:100%; height:100%; background-repeat:no-repeat; display:block; position:absolute; right:0; top:0;}
.menuIcon{background-image:url(../images/menu-icon.svg); background-repeat:no-repeat; background-size:100% auto; width:25px; height:25px; position:absolute; left:15px; top:50%; margin-top:-12.5px;}

.menuOpen{transform:translateX(300px); -moz-transform:translateX(300px); -webkit-transform:translateX(300px); overflow:hidden;}
body.menuOpen{overflow-X:hidden; position:fixed; width:100%; height:100%;}
.leftMenu{width:300px;}
.empName{font-size:13px;}
.empNum{font-size:12px;}
.personalInfo, .businessInfo{padding:15px;}
.menuOpen .pageBody:after{content:""; background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%;}
.userName, .businessInfo ul li{margin-bottom:15px;}
.userNameInfo{margin-bottom:5px;}
.infoText a{color:#fff;}
input {-webkit-appearance: none; border-radius:0;}
.popupInner{width:90%;}
.inputHolder input{background-color:#f2f2f2; color:#808080;}
.forgotPass a{text-decoration:underline;}
.applyBtn input, .applyBtn a{padding:18px 40px;}
.prevYear .salaryType{color:#808080;}
.prevYear .salaryNumber span{text-align:right; width:90px;}
.userActions li a{background-size: 10px auto;}
body.openPopup{position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%;}






.dashboardList li{width:100%; float:none; margin-bottom:15px; padding:20px;}
.centerContent.fullWidth{width:100%;}
.centerContent.fullWidth{min-height: calc(100vh - 93px);}
.backBtn{float:none; margin-bottom:10px;}
.yearStatHolder{width:100%; float:none;}
.backBtn a{float:none; border:1px solid #333; color:#333; text-decoration:none; background-color:transparent;}
.backBtn a:before{display:none;}
.loansList .salaryEnity, .leavesList .salaryEnity, .memosList ul li{width:100%; float:none; margin-right:0;}
.leavesList .salaryEnity.highlighted, .memosList ul li{margin-bottom:15px;}



}


@media all and (min-width: 100px) and (max-width: 750px){
	
}