/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.09.2015, 08:18:41
    Author     : chefchen
*/
.advanced_filterpanel {
  min-height: 110px;
}

.pcalendar_dateonly input {
  max-width: 80px;
}

.active {
  background: #c5f5b4;
}

.panelFilterCriteria {
  margin: 5px;
  border: 1px solid #c5c5c5 !important;
  border-radius: 5px
}

.panelgrid_valing_middle td {
  vertical-align: middle !important;

}

.panelgrid_valing_top td {
  vertical-align: top;

}

.datalist_nobackground div {
  background: none;
}

.fileuploadgrid_cell {
  width: 120px;
  height: 120px;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 5px;
  margin: 5px auto;
}

.fileuploadgrid_cell .ui-fileupload-content {
  display: none !important;
}

.systemevent_grid table {
  background-color: #ccc;
  color: #bb0000;
  font-weight: bold;
}

.textarea_wrap {
  white-space: pre-wrap !important;
}

.ui-datatable-odd {
  background-color: #FAFAFA;
}

.ui-datatable-even {
  background-color: #fff;
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row {
  border-top: none;
}

.panelgrid_no_padding td {
  padding: 0 !important;
}

.panelgrid_small_padding td {
  padding: 2px !important;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
  border: none;
  margin: 0px;
  width: 100%;
  padding: 8px 8px 8px 8px;

}

.ui-corner-all {
  border-radius: 0px;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  background-color: #00bbff;

}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li a, .ui-tabs.ui-tabs-right > .ui-tabs-nav li a {
  width: 78%;
}

.course_closed {
  float: right;
  color: #bb0000;
}

.ppanelgrid_noborder td {
  border: none !important;
}

.ppanelgrid_grid_noborder div {
  border: none !important;
}

.ui-row-editor {
  /*background-image: url('../resources/img/half_quarder.png') !important;*/
}

.halfday {
  background: url('../resources/img/half_quarder.png');
}

.splitday {
  background: url('../resources/img/half_quarder_green.png');
}

.nodrag {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

}

.column_left {
  text-align: left;
}

.fieldset-border {
  border: 1px solid #c5c5c5;
}

.row_height_60 {
  height: 60px;
}

.datagrid_nobackground .ui-widget-content {
  background: none;

}

input, textarea, select {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.panel_noborder {
  border: none;
}

.autocompletePanel {
  width: 600px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background-image: none;
}

.calendar_timeonly input {
  width: 50px;
}

.calendar_small input {
  width: 120px;
}

.ui-widget {
  font-size: 1.0em;
}

/* Änderungen Border*/
.default_margin_top {
  margin-top: 20px;
}

.ui-datatable thead th {
  border: none !important;
}

.ui-datatable thead th {
  border-top-left-radius: 8px 12px !important;
  border-top-right-radius: 8px 12px !important;
}

.ui-widget-content .ui-widget-content {
  border: none !important;
  border-style: none !important;
}

/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: none !important;
}*/
.ui-widget-content .ui-widget-header {
  background: none !important;
}

.datatable_nohead th {
  display: none !important;
}

.ui-panel .ui-panel .ui-panel-titlebar {
  border-bottom: 1px solid #A9A9A9 !important;
}

.ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
  border: none !important;
}

.column_wrap span, .column_wrap {
  white-space: normal !important;
}

.datatable_noborder tbody td {
  border: none !important;
  border-style: none !important;
}

.uui-state-hover:hover {
  border: none !important;
}

.datatable_column_10 {
  padding: 0 !important;
  width: 10px;
}

.datatable_column_50 {
  width: 50px;
}

.timelinetext {
  display: block;
  padding: 5px;
  color: #fff;
}

div.timeline-event-content {
  margin: 0;

}

.dialogsavebuttons {
  margin-top: 20px;
  float: right;
}

.column_center {
  text-align: center;
}

.column_right {
  text-align: right;
}

.panelgrid_width70 {
  width: 70%;
}

.panelgrid_width100 {
  width: 100%;
}

.ui-widget textarea {
  width: 120px;
}

