html {
  font-size: 14px;
  overflow-y: scroll;
  overflow-x: auto;
}
body {
  background-color: #eee;
  font-family: 'Oxygen', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  text-align: left;
  color: #666;
}

.redDark{
color: #900000 !important;;
}

.dataTables_info{
	 margin: auto auto 8px auto;
}

#table_events_filter  {
		  width: 25%; /*393px*/
	  min-width: 160px !important; /**/		  
		    float: right; 
  padding: 0px 0px;
  height: 42px; 
  background-color:#fff;
  position:relative;
    margin: 0 00px 8px auto;

 }

#table_events_filter input {
	  border: 0px ;
	  margin: -3px 0px;
	  height: 25px; 
	  width: 25%  !important; /*380px*/
	  min-width: 147px !important; /**/
	transition: none;
	border: 0px ;
	box-shadow:none; 	  
}
#table_events_filter input:active{
	transition: none;
	  border: 0px ;
}
#table_events_filter input:focus{
	transition: none;
	border: 0px ;
	box-shadow:none; 
}
#table_events_filter label {
  font-size:8px;
  text-transform: uppercase;
  color: #777;
  padding: 0 5px;  
  position: absolute;
  top:4px;
}

/* Formatierung Für die Aktionsicons ------------------------------------------------------------------------------- */
ul {
  list-style-type: none;
}

/* Formatierung Für den Subscribe Button ------------------------------------------------------------------------------- */
#addSubscription {
	  height: 42px; 
}


/* Formatierung für die Extra Suchfelder ------------------------------------------------------------------------------- */
.filterClass{
	  border: 0px ;
	  margin: 8px 8px;
	  width: 212px;
	  
}
.filterClass:active{
	transition: none;
	  border: 0px ;
}
.filterClass:focus{
	transition: none;
	border: 0px ;
	box-shadow:none; 
}

.filtersContainerClass {						/*DIV Container für alle Filter*/
    width: 80%; 
	/*border: 2px solid blueviolet;*/
}

.filterContainerClass {							/*DIV Container für einen Filter*/
  float: left; 

  padding: 0px 0px;
  width: 220px;
  height: 42px; 
  background-color:#fff;
  position:relative;
  margin: 0 10px 8px auto;
}
.filterContainerClass label{
  font-size:8px;
  text-transform: uppercase;
  color: #777;
  padding: 0 5px;  
  position: absolute;
  top:4px;
}
button{

  width: 220px;
  height: 42px; 
margin: 0 0 0 0;
font-family: inherit;
padding: .85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: background-color .25s ease-out,color .25s ease-out;
transition: background-color .25s ease-out,color .25s ease-out;
font-size: .9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe;
}

.function_buttons{
	  width: 120px;
}

div.dataTables_filter input {
	  height: 42px; 
}


/* Page container ------------------------------------------------------------------------------- */
#page_container {
  width: 90%;
  margin: 0 5% 0 5%;
}
@media only screen and (max-device-width: 1200px) {
  /* define mobile specific styles come here */
  #page_container { 
    width: 100%;
  }
}



/* Lightbox ------------------------------------------------------------------------------------- */
.lightbox_bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #eee;
  font-family: 'Oxygen', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  text-align: left;
  color: #666;
  cursor: pointer;
  font-size: 14px;
}

.lightbox_container {
  display: none;
  width: 80%;
  height: 90%;
  position: fixed;
  top: 5%;
  left: 10%;
  z-index: 200;
  background-color: #fff;
  color: #666;
  overflow-y: scroll;
  overflow-x: auto;
  padding: 50px 0 0 0;
   -webkit-box-sizing: border-box;
  -moz-box-sizing:     border-box;
  box-sizing:          border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
}

.lightbox_close {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 45px;
  right: 45px;
  font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #1779ba;
  cursor: pointer;
  border: 2px solid #1779ba;
  -webkit-border-radius: 35px;
  -moz-border-radius:    35px;
  border-radius:         35px;
}

.lightbox_close:before {
  content: '\f00d';
}
.lightbox_close:hover {
  color: #333;
  border-color: #333;
}

.lightbox_content {
  width: 642px;
  padding: 0 50px 0 50px;
}
.lightbox_content h2 {

  margin: 0 0 25px 0;
}

.lightbox_content .input_container {
  width: 600px;
  margin: 0 0 10px 0;
}
.lightbox_content .input_container:after {
  clear: both;
  height: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  content: ' ';
}

.lightbox_content .input_container label {
  width: 200px;
  float: left;
  font-size: 1rem;
  line-height: 32px;
}
.lightbox_content .input_container label span.required {
  font-weight: bold;
  color: #1779ba;
}

.lightbox_content .input_container .field_container {
  width: 400px;
  float: right;
  position: relative;
}
.lightbox_content .input_container .field_container label.error {
  width: 400px;
  display: block;
  background-color: #fff1e6;
  line-height: 1.4rem;
  color: #333;
  padding: 5px 0 6px 10px;
  border: 1px solid #1779ba;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  margin: 0 0 5px 0;
}
.lightbox_content .input_container .field_container label.error.valid  {
  display: none !important;
}
.lightbox_content .input_container .field_container input  ul.chosen-choices {
  width: 400px;
  height: 32px;
  background-color: #f9f9f9;
  line-height: 30px;
  color: #666;
  padding: 0 0 0 10px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
}
.lightbox_content .input_container .field_container input:focus {
  background-color: #ffd;
  color: #000;
}

.lightbox_content .input_container .field_container.error:after,
.lightbox_content .input_container .field_container.valid:after {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 0;
  right: -42px;
  font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.lightbox_content .input_container .field_container.error:after {
  content: '\f00d';
  color: #c00;
}
.lightbox_content .input_container .field_container.valid:after {
  content: '\f00c';
  color: #090;
}


.lightbox_content .button_container button:hover {
  background-color: #333;
  color: #fff;
}

/* Message / noscript --------------------------------------------------------------------------- */
#message_container,
#noscript_container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  text-align: center;
  color: #fff;
}
#message_container {
  display: none;
}
#message,
#noscript {
  width: 980px;
  line-height: 20px;
  padding: 10px 5px 10px 6px;
  margin: 0 auto 0 auto;
}
#message  p,
#noscript p {
  display: inline-block;
  position: relative;
  padding: 0 0 0 28px;
}
#message  p:before,
#noscript p:before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f70;
  font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius:    20px;
  border-radius:         20px;
}
#message.success  p:before,
#noscript.success p:before {
  content: '\f00c';
}
#message.error  p:before,
#noscript.error p:before {
  content: '\f00d';
}

/* Loading message ------------------------------------------------------------------------------ */
#loading_container {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.85);
  text-align: center;
}
#loading_container2 {
  width: 100%;
  height: 100%;
  display: table;
}
#loading_container3 {
  display: table-cell;
  vertical-align: middle;
}
#loading_container4 {
  width: 350px;
  height: 250px;
  position: relative;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #666;
  padding: 165px 0 0 0;
   -webkit-box-sizing: border-box;
  -moz-box-sizing:     border-box;
  box-sizing:          border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  margin: 0 auto 0 auto;
}
#loading_container4:before {
  width: 100%;
  position: absolute;
  top: 80px;
  left: 0;
  font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #f70;
  content: '\f013';
  -webkit-animation: spin 2s infinite linear;
  animation:         spin 2s infinite linear;
}