/* from SLED */
body { font-family: Helvetica, Arial, sans-serif, sans; font-size: 10pt; }
table { border-collapse: collapse; margin: 5px 0; }
table td, table th { border: 1px solid #ddd; background-color: #fafafa; padding: 2px 5px; text-align: left; }

body { background-color: #eee; margin:0; padding: 0; }
.all { background-color: white; position: relative; }
.menu { padding: 15px; padding-right: 100px; background-color: white; z-index: 10000; min-height: 15px; }
.menu a { white-space: nowrap; }
.menu .logo { position: absolute; top: 12px; right: 12px; }
.footer { background-color: #eee; padding: 20px; color: gray; }
.footer .lastUpdate { margin-bottom: 10px; color: silver; }
h1, h2, h3, h4, h5 { font-weight: normal; }
a { color: SteelBlue; }
img { max-width: 100% !important; }

.header { min-height: 15px; }
.signatureBackground {
background-color: rgba(231,2,126,1);
background: -moz-linear-gradient(90deg, rgba(142,1,77,1) 0%, rgba(231,2,126,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231,2,126,1)), color-stop(100%, rgba(142,1,77,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(142,1,77,1) 0%, rgba(231,2,126,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(142,1,77,1) 0%, rgba(231,2,126,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(142,1,77,1) 0%, rgba(231,2,126,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(142,1,77,1) 0%, rgba(231,2,126,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7027e', endColorstr='#8e014d',GradientType=0 ); /* ie6-9 */
}
.signatureBackground a { color: white; }
.signatureBackground button { padding: 5px 10px; border-radius: 15px; background-color: rgba(255,255,255,0.5); border: 0; font-size: 11pt; }
.signatureBackground form { background-color: transparent; }

form { background-color: rgba(231,2,126,1); padding: 20px; text-align: center; position: relative; }
form pre { text-align: left; }
form select,
form input { background-color: rgba(255,255,255,0.5); border: 0; font-size: 14pt; padding: 5px 10px; margin-bottom: 5px; margin-top: 15px; }
form input { border-radius: 20px; }
form label { position: absolute; margin-left: 10px; color: white; }
form label.checkbox { position: static; margin-left: 5px; color: white; }
form label.radio { position: static; display: inline-block; margin-left: 5px; color: white; width: 300px; text-align: left; }
.message.error .title { display: none; }

#cookieNotice { background-color: cornsilk; padding: 10px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; }
#cookieNotice a { float: right; }

#recognizeMessage { background-color: cornsilk; padding: 10px; }

.profilePicture { width: 50px; height: 50px; border-radius: 25px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; }

/* competition */
.badges .badge { display: inline-block; position: relative; margin-right: 10px; margin-bottom: 10px; }
.badges .badge img { width: 50px; height: 50px; }
.badges .badge .flag { background-color: rgba(231,2,126,1); border-radius: 15px; color: white; padding: 3px 7px; position: absolute; top: -5px; right: -5px; }

/* ROME */
/*.rd-container { font-family: Helvetica, Arial, sans-serif, sans; }
.rd-day-body { font-size: 9pt; padding: 5px; }*/

.highlight { background-color: cornsilk; }

.standardList { border-bottom: 1px solid #ddd; }
.standardList > .line { position: relative; padding: 15px 40px 15px 90px; border-top: 1px solid #ddd; display: block; text-decoration: inherit; color: inherit; }
.standardList > .line > .icon { position: absolute; left: 15px; top: 10px; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; }
.standardList > .line > .icon a { font-size: 14pt; position: relative; top: 11px; left: 22px; }
.standardList > .line > .label { font-size: 13pt; }
.standardList > .line > .subtitle { color: #999; }
.standardList > .line > .subtitle > p { margin: 0; padding: 0; margin-top: 5px; }
.standardList a.line.navIcon::after,
.standardList > .line.navIcon::after { content: ' '; width: 10px; height: 10px; position: absolute; left: auto; right: 10px; top: 12px; border: 2px solid #ddd; border-bottom: 0; border-left: 0; transform: rotate(45deg); }
.standardList > .line > .value { position: absolute; width: auto; right: 30px; top: 18px; text-align: right; font-size: 12pt; }

.standardListHeader { position: sticky; top: 0; background-color: #eee; padding: 5px 10px; text-transform: uppercase; color: #999; z-index: 100; }

#childSelectorForm { padding: 10px 10px 0; text-align: right; margin: 0; }
#selectedChildId { margin: 0; position: absolute; right: 10px; top: 10px; z-index: 10000; }
body.home #selectedChildId { margin: 0; }

body.home .day .event .icon,
.list .Skimovie i { background-image: url('icon-play.png'); background-size: cover; }

@media (min-width: 900px) {
	body { margin: 0 10% }
	.footer { padding-left: 0; }
}

@media (min-width: 1200px) {
	body { margin: 0 20% }
	.footer { padding-left: 0; }
}