.ui-widget button {

  height: 30px;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px; /* Ausnahme für Safari, der min-width ignoriert */
}

.tile {
  padding: 0 !important;
}

.editright_centerpanel, .editright_rightpanel {
  min-height: 760px;
}

.editleft_centerpanel, .editleft_leftpanel {
  min-height: 760px;
}

.editleft_centerpanel_top {
  min-height: 300px;
}

.editleft_centerpanel_bottom {
  min-height: 760px;
}

.ui-panel {
  margin: 20px;
}

.ui-panel .ui-panel-content {
  padding: 0;
}

.ui-tabs-left > .ui-tabs-nav {
  background: none;
  position: absolute;
  width: 120px;
  left: -120px;

}

.ui-tabs-left > .ui-tabs-panels {
  width: 100%;
}

.ui-tabs .ui-tabs-panel {
  min-height: 600px;
}

.tablesearchfield {
  float: left;
}

.panelgrid_aligntop td {
  vertical-align: top;
}

.ui-widget-header .ui-state-default {
  background-image: none;
  border-radius: 0px;
  background-color: #eee;
}

.ui-widget-content .ui-state-default {
  /*    background-image: none;
      border-radius: 0px;
      background-color: #eee;*/
}

.ui-widget-header {
  border-radius: 0px;
  background-image: none;
  background-color: #eee;
  border: none;
}

.ui-wizard-content {
  min-height: 350px;
  position: relative;
}

.wizardEndButtons {
  position: absolute;
  bottom: -33px;
  right: 0px;

}

.wizardcontentpanel {

  border: 1px solid #ccc !important;
  background-color: #fff;

}

.wizardcontentpanel .ui-widget-header {
  background: #fff;
  border: none;
  border-bottom: 1px solid #666;
  margin-bottom: 20px;
}

.wizardcontentpanel .ui-widget-content {
  border: #fff;
}

.wizard_endbutton {
  float: right;
  margin-top: 3px;
}

.ui-wizard-step-title {
  font-size: 1.0em;
}

.ui-menuitem-text {
  color: #fff;
  text-shadow: none;

}

.ui-menuitem-link {
  text-decoration: none;
}

.ui-toolbar-group-left {
  padding: 5px;
}

body {
  font-family: verdana, sans-serif;
  font-size: 0.8em;
}

.ui-state-hover a, .ui-widget-content .ui-state-hover a, .ui-widget-header .ui-state-hover a,
.ui-state-focus a, .ui-widget-content .ui-state-focus a, .ui-widget-header .ui-state-focus a {
  font-weight: bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #1c4257;
  /* border-radius: 3px;*/
  background-color: #00bbFF;
  font-weight: normal;
  box-shadow: none;
}

.categorylist-data ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ui-selectlistbox-list > tbody > tr.ui-state-hover {
  border: none !important;
  border-color: none !important;
  border-style: none !important;
}

.messages {
  font-size: 2em;
}

table .ui-state-default a, table .ui-state-default a:link, table .ui-state-default a:visited {
  color: #0000ee;
}

.ui-datatable tbody td {
  font-size: 0.8em;
  white-space: nowrap;
}

.headerButton {
  float: right;

}

.headeraddbutton {
  float: right;
  width: 30px;
  margin-left: 5px;
  color: #00BB00;
  min-width: 30px !important;
  padding: 5px !important;
}

.ui-growl-message {
  float: left;
  width: 1200px;
  height: 200px;
  padding-left: 30px;
  font-size: 1.5em;
}

.ui-growl {
  top: 70%;
  left: 0px;
  right: 0px;
  border-radius: 0px;
  width: 100%;

}

.ui-growl-image {
  background-image: none !important;
}

.todo_item_overdue {
  color: #BB0000;
  font-weight: bold
}

.todo_item_completed {
  color: #00BB00;
  font-weight: bold
}

.working_hour_transfer_start {
  color: #BB0000;
}

.working_hour_transfer_target {
  color: #00BB00;
}

.todo_item_completed {
  color: #00BB00;
  font-weight: bold
}

.left {
  width: 500px;
  height: 800px;
  margin: 20px;

  float: left;
}

