/*
 * custom.css - WWU-Anpassungen sind hier zu finden
 *
 * Autor: Thorsten Küfer <thorsten.kuefer@uni-muenster.de>
 * Copyright (c) 2018-2021 Westfälische Wilhelms-Universität Münster
 * Licensed under AGPL-3.0-or-later (https://www.gnu.org/licenses/agpl.html)
 */

/* Border Radius aus Paper Bootstrap Wizard auch auf Buttons in button-group-sm anwenden. */
.btn-group-sm > .btn {
  border-radius: 20px;
}

/* DataTables Navigation nicht ausblenden falls deaktiviert. Überschreibt Regel aus Paper Bootstrap Wizard */
.pagination > .disabled {
  display: inline;
}

.text-ul {
  text-decoration: underline;
}

.text-ul-dot {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.logo-container-left {
    left: 50px;
    position: absolute;
    top: 20px;
    z-index: 3;
}

.logo-container-right {
    right: 50px;
    position: absolute;
    top: 20px;
    z-index: 3;
}

.logo-container-left .logo,
.logo-container-right .logo {
    overflow: hidden;
    width: 200px;
    float: left;
}

.logo-container-left .brand,
.logo-container-right .brand {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 0   /* aktuell deaktiviert */
}

/* Tooltip Anpassungen */
.tooltip-inner {
    max-width: 600px;
    text-align: left;
}

i[data-toggle="tooltip"], .cursor-help {
    cursor: help;
}

.tooltip-inner::after, .tooltip-inner::before {
  display: none !important;
}

/* Overlay für den Ladebildschirm */
.loadingOverlay {
  position:fixed;
  top:0;
  left:0;
  background-color:black;
  z-index:1500;
  display:block;
  width:100%;
  height:100%;
  opacity:0.4
}

.loadingOverlayContent {
  position:relative;
  top:25%;
  text-align:center;
  color:white;
}

/* Dropdown Anpassungen für Selectpicker */
.dropdown-menu .inner,
.dropdown-menu .outer {
  max-width: 500px;
}

.dropdown-menu .inner .text {
  white-space: normal;
  margin: 5px 0px;
}

/* Fix: Selectpicker Dropdown wird vom Footer überdeckt */
.footer {
    z-index: 0;
}

.inline {
    display: inline;
}

/* Angepasster Stil für die Eingabefelder für Dokumente im Bereich "Abschluss" */
.docInputs {
    margin-left: 20px;
    width: 90%;
}

/* Fix: Plus/Minus nicht mittig in DT-Tabellen mit ausklappbaren Kontrollelementen */
table.dataTable.dtr-column > tbody > tr > td.control::before,
table.dataTable.dtr-column > tbody > tr > th.control::before {
    font-family: inherit;
}

.wizard-card .tab-content .tab-content {
  padding: 0px;
}

.modal-lg {
  width: 65%;
}

/* Eigene Fehler-Klassen für die Überprüfung von Hidden-Fields (.error kollidiert mit Typeahead Funktion) */
span.error {
  display: inline;
  color: #EB5E28;
}

input.customError {
  background-color: #FFC0A4 !important;
  color: #EB5E28 !important;
  border-color: #EB5E28 !important;
}

/* Fix: Typeahead Vorschläge ragen über Body hinaus */
.typeahead__container.result .typeahead__list, .typeahead__container.filter .typeahead__dropdown, .typeahead__container.hint .typeahead__hint, .typeahead__container.backdrop + .typeahead__backdrop {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
}

/* Klasse zum Verstecken von Elementen für normale Nutzer */
.dsbOnly {
  display: none;
}

.dsbOrManagerOnly {
  display: none;
}

/* Margin Hilfsklasse */
.mt {
  margin-top: 5px !important;
}

.mb {
  margin-bottom: 5px !important;
}

.ml {
  margin-left: 5px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-auto {
  margin: auto !important;
}

.pointer {
  cursor: pointer !important;
}

.cursor-progress {
  cursor: progress !important;
}

.strong {
    font-weight: 700 !important;
}

/* Kleinere Select-Felder in TOM-Liste */
#tom_accordion .bootstrap-select {
  width: 100% !important;
}

/* Fix für kleinen Input */
.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

/* Flexbox Klassen für Abhängigskeitsgraph */
.depgraph-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.depgraph-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px !important;
}

/* Farben für Ebenen */
.bg-proc {
  background-color: #7AC29AB0 !important;
}

.text-proc {
  color: #54b07d !important;
}

/*
.table-proc > tbody > tr:hover > td:nth-child(2), .table-proc > tbody > tr:hover > td:nth-child(1)  {
	background-color: #54b07d;
}

.table-proc > tbody > tr > td:nth-child(2), .table-proc > tbody > tr > td:nth-child(1) {
	background-color: #7AC29A;
}
*/

.table-proc tr, .tr-proc {
  border-left: 3px solid #54b07d;
}

.bg-app {
  background-color: #F3BB45B0 !important;
}

.text-app {
  color: #f0a810 !important;
}

/*
.table-app > tbody > tr:hover > td:nth-child(2), .table-app > tbody > tr:hover > td:nth-child(1)  {
	background-color: #f0a810;
}

.table-app > tbody > tr > td:nth-child(2), .table-app > tbody > tr > td:nth-child(1) {
	background-color: #F3BB45;
}
*/

.table-app tr, .tr-app {
  border-left: 3px solid #f0a810;
}

.bg-it {
  background-color: #EB5E28B0 !important;
}

.text-it {
  color: #c84513 !important;
}

/*
.table-it > tbody > tr:hover > td:nth-child(2), .table-it > tbody > tr:hover > td:nth-child(1)  {
	background-color: #c84513;
}

.table-it > tbody > tr > td:nth-child(2), .table-it > tbody > tr > td:nth-child(1) {
	background-color: #EB5E28;
}
*/

.table-it tr, .tr-it {
  border-left: 3px solid #c84513;
}

.bg-measures {
  background-color: #68B3C8B0 !important;
}

.text-measures {
  color: #429cb6 !important;
}

/*
.table-measures > tbody > tr:hover > td:nth-child(2), .table-measures > tbody > tr:hover > td:nth-child(1)  {
	background-color: #429cb6;
}

.table-measures > tbody > tr > td:nth-child(2), .table-measures > tbody > tr > td:nth-child(1) {
	background-color: #68B3C8;
}
*/

.table-measures tr, .tr-measures {
  border-left: 3px solid #429cb6;
}

.bg-infra {
  background-color: #9e9e9eB0 !important;
}

.text-infra {
  color: #616161 !important;
}

/*
.table-infra > tbody > tr:hover > td:nth-child(2), .table-infra > tbody > tr:hover > td:nth-child(1)  {
	background-color: #616161;
}

.table-infra > tbody > tr > td:nth-child(2), .table-infra > tbody > tr > td:nth-child(1) {
	background-color: #9e9e9e;
}
*/

.table-infra tr, .tr-infra {
  border-left: 3px solid #616161;
}

.btn-infra.btn-fill {
  background-color: #9e9e9e !important;
  border-color: #616161 !important;
}

.btn-infra {
  border-color: #616161 !important;
}

.btn-infra:hover {
  background-color: #616161 !important;
}

p {
  font-size: 14px;
}