/* Mobile styles */
@media (max-width: 800px) {

	h2 {
		font-size: 1.2em;
	}

	header span.site_subtitle {
		padding-left: 8px;
	}

	select {
		max-width: 300px;
	}

	#mobile_opt_btn_menu {
		position: absolute;
		width: 100%;
		background: #eee;
		border-top: 20px solid #236d9f;
		border-bottom: 4px solid #B3B3B3;
		z-index: 1020;
	}

	#mobile_opt_btn_menu a div {
		width: 100%;
		padding: 15px;
		border-bottom: 1px solid #DEDEDE;
		box-sizing: border-box;
		font-weight: bold;
		color: #575757;
	}

	#mobile_opt_btn_menu a:last-child div {
		width: 100%;
		padding: 15px;
		border-bottom: 0;
	}

	#mobile_opt_btn_menu a:hover div {
		background: #fff;
		color: #4A89AE;
	}

	#mobile_opt_btn_menu a:hover {
		text-decoration: none;
	}

	#mobile_opt_btn_menu i {
		width: 28px;
	}

	#main {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 55px;
	}

	#dashboard_right, #sourcepage_right {
		display: none;
		width: 100%;
		float: none;
	}

	#dashboard_left, #sourcepage_left {
		width: 100%;
		float: none;
	}

	#mobile_opt_btn, #mobile_back_btn {
		display: inline;
	}

	#user_opts {
		display: none;
	}

	.center_on_mobile {
		text-align: center;
	}

	.box_big .name, .box_big .total {
		font-size: 17px;
		font-weight: bold;
	}

	.box_big .details {
		margin-top: 4px;
		font-size: 0.9em;
	}

	.box_med .name, .box_med .total {
		font-size: 16px;
	}

	.box_med .details {
		margin-top: 4px;
		font-size: 0.9em;
	}

	.box_med.total_box,
	.box_med.total_box_nopad { 
		font-size: 1.15em;
	}

	.box_med.total_box { 
		margin-bottom: 5px;
	}

	#create_source_btn, #create_txn_btn {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#create_source_right, #create_txn_right {
		display: none;
	}

	#create_source_left, #create_txn_left {
		width: 100%;
	}

	.no_sources_icon {
		font-size: 150px;
		line-height: 150px;
	}

	.message_box {
		width: auto;
	}

	.message_box .expandable,
	.message_box_removable .expandable {
		width: 100%;
		font-size: 0.9em;
	}

	.message_box_removable {
		display: block;
		padding: 0;
		border: 0;
		background: transparent;
		color: #777;
		width: 100%;
	}

	.mobile_opts {
		display: block;
	}

	.source_info {
		margin-bottom: 15px;
	}

	.source_title {
		font-size: 24px;
		line-height: 28px;
	}

	.source_options {
		padding-top: 0;
		margin-top: -6px;
	}

	.source_subtitle {
		font-size: 0.8em;
	}

	#tags_heading {
		margin-top: 7px;
	}

	#tags_heading i {
		padding-right: 5px;
	}

	.hide {
		display: none;
	}

	.show {
		display: inline;
	}

	#tag_list {
		font-size: 0.8em;
	}

	#no_tags_found {
		font-size: 1.2em;
	}

	#no_tags_found, #no_items_found {
		width: 95%;
	}

	.tag_list_item .details {
		font-size: 1.2em;
	}

	#create_tag_btn {
		margin-bottom: 8px;
	}

	.txn_tag_desktop {
		display: none;
	}

	.txn_tag_mobile {
		display: block;
		margin-top: 6px;
		float: left;
	}

	.txn_options_mobile {
		display: block;
		float: right;
		margin-right: -6px;
	}

	.txn_options_mobile a {
		float: left;
		margin-left: 1px;
		opacity: 0.6;
		transition: all 0.1s ease;	
	}

	.txn_options_mobile a:hover {
		opacity: 1.0;
		transition: all 0.1s ease;	
	}

	span.txn_badge {
		position: relative;
		margin-left: 0;
	}

	a.tag:link {
		position: relative;
		margin-left: 12px;
	}

	a.tag.large:link, a.tag.large:visited {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 8px;
		padding-right: 7px;
		font-size: 14px;
		margin-top: 0;
		margin-left: 5px;
		opacity: 0.9;
	}

	a.tag.large:before {
		left: -12px;
		border-width: 12px 12px 12px 0;
	}

	a.tag.large:after {
		top: 10px;
		left: -3px;
		width: 4px;
		height: 4px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}

	.tag_half_text {
		margin-left: 2px;
	}

	#timeframe_changer button.close,
	#timeframe_changer .drpdwn {
		margin-top: 7px;
		margin-bottom: 7px;
	}

	#announce_box_container {
		width: 94%;
	}

	#announce_box {
		top: -80px;
	}

	#diabox_container {
		display: none;
		position: fixed;
		top: 120px;
		width: 100%;
		z-index: 997;
	}

	#diabox .content {
		text-align: center;
	}

	.link_btn {
		font-size: 1.1em;
	}

	#back_to_top {
		position: fixed;
		bottom: 0;
		right: 0;
		font-size: 15px;
		border-radius: 0;
		padding: 10px;
		padding-top: 10px;
		padding-bottom: 11px;
		color: #4d4d4d;
		width: 100%;
		text-align: center;
		opacity: 0.8;
	}

	#back_to_top:hover {
		transform: translateY(0);
		opacity: 0.8;
	}

	.side_menu_header {
		display: block;
		width: 100%;
		border-bottom: 1px solid #e4e4e4;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		padding: 15px;
		font-weight: bold;
		font-size: 1.1em;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
	}

	.side_menu_header .down_arrow {
		position: absolute;
		right: 18px;
		top: 15px;
		opacity: 0.5;
	}

	.menu_header_icon {
		padding-right: 10px;
	}

	.side_menu {
		display: none;
		width: 100%;
		z-index: 1000;
		margin-top: 55px;
		box-sizing: border-box;
	}

	.side_menu {
		border-bottom-width: 4px;
	}

	.side_menu_opposite {
		margin-left: 0;
		margin-top: 50px;
	}

	/* Analytics page */
	.an_graph {
		width: 100%;
		min-height: 300px;
	}

	.statement_tag_item .txn_list .txn_list_item div:nth-child(1) {
		width: 75%;
	}

	.an_statements_chart_container {
		display: none;
	}

}

@media (max-width: 430px) {

	.date_selector {
		float: none;
	}

	#today_btn {
		float: right;
		margin-left: 0px;
	}

}