/*************************************
	ALLGEMEINE SETTINGS
**************************************/

body {
  background-color: #b1b1b1 !important;
}

/*************************************
	Style ueberschreiben
**************************************/

/* Data-Table */
.ui-datatable .ui-datatable-subtable-header {
	font-size: 14px;
	font-weight: bold;
}

.ui-datatable .ui-datatable-header {
	background-color: rgb(238, 242, 247);
}

.ui-datatable {
	border: none;
}

.ui-datatable-tablewrapper {
	margin: 0;
}

.ui-datatable-italic {
	font-style: italic;
}

/* Loading-Spinner bei <p:button> unterdruecken */
.ui-button .ui-icon-loading {
    display: none !important;
}

/* Validierungsfehler */
.ui-message-error {
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 5px !important;
	font-size: 16px;
	font-weight: bold;
}

/* Toolbar (verwendet fuer die Buttons am Ende eines Formulars) */
.ui-toolbar {
	border: none !important;
	box-shadow: 0px 1px 3px 0px rgba(43, 59, 93, 0.4);
	border-radius: 2px;
	background-color: #F0F0F0;
}

/* Trenne zwischen die Menuepunkte */
.ui-menu .ui-menuitem {
	border-right: 1px solid #e0e0e0 !important;
}

/* Growl-Messages sind standardmaessig deutlich zu klein */
.ui-growl {
	width: 300px !important;
}

.ui-growl-message {
	width: 200px !important;
}

fieldset.ui-fieldset {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

.ui-fieldset-content {
	font-size: inherit;
}

/* Breadcrumb */

.card-breadcrumb {
	padding: 10px 20px;
	background-color: rgb(240, 240, 240);
}


.ui-breadcrumb {
	border: none;
	background: none;
	padding: 0 !important;
	margin: 0 !important;
}

.ui-breadcrumb ol li .ui-menuitem-link {
	color: #546e7a;
	font-size: 14px;
	font-weight: normal;
	display: block;
}

.ui-breadcrumb-items li a.ui-menuitem-link span:after {
    content: "";
    font-family: "primeicons" !important;
	margin: 0 5px 0 5px !important;
    font-size: 10px;
    display: inline-block;
}

a:hover {
	color: #03a9f4;
}

.ui-selectonemenu-panel {
	box-shadow: 0px 1px 9px 2px rgba(43, 59, 93, 0.4) !important;
}

/* Haesslichen Confirm-Dialog-Icon ausblenden */
.ui-confirm-dialog-severity.ui-icon-info {
	display: none !important
}

/* Fix: FontAwesome kann im Modena-Layout keine Animation */

.fa-spin {
  display: inline-block;
}

.fa-pulse {
  display: inline-block;
}

/* File-Upload */


/*************************************
	LAYOUT
**************************************/

#menubar-container {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  z-index: 1200;
}

#sidebar-container {
  position: fixed;
  top: 0px;
  left: 0px;

  box-sizing: border-box;
  width: 350px;
  height: 100%;

  z-index:1001;

  padding-top: 45px;
  padding-bottom: 5px;
}

#sidebar {
  box-sizing: border-box;
  height: 100%;
  width: 100%;

  padding: 10px;
}

#sidebar .Card {
	height: 100%;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
}

#content-wrapper {
	margin-left: 350px;
	margin-top: 45px;
	margin-right: 20px;
}

.container-enforce-pw-change {
	margin: 20px;
}

/*************************************
	MENU-BAR
**************************************/
#menubar-container {
	background-color: #444444;
	box-shadow: 0px 2px 7px 1px rgba(43, 59, 93, 0.4) !important;
	padding-left: 10px;
	padding-right: 10px;
}

ul.menubar {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 40px;

}

ul.menubar li {
	list-style: none;
	float: left;
	display: inline-block;
}

