/* All events */

/* .roleNone  {
	background: #ffffff;
} */

select.roleYes  {
/*	background: #228B22; */
	background-color: lightgreen;
}

select.roleAlarm  {
/*	background: #228B22; */
	background-color: lightgray;
}

/* Event specific */ 
i.style1 {
	color: #222; /* 228B22 */ 
	font-size: 1.2rem;
	margin-left: 0.5rem;
}

.checkedNo {
 width: 100%;
 padding: 0.2rem 0.3rem 0.1rem;
 margin-bottom: 0.3rem;
 background-color: #fff;
 /*border: 2px solid #cacece;
   border-radius: 2%;
  -moz-border-radius: 2%;
  -webkit-border-radius: 2%; */
}

.checkedYes {
 width: 100%;
 padding: 0.2rem 0.3rem 0.2rem;
 margin-bottom: 0.3rem;
 background-color: lightgreen;
 /*border: 2px solid #cacece;
   border-radius: 2%;
  -moz-border-radius: 2%;
  -webkit-border-radius: 2%; */
}

.checkedAlarm {
 width: 100%;
 padding: 0.2rem 0.3rem 0.2rem;
 margin-bottom: 0.3rem;
 background-color: lightgray;
 /*border: 2px solid #cacece;
   border-radius: 2%;
  -moz-border-radius: 2%;
  -webkit-border-radius: 2%; */
}

.has-tip {
  border-bottom: none;
  font-weight: regular;
 }

div.extra-panel-bg {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin: 0 0 1.5rem 0; 
}

div.circular {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  position: relative;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  display: inline-block;
  margin: 0 0.4rem 0.6rem;
  padding: 0.55rem 1.1rem;
  font-size: 2rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: lightgrey;
  color: white;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

  
@media only screen and (max-width: 46em) {
  div.circular {
	margin: 0 0.3rem 0.5rem;
    padding: 0.45rem 0.9rem;
    font-size: 1.7rem;
  }
}

@media only screen and (max-width: 24em) {
  div.circular {
	margin: 0 0.2rem 0.3rem;
    padding: 0.3rem 0.6rem;
    font-size: 1.2rem;
  }
}

div.circular.this {
	background-color: green;
}


table tr td  {
    padding: 0.25rem 0.2rem;
}

table tr td input[type="checkbox"] {
	margin: 0;
	vertical-align: text-top;
}


/* table tbody  tr.even:hover { background-color: #FFFACD;}*/

table tbody tr:hover {
	background-color: lightgreen;
}

i {
	font-size: 130%;
}

i.default {
 
	color: dimgrey;
}

i.green {
 
	color: #00994d;
}

i.red {
	color: red;
}

.fullwidth {
  max-width: 100%;
  margin: 0;
  padding: 0.2rem 0;
}

.btnMail {
  border-radius: 0px 0px 3px 3px;
}

/* Hoppa tillbaka till toppen */
#back-top {
  position: fixed;
  bottom:20pt;
  right: 5%;
  z-index: 100;
  font-weight: bold;
  /*background-color: gold;*/
  background: linear-gradient(to bottom, #ffff99 50%, #ffff00 80%);
  padding: 5pt 12pt 5pt 12pt  }


/*
a {
	color: green;
}

body {
  background: url('/pics/bakgrund.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
*/