body {
	color: #282828;
	font-family: 'Roboto', sans-serif;
	line-height: 1.25rem;
}
.body{
	margin-bottom: 1rem;
}
.body.vorlagen_new>.container,
.body.vorlagen_edit>.container,
.body.ticket_new,
.body.users_new,
.body.users_edit{
	max-width: 575px;
	margin: 0 auto 1rem auto;
}
a{
	color: #1e4497;
}

.btn-primary{
	background-color: #1e4497;
	border-color: #1e4497;
}
.btn-fa-wrapper{
	background: transparent;
	padding: 0;
}
.btn-fa,
.btn-text-far,
.btn-text-fa{
	color: #ffffff;
	background-color: #1e4497;
	border-color: #1e4497;
	padding: .75rem;
}
.btn-fa{
	min-width: 2.813rem;
	min-height: 2.813rem;
}
.btn-text-fa::before{
	padding-right: .5rem;
}
.btn-text-far::after{
	padding-left: .5rem;
}
.btn-fa.btn-invers,
.btn-text-fa.btn-invers,
.btn-text-far.btn-invers{
	color: #1e4497;
	background-color: #ffffff;
	border-color: #ffffff;
	font-size: 1.125rem;
}
.btn-fa.btn-big,
.btn-text-fa.btn-big,
.btn-text-far.btn-big{
    font-size: 2rem;
    border-color: transparent;
    padding-top: 0rem;
    padding-bottom: 0rem;
	line-height: 1.5;
}
.btn-text-far::before{
	content:'';
}
.btn-text-far.fa-plus::after{
	content: "\f067";
}

.navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2830, 68, 151, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar{
	background-color: #fff;
}
.nav-link{
	color: #1e4497;
}

@media (max-width: 991px) {
	.navbar-nav{
		max-width: 140px;
		/* max-width: 50%; */
		/* text-align: center; */
	}
}

#loading{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
	opacity: 0;
	display: none;
}

#toasts{
	position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    max-width: 90%;
    z-index: 2000;
    width: 350px;
}
#toasts .toast{
	border-radius: 0;
}
#toasts .toast.alert{
	padding:0;
}
#toasts .toast.alert .toast-header{
	background-color: transparent;
	color: inherit;
	border-color: inherit;
}
#toasts .toast.alert.alert-danger{
	background-color: rgba(248,215,218,.85);
	border-color: rgba(245,198,203,.85);
}
#toasts .toast.alert.alert-warning{
	background-color: rgba(255,243,205,.85);
	border-color: rgba(255,238,186,.85);
}
#toasts .toast.alert.alert-info{
	background-color: rgba(209,236,241,.85);
	border-color: rgba(190,229,235,.85);
}
#toasts .toast.alert.alert-success{
	background-color: rgba(212,237,218,.85);
	border-color: rgba(195,230,203,.85);
}

@media (max-width: 390px) {
	#toasts{
		top: 1.5rem;
		right: 1.5rem;
		left: 1.5rem;
		max-width: 100%;
		width: auto;
	}
}

.modal-title{
	width: calc(100% - 3rem);
}
.modal-header{
	align-items: flex-start;
}

.popover-body{
	max-height: 70vh;
    overflow-y: auto;
    /* white-space: pre-wrap; */
}


select{
	padding-right: 20px;
}
.modal-backdrop~.select2-container{
	z-index: 1100;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
	border-radius: .25rem;
	border: 0;
	font-size: inherit;
}

