@import url('eazycode.css');

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Poppins-Medium.ttf");
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Poppins-Bold.ttf");
}

#addtextdoc, #addattachment, #mailversand, #belegansicht, #aufgaben, #mailz {
    padding: 0.5em;
    display: none;
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

.hideElem {
    display: none;
}

.highlight {
    background: #add8ed;
}


#auswahl, #auswahlgrp, #sachbearbeiter, #fb_sachbearbeiter, #fb_auswahl {
    min-width: 15em;
    padding: 0.5em;
    border: 1px solid #ddd;
    overflow: auto;
    max-height: 9em;
    font-size: small;
}

#auswahl p, #auswahlgrp p, #fb_auswahl p {
    margin: 0;
    cursor: pointer;
}

#auswahl p:hover, #auswahlgrp p:hover, #fb_auswahl p:hover {
    background-color: #ddd;
}

#DateiAtt, #AufgabenBox, #KommentarBox, #EmailBox {
	width: fit-content;
}

.boxcontent {
    background-color: white;
    padding: 0.8em;
}

.closer {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: none;
}

.closer img {
    height: 1.5em;
    width: 1.5em;
}

.btn i {
    padding-right: 0 !important;
}

.blockElem, #addattachment.blockElem {
    display: block;
}

/** sticky table header */
.table-responsive {
    overflow: auto;
}

thead tr:nth-child(1) th {
    background: white;
    position: sticky !important;
    top: -13px !important;
}

/** end sticky table header */

.csstable {
    width: fit-content;
    margin-top: 1em;
    margin-bottom: 1em;
    display: table;
    border-spacing: 0.4em;
    /*table-layout: fixed;*/
}

.csstable > div {
    width: 100%;
}

/*.csstable > div >div:nth-child(3) {*/
/*    width: 10%;*/
/*}*/
.csstable > div > div:nth-child(2) {
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
}

.csstable > div > div:nth-child(1) {
    width: 10%;
}

.inlineTbl {
    display: inline-table;
}

.tabcaption {
    display: table-caption;
}

.csstable div {
    display: table-row;
}

.csstable div.tcaption {
    display: table-caption;
    margin: 0 0.2em;
}

.csstable div div {
    display: table-cell;
    margin-right: 0.0em;
    vertical-align: top;
    position: relative;
}

.labelcol {
    width: 12em;
}

.inputcol {
    width: 36.4em;
}

.inputcol div {
    border-spacing: 0;
}

.inputcolL {

}

.csstable div div.vMiddle {
    vertical-align: middle;
}

.csstable div div div.noCSSTable {
    display: inline;
    width: 5em;
    padding: 0.05em 1.2em 0.05em 0.1em;
}

.inputcolI {
    width: 14em;
    cursor: pointer;
}

.inputcolIG {

}

.inputcolLCol {
    width: 18em;
}

.noMargin {
    margin: 0;
}

.noMarginTop {
    margin-top: 0;
}

.noMarginBottom {
    margin-bottom: 0;
}

.bordervisi {
    border-color: #ececec;
}

#copy_from_ticket {
    margin: 0 0.2em 0.2em 0.1em;
}

.bg_grau {
    padding: 10px 80px 10px 10px;
    background: #F3F6F9;
    font-weight: bold;
}

.bg_grau1 {
    padding: 10px 10px 10px 10px;
    background: #F3F6F9;
    font-weight: bold !important;
}

.rechts {
    text-align: right;
}

.rechts, .fElement {
    padding-left: 50px;
}

.column4 .fElement {
    padding-left: 10px;
}

.center {
    text-align: center;
}

.matrix {
    text-align: center;
}

.modal-backdrop.show {
    opacity: 0.8 !important;
}

.popupbox {
    display: none;
    position: fixed;
    top: 7em;
    left: 50%;
    width: 50%;
    min-height: 20em;
    max-height: 92vh;
    margin-left: -25%;
    background-color: #fff;
    border: 4px solid #1b5da6;
    box-shadow: 0px 0px 0px 0px #888;
    border-radius: 0.0em;
    z-index: 5;
    overflow-y: auto;
}

th,
.csstable div.th
{
    background: #F3F6F9 !important;
    border-color: #F3F6F9 !important;
}

.custom-file-label::after {
    content: "Durchsuchen"
}

/*.foldertree > div:nth-child(1) {*/
/*    background: #E4E6EF !important;*/
/*}*/
.faellig, .rot {
    color: red;
}

.leftspacing {
    margin-left: 1.5em;
}

.nomarginleft {
    margin-left: 0;
}

