body {
  font-size: .875rem;
  margin-top: 100px;
  margin-bottom: 50px;
}

.login-screen {
  background-color: #2c3e50;
}

#login-form {
  padding: 50px;
  width: 450px;
  margin-top: 75px;
  background-color: white;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro', sans-serif;
}

/*
* stuff
*/
.w100ib {
  display: inline-block;
  width: 100px;
}


/*
* bootstrap overwrite
*/
.form-control {
  color: #212529;
}

/*
* template
*/
#sidebar {
  position: fixed;
  height:100vh;
  width: 350px;
  background-color: #f8f8f8;
  border-right: 1px solid lightgrey;
}

#letter {
  width: 636px;
  height: 900px;
  position: relative;
  border: 1px solid lightgrey;
  background-color: #fcfcfc;
}

#letter input {
  padding: 5px;
  position: absolute;
  border: 1px solid lightgrey;
  background-color: white;
}

#letter input#out-datum {
  text-align: right;
}

#letter #medium-editor span {
  background-color: lightgrey;
}

#letter textarea,
#letter .medium-editor-element {
  padding: 5px;
  resize: none;
  position: absolute;
  border: 1px solid lightgrey;
  background-color: white;
}

.flow-y-600 {
  overflow-y: auto;
  max-height: 600px;
}

/*
* pagination
*/
div.pagination { clear: both; color: #000; margin: 0px; }
div.pagination a { color: #565656; display: inline-block; padding: 3px 10px; line-height: 21px;
	text-decoration: none; background-color: #FFF; border:	1px solid #CCC; border-right: none; }
div.pagination a:last-child { border-right: 1px solid #CCC; }
div.pagination a:hover, div.pagination a.on { background: #565D67; color:	#fff; }
div.pagination a:last-child { margin-right: 0px; }
div.pagination a.off, div.pagination a.off:hover { background:	#F6F6F6; color: #c0c0c0; }
.widgettitle div.pagination { margin: 0px; }
.widgettitle div.pagination a { padding: 0px 8px; }