html, body {
    margin:0;
    height:100%;
    min-height:100%;
}

.login-card {
	box-shadow: none !important;
}
.login-card img {
	/*width: auto !important;
	height: auto !important;*/
	max-width: 400px !important;
	min-width: 200px !important;
}

.viewport {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header {
    z-index: 0;
    flex: 0 1 auto;
    display: flex;
}

.workspace {
    flex: 1;
    display: flex;
    flex-direction: row;
	background: url('https://s3-ap-southeast-2.amazonaws.com/parent-app-assets/img/graphpaper.png') repeat center, url('https://s3-ap-southeast-2.amazonaws.com/parent-app-assets/img/paper_bg.jpg') no-repeat center/cover fixed;
}

.main-left-bar {
    flex: 0 0 13em;
    overflow: auto;
    order: -1;
    margin-right: -10px;
}

.main-content {
    flex: 1 1 auto;
    overflow: auto;
    order: 0;
    padding: 20px;
}

.parent-info-card, .student-info-card, .student-profile-card, .account-details-card, .change-password-card, .help-card {
	border-radius: 10px !important;
	padding: 10px;
	margin: 5px;
}

.refresh-activities-btn {
  position: fixed;
  top: 90px;
}