/*make modal scrollable*/
/*----------------------*/
.modal-dialog {
    overflow-y: initial !important
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/*----------------------*/

.sortable-ghost {
    opacity: 0;
}

.sortable {
    padding-right: 20px !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

.sortdown {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    padding-left: 1.5em !important;
}

.sortup {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ") !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    padding-left: 1.5em !important;
}

.sortnone {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    padding-left: 1.5em !important;
}

.archiv-ergebnis th {
    z-index: 5 !important;
}

.archiv-ergebnis td:first-child {
    position: sticky !important;
    left: 0 !important;
    background: #fff;
/*    height: 70px; */
}

.captionTop {
    caption-side: top;
}

.alert {
    display: none;
}


.short-header	{
	display: inline-block;
	width: 12rem;
}

.add-link	{
	display: inline-block;
}

.select-small	{
	max-width: 8rem;
	margin-right: 2rem;
}

.datum {
	max-width: 8rem;
	margin-right: 2rem;
}

.filtertable td {
	vertical-align: top;
	padding-right: 1.5rem;
}

.filtertable label {
	margin-top: .5rem;
}

.filtertable select {
	display: table-cell;
	min-width: 15rem;
	margin-bottom: .3rem;
}

.filtertable .form-control {
	display: inline-block;
}

.filterbuttons {
	margin-top: 1rem;
}

.filterbuttons input[type="submit"], .filterbuttons input[type="button"] {
	width: 10rem;
	margin-right: 1rem;
}

input[type=text].size3, input[type=number].size3 {
    width: 3.5em;
}
input[type=text].size4, input[type=number].size4 {
    width: 4em;
}

input[type=text].size5,.csstable div div.size5,input[type=number].size5  {
	width: 5.5em;
}

.ls-block	{
	display: inline-block;
	vertical-align: top;
	margin-right: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-right: .1rem solid grey;
}

.la-form {
	position: fixed;
	background: #fff;
	border: 0.1rem solid grey;
	border-radius: .3rem;
	padding: 1.5rem;
        margin-top: -6rem;
}

.typewriter {
    font-family: monospace;
}

.wert {
    text-align: right;
}

.brfloat {
    line-height: 1.9em;
}

/* entfernt WAL 20.09.2024
.auswahl tr:nth-child(odd) {
    background-color: #EBEDF3;
}
*/
.auswahl tr:hover{
    background-color: #EAF1F7!important;
}

.auswahl {
    max-height: 72vh;
}

/* Für Multiple-Select */
.select2-container--default .select2-selection--multiple {
    max-width: 40rem;
}

/* Für Single-Select */
.select2-container--default .select2-selection--single {
    max-width: 40rem;
}

span.hand b,
label.sorter b,
label b.pl-3 {
    color: #0080ff;
}

#auswahl, #sachbearbeiter, #fb_sachbearbeiter, #fb_auswahl, #inpFiliale, #inpTitel, #inpAbteilung, #gruppen, #ccAuswahl, .mailinput {
	min-width: 15em;
	border: 1px solid #ddd;
        border-radius: 0.42rem;
        padding: 0.5rem 1rem;        
	overflow: auto;
	max-height: 9em;
	font-size: small;
}

#auswahl p,#fb_auswahl p, #filiale p, #titel p, #abteilung p, #auswahlgrp p, #empflist p, #ccAuswahl p {
	margin: 0;
	cursor: pointer;
}

#auswahl p:hover,#fb_auswahl p:hover, #filiale p:hover, #titel p:hover, #abteilung p:hover,  #empflist p:hover {
	background-color: #ddd;
}

.mailinput p.selected {
    background-color: #ddd;
}

/*
input.datefld {
    float: left;
    width: 83%;
}
div.datefld {
  position: relative;
}
div.datefld::after {
  font-family: 'Font Awesome 6 Free';
  float: right;
  content: '\F073';
}
*/

.erledigt {
    margin-left: 2em;
    position: relative;
    float: right;
}
.erledigt::after {
    content: ' erledigt';
}

.select2-selection__arrow {
    margin-right: 0.5rem !important;
}


.checkbox.checkbox-outline span.readonly,
.radio.radio-outline span.readonly
{
    border-color: #E6E8FE;
}


.checkbox.checkbox-outline > input:checked ~ span.readonly::after,
.radio.radio-outline > input:checked ~ span.readonly::after
{
    border-color: #acd7ec;
}

.csstable div.th {
  padding: 0.3rem 0.75rem;
  vertical-align: top;
  border-top: 1px solid #EBEDF3;
}

.auswahl .shopUser {
  font-weight: bold;
}

.blocktitel {
    font-weight: 600;
    margin-top: 0.7em;
}

.einruecken {
    padding-left: 2em !important;
}

table.addresstab tr td {
    padding-top: 0.7em;
}

.file-drop-area {
    border: 2px dashed #ccc;
    padding: 2rem;
	margin-right: auto;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    position: relative;
    transition: background-color 0.3s ease;
}
.file-drop-area:hover {
    background-color: #f9f9f9;
}
input[type="file"] {
    display: none;
}

thead.thead-light tr th.fix_t {
    vertical-align: top;
} 

thead.thead-light tr th.fix_t.opak {
    background: rgba(256, 256, 256, 1) !important;
    z-index:10;
}