body {
  padding-top: 70px;
  font-family: "Open Sans","Raleway",Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 23px;
  text-rendering: optimizelegibility;
}

/* Breite des Timepicker-Dropdowns*/
.timepicker_class
{
	width: 11em;
}

/* Logo der einzelnen Schule */
.website-url-logo img
{
	max-width: 300px;
	max-height: 80px;
}

.icon_png {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 45px -7px;
}

.icon_jpg {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') -6px 104px;
}

.icon_doc {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 45px 104px;
}

.icon_xls {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 144px 104px;
}

.icon_txt {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 95px 104px;
}

.icon_gif {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 95px 157px;
}

.icon_unknown {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 245px 157px;
}

.icon_zip	 {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 95px 51px;
}

.icon_ppt	 {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') -6px 51px;
}

.icon_pdf	 {
    width: 46px;
    height: 50px;
    display: inline-block;
    background: url('/images/file_icons.jpg') 245px 51px;
}



#content-container {
  margin: auto;
  width: 100%;
  font-family: 'Helvetica', 'Arial', san-serif;
  font-size: 13px;
}

#content-container ul > li { 
	list-style-type: circle; 
	margin-left: 20px;
}

#content-container ol > li { 
	list-style-type: decimal; 
	margin-left: 20px;
}


#formatting-container {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 5px 12px;
}
#formatting-container .ql-active,
#formatting-container button:hover {
  color: #008000;
  font-weight: bold;
}
#editor-container {
  height: 600px;
}
#editor-wrapper {
  border: 1px solid #aaa;
  box-shadow: 0 0 2px 2px #ddd;
}
.advanced-wrapper {
  border: 1px solid #ccc;
  float: left;
  background-color: #FFF;
}
.advanced-wrapper {
  width: 100%;
}
.editor-container {
  height: 400px;
}
.toolbar-container {
  border-bottom: 1px solid #ccc;
}
.basic-wrapper .toolbar-container {
  padding: 8px 14px;
}
.basic-wrapper .toolbar-container .ql-active,
.basic-wrapper .toolbar-container button:hover {
  color: #008000;
  font-weight: bold;
}

.message_addresses > .label {
	line-height: 21px;
}

.message_content {
	border-top: 1px solid #efefef;
	padding: 10px 0px 5px 0px;
}

/*** Fixes Awesome Font Bug bei btn-sm **/
.btn-sm .fa,
.btn-xs .fa,
small .fa,
.btn-group-sm .fa,
.btn-group-xs .fa,
.input-group-sm .fa,
.input-group-xs .fa
{
    font-size: 14px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail-active {
	border-color: #006687;
	border-width: 2px;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}