[id^='list-item_']
    {
	background:white;
	border:1px solid white;
	border-bottom:1px solid #bcbcbc;
	clear:both;
	cursor:pointer;
	height:50px;
	margin:1px;
	}
  .toggle label
    {
	position: relative;
	display: inline-block;
	height: 25px;
	width:160px;
	text-align:right;
    }
  .toggle input
    {
	display: none;
    }
  .toggle .slider
    {
	position: absolute;
	cursor: pointer;
	top: 2.5px;
	right:-40px;
	width: 30px;
	height: 20px;
	background-color: #c32e04;
	transition: all .3s ease-in-out;
	border-radius: 10px;
    }
  .toggle .slider:before 
    {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
    }
  .toggle input:checked + .slider 
    {
	background-color: #5a9900;
    }
  .toggle input:focus + .slider
    {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
    }
  .toggle input:checked + .slider:before
    {
	transform: translateX(10px);
    }
  #filter-option
    {
	position:relative;
	}
  #searchin
    {
	display:none;
	position:absolute;
	top:2px;
	right:35px;
	width:210px;
	box-shadow:5px 5px 3px 0px rgba(188,188,188,0.72);
	background:white;
	border:1px solid #cccccc;
	border-radius:4px;
	z-index:4;
	}
  #searchin label
    {
	line-height:25px;
	display:block;
	text-align:right;
	}
  #searchin label input
    {
	margin:0px 5px;
	}
  #submit-field
    {
	text-align:center;
	}
  [id^='list-item_']:hover
    {
	background-image: linear-gradient(to top, #d6e5f0, #e0ebf4, #ebf2f7, #f5f8fb, #ffffff);
	border-radius:3px;
	border:1px solid #cccccc;
	}
  [id^='list-item_'].seen
    {
	font-weight:bold;
	border:1px dotted #5882FA;
	border-left:5px solid #5882FA;
	border-radius:5px;
	}
  [id^='list-item_'].activ
    {
	border:1px dashed #5882FA;
	background-image: linear-gradient(to top, #d6e5f0, #e0ebf4, #ebf2f7, #f5f8fb, #ffffff);
	border-radius:5px;
	}
  [id^='list-item_'].activ.seen
    {
	border:1px dashed #5882FA;
	border-radius:5px;
	background-image: linear-gradient(to top, #d6e5f0, #e0ebf4, #ebf2f7, #f5f8fb, #ffffff);
	border-left:5px solid #5882FA;
	}
  [id^='list-head_']
    {
	background:linear-gradient(to top, #ABABAB, #DDDDDD);
	border:1px solid #ababab;
	clear:both;
	}
  #von div,
  #an
    {
	width:calc(45% - 12.5px);
	float:left;
	overflow:hidden;
	line-height:25px;
	height:25px;
	}
  #time
    {
	width:10%;
	float:left;
	overflow:hidden;
	line-height:25px;
	height:25px;
	}
  #flagged
    {
	width:25px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
	opacity:0;
	color:#cccccc;
	font-size:18px;
	}
  #attach
    {
	width:25px;
	height:25px;
	line-height:25px;
	font-size:18px;
	text-align:center;
	float:left;
	}
  #flagged:hover,
  [id^="list-item"]:hover #flagged
    {
	opacity:1;
	}
  #answer
    {
	width:25px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
	color:#cccccc;
	}
  #flagged.activ
    {
	color:red;
	opacity:1;
	}
  #betreff
    {
	width:calc(70% - 25px);
	float:left;
	overflow:hidden;
	line-height:25px;
	height:25px;
	}
  #folder
    {
	width:calc(30% - 50px);
	float:left;
	overflow:hidden;
	line-height:25px;
	height:25px;
	}
  #draft
    {
	width:25px;
	height:25px;
	line-height:25px;
	float:left;
	}
  #mail_search_content
    {
	width:100%;
	height:calc(100% - 25px);
	position:absolute;
	}
  #overview
    {
	display:block;
	width:50%;
	height:100%;
	overflow-y:scroll;
	float:left;
	}
  #show_content
    {
	display:block;
	width:50%;
	height:100%;
	overflow-y:scroll;
	float:left;
	}
  #content_center
    {
	text-align:center;
	margin-top:50%;
	}
div#rka
  {
  width:250px;
  position: fixed;
  display: none;
  z-index: 1000;
  background:white;
  border:1px solid #bcbcbc;
  box-shadow:3px 3px 3px grey;
  }
[id^='rka-cell_']
  {
  line-height:25px;
  display: block;
  margin: 0px;
  border-bottom:1px solid #bcbcbc;
  user-select:none;
  }
[id^='rka-cell_'] span
  {
  margin:0px 0px 0px 15px;
  display:block;
  }
[id^='rka-cell_']:hover
  {
  background:#EDF1F6;
  cursor:pointer;
  }