/* ------------------------ */
/* ---- GLOBAL STYLING ---- */
/* ------------------------ */

/* TOC
	1. Base
	2. Global
	3. C-Frame
		3.1. Nav
		3.2. Body
	4. Users (users.css)
	5. Tags (tags.css)
	6. News Items (newsitems.css)
	7. Documents (documents.css)
	8. Tiles (tiles.css)
	9. Notifications (notifications.css)
	10. Devices (devices.css)
	11. Applications (applications.css)
	12. Clinical Matrices (clinicalmatrices.css)
	13. My Documents (representativedocuments.css)
	14. Forms (forms.css)
	15. External Representatives (externalrepresentatives.css)
	16. Leaf Representatives (leafrepresentatives.css)
*/

/* 1. Base
------------------------------------------------ */

body {
	background-color: #ddd;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

a {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

/* 2. Global
------------------------------------------------ */

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.message,
.error-message {
	color: red;
}


/* 3. C-Frame
------------------------------------------------ */

#overall_container {
	background-color: #fff;
	margin: 0 auto;
	width: 1000px;
}

.message {
	font-size: 0.875rem;
	margin-bottom: 10px;
}


/* 3.1. C-Frame > Nav
------------------------------------------------ */


/* 3.2. C-Frame > Body
------------------------------------------------ */

#content {
	padding: 25px;
}

.input {
	margin-bottom: 20px;
}

.input > label {
	font-weight: bold;
}

.input.select > label {
	margin-bottom: 10px;
}