/*TRIMCO-BOOTSTRAP-EXT
    enthält Erweiterungen und Anpassungen zu Bootstrap-Elementen

    ACHTUNG: Überschreibungen mit "!important;" kennzeichnen bzw fixieren
*/


/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. 

    TODO: "open" (Stand 2021-02-05)
*/

/*
    ??? GEHT HIER NICHT, daher direkt in _Layout.cshtml hinterlegt !?!?!
@media (max-width: 800px) {*/ /*wenn zu kleines Display, dann "Workflow-Designer"-TEXT (_Layout.cshtml) ausblenden >>> https://ekiwi.de/index.php/94/html-elemente-responsiv-ausblenden/ */
    /*.hide-mobil {
        display: none;
    }
}*/
        

/*********************  ÜBERSCHREIBUNGEN  *******************************/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #ffb061;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background: #ffdfc0;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.tab-content {
    margin-top: 0px;
    border: 1px solid #dee2e6;
}

.body-section {
    border: 1px solid #dee2e6;
}

.control-label{
    font-weight:500; /*normal: 400; bold: 700*/
}

/* Zum Deaktivieren von Readonly-Feldern [quasi Disabled, aber mit Datenübertragung beim Submit!!! ] https://stackoverflow.com/a/44560378/15228929 * /
select[readonly] option, select[readonly] optgroup {  
        /*display: none; * /
        pointer-events: none;
    } */


/*********************  NEW CLASSES  *******************************/
.tab-pane-section {
    margin: 0px 0px 0px 0px;
}

.body-section {
    margin: 5px 0px 5px 0px;
}


.body-subsection {
    margin: 5px 0px 5px 0px;
}

.tab-pane-sectionhead, .body-sectionhead {
    background: #FFCB91;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 10px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.tab-pane-sectionhead-empty, .body-sectionhead-empty {
    background: #FFCB91;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.tab-pane-subsectionhead, .body-subsectionhead {
    background: #ffe6ca;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 10px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.tab-pane-formgroup, .body-section-formgroup {
    padding-left: 3px;
    padding-right: 3px;
}

/*ANFANG - für Rezertifizierungsformular UND Rezertifizierungsübersichten */
.tab-pane-sectionhead-keinesollistabw {
    background: #5ee65e;
    padding-left: 3px;
    padding-right: 3px;
    /*margin-bottom: 10px;*/
    border-top: 1px solid #dee2e6;
    /*border-bottom: 1px solid #dee2e6;*/
}

.tab-pane-sectionhead-imistzuviel {
    background: #fb5454;
    padding-left: 3px;
    padding-right: 3px;
    /*margin-bottom: 10px;*/
    border-top: 1px solid #dee2e6;
    /*border-bottom: 1px solid #dee2e6;*/
}

.tab-pane-sectionhead-imistzuwenig {
    background: #71b3fb;
    padding-left: 3px;
    padding-right: 3px;
    /*margin-bottom: 10px;*/
    border-top: 1px solid #dee2e6;
    /*border-bottom: 1px solid #dee2e6;*/
}

.tab-pane-section-container {
    /*width: 200px;*/
    width: auto;
}
.tab-pane-section-flex {
    display: flex;
}
.tab-pane-section-sameRow-ColorColumn {
    /*border: 2px solid black;
    height: 40px;*/
    width: 10px;
    margin-bottom: 10px;
}
.tab-pane-section-sameRow-fancyTree {
    /*border: 2px solid black;
    height: 40px;*/
    width: 100%;
}
.tab-pane-section-normal {
    /*height: 40px;
    border: 2px solid red;*/
}

.fancytree-indiv-rezert-keinesollistabw { /* Bezugsklasse */
}

.fancytree-indiv-rezert-imistzuviel { /* Bezugsklasse */
}

.fancytree-indiv-rezert-imistzuwenig { /* Bezugsklasse */
}

