@CHARSET "UTF-8";

.ticket-text-attachment {
    position: absolute; 
    text-align: right; 
    display: none;
	right: 0px !important;
	width: 600px;
	bottom: -25px;
}

.ticket-form-textarea {
	position: relative;
}

.ticket-text-attachment-close {
    color: red; 
    cursor: pointer;
}

.tickets-text-head {
	font-size: 14px;
	padding-right: 20px;

}

.ticket-msg-new-messages-hint {
	position: absolute;
	z-index: 1000;
	text-align: center;
	background-color: #cdc;
	font-weight: bold;
	padding: 2px !important;
	cursor: pointer;
	border-radius: 7px;
	display: none;
	width: 100%;
}

.ticket-msg-new-messages-hint:hover {
	text-align: center;
	background-color: #cec;
	font-weight: bold;
	padding: 2px !important;
	cursor: pointer;
}

.ticket-msg-attachment {
	text-align: right;
}

.message-box-unread {
	color: #aa0000;
}

.new-messages-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fb3640;
    text-align: center;
    color: white;
    visibility: hidden;
}

.new-messages-counter {
	padding-top: 2px;
}

.ticket-form-col {
	flex-direction: column;
	align-self: center;
	padding-right: 10px;
}

.ticket-form-select {
	height: 25px;
	margin-top:4px
}

.ticket-text-area {
	height: 100px;
}
.ticket-table-head-th {
	border-radius: 7px 7px 0px 0px;
	background-color: #464646;
	color: #e8e8e8;
	text-align: center;
	padding: 2px 4px 2px 5px;
}


.tickets-flex {
	display: flex;
}

.ticket-overview {
	display: flex;
	flex-direction: column;
	width: 54%;
	margin-right: 20px;
}

.ticket-overview th, .ticket-content th, .ticket-content-ajax th {
	background-color: #3C58A1 !important;
}

.tickets-head {
	display: flex;
	margin-top: 5px;
	margin-bottom: .3rem;
}

.ticket-content {
	display: flex;
	flex-direction: column;
	width: 46%;
}

.ticket-content-ajax {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ticket-td-content-left {
	background-color: #ddd;
	border-radius: 10px;
}

.ticket-td-content-right {
	background-color: #ccc;
	border-radius: 10px;
}

.ticket-td hr {
	margin-bottom: 5px;
	height: 1px;
	border: none;
}

.ticket-td {
	width: 50% !important;
}

.ticket-td-last {
	padding: 0px !important;
}

.ticket-msg-head {
	display: flex;
}

.ticket-msg-head-name {
	flex-direction: column;
	white-space: nowrap;
}

.ticket-msg-head-date {
	width: 100%;
	text-align: right;
	color: #777;
	flex-direction: column;
}

.ticket-filter-form-div {
	display: flex;

	justify-content: space-between;
}

.ticket-active {
	background: #aaa !important;

}

.ticket-form {
	width: 100%;
	padding-top: 22px;
}

.ticket-form input {
	vertical-align: middle;
}

.message-submit {
	min-width: 2em !important;
	height: 2em;
	background-color: #ddd;
	width: 40px !important;
}

.message-submit:disabled {
	opacity: 0.5;
	cursor: default;
}

.message-attachment {
	min-width: 2em !important;
	height: 2em;
	background-color: #ddd;
	width: 40px !important;
	cursor: pointer;
}

.ticket table {
	table-layout: fixed;
}

.ticket-table-head {
	width: 100%;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: none !important;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	white-space: normal;
}

.ticket-table-content {
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-top: none !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.tickets, .ticket-table-head, .ticket-table-content {
	line-height: 1.4em;
	width: 100%;
}

.tickets-div {
	max-height: 800px;
	overflow: scroll; 
	scrollbar-width: thin;
}

.ticket-div {
	max-height: 800px;
	overflow: scroll; 
	scrollbar-width: thin;
	background-color: #eee;
}

.ticket-div-ajax {
	overflow: scroll; 
	scrollbar-width: thin;
	background-color: #eee;
}

.tickets-list-treemenu-content {
	overflow-y: scroll;
	scrollbar-width: thin;
}

.tickets hr, .ticket-table-content hr {
	height: 1px;
	background-color: #aaa;
	border: none;
}

.tickets td:first-child {
	padding: 5px 10px 5px 10px;
	padding-right: 0px;
	font-size: 1.1rem;
}

.tickets td:last-child {
	padding: 5px 10px 5px 10px;
	padding-left: 0px;
}

.tickets td:nth-child(2) {
	vertical-align: middle !important;
	padding: 5px 10px 5px 10px;
}

.ticket-table-inner-content {
	border-spacing: 12px !important; /* Abstand zwischen den Nachrichten */
	width: 100%;
	position: relative;
}

.ticket-table-inner-content td {
	padding: 15px; /* Abstand innerhalb einer Nachrichtenbox */
}

#box_messages_fadeIn { 
	width:350px;
	background-color: rgba(0,0,0,0.7); 
	border: 2px solid rgba(0,0,0,0.7);
	-moz-border-radius-bottomleft: 10px;
	border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-radius-bottomright: 10px;
	-webkit-border-bottem-left-radius: 10px;
	-webkit-border-bottem-right-radius: 10px;
	border-top:0;
	color:white; 
	display: none;
	position:fixed; 
	top:30px;  
	z-index:1000;
	font-style: normal;
}

.message_note_msg {
	margin-top: 7px;
	font-weight: bold;
}

.messages_note small {
	color: #777;
}

#ticket_messages_count_wrapper {
	position:relative;
}