ul.menubar li a {
	display: block;
	line-height: 40px;
	padding-left: 14px;
	padding-right: 14px;
	color: #cccccc !important;
	font-size: 14px;
	font-weight: normal;
	border-right: 1px solid #333333 !important;
}

ul.menubar li a.menubar-link-admin i {
	color: #fca537 !important;
}

ul.menubar li.border-left a {
	border-left: 1px solid #333333 !important;
}

ul.menubar li a:hover {
	background-color: #3f3f3f !important;
	color: #ffffff !important;
}

div.menu-search {
	margin-left: 10px;
	color: #cccccc !important;
}

div.menu-search input {
	margin-left: 10px;
	line-height: 24px;
	font-size: 14px;
	height: 24px;
	width: 200px;
	box-sizing: content-box;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-radius: 3px;
}

/*************************************
	Suche & Erinnerungen
**************************************/
.resultdropdown-icon {
	width: 40px;
	float: left;
	font-size: 28px;
}

.resultdropdown-content {
	float: left;
	width: 310px;
}

.resultdropdown-container {
	width: 350px;
}

/* Anderes Highlight in der Suche */
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight td {
    color: #455a64 !important;
    background-color: #c1d5df !important;
    border-color: #c1d5df !important;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
	transition: none;
}

/* Suchfeld f. Erinnerungsfunktion verstecken */
.reminder-autocomplete-input {
	width: 0px !important;
	padding: 0px !important;
}

#reminderBell.ui-state-disabled {
	background-color: #444444;
}

div.reminder-text {
	font-size: 14px;
	font-style: italic;
	margin-top: 8px;
}

input.reminder-text {
	margin-top: 8px;
	background-color: #ffffff;
}


/*************************************
	ADMIN
**************************************/

.container-admin {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
}

.admin-link-bar {
	margin-top: 8px;
}

/*************************************
	Sidebar
**************************************/
img.tenant-logo {
	width: 100%;
}

.sidebar-tree {
	border: none;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
}

.sidebar-tree-node {
	white-space: normal;
	font-size: 14px;
}

.sidebar-tree .ui-treenode {
	padding: 0 !important;
}

.sidebar-tree .ui-tree-container {
	overflow: hidden !important;
}

.sidebar-tree .ui-treenode-leaf-icon {
	padding-right: 3px;
}

.sidebar-tree .ui-treenode-content.ui-state-hover a {
	color: #03a9f4;
}

.sidebar-tree .ui-state-highlight .ui-treenode-label a {
	color: #03a9f4;
}

/*************************************
	FORMULARE
**************************************/

table.form-table th {
	padding-right: 20px;
	text-align: left;
	padding-top: 9px /* Analog zum Padding bei Eingabefeldern */
}

table.form-table th,
table.form-table td {
	vertical-align: top;
	padding-bottom: 20px;
}

table.form-table.fixed-layout th {
	width: 100px;
}

table.form-table td.checkbox {
	padding-top: 8px;
}

table.form-table td.only-text {
	padding-top: 9px;
}


.ui-toolbar-group-left button,
button.with-space {
	margin-right: 20px !important;
}

.ui-toolbar-group-right button {
	margin-left: 20px;
}

table.fixed-layout input,
table.fixed-layout textarea,
input.fixed-layout {
	width: 430px;
}


/*************************************
	DOKUMENTEN-ANSICHT
**************************************/

table.document-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.document-table th
{
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

table.document-table td {
	padding-right: 10px;
}

table.document-table th,
table.document-table td {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
}

table.document-table th label {
	font-weight: bold !important;
}

.document-upload-panel {
	border: none !important;
}

.document-upload-panel td {
	border: none !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-right: 10px !important;
	margin: 0px !important;
}

.document-upload-panel td a {
  margin-top: 10px;
  display: block;
}

.document-upload-panel div {
	padding: 0;
	margin: 0;
}

.document-link-panel {
	min-width: 200px;
}

.document-tree {
	width: 100%;
	border: none !important;
	box-sizing: border-box !important;
}

.document-dialog-tree {
	width: 500px !important;
	overflow-y: scroll !important;
	overflow-x: hidden;
	height: 400px !important;
}

table.document-link-table {
	font-size: 14px;
}

table.document-link-table td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	word-wrap: break-word !important;
}