.right {
  width: 500px;
  height: 800px;
  margin: 20px;

  float: right;
}

.titleHeader {
  width: 100%;
  height: 25px;
}

.division_admin {
  background-color: #EE0000;
  width: 100%;
  min-width: 1200px;
}

.division_qs {
  background-color: #F7a04a;
  width: 100%;
  min-width: 1200px;
}

.division_gr {
  background-color: #46DAE0;
  width: 100%;
  min-width: 1200px;

}

.division_ma {
  background-color: #E05946;
  width: 100%;
  min-width: 1200px;
}

.division_pr {
  background-color: #E0DD46;
  width: 100%;
  min-width: 1200px;
}

.division_ku {
  background-color: #514CB2;
  width: 100%;
  min-width: 1200px;
}

.division_di {
  background-color: #2BB231;
  width: 100%;
  min-width: 1200px;
}

.division_be {
  background-color: #59B5F7;
  width: 100%;
  min-width: 1200px;
}

.division_hi {
  background-color: #E0466A;
  width: 100%;
  min-width: 1200px;
}

.ui-breadcrumb ul li a.ui-icon-home {
  height: 16px !important;
  text-indent: -1000em;
  width: 16px;
  padding: 0;
  margin-top: 2px;
  overflow: hidden;
  color: black !important;

  -webkit-box-shadow: 2px 2px 5px 0px rgba(66, 66, 66, 1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(66, 66, 66, 1);
  box-shadow: 2px 2px 5px 0px rgba(66, 66, 66, 1);
}

.tileMessages {
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 8px 8px 8px 8px;
  font-size: 15px;
  color: #fff;
  text-align: center;

  border-radius: 0px;
  border: 0px;
  vertical-align: middle;
  text-align: center;
  background-color: #bb0000;

  text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);

  z-index: 1;
}

.tilesize_small .tileMessages {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 2px 3px 2px 2px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  border-radius: 0px;
  border: 0px;
  vertical-align: middle;
  text-align: center;

  z-index: 1;
}

.tileIcon_big {
  font-size: 5em;
  display: block;
}

.tileIcon_medium {
  font-size: 3em;
  display: block;
}

.tileIcon_small {

  font-size: 2em;
  display: block;
}

.tile {
  min-width: 10px !important;
  position: relative;
}

