body { background-image: url(/clouds.jpg?version=20191011) !important; background-repeat: repeat-x !important; background-color: #9bddff !important;}
form div { margin-bottom: 5px;}
input, textarea { margin-top: 2px; }
time { font-size: smaller }
#admin_menu {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 10000;    
}
#deltagerliste div {
	width: 240px;
    cursor: help;
}
#activity div {
	width: 500px;
}
#deltagerliste div, #activity div {
	white-space: nowrap;
	vertical-align: bottom;
	line-height: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
}
#deltagerliste div input {
    margin: 0;
}
#dev ol {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
#activity {
    font-size: 12px;
}
#countdown {
    color: #00397c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
#deltagerliste .missing {
    background-color: yellow !important;
}
#skjema .missing {
    border: 2px solid #cc0000;
}
.deleted {
    opacity: 0.5;
}
.paymentStatus a, .paymentStatus span  {
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1px;
}
.paymentStatus a {
    text-decoration: none;
}
.stjerne {
    background-image: url(stjerne.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}
.first_timer {
    position: relative;
    left: 3px;
    display: inline-block;
    color:  green;
    font-size: 8px;
    vertical-align: top;
}
.day1 {
    color: navy !important;
}
.day2 {
    color: red !important;
}
.extraCount {
    font-style: italic;
}
.adminBox {
    padding: 3px;
    border: 1px dotted #2db3fe;
}
.mark {
    background-color: yellow;
}
.links.horizontal {
    float: right;
}
.links.vertical {
    width: 80px;
    vertical-align: top;
}
.links a {
    padding: 2px;
    vertical-align: middle;
    color: white;
    background-color: #ff7300;
    border: 1px dotted black;
    text-align: center;
    text-decoration: none;
}
.links.vertical a {
    display: block;
    margin-bottom: 2px;
}
.links.horizontal a {
    display: inline-block;
    width: 80px;
    margin-right: 2px;
}
.links a.active, .links a:active, .links a:hover  {
    background-color: #2db3fe;
}
#activity {
    font-size: small;
}
#activity td:first-child {
    white-space: nowrap;
}
.blinking {
    animation: blinking 1s linear infinite;
}
@keyframes blinking {
  50% {opacity: 0;}
}