.openTicketMessages {
  background:transparent url(../img/icons_aktiv/messenger.png) no-repeat;
  height:24px;
  width:24px;
  display:block;
}

.openTicketMessages:hover {
  background:transparent url(../img/icons_roll_over/messenger.png) no-repeat;
}

.openTicketUnreadMessages {
	background:transparent url(../img/icons_roll_over/messenger_new.png) no-repeat;
	height:24px;
	width:24px;
	display:block;
}
  
span#ticket_messages_count {
	position:absolute;
	left:24px;
	top:-24px;
}

#box_messages_fadeIn a#close, #box_fadeIn a#show_all_tickets { 
	background:#ccc;
	padding:3px 5px;	
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

#top_messages_fadeIn {
	padding:5px; 
	max-height:500px;
	overflow: auto;
}

#bottom_messages_fadeIn {
	position: relative;
	bottom: 0px;
	padding:5px;
}

#wrapper {
	position: relative;
}

#box_messages_fadeInNotice { 
	width:300px;
	background-color: rgba(0,0,0,0.7); 
	border: 2px solid rgba(0,0,0,0.7);
	-moz-border-radius-bottomleft: 10px;
	border-radius-bottomleft: 10px;
	-webkit-border-bottem-left-radius: 10px;
	display: none;
	border-top:0;
	position:fixed; 
	top:30px;  
	right:0;
	z-index:1000;	
}

#box_messages_fadeInNotice a#closeNotice, #box_messages_fadeInNotice a#show_all_ticketsNotice, .show_all_messages_btn { 
	background:#ccc;
	padding:3px 5px;	
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

#top_messages_fadeInNotice {
	padding:5px; 
	overflow: auto;
}

#bottom_messages_fadeInNotice {
	position: relative;
	bottom: 0px;
	padding:5px;
}

#wrapperMessagesNotice {
	position: relative;
}

