/* styles.css - v1.0									*/
/* Contact: it_security_tech_operations@merck.com		*/

/* Define custom font */
@font-face {
	font-family: 'Invention';
	src: url('/Invention_Rg.ttf');
}

/* Body style */
body {
	font-family: 'Invention', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	background-color: #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1em;
}

/* Set the default color of links */
body a {
	color: #5450E4;
	text-decoration: none;
	font-weight: bold;
}

/* Set the color of visited links */
body a:visited {
	color: #5450E4;
}

/* Set font for Technical Information text, monocode for legibility */
.technical-text {
	font-family: 'Fira Code', monospace;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 0.85em;
	text-align: left;
	word-break: break-all;
}

/* Coaching table characteristics */
.coaching-table {
	margin: 20px auto;
	width: 50%;
	min-width: 600px;
	max-width: 1500px;
	table-layout: fixed;
	background-color: #FFFFFF;
	border-color: #00857C;
	border-width: 3px;
	border-style: solid;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 15px;
}

/* Coaching Table default padding */
.coaching-table td {
	padding: 2px 20px;
}

/* Coaching banner settings */
.coaching-banner {
	background-color: #00857C;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2rem;
	font-weight: normal;
	padding: 20px 2px 15px 2px !important; /* Centers banner text vertically: top, right, below, left */
}

/* Set color of navigation links - text inside the two main buttons */
.links-nav a {
	color: #FFFFFF;
	font-weight: normal;
}

/* Set color of visited links - text inside the two main buttons */
.links-nav a:visited {
	color: #FFFFFF;
}

/* Technical Information cell formatting */
.coaching-technical {
	width: 50%;
	max-width: 50%;
	vertical-align: top;
	padding: 15px;
}

/* Remove browser default spacing for forms */
form {
	margin: 0;
	padding: 0;
}

/* Coaching Banner (green bar) DIV specific settings */
#CoachingBanner {
	text-justify: inter-word;
}

/* Coaching Headline, the text right below the Banner and Reason */
#CoachingHeadline {
	margin-top: 20px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	text-justify: inter-word;
}

/* Coaching Body - the main message, below the Headline */
#CoachingBody {
	margin-top: 25px;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: center;
	text-justify: inter-word;
}

/* Coaching Learn More - the legalese, hidden section below the Coaching Body */
#CoachingLearn {
	margin-top: 25px;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
	text-justify: inter-word;
}

/* Policy fine print */
#PolicyText {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: center;
	text-justify: inter-word;
}

/* HelpInfo text settings */
#HelpInfo {
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	text-justify: inter-word;
}

/* Table footer text settings */
#CoachingFooter {
	margin-top: 10px;
	font-size: 0.7rem;
	font-weight: normal;
	text-align: center;
	text-justify: inter-word;
}

/* Learn More button */
.button-learn {
	display: inline-block;
	cursor: pointer;
	background-color: #00857C;
	color: #FFFFFF;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	border: none;
	padding: 5px 10px 5px 10px; /* spacing inside the button: top, right, below, left */
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

/* Navigation buttons */
.button-nav {
	display: inline-block;
	cursor: pointer;
	background-color: #00857C;
	color: #FFFFFF;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	border: none;
	padding: 5px 20px 3px 20px; /* spacing inside the button: top, right, below, left */
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
}

/* Need Help? button */
.button-help-needed {
	display: inline-block;
	cursor: pointer;
	background-color: #5450E4;
	color: #FFFFFF;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	border: none;
	padding: 5px 20px 3px 20px; /* spacing inside the button: top, right, below, left */
	margin-left: 10px;
	margin-right: 10px;
}

/* Service Center buttons */
.button-service {
	display: inline-block;
	cursor: pointer;
	background-color: #00857C;
	color: #FFFFFF;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	border: none;
	padding: 5px 10px 0px 10px; /* spacing inside the button: top, right, below, left */
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 2px;
	margin-bottom: 3px;
}

/* Copy Technical Info button */
.button-copy {
	display: inline-block;
	cursor: pointer;
	background-color: #5450E4;
	color: #FFFFFF;
	font-size: 0.75rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	border: none;
	padding: 5px 10px; /* spacing inside the button: top & below, right & left */
	margin-left: 10px;
	margin-right: 10px;
}