div.document-header-col1 {
	float: left;
	width: 50%;
	box-sizing: border-box;

}

div.document-header-col2 {
	float: left;

	box-sizing: border-box;
	padding-left: 10px;
	width: 50%;
	border-left: 1px solid #E0E0E0;
}

div.document-header-col1 table,
div.document-header-col2 table {
	empty-cells: show;
}

div.document-header-col1 th,
div.document-header-col2 th {
	text-align: left;
	padding-right: 10px;
}


tr.active-version td,
tr.active-version td a {
	background-color: #43A047 !important;
	color: white !important;
}

.vertraulich {
	display: inline-block;
	background-color: #CC0000;
	color: white;
	padding: 3px 7px;
	font-weight: bold;
	border-radius: 5px;
}

/*************************************
	Dokumenten-Inhalte (HTML aus dem Editor)
**************************************/

div.document-content {
	max-width: 600px;
}

div.document-content p {
	margin: 0;
}

div.document-content p + p {
	margin-top: 20px;
}

div.document-content li {
	list-style-type: disc;
}

/*************************************
	Modena-Template stammt aus Primefaces 5.
	Daher fehlt z.T. Styling für den neuen Quill-Text-Editor
**************************************/
.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke {
    stroke:#546e7a; /* Sets the stroke color to blue */
}


/*************************************
	LOGIN-Seite
**************************************/

body.login {
	background-color: #dddddd !important;
}

input.login,
button.login {
	width: 320px;
	box-sizing: border-box;
}

.login-container {
	width: 500px;
	margin-top: 80px;

}

/*************************************
	EXTRA KLASSEN
**************************************/

td.top_align {
	vertical-align: top;
}

.icon-space {
	padding-right: 0.5em;
}

.white-important {
	color: white !important;
}

.help {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 12px;

}

.help i {
	display: block;
	font-size: 32px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #aaaaaa;
}

/* DataTable mit automatischer Spaltenbreite */
div.auto-width table {
	table-layout: auto !important;
}

ul.plain-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.plain-list li {
	line-height: 28px;
}

ul.plain-list.with-margin {
	margin-left: 2em;
}

.margin-bottom {
	margin-bottom: 10px !important;
}

.bold {
	font-weight: bold !important;
}

/* Data-Table mit Zeilen-Hover */
div.row-click tbody tr.ui-widget-content:hover {
	background-color: #c1d5df !important;
}

div.row-click tbody tr.ui-widget-content {
	cursor: pointer;
}

.print-only {
	display: none;
}

/*************************************
	RESPONSIVE
**************************************/

/* Menueleiste */
@media screen and (max-width: 1100px) {
	.menu-text {
		display: none;
	}

	ul.menubar li a i.icon-space {
		padding-right: 0 !important;
	}
}

/* Sidebar schmaler machen */

@media screen and (max-width : 1240px) {
	#sidebar-container {
 		 width: 250px
	}

	#content-wrapper {
	margin-left: 260px; /* sidebar-container width + 10px abstand */
	}

	.ui-treenode-label, .sidebar-tree-node {
		word-wrap: break-word !important;
		font-size: 12px;
	}



}


.Datenschutz ul li {list-style: disc; margin-bottom: 5px;};

/*************************************
	Datepicker
**************************************/

.ui-datepicker-calendar tbody tr .ui-datepicker-today {
  border-color: rgb(2, 136, 209) !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
   background-color: rgb(2, 136, 209) !important;
}

.ui-datepicker select {
   color: #546e7a;
   padding: 4px 4px !important;
   border: solid 1px #b0bec5;
   background-color: #f5f5f5;
}