/*Infos zum CSS-Selektor ":has()" >> https://www.smashingmagazine.com/2021/06/has-native-css-parent-selector/ */
/*td:has(.fancytree-indiv-rezert-keinesollistabw)
{
}
td:has(.fancytree-indiv-rezert-imistzuviel) 
{
}
td:has(.fancytree-indiv-rezert-imistzuwenig)
{
}*/
.alignCenter:has(.fancytree-indiv-rezert-keinesollistabw) /*hier sollen bestimmte übergeordnete Padding-Werte der FancyTree-Zelle deaktiviert werden, damit die gewünschte Zellen-Hintergrundfarbe dargestellt werden kann*/
{
    background: #5ee65e;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.alignCenter:has(.fancytree-indiv-rezert-imistzuviel) /*hier sollen bestimmte übergeordnete Padding-Werte der FancyTree-Zelle deaktiviert werden, damit die gewünschte Zellen-Hintergrundfarbe dargestellt werden kann*/
{
    background: #fb5454;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.alignCenter:has(.fancytree-indiv-rezert-imistzuwenig) /*hier sollen bestimmte übergeordnete Padding-Werte der FancyTree-Zelle deaktiviert werden, damit die gewünschte Zellen-Hintergrundfarbe dargestellt werden kann*/
{
    background: #71b3fb;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fancytree-match { /* FancyTree-Filter-Highlight auch für andere Spalten >> siehe ChatGPT */
    background-color: #ffeeba;
}

/*ENDE - für Rezertifizierungsformular UND Rezertifizierungsübersichten */


.btn-workflow {
    color: #fff;
    background-color: #fc942b;
    border-color: #fc942b;
}

.btn-workflow:hover,
.btn-workflow:active,
.btn-workflow:focus,
.btn-workflow.active {
    color: #fff;
    background-color: #db740b;
    border-color: #c76604;
}

.form-control-spanlist {
    /*Verwendet bei Span-Feldern mit (selbst erstellten) Listen-Werten .. z.Bsp. Feld "Historie"*/
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    /* ORIG aus "form-control"
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    */
}

.control-label-small {
    /*Verwendet bei Label-Feldern z.Bsp. im WF-Manager-Eingriffs-Dialog */
    font-weight: bold; /*normal: 400; bold: 700*/
    font-size: 14px; 
}

.tabledata-hide, .tablecolumn-hide, .tablehead-hide {
    display:none;
}

.tabledata-selected { 
    /*Verwendet für Schlüssel-Einzelauswahl bei Prozessen zur Markierung der per Click gewählten Tabellen-Zeile */
    background-color: brown;
    color: #FFF;
}

.tabledata-row-notselectable {
    /*Verwendet bei Schlüssel-Einzelauswahl: Tabellen-Zeile ist ausgegraut >>> quasi nicht auswählbar in Kombination mit Event-Funktion (Hinterlegung / Aktivierung eines Click-Events zur optischen Darstellung der Zeilen- bzw. Schlüssel-Auswahl) */
    color: lightgrey;
}

.tabledata-align-right {
    /*Verwendet bei Schlüssel- oder Ausgabe-Übersichten insb. für die Anzahl-Spalten */
    text-align:right;
}

.tabledata-green-and-bold {
    /*Verwendet bei Schlüssel- oder Ausgabe-Übersichten insb. für die 'FREIE'-Anzahl-Spalten */
    color:green; 
    font-weight: bold;
}

.a-btn-disabled { 
    /*Verwendet bei Schlüssel-Einzelauswahl: Button ist disabled bis irgendeine Aktion diese Class-Zuordnung entfernt */
    pointer-events: none;
}

/*Bootstrap 4 Dropdown Submenu click (Navbar) right >> https://www.codeply.com/go/1Iz3DxS60l/bootstrap-4-dropdown-submenu-click-(navbar)-right*/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    /*left:13rem; /* 10rem is the min-width of dropdown-menu */
    /*left:15rem; /* 10rem is the min-width of dropdown-menu */
    margin-top:-6px;
}
.dropdown-menu > li > a:hover:after {
    /* rotate caret on hover */
    text-decoration: underline;
    transform: rotate(-90deg);
} 

/*Bootstrap 4 Dropdown Submenu A-Tag-Color */
.dropdown-item-a-tag {
    color: #212529 !important; /* Bootstrap 4 default color >> muss im Zshg mit zusätzl. Tab-Icons hinzugefügt werden */
}


/* Wird u.a. für Workflow-Manager-Eingriff verwendet */
.modal-xl-custom {
    max-width: 95%;
    width: 95%;
}


/*Basis-Elemente für Ausdrucke (z.Bsp. Empfangsbestätigung o.ä.) */
.print-confirmation-complete {  /* DIV ohne Padding UND mit Linien > KOMPLETT und um Liste/Tabelle */
    margin: 5px 0px 5px 0px;
    border: 1px solid;
    border-color: black;
}
.print-confirmation-main-head {  /* DIV mit Padding UND mit Linien als Haupt-Kopfzeile */
  padding: 10px;
  border-top: black 1px solid;
  border-bottom: black 1px solid;
  background: #FFCB91;
}
.print-confirmation-main-head-empty {  /* DIV mit Padding UND mit Linien als Haupt-Kopfzeile OHNE Hintergrund */
  padding: 10px;
}
.print-confirmation-main {  /* DIV mit Padding UND ohne Linien */
    padding: 10px;
}
.print-confirmation-contentdiv {  /* DIV mit Padding UND ohne Linien >> Content innerhalb von Main-DIV */
    padding: 2px;
}
.print-confirmation-lineforsign {  /* DIV ohne Padding, dafür aber mit Marging unten UND mit Linie unten */
  margin-bottom: 5px;
  border-bottom: black 1px dotted;
}
/*
.table td {  /* DIV mit Padding >> überschreibt original Table-TD-Style-Element >>> UMSETZUNG BESSER in entspr. VIEW (!) bzw. mit ID-Bezug! * /
  padding: 2px!important;
}*/
.print-confirmation-inlineblock > div { /*Ausdruck von Views > teilweise werden Col-Tabellen-Zellen vertikal aufgelistet, statt korrekt waagerecht ausgedruckt/dargestellt zu werden >> https://github.com/webgio/Rotativa.AspNetCore/issues/39#issuecomment-616889239 */
   display: inline-block;
}


/* Wird u.a. für Workflow-Manager-Eingriff verwendet */
.modal-xl-custom {
    max-width: 95%;
    width: 95%;
}

.modal-row-inline-block-corrector {
    margin-left: 0px !important;
    padding-top: 3px; 
    padding-bottom: 3px; 
}

.modal-row-inline-block-object-margin-corrector-left {
    margin-left: 5px !important;
}
.modal-row-inline-block-object-margin-corrector-right {
    margin-right: 5px !important;
}
.modal-row-inline-block-object-margin-corrector-leftright {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.modal-body-section-formgroup {
    border: 1px solid #dee2e6;
    padding: 3px;
}


/* TEMPORÄRER EDIT-BEREICH (für Copy & Paste) ******************



    Logo:  #E97C0E

****************************************************************
*/