/*
FARBWELT ARBEITSKAMMER / WEITERBILDUNGSDATENBANK
cyanDark (Regal Blue / Dunkelblau):  #033D68
cyanDarkBg (Astral / Dunkelblau):  #2e70ad
cyanLight (PattensBlue): #d7e7eb
cyanLight2 (PacificBlue / Hellblau): #079AC0
greyLight (AliceBlue): #eff5f7
greyLight2 (Whisper): #e9e9e9
azure: #2b6bab
azureLight: #3482D1
azureLightCold: #e9f3f7
azureLightCold: #b7d8e3
green: #369763
Gradient: azure: #2b67a8 -> cyan (Pelorous) #44a8c2 -> green (FruitSalad): #609d50
*/

@font-face {
    font-family:"Saar Headline";
    src:url("../Contrib/Fonts/Saar/Saar1450Headline-Regular.woff2") format("woff2"),
    url("../Contrib/Fonts/Saar/Saar1450Headline-Regular.woff") format("woff"),
    url("../Contrib/Fonts/Saar/Saar1450Headline-Regular.ttf") format("truetype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Saar Regular";
    src:url("../Contrib/Fonts/Saar/Saar1450Text-Regular.woff2")
    format("woff2"),url("../Contrib/Fonts/Saar/Saar1450Text-Regular.woff")
    format("woff"),url("../Contrib/Fonts/Saar/Saar1450Text-Regular.ttf")
    format("truetype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Saar Bold";
    src:url("../Contrib/Fonts/Saar/Saar1450Text-Bold.woff2")
    format("woff2"),url("../Contrib/Fonts/Saar/Saar1450Text-Bold.woff")
    format("woff"),url("../Contrib/Fonts/Saar/Saar1450Text-Bold.ttf")
    format("truetype");
    font-style:normal;font-weight:700;
}

:root {
    --bg-color: #eeeff0;
    --azure: #2b6bab;
    /* --azure-light: #079AC0; */
    --azure-light-cold: #b7d8e3;
    --azure-light: #e9f3f7;
    --cyan-dark: #033D68;
    --cyan-light-2: #079AC0;
    --red: #dc3545;
    --green: #28a745;
    --ck-z-default: 100;
    --ck-z-panel: calc( var(--ck-z-default) + 999 );
}

/* Kommentar */
html {
/*    font-family: Verdana;
    font-size: 1rem; */
}

body {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.startHeader {
    margin-top: 50px;
    margin-bottom: 50px;
}

formMessagText {
    color: red;
}

h1 {
    margin-top:20px;
    margin-bottom: 20px;
}

h4 {
    margin-top:20px;
    margin-bottom: 20px;
}

.navigation {
    margin-left:10px;
    margin-right: 10px;
}

select {
    width: auto !important;
}

table {
    margin-top: 40px;
}
table td {
    -moz-user-select: none;
}
table.dataTable {
    margin-top: 0;
}
.dataTables_info { margin-bottom: 4rem; }
.card { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.card .card-text a:hover img { transition:  transform 0.2s; transform: scale(1.2);}
.card .btn { width: 86%; }
#statusbar { background-color: #173e69; color: #fff; padding: 0.5rem 0 0.5rem 0 }
.navbar-light { background-color: var(--azure-light-cold); }
.gradient {
    background: rgb(43,103,168);
    background: linear-gradient(90deg, rgba(43,103,168,1) 0%, rgba(68,168,194,1) 50%, rgba(96,157,80,1) 100%);
}
.show-as { padding: 7px 3rem 7px 0; }

.dataTables_filter { float: right !important; }

#overlay {
    position:fixed;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.5); }

.bootbox .modal-content {
    border-radius: 0.5rem;
}
#navbarStatusBar { display: none; }

.btn .bi, .btn .fas, td .bi, td .fas { padding-right: 1rem; }
#instituteProfile .bi, #instituteProfile .fas {
    padding-right: 0.5rem;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable tr.selected { background-color: var(--azure-light-cold); color: var(--cyan-dark); font-style: italic; }

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 20px !important;
    right: 10px !important;
    display: block !important;
}
table.dataTable thead th.sorting:after {
    content: "";
    vertical-align: -.125em;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' fill='grey' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    /* background-size: 1rem 1rem; */
    width: 2rem;
    height: 2rem;
}
table.dataTable thead th.sorting_asc:after {
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' fill='white' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    /* background-size: 1rem 1rem; */
    width: 2rem;
    height: 2rem;
}
table.dataTable thead th.sorting_desc:after {
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' fill='white' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    /* background-size: 1rem 1rem; */
    width: 2rem;
    height: 2rem;
}
table.dataTable thead th.sorting:before { content: none; }
table.dataTable thead th.sorting_asc:before { content: none; }
table.dataTable thead th.sorting_desc:before { content: none; }
table.dataTable thead.thead-dark th { border-right: 1px solid white;  }

.select2-container { width: auto !important; }

table tr td.hidden {
    display: none;
}
.tooltip-inner {
    max-width: 600px;
}

.datetimepicker.dropdown-menu { background-color: #fff; }
.day, .hour { padding: 0.3rem; }

input.bg-danger, .form-control.bg-danger::placeholder  { color: #ffffff; }
span.bg-danger { color: #ffffff; padding: 0.3rem;  }

label.col-sm-4  { font-weight: bolder; }
.pseudolabel {
    display: inline-block;
    font-weight: bolder;
    /* margin-top: 0.5rem; */
}
tr.deactivated { background-color: #eee;  }
tr.deactivated td { color: #999; }

#errorOutInfo { display: none; }

.bootbox-confirm h5.modal-title { }

ul { list-style-position: inside; }

.logWarning {
    color: orange;
}

.logError {
    color: darkred;
    font-size: large;
    font-weight: bold;
}

.xmlError {
    color: darkred;
    font-weight: bold;
}


/* Dokumentation V2 */

tr.name > td.col1 {
  background-color: #fdf3cc;
}

.doc-item td.col1 {
  background-color: #ddd;
  text-align: right;
  width: 160px;
  font-weight: bold;
  vertical-align: top;
}

table.docTable th,
table.docTable td,
table.beispiel th,
table.beispiel td {
  padding: 0.3em 0.6em;
  background-color: #eee;
  border: 1px solid white;
}

table.beispiel tr td:first-child {
  font-weight: bold;
  background-color: #dddddd;
  text-align: right;
  width: 170px;
}

table.beispiel tr:nth-child(1) td:first-child {
  border-left: 12px solid #e5f2c7;
}

table.beispiel tr:nth-child(2) td:first-child {
  border-left: 12px solid #d0c7f2;
}

table.beispiel tr:nth-child(3) td:first-child {
  border-left: 12px solid #f2d9c7;
}

table.beispiel tr:nth-child(4) td:first-child {
  border-left: 12px solid #c7d7f2;
}

table.beispiel tr:nth-child(5) td:first-child {
  border-left: 12px solid #f2c7de;
}

table.beispiel tr:nth-child(6) td:first-child {
  border-left: 12px solid #f2e1c7;
}

.sidebar-content a {
  color: #033d68;
  font-size: 1rem;
}
.sidebar-content a:hover {
  color: rgba(51, 51, 51, 0.7);
}

#doc-sidebar {
  background-color: #173e69;
  color: #fff;
  padding: 0.5rem 0 0.5rem 0;
}

@media (max-height: 1000px) {
  #doc-sidebar {
    overflow-y: scroll;
    height: 100vh;
    background-color: #173e69;
    color: #fff;
    padding: 0.5rem 0 0.5rem 0;
    margin-bottom: 10rem;
  }

  .sidebar-content a {
    color: #033d68;
    font-size: 0.7rem;
  }

  .sidebar-item.navbar-light.pt-1.pb-1.pl-2:last-of-type {
    margin-bottom: 10rem;
  }
}

.fa-toggle-off {
    color: var(--red);
}
.fa-toggle-on {
    color: var(--green);
}

@media (max-width: 992px) {
    .dataTable td { font-size: 90%; }
    .table td { padding: 0.5rem; }
    .dtr-details { margin-bottom: 0.3rem; padding: 0.2rem 0.5rem; }
    .dtr-details li { list-style-type: none; margin-bottom: 0.3rem; }
    .dtr-title { display: none; }
    .dtr-data { }
    button.dt-button, div.dt-button, a.dt-button {
        font-size: 0.7rem !important;
        margin: 0.3rem;
        padding: 0.3rem 0.5rem !important;
    }
    .dataTables_filter { margin-top: 1.5rem; }
    #editCourse .btn.btn-primary { padding: 0.3rem; margin: 0; font-size: 0.7rem; }
    #editCourse .col-12 { padding-left: 0.3rem !important; padding-right: 0.3rem !important; }
    .text-right.pseudolabel { text-align: left !important; }
    .btn .bi, .btn .fas, td .bi, td .fas { padding-right: 0.5rem; }
    .dataTables_info, .dataTables_paginate { font-size: small; }
}

.nowrap { white-space: nowrap; }

/*
#dataTableAllBackendUser th:nth-of-type(1) { width: 200px !important; max-width: 200px !important; }
#dataTableAllBackendUser th:nth-of-type(2) { max-width: 100px !important; }
#dataTableAllBackendUser th:nth-of-type(3) { max-width: 220px !important; }
#dataTableAllBackendUser th:nth-of-type(4) { width: 460px !important; max-width: 460px !important; }
#dataTableAllBackendUser th:nth-of-type(5) { max-width: 200px !important; }
*/