.messages_note {
	position:relative;
	padding:10px;
	padding-left: 22px;
	padding-right: 10px;
	background: linear-gradient(90deg, #999 4%, #ccc 4%);
	color: #000;
	opacity: 1;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
}

.messages_note hr {
	margin-top: 2px;
	color: #ccc;
}

.message_seen {
	position:absolute;
	top:5px;
	right:10px;  
}

.ticket-filter {
	padding: 5px;
	padding-left: 15px;
}

/*
.ticket-filter span {
	display: inline-block;
	width: 145px;
}*/

.closing-ticket {
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

.ticket-context {
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-top: none !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;

}

.ticket-context-block {
	padding-right: 10px;
	padding-bottom: 10px;
}

.ticket-link-light {
	color: #e8e8e8 !important;
}

.link-block {
	display:block;
}

.div-link:hover {
	text-decoration: none !important;
}

.d-none {
	display: none;
}

.tickets-filter {

}

/* Treemenu */
:root {
    --fast-transition: 0.3s;
    --slow-transition: 0.6s;
    --border-radius: 0.3rem;
    --treemenu-hover: #E4E4E4;
    --treemenu-li-padding: 3px;
	--primary: #C0C0C0;
    --dark: #000;
	--primary-tabchat: #007bff;
	--unread: #fb3640;
}

.nested {
    padding-left: 1.2rem;
}

.treemenu-li {
    padding: var(--treemenu-li-padding);
}

.treemenu-li:hover {
    background-color: var(--treemenu-hover);
    cursor: pointer;
    border-radius: var(--border-radius);
    transition: var(--fast-transition);
	color: var(--dark) !important;
}

.treemenu-li-active a {
    color: white !important;
}

.treemenu-li-active {
    padding: var(--treemenu-li-padding);
    background-color: var(--primary);
    border-radius: var(--border-radius);
    color: white;  
}

.treemenu-li-active:hover {
    background-color: var(--primary);
    color: white;
}

.treemenu-root-toggle {
    pointer-events: auto !important;
}

.treemenu-root-toggle[aria-expanded=false] .treemenu-expanded {
    display: none;
}

.treemenu-root-toggle[aria-expanded=true] .treemenu-collapsed {
    display: none;
}

.treemenu-expanded {
    cursor: copy;
}

.treemenu-collapsed {
    cursor: copy;
}

.tickets .collapsing {
    transition: var(--fast-transition) !important;
}

.in-active {
    color: #dfdfdf;
    visibility: hidden;
}

.treemenu-link {
    color: var(--dark);
    text-decoration: none;
}

.treemenu-link:hover {
    text-decoration: none;
    color: var(--dark);
    transition: var(--fast-transition);
}

.treemenu-link:active {
    color: white;
    transition: var(--fast-transition);
}

.treemenu-divider {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.treemenu-row {
	/*
	height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 70%;
	*/
}

.unread-treemenu-item {
	position: absolute;
	margin-left: 7px;
	color: var(--unread);
	font-size: 14px;
	display: none;
}

/* Treemenu end */


/* Bootstrap Uebernahme */

.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-end {
  -ms-flex-pack: justify !important;
  justify-content: end !important;
}


.p-3 {
  padding: 1rem !important;
}

.mr-2 {
  margin-right: .5rem !important;
}

.mt-3 {
  margin-top: 1.0rem !important;
}

.mt-1 {
  margin-top: .25rem !important;
}

.mr-1 {
  margin-right: .25rem !important;
}

.ml-1 {
  margin-left: .25rem !important;
}

.mb-1 {
  margin-bottom: .25rem !important;
}


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

.w-100 {
  width: 100% !important;
}

.w-50 {
  width: 50% !important;
}
.ml-auto {
	margin-left: auto !important;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.position-relative {
	position: relative;
}

.vertical-center {
	vertical-align:middle;
}

.search-submit {
	min-width: 2em !important;
	height: 1.8em;
	width: 40px !important;
	cursor: pointer;
}

.ajax-loading {
	text-align: center;
}

.tickets-not-found {
	text-align: center;
	font-size: 12px !important;
}

.disabled-link {
  pointer-events: none;
  color: #bfbfbf !important;
}

/* alternate row */
.tickets tr:nth-of-type(odd) {
	background-color: #e8e8e8;
}

.marked-text {
	background-color: #edef7d;
}

.placeholder {
	height: .5rem !important;
}

.placeholder-big {
	height: 1rem !important;
}

.search-hint {
	color: #aa0000;
	padding-top: 1px;
	padding-left: 4px;
}

.ticket-icon-ok {
	color: #008200;
}

.ticket-icon-rejected {
	color: #aa0000;
}

.disabled-content {
    pointer-events: none;
    opacity: 0.7;
}

button {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	border: 1px solid #999;
	padding: 2px 2px 2px 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.new-ticket-button {
	height: 1.8em;
	width: 1.8em;
	cursor: pointer;
}

.ticket-input {
	height: 18px;
}

.thin-hr {
	height: 1px;
	background-color: #aaa;
	border: none;
	margin-bottom: 10px;
	margin-top: 20px;
}

.new-ticket-form-button {
	height: 2em;
	margin-right: 1em;
}

.ajax-error {
	text-align: center;
	padding: 5px;
	color: #dc0000;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	border: 2px solid #dc0000;
	border-radius: 10px;
}

.ticket-last-message {
	color: gray;
}

#ticket-sort-option {
	height: 2em;
}

.tickets-list-active-filter-text {
	height: 30px;
	line-height: 0.8rem;
}

.active-filter-text-small {
	color: gray;
}

#ticket-sort-direction {
	margin-right: 0.5rem;
}

.tickets-list-footer {
	text-align: center;
	padding: 0.5rem;
}

.ticket-has-attachment {
	font-size: 1.1rem;
}

.ticket-row td {
	position: relative;
}

.ticket-row:hover {
	background-color: rgb(197, 197, 197) !important;
	cursor: pointer;
}

.ticket-closing {
	color: #999;
}

.ticket-closing-new-messages-bg {
	background-color: #999;
}

.ticket-closing:hover {
	color: #000;
}

.btn-reset:hover {
	opacity: 1;
}

.btn-reset {
	position: absolute;
	right: 10px;
	top: 4px;
	opacity: 0.5;
    cursor: pointer;
}

.ticket-icon-td {
	width: 27px;
}

.ticket-icon-tabchat {
	color: var(--primary-tabchat);
}

.bs-invisible {
  visibility: hidden !important;
}

.bs-visible {
  visibility: visible !important;
}

/* Bereich Ticket Flags */
:root {
    --flag-color-0: #444;
    --flag-color-1: hsl(5, 77%, 63%);
    --flag-color-2: hsl(282, 39%, 61%);
    --flag-color-3: hsl(204, 71%, 61%);
    --flag-color-4: hsl(145, 62%, 60%);
    --flag-color-5: hsl(48, 88%, 60%);
}

.flag-color-0 {
    color: var(--flag-color-0);
}
.flag-color-1 {
    color: var(--flag-color-1);
}
.flag-color-2 {
    color: var(--flag-color-2);
}

.flag-color-3 {
    color: var(--flag-color-3);
}

.flag-color-4 {
    color: var(--flag-color-4);
}

.flag-color-5 {
    color: var(--flag-color-5);
}

.rotate {
  animation: shake 0.2s infinite linear;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(10deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}

.flag-correct {
    vertical-align: -.13em !important;
}

.ticket-flag {
	font-size: 1.0rem;
}

.bli-custom::before, [class^="bli-custom-"]::before, [class*=" bli-custom-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: bold !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bli-custom-flag::before {
    content: "\f3cc";
}

/* Bereich Ticket Flags Ende */

/* Bereich Simple Dropdown */
.dropbtn {
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}

.dropdown {
	position: relative;
	display: inline-block;
	margin-left: 10px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	z-index: 1;
	top: 25px;
	right: 0;
}

.dropdown-content a {
	color: black;
	padding: 10px 10px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {background-color: #e1e1e1;}

.show-dropdown {
	display:block;
}

/* Bereich Simple Dropdown Ende */

.messagebox-subject-line {
	color: #555;
	font-style: normal;
}

.overflow-hidden {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nowrap {
	white-space: nowrap;
}

/* Bereich Button-Group */
.btn-group button {
	color: #6c757d;
	height: 25px;
	cursor: pointer;
	float: left;
	width: 50%;
	font-weight: bold;
	text-align: left;
	padding-left: 1.1rem;
}

.btn-group button:first-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.btn-group button:last-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.btn-active {
	background-color: var(--primary) !important;
	color: white !important;
}

.btn-group button:not(:last-child) {
  border-right: none;
}

.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group button:hover, btn-group:hover {
	background-color: var(--primary) !important;
	color: white !important;
}
/* Ende Button Group */

.tickets-type-menu {
	margin-bottom: 1rem;
}