/** Add css rules here for your application. */
.userPanel {
	border:0px solid deeppink;
	
	position:absolute;
	left:10px;
	top:10px;

	white-space:nowrap;
}

.userLabel {
	color:DarkGreen;
	font-size:1.3em;
	font-weight:bold;
	
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:3px;
	background-color:rgba(255, 255, 255, 0.5);
}

.userLabel:hover {
	box-shadow: 0 0 15px #777;
	background-color:rgba(255, 255, 255, 0.75);
}

.userActions {
	position:relative;
	display:none;
	z-index:9;
}
.userActionsContent {
	border:1px solid lightgray;
	
	background-color:white;
	color:#383838;
	position:absolute;
	
	padding-top:5px;
	padding-bottom:5px;
}
.userAction {
	border:0px solid violet;

	padding-left:10px;
	padding-right:10px;
		
	line-height: 20px;
	height:20px;
}
.userAction:hover {
	background-color:#383838;
	color:white;
}

.redColor {
	color:Red;
}
.grayColor {
	color:Gray;
}
.greenColor {
	color:Green !important;
}

/*** App specifics ***/

#content {
	border:0px solid yellow;
	background: transparent url('/img/splash_light_o215.png');
	background-repeat:no-repeat;
/*	background-attachment:fixed; */
	background-position:center;
	min-height:300px;
}
#content th {
	background:blue;
}

.mediaPicture {
	border: 1px solid lightGray;
	margin: 5px;
	margin-bottom:0px;
/*
	min-width:128px;
	min-height:128px;
*/
	width:128px;
	height:128px;
}

.shadowItemOnHover:hover {
	box-shadow: 0 0 15px #777;
}

#links {
	border: 0px solid orange;
	margin-top: 25px;
/*	width: 25%; 
	margin: auto; */
	text-align: center;
}

.cancelButton {
	margin-left: 5px;
}
.shareButton {
	margin-right: 5px;
}

/*******************************************************************/

.hyperlink {
	color:blue;
	cursor:pointer;cursor:hand;_cursor: hand;
	text-decoration:underline;
}

.clickable {
	cursor: pointer;cursor: hand;_cursor: hand;
}

.noTransparency {
	-moz-opacity:1;
	filter:alpha(opacity:1);
	opacity:1;
}

/*******************************************************************/
.main, #statusTag {
	border:0px solid orange;
	text-align:center;
	vertical-align:-10%
}

.errorMessage {
	font-weight:bold;
	color:red;
}
.successMessage {
	font-weight:bold;
	color:green;
}

.formLabel {
	font-weight:bold;
}

.mainHeader {
	margin: 40px 0px 70px;
}

.errorPanel {
	border:0px solid DarkRed;
}
.infoPanel {
	border:0px solid DarkGreen;
}
.errorPanel, .infoPanel {
	position:fixed;
/*
	left:25%; right:25%;
*/
	width:100%;
	top:25px; height:25px;

	text-align: center;
}

.errorMsgLabel {
	color:red;
}
.infoMsgLabel {
	color:green;
}
.errorMsgLabel, .infoMsgLabel {
	border:1px solid #f0c36d;
	background:#f9edbe;
	border-radius:3px;
	display:inline;
	
	vertical-align: center;
	text-align: center;
	
    font-size: 1.2em;
	font-weight:bold;

    margin-left: auto;
    margin-right: auto;
	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
}

/*******************************************************************/
/* Palette generated by Material Palette - materialpalette.com/deep-orange/indigo */

.dark-primary-color    { background: #E64A19; }
.default-primary-color { background: #FF5722; }
.light-primary-color   { background: #FFCCBC; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #3F51B5; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }

/*******************************************************************/
/** Example rules used by the template application (remove for your app) */
body {
	background:#e8e8e8 !important;
	padding: 10px;
}

h1 {
	font-size: 3em;
	font-weight: bold;
	color: #777777;
	text-align: center;
}

h2, h3 {
	text-align: center;
}