/* ---------- Specific Panels --------------------------------------------------------------------- */

div.layout_panel {

	font-size: 12pt;
	text-align: left;
}

#formLogin {

	max-width: unset;
}

#addEntry {

	margin: 10px 10px;
}

#registerUser {

	margin: 20px 10px;
}


/* ---------- Home Main --------------------------------------------------------------------------- */

div.home_text {

	font-family: "league-gothic regular";

	width: calc(100% - 20px);
	/*max-width: 1080px;*/
	min-height: 360px;
	text-align: left;
	font-size: 12pt;
}

div.options_bar {

	width: 100%;
	text-align: right;
}

div.homePageLink {

	width: 80px;
	padding: 5px;

	text-align: center;
}

div.homePageLinkText {

	color: blue;
	text-decoration: underline;	
	cursor: pointer;
}

div.homeTextHeader {

	font-size: 16pt;
	font-weight: bold;
}


/* ---------- Login ------------------------------------------------------------------------------- */

#LoginLayout {

	display: block;
	width: 300px;
}

div.buttonWrapper {
	
	width: 140px;
}

div.forgotPwWrapper {
	
	width: 140px;
}

div.forgotPwLink {

	padding: 2px 16px;
	padding-bottom: 4px;
	border-radius: 5px;

	font-size: 14pt;
	text-decoration: underline;
	font-variant: small-caps;
	text-align: right;
	cursor: pointer;

	background-color: #7682a2;
	color: #fde900;
}

div.cancelWrapper {

	width: 140px;
	text-align: center;
}

div.cancelLink {

	padding: 4px 16px;
	padding-bottom: 8px;
	border-radius: 5px;

	font-size: 14pt;
	text-decoration: underline;
	font-variant: small-caps;
	text-align: center;
	cursor: pointer;

	background-color: #627090;
	color: #fde900;

	-webkit-appearance: none; /* for button rounding on iphone? */
}

div.inviteWrapper {

	width: 100%;
	text-align: center;
}

div.inviteLink {

	/*visibility: hidden;*/
	padding: 2px 30px;
	padding-bottom: 6px;
	border-radius: 5px;

	font-size: 16pt;

	font-variant: small-caps;
	text-align: center;
	cursor: pointer;

	background-color: #7682a2;
	color: #fde900;
}

.hide {

	display: none;
}

/* ---------- Enrollment -------------------------------------------------------------------------- */

div.enroll_button_wrapper {

	width: 100%;
	text-align: center;
}

div.enroll_button {

	min-width: 150px;

	margin-right: auto;
	margin-right: auto;

 	padding: 15px 30px;
 	border: 1px solid gray;
 	border-radius: 5px;

	font-family: Helvetica,Arial,sans-serif;
 	font-size: 16px;
	font-variant: small-caps;
 
 	background-color: rgb(160,197,0);
 	background-image: -webkit-linear-gradient(top, rgb(182, 214, 0), rgb(137,179,0) );
 	background-image: -webkit-linear-gradient(bottom, rgb(50, 137, 199), rgb(38,45,51) );
 	color: white;
 
 	text-align: center; 
	cursor: pointer;
}


/* ---------- Add Entries ------------------------------------------------------------------------- */

#addEntryInput {

	width: 350px;
	text-align: left;
	vertical-align: top;
}

table.entries {

	font-size: 12pt;
	width: 100%;
}

div.entries_header {

	font-size: 16pt;
	text-decoration: underline;
}

div.entries_cell {

	width: calc(100% - 68px);
}

div.entries_text_yes {

	background-color: Lightgrey;
	border-radius: 4px;
	border: 1px red solid;
	padding: 5px 10px;
	color: red;
}

td.entries_del {

	background-color: pink;
}

td.entries_conf {

	width: 50px;
	background-color: pink;
}

div.entries_text {

	width: 250px;
	font-size: 14pt;
}

/* ---------- Settings ---------------------------------------------------------------------------- */


div.settings_text {

	font-size: 24pt;
}


/* ---------- Display Dependent ------------------------------------------------------------------- */

@media (max-width: 810px) {

	div.tbx_wrap  { 

		width: 100%;
	}

	div.show_enroll {

		text-align: center;
	}

	div.inviteWrapper { 

		width: 100%;
	}

	#LoginLayout {

		width: 100%;
	}
}


/* ---------- End of File ------------------------------------------------------------------------- */