/* Mobile */

@media screen and (max-width: 767px) {
	/* Login */
	.header-image {
		padding: 45px 0;
	}
	.container, section#login .container, .container .col-md-8 {
		padding-left: 0;
		padding-right: 0;
	}
	#login form .row .form-group {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.form-group {
		padding-top: 0;
		margin-bottom: 0;
	}
	.form-group > button, .form-group > a {
		margin-bottom: 10px;
	}
	#register h3, #register .h3 {
		font-size: 1.25em;
	}
	#preFooter {
	font-size: 12px;
	}
	/* Login - End */
	/* Register */
	.registration .panel-body {
		padding: 15px;
	}
	.registration .form-group.col-md-12, .registration .col-sm-12.push-right {
		padding-left: 0;
		padding-right: 0;
	}
	/* Register - End */
	/* Messages */
	#conversation-table-body {
		padding-right: 0;
	}
	#circleSupport .chat-box {
		padding-right: 0;
	}
	/* Messages - End */
	/* Health Tools */
	.app .appCaption {
		font-size: 0.6em;
		padding: 5px 6px;
	}
	.navbar-default .navbar-brand {
		font-size: 1.15em;
	}
	.navbar-nav > li > a {
		padding-left: 12px;
		padding-right: 12px;
	}
	.app a {
		min-height: 122px;
	}
	i.appIcon {
		font-size: 65px;
	}
	/* Health Tools - End */
	/* Activity */
	.boxTools .panel-heading, .panel.panel-info, .panel-info > .panel-heading {
		padding-left: 0;
		padding-right: 0;
	}
	.submit-form-area .btn-primary {
		margin-top: 30px;
	}
	/* Activity Tools - End */
	/* Menu */
	section#sideNav ul li a {
		-webkit-opacity: 1;
		opacity: 1;
		color: #fff;
		padding: 8px 16px !important;
	}
	section#sideNav .icon {
		font-size: 22px;
	}
	.profileBox .nav-close {
		display: none;
	}
	/* Menu - End */

	#circleSupport .boxTools {
		padding: 6px 6px;
	}

	.boxTools.borderall {
		padding: 5px;
	}
	.container-fluid .col-md-offset-1.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.status-container {
		margin-top: 0;
	}

	.form-footer .btn.btn-lg.btn-inlineblock.pull-right {
		width: 100% !important;
	}

	.btn.medication-button {
		font-size: 0.75em !important;
		font-weight: 300 !important;
		margin-bottom: -5px;
	}

	.form-group.objective-group > div {
		padding-left: 10px;
		padding-right: 10px;
	}

	.modal-header h2 { font-size: 1.25em; }
	.modal-header .close { margin-top: -2px; }

	.panel.panel-activity h2 {
		font-size: 1.5em;
		margin: 5px 0;
	}

	.ans-inline {
		display: inline-block;
		padding: 0 0px;
		width: 30%;
		margin-right: 12px;
		text-align: center;
		font-size: 0.9em;
	}
	.ans-inline:nth-child(3n+3) { margin-right: 0px; }

	.navbar-title {
		font-size: 16px;
		text-overflow: ellipsis;
		overflow: hidden;
		word-wrap: normal;
		white-space: nowrap;
		max-width: 90%;
		margin: 0 15px;
	}

	.navbar-toggle .mail-number {
	  left: 34px;
	}

	.view.container-fluid > .row {
		margin-left: 5px;
		margin-right: 5px;
	}
	.view.container-fluid > .row > .col-md-10 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.history-activity-visualization {
		padding-left: 5px;
		padding-right: 5px;
	}

	.container-fluid .row {
		margin-left: 0;
		margin-right: 0;
	}

	.container-flui.navbar .col-xs-2 .backbutton {
		margin-left: -10px;
	}

	.boxTools.borderall .tab-pane,
	.boxTools.borderall .tab-pane.active {
		margin-top: 0;
	}

	.healthy-dose {
		margin: 6px auto;
	}

	.form-group {
		padding: 10px 0;
	}

	.wrapper > .container-fluid {
		padding-left: 0;
		padding-right: 0;
		margin-top: 10px;
	}
	
	.list-group {
		margin-bottom: 0;
	}
	.list-group:last-child {
		 margin-bottom: 10px;
	 }
	 #register .form-group.form-group-lg {
	 	margin-top: 0;
	 }
	 .modal-header {
	 	padding-top: 8px;
	 	padding-bottom: 8px;
	 	padding-right: 25px;
	 }
	 .modal-header .close {
	 	position: absolute;
	 	top: 12px;
	 	right: 12px;
	 }
	 .modal-header h3 {
	 	font-size: 1.5em
	 }

	 .content-container .profile-user-info {
	 	padding-left: 0;
	 	padding-right: 0;
	 }
}

.footer .logo {
	height: 25px;
}
.footer {
	text-align: center;
}


/* Sticky footer */
* {
  margin: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  min-height: calc(100% - 60px); /* 50 header + 10 content margin-top */
  margin-bottom: -32px; /* equal to footer height */
}

.wrapper > div.view.container-fluid {
	min-height: 100%;
}

.wrapper:after {
  content: "";
  display: block;
}
.footer,
.wrapper:after {
  height: 32px; 
}
#preFooter {
	padding: 5px 0;
	background-color: white;
	z-index: 55;
}

@media screen and (max-width:400px) {
	.wrapper > .container-fluid {
		margin-top: 5px;
	}

	.reminder-button {
		margin-top: 7px;
	}

	i.appIcon {
		font-size: 56px;
	}
}