.tilesize_big {
  font-size: 1.0em;
  width: 200px !important;
  height: 200px !important;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(66, 66, 66, 1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(66, 66, 66, 1);
  box-shadow: 2px 2px 5px 0px rgba(66, 66, 66, 1);
  position: relative;
}

.tilesize_big .ui-state-hover {
  background: none;
}

.tilesize_medium {
  font-size: 0.6em;
  width: 80px !important;
  height: 80px !important;

}

.tilesize_small {
  width: 50px !important;
  height: 50px !important;

}

.refreshbutton:before {
  font-family: FontAwesome;
  font-size: 15px;
  content: "\f021";
  display: inline-block;
  vertical-align: middle;
  color: blue;
}

.icon_bg:after {
  color: #efefef;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 100px;
  top: 80px;
  left: 0%;
  margin: 50px;
  z-index: -99;
  text-shadow: 1px 1px 1px #ccc, -1px -1px 1px #777;

}

.header_benutzer:after {
  content: "\f1ae";
}

.header_kurse:after {
  content: "\f19d";
}

.header_projekte:after {
  content: "\f0c2";
}

.ui-icon-check {
  background-color: #00bbFF !important;
  border: 1px solid #1c4257 !important;
}

/*Style classes*/

.bold {
  font-weight: bold;
}

.bold_inline {
  font-weight: bold;
  white-space: pre-line;
}

.container {
  display: block;
  padding: 20px;
  overflow: auto;
}

.container::before,
.container::after {
  content: '';
  clear: both;
  overflow: auto;
}

.container-bordered {
  border: 1px solid #c5c5c5;
}

.container > .row {
  width: 100%;
  overflow: auto;
}

.container > .row::before,
.container > .row::afer {
  content: '';
  clear: both;
  overflow: auto;
}

.container > .row > .col {
  display: block;
  float: left;
}

.container > .row > .col::before,
.container > .row > .col::after {
  content: '';
  clear: both;
}

.container > .row > .col {
  margin-bottom: 10px;
}

.container > .row > .col:last-child {
  margin-bottom: 0;
}

.container > .row > .col-100 {
  width: 100%;
}

.container > .row > .col-20 {
  width: 20%;
}

.container > .row > .col-80 {
  width: 80%;
}

.container label.label {
  float: left;
  text-align: left;
  margin-right: 15px;
  line-height: 25px;
}

.container input,
.container .ui-selectonemenu {
  float: left !important;
}

.container .ui-selectmanycheckbox {
  display: inline-block !important;
}

.container .ui-datatable td {
  padding: 4px 0px 4px 10px !important;
}

.hide-icon .ui-icon {
  display: none;
}

.icon_pdf::before {
  color: #FF0000;
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
}

.important-note {
  color: #BB0000 !important;
}

.wizard-btn {
  padding: .3em 1em .3em 2.1em !important;
  display: block !important;
  line-height: normal !important;
  border: 1px solid #c5c5c5 !important;
  background: #f6f6f6 !important;
  font-weight: normal !important;
  color: #454545 !important;
  text-align: center !important;
}

.ui-toolbar-group-right {
  margin-top: 5px;
}

.centered_tile span {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: auto auto;
  color: #000;
}

.centered_tile .ui-button-icon-left {
  top: 0;
  margin-top: 0 !important;
}

.centered_tile span:before {
  top: 12px;
  position: relative;
  display: inline-block;
  color: #000;
}

.centered_tile .ui-button-text.ui-c {
  padding: 0;
}

button.tilesize_small {
  border: 1px solid #c5c5c5 !important;
  background: #f6f6f6 !important;
  cursor: pointer;
}

.disable-scroll .ui-dialog-content {
  overflow: hidden !important;
}

.firstlogin-dialog .firstlogin-textpanel {
  height: 80%;
  width: 100%;
  overflow-y: auto;
}

.firstlogin-dialog .firstlogin-actionbar {
  height: 20%;
  width: 100%;
  border-top: 1px solid #d7d7d7;
}

.col-20_percent {
  width: 20%;
}

.col-40_percent {
  width: 40%;
}

.col-60_percent {
  width: 60%;
}

.col-80_percent {
  width: 80%;
}

.col-50_percent {
  width: 50%;
}

.list_header {
  font-weight: bold;
  display: inline-block;
  margin: 10px 0px 5px
}

.button_icon_left {
  margin-right: 10px
}

.emailfilter .ui-selectlistbox-list li {
  border-width: 1px;
  border-style: solid;
  border: #ffffff;

  padding: 3px;
}

/* Moves the "required" asterisk closer to the label (default: 0.4em) */
.ui-outputlabel .ui-outputlabel-rfi {
  margin-left: 0.1em;
}

/* icon only */
.ui-widget .inline_edit_button {
  width: 30px;
  padding: 0px;
  margin-left: 1px;
  margin-right: 1px;
}

/* Row Toggler Collapsed Icon */
.ui-icon-circle-triangle-e {
  background-position: -32px -16px;
}

/* Row Toggler Expanded Icon */
.ui-icon-circle-triangle-s {
  background-position: -64px -16px;
}

/* TriStateSelectOneButton - mimics the functionality of a TriStateCheckBox */
.triState-selectOneButton div {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
}

.triState-selectOneButton div span {
  width: 1.6em;
  margin: 0 auto;
  padding: 0px !important;
  line-height: 1.6em !important;
}

.triState-selectOneButton div:first-child span:before {
  /* Undefined */
  content: "\f0c8";
  font-family: FontAwesome;
  color: #BBBBBB;
}

.triState-selectOneButton div:nth-child(2) span:before {
  /* True */
  content: "\f14a";
  font-family: FontAwesome;
  color: #00BB00;
}

.triState-selectOneButton div:nth-child(3) span:before {
  /* False */
  content: "\f146";
  font-family: FontAwesome;
  color: #BB0000;
}