/*
	app.css
	
	Main css file for Mercury
	
	Authors: Stephen J Radachy <stephen@remc1.org>
	Date: May 2016
	
	note: css class/id convention:
	
	mer-(p/g/c)-<thing>-<otherthing>
	
	p = page
	g = global
	c = component
	
	examples:
	mer-p-<pagename>-<thing>
	mer-p-home-teamviewer
	mer-g-content
	mer-c-calendar
*/


/* GLOBAL */
@import "font.css";
@import "form.css";
@import "bootstrap-layout-overrides.css";
body { background-color: #f8f8f8; }
hr { border-color: #e1e1e1; }
.form-required-text { color:#d50000 !important;}
/* END GLOBAL */


/* HEADER + MENU */
.container.mer-g-header-desktop {
	padding-top: 5px;
	padding-bottom: 5px;
}

.container.mer-g-header-desktop .mer-g-header-desktop-remc1-logo {
	max-height: 50px;
}

.container.mer-g-header-mobile .mer-g-header-mobile-supportnet-logo {
	margin-top: -5px;
	max-width: 130px;
}
.container.mer-g-header-mobile .mer-g-dropdown-ticket > a {
	background-color: #D9534F !important;
	color: #fff !important;
}

.container.mer-g-header-mobile .mer-g-dropdown-ticket.open > a { 
	background-color: #ff6969 !important;
}
.container.mer-g-header-mobile .mer-g-header-mobile-remc1-logo {
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 7px;
}
.container.mer-g-header-mobile .mer-g-header-mobile-remc1-logo > img {
	display: inline-block;
	max-height: 35px;
	max-width: 35px;
	margin-top: -3px;
}
.container.mer-g-header-mobile .mer-g-header-mobile-remc1-logo > span {
	display: inline-block;
	margin-top: 11px;
}
/* END HEADER + MENU */


/* CONTENT */
#content { 
	background-color: #e1e1e1;
	width: 100%;
}
#content > .container { 
	color: #666;
	padding-bottom: 5px;
}
.well .row.mer-g-row {
	margin: 10px 0;
}

.mer-g-page-title {
	font-size: 30px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
	margin-bottom: 10px;
}
/* END CONTENT */


/* FOOTER */
.mer-g-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	bottom: 0;
	width: 100%;
	color: #585858;
}
.mer-g-footer > span {
	margin-right: 3px;
}
/* END FOOTER */