/* ------------------------ */
/* ---- 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)
*/

/* 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;
}