.select2-container--default .select2-selection--single.bordered,
.select2-container--default .select2-selection--multiple.bordered{
	border: solid 1px #f4f5f7;
}
.select2-container--default.bordered .select2-selection--single,
.select2-container--default .select2-selection--multiple{
    border: 1px solid #f4f5f7;
}
.select2-container--default .select2-selection--single{
	height: calc(1.5em + .75rem + 2px);
}
.select2-dropdown{
	background-color: #fff;
	border-radius: 0;
	border-color: #f4f5f7;
	box-shadow: rgb(9 30 66 / 13%) 0px 0px 0px 1px, rgb(9 30 66 / 13%) 0px 4px 11px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: rgba(0,0,0,0.05);
	border: 0;
	border-radius: 0;
	font-size: inherit;
	padding: 1px 5px;
}
.select2-container--default .select2-results__option{
	padding: 10px 6px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: rgba(0,0,0,0.05);
	color: inherit;
}
.select2-container--default .select2-results__option[aria-selected=true]{
	background-color: rgba(0,0,0,0.05);
	color: inherit;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover{
	background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	padding: .375rem .75rem;
}
.select2-container--default .select2-selection--multiple .select2-search:first-child .select2-search__field{
	width: auto!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    align-items: center;
	display: flex;
	height: calc(1.5em + .75rem + 2px);
    justify-content: center;
	columns: inherit;
	/** FAS */
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	/** END FAS */
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before{
	content: "\f078";
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before{
	content: "\f077";
}
.select2-container--default .select2-selection--single .select2-selection__arrow>b{
	display: none;
}
.select2-results__option .ticket-prio{
	display: inline-block;
	width: .875rem;
	height: .875rem;
	border-radius: 0.5rem;
	margin-right: .5rem;
}
.select2-selection.select2-selection--multiple{
	border: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	padding: 6px 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	padding: 0 6px 0 0;
}

#select2-handwerkergruppe_ids-results>.select2-results__option[aria-disabled=true]{
	display: none;
}

.form-floating>.select2-container--default {
	padding-bottom: .063rem;
	border-bottom: 1px solid #ced4da;
}
.form-floating>.select2-container--default .select2-selection--single{
	height: calc(1.5em + 1.875rem + 2px);
}
.form-floating>.select2-container--default .select2-selection--single,
.form-floating>.select2-container--default .select2-selection.select2-selection--multiple{
	padding-top: 1.125rem;
}
.form-floating>.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 0;
	height: 3.625rem;
}
.form-floating>.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-left: .75rem;
}


input[type="date"].form-control{
	min-height: 2rem;
	position: relative;
}
input[type="date"].form-control::-webkit-calendar-picker-indicator {
	opacity: 0;
}
input[type="date"].form-control:before {
   	content: "\f133";
	font-family: "Font Awesome 5 Free";
	position: absolute;
   	right: 1rem;
	font-size: 1.125rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: rgb(229, 229, 229);
	color: #878787;
	border-radius: .25rem;
}
th.pos {
    width: 60px;
}
input.pos {
    border: 1px solid rgba(0,0,0,.125);
    text-align: center;
    width: 40px;
}


#search>div>div.col-lg-2 div.form-check.form-switch{
	padding-top: 1.6rem;
	padding-left: 3.2rem;
}
#search>div>div.col-lg-2 .form-floating{
    padding-bottom: 0.063rem;
    border-bottom: 1px solid #ced4da;
    min-height: 72px;
}
#search>div>div[class^="col-"] .form-floating.high,
#search>div>div[class^="col-"] .form-floating.high>span.select2{
    min-height: 74px;
}
#search>div>div.col-lg-2 .form-floating>label{
	opacity: .65;
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
#search>div>div.col-lg-2 .form-check-input{
	height: 1.2em;
    width: 2.5em;
}
#search .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #878787;
}
#search .select2-container--default .select2-selection--single .select2-selection__arrow{
	color: #878787;
}
#search .form-control{
	border: 0;
	color: #878787;
    border-bottom: 1px solid #ced4da;
	/* width: auto; */
}
#search [type="date"].form-control{
	width: 8.5rem;
	max-width: 8.5rem;
	min-width: 8.5rem;
	border: 0;
}
#search [type="date"].form-control:before{
	content: none;
}
#search .form-control::-webkit-calendar-picker-indicator {
	opacity: .4;
}



#tickets>div>div{
	display: none;
}
#tickets>div>div>div.ticket-row{
	background: #f4f5f7;
	border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
	height: 100%;
}
#tickets>div>div.aktiv{
	display: block;
}
@media (min-width: 992px) {
	#tickets>div>div{
		display: block;
	}
	#tickets>div>div.status_4{
		display: none;
	}
	#tickets>div>div.third{
		display: block;
	}
	#tickets>div>div.forth{
		display: none;
	}
}
.ticket{
	align-items: baseline;
	background: #fff;
	border: solid 1px #afafaf;
	box-shadow: 3px 3px 5px #cdcdcd;
	color: inherit;
	display: block;
	padding: .75rem;
	text-decoration: none;
}
.ticket.badleiter{
	border: solid 1px #1e4497;
	box-shadow: 3px 3px 5px #cdcdcd;
	box-shadow: 3px 3px 5px #1e4497;
}
.ticket.rufbereitschaft{
	border: solid 1px #971e1e;
	box-shadow: 3px 3px 5px #cdcdcd;
	box-shadow: 3px 3px 5px #971e1e;
}
.ticket .ticket-header,
.ticket .ticket-footer{
	display: flex;
	justify-content: space-between;
	font-size: .875rem;
	color: #878787;
	flex-wrap: wrap;
}
.ticket .ticket-header,
.ticket p{
	margin-bottom: .75rem;
}
.ticket.nicht_freigeschaltet{
	opacity: .4;
}
.ticket.nicht_freigeschaltet .ticket-erstellt{
	color: #000;
	font-weight: bold;
}
.ticket.unseen>p{
	font-weight: bold;
	font-size: large;
}
.ticket .ticket-prio,
.ticket-prio>.ticket-prio{
	width: 1rem;
	height: 1rem;
	border-radius: 0.5rem;
}
.ticket-prio>.ticket-prio{
	display: inline-block;
	margin-bottom: -.188rem;
	margin-right: .25rem;
}
.ticket .ticket-bad, .ticket-detail .ticket-bad, .modal-header .ticket-bad,
.ticket .ticket-ersteller,
.ticket .ticket-bearbeiter{
	background-color: #e5e5e5;
	padding: .125rem .5rem .063rem .5rem;
	border: solid 1px transparent;
	border-radius: .375rem;
}

.ticket-detail .content{
	padding-left: 8px;
	padding-top: .5rem;
}
.ticket-detail ul.content{
	padding-left: 1.875rem;
	list-style: square;
}
.ticket-detail .ticket-bad, .modal-header .ticket-bad{
	/* padding: .375rem .5rem .375rem .5rem;n*/
	margin-right: .5rem;
	color: #878787;
}
.ticket .ticket-frist, .ticket-detail .ticket-frist{
	background-color: #f5c2c2;
	color: #b70000;
	padding: .125rem .5rem .063rem .5rem;
	border: solid 1px transparent;
	border-radius: .375rem;
}
.ticket-detail .ticket-frist{
	padding: .375rem .5rem .375rem .5rem;
	max-width: 8rem;
}
.ticket-detail input.ticket-frist,
input.ticket-freischaltung{
		max-width: 10rem;
}
.ticket .ticket-status{
	background-color: #ffffff;
	padding: .125rem .5rem .063rem .5rem;
	border: solid 1px #c9c9c9;
	border-radius: .375rem;
}


.ticket-detail .headline{
	font-weight: bold;
}
.ticket-detail .subline{
	color: #878787;
}
.modal-title .ticket-ersteller,
.modal-title .ticket-erstellt{
	font-size: .875rem;
	color: #878787;
	font-weight: normal;
}
.ticket-detail .ticket-beschreibung{
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: #282828;
	padding-right: 1.5rem;
}
.ticket-detail textarea.ticket-beschreibung,
.ticket-detail textarea.ticket-bestellanforderung{
	width: 100%;
	border: 0;
}
.ticket-detail .kommentar{
	font-size: .875rem;
}
.ticket-detail>.form-floating>label,
.ticket-detail>.form-floating>.form-control:focus~label,
.ticket-detail>.form-floating>.form-control:not(:placeholder-shown)~label{
    transform: translateY(-.75rem);
    padding-left: 0;
    color: #878787;
    opacity: 1;
}
.ticket-detail>.form-floating>label.far{
    font-size: 1.125rem;
    position: absolute;
    right: 0rem;
    color: inherit!important;
	left: auto;
}

#kommentar-form{
	position: relative;
}
#kommentar-form>textarea{
	padding-right: 2.5rem;
	border-top: 0;
    border-left: 0;
    border-right: 0;
	border-radius: 0;
}
#kommentar-form>button{
	position: absolute;
    right: -.25rem;
    top: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    border: 0;
    background: transparent;
    color: #848484;
}
#kommentar-form>button>.fas~.fas{
    margin-left: -.25rem;
}
#kommentar-form>button.button_down{
    margin-top: -0.25rem;
}

#kommentare{
	font-size: .875rem;
}
#kommentare .kommentar .date{
	
}

.form-floating .form-control,
.form-floating .form-select{
	border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-radius: 0;
}
.form-floating .form-control.dz-started{
	min-height: calc(3.5rem + 2px);
	height: auto;
}

.form-floating>.dz-clickable{
	height: calc(2.6rem + 2px);
}
.dz-started{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0 -.313rem;
}
.dz-preview{
	margin: .25rem .313rem;
	background-color: #c9c9c9;
	padding: .75rem;
	position: relative;
}
.dz-image>img{
	display: block;
    margin: 0 auto;
	margin-bottom: .75rem;
}
.dz-details{
	font-size: .75rem;
}
.dz-success-mark{
	display: none;
}
.dz-error-mark{
	display: none;
}
.dz-progress{
	height: 1rem;
	background: #878787;
    margin-top: .25rem;
}
.dz-upload{
	height: 1rem;
    display: inline-block;
    background: #666;
}
/* .dz-processing:after{
	content: '';
    display: inline-block;
    width: 4rem;
    height: 4rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
    color: #fff;
	box-shadow: 0px 0px 10px #000;
} */
.dz-remove,
.remove-file{
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: .9;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    min-width: 2rem;
    min-height: 1.688rem;
    font-size: 2rem;
    color: #282828;
    position: absolute;
    top: .25rem;
    right: .25rem;
    background: rgba(255,255,255,.6);
    text-decoration: none;
    text-align: center;
    height: 1.688rem;
}
.remove-file{
	right: calc( (var(--bs-gutter-x) * .5) + .25rem );
}
.dz-remove::before,
.remove-file::before{
	content: "\f410";
}
.dz-remove:hover,
.remove-file:hover{
    color: #282828;
}

@media(min-width:992px){
	.text-no-truncate-xl{
		text-overflow: initial;
		max-width: none!important;
	}
}

table>thead>tr>th.action{
	padding-top: 0;
	padding-bottom: 0;
}
table>tbody>tr>td.action{
	padding-top: 0;
	padding-bottom: 0;
}

@media(max-width:991px){
	table>thead>tr>th.action{
		max-width: 3.875rem;
		width: 3.875rem;
	}
	table>tbody>tr>td.action{
		padding-top: 0;
		padding-bottom: 0;
	}
}

table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}
table.table-fit thead th, table.table-fit tfoot th {
    width: auto !important;
	padding: 10px;
}
table.table-fit tbody td, table.table-fit tfoot td {
    width: auto !important;
	padding: 10px;
}

#select2-prio_id-container:before,
#select2-prio_id-results>li:before{
	content: '';
	display: inline-block;
    width: .875rem;
    height: .875rem;
    border-radius: 0.5rem;
    margin-right: .5rem;
	margin-bottom: -2px;
}
#select2-prio_id-container[title="hoch"]:before,
#select2-prio_id-container[title="hoch (in 7 Tagen)"]:before,
#select2-prio_id-results>li[id$="-1"]:before{
	background-color: #f20101;
}
#select2-prio_id-container[title="mittel"]:before,
#select2-prio_id-container[title="mittel (in 14 Tagen)"]:before,
#select2-prio_id-results>li[id$="-2"]:before{
	background-color: #ff9307;
}
#select2-prio_id-container[title="niedrig"]:before,
#select2-prio_id-container[title="niedrig (in 14 Tagen)"]:before,
#select2-prio_id-results>li[id$="-3"]:before{
	background-color: #2196f3;
}

.select2-results [aria-disabled="true"]{
	display: none;
}

.card-select{
	border-radius: 0;
	border: 0;
}
.card-select>.card-body .form-floating:last-child>.form-control{
	border-bottom: 0;
}
.card-select>a.card-header{
    background: transparent;	
	border-bottom: 0;
	color: inherit;
    padding-left: .75rem;
    padding-right: 0;
	text-decoration: none;
}
.card-select>a.card-header>.fas{
	color: inherit;
	margin-right: .313rem;
}
.form-floating>.card-select{
	border-bottom: 1px solid #ced4da;
}
.form-floating>label.focused{
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.ticket-detail>.card-select{
	border-top: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.ticket-detail>.card-select>.card-header{
	padding-left: 0;
}
.col-header{
	padding-left:calc(var(--bs-gutter-x) * .5);
	margin-bottom: .75rem;
    margin-top: .25rem;
}