@media (min-width: 1200px) {
  .container {  width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; }
}
.common-margin{margin-left: 50px;  margin-right: 50px; }
	.common-margin-right{margin-right: 50px; }
	.common-margin-left {margin-left: 50px; }
	
	.logo{ width:85px;	height:85px; 	background:url(/mdm-web/images/logo.png) no-repeat center;	background-size: contain;	float:left;	position: relative; }
	
	.header-left{ padding: 18px 10px; }
	.header-right{padding: 18px 10px; }
	.header-title{ text-align:left; color:#4b4b4b; font-size: 18pt; font-weight:bold; text-shadow: 1px 3px 2px #d6d7d9;  }
	.sub-header{ color:#5b5a5a; font-size:14pt; text-shadow: 1px 2px 2px #cacbcb;  }
	.heading{font-size:16px;}
	
	
	.bg-light-green{background:url(/mdm-web/images/bg-student.png) no-repeat right, #eaf1f1; } 
	.bg-notes{background-color:#0195b7; opacity: 0.8; font-size:11pt; }
	.bg-notes-green{background-color:#48baab; opacity: 0.8;}
	.bg-gray{background-color:#e1e0e0; }
	.bg-footer{background-color:#363636;}
	
	.login{ margin-top:15px; font-size:10pt;}
	.login-bg{ background-color:#fefefe; border:1px solid #bec2bc; opacity: 0.8; padding: 25px !important;}
	.login select { width: 100%;  padding: 6px 20px;  margin: 4px 0;  display: inline-block;  border: 1px solid #ccc;  box-sizing: border-box; }
	.login input[type=text], .login input[type=password] { width: 100%; padding: 6px 20px; margin: 4px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; background-color: rgba(255, 255, 255, 1)}
	.login button { background-color: #36b37e; color: white; padding: 7px 10px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius: 5px;}
	.login button:hover { opacity: 0.8; }
	.login .cancelbtn {	background-color: #e7e7e7; color: black;  padding: 7px 10px; margin: 8px 0; border: none;  cursor: pointer; width: 100%; }
	
	
	.lower-menu a{ display:block; padding:4px 2px 4px 0px; text-align:justify; text-decoration: none; color: #0f629a; border-bottom:0;}	
	.lower-menu a:hover{ color: #08a4d1; }
	
	.gray-box{border: 1px solid #ccc; background-color: #f8f8f8; padding:10px;}
	.graph-container{width: 100%; background-color: #fff; border: 1px solid #efefef; padding:10px;}
	
	.footer{font-size:9pt; color:white; padding:20px;}
	
	.text-justify {
	  text-align: justify;
	}	
	
	.apk-div{cursor: pointer;}
	.apk-btn {
		background: #48baab; border-radius: 1px; color: #fff; padding:10px;
		font-size: 12px; height: 40px; line-height: 42px;  width: 40px; text-align: center;
	}
	.apk-label{color:#00aad5; font-size: 12px; font-weight: bold;}
	.apk-date{color:#7a7a7a; font-size: 12px;}
	
@media (max-width: 768px) {
.login .login-btn{padding-right:15px;}
.login .cancel-btn{padding-left:15px;}
.header-left{display:none;}  
.header-right{ margin: auto; padding: 5px 10px;  text-align:center;}
.logo{ width:100%;	height:85px; background:url(images/logo.png) no-repeat center;	background-size: contain; }
.right-padding-30{padding-right:15px;}
.left-padding-30{padding-left:15px;}
.login{ margin:15px;}
}

@media only screen and (max-width: 520px) {
.header-left{display:none;}
.header-right{ margin: auto; padding: 5px 10px;  text-align:center;}
.logo{ width:100%;	height:85px; background:url(images/logo.png) no-repeat center;	background-size: contain; }
}