@font-face 
{ 
  font-family: Roboto; 
  src: url("../fonts/Roboto-Light.ttf") format('truetype'); 
}

body {
  background: #FBFBFB;
  font-family: 'Roboto', sans-serif;
  font-size: 16px !important;
}

h1 {
  font-size: 36px !important;
}

.table-font-small {
  font-size: 14px !important;
}

hr {
  height: 1px;
  color: #000;
  background-color: #D8D8D8;
}

.index-main {
  font-size: 26px !important;
}

.logo-user-initials {
  margin-top: 14px;
}

#startTimer {
  display: none;
}

#setToTicket {
  display: none;
}

#createTicketFromMail {
  display: none;
}

#assignToTicketHide {
  display: none;
}

#createTicketHide {
  display: none;
}

.btn-create-ticket {
  height: 80px;
  font-size: 24px !important;
}

#createFormButtons {
  display: none;
}

#showCreateButtonsHide {
  display: none;
}

#hideNewPriority {
  display: none;
}

#newPriorityArea {
  display: none;
}

#hideSupporter {
  display: none;
}

#hideNewKeyword {
  display: none;
}

#hideNewRegister {
  display: none;
}

#newRegisterArea {
  display: none;
}

#hideRegister {
  display: none;
}

#registerArea {
  display: none;
}

#keywordArea {
  display: none;
}

#supportArea {
  display: none;
}

#submissionArea {
  display: none;
}

#hideNewSupporter {
  display: none;
}

#newSupporterArea {
  display: none;
}

#showComm {
  display: none;
}

#hideNewComm {
  display: none;
}

#hideNewSubmission {
  display: none;
}

#showNewSubmissionArea {
  display: none;
}

#hideSubmission {
  display: none;
}

#close-defined-texts {
  display: none;
}

#defined-texts {
  display: none;
}

#newCommArea {
  display: none;
}

#hideStatus {
  display: none;
}

#statusArea {
  display: none;
}

#chatWindow {
  display: none;
}

#chat-help {
  display: none;
}

.showRes {
  display: none;
}

.resArea {
  margin-left: 10px;
}

.btn-round-right {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-top-right-radius: 0.45rem;
  border-bottom-right-radius: 0.45rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-secondary-rr {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary-rr:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary-rr:focus, .btn-secondary-rr.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary-rr.disabled, .btn-secondary-rr:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary-rr:not(:disabled):not(.disabled):active, .btn-secondary-rr:not(:disabled):not(.disabled).active,
.show > .btn-secondary-rr.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary-rr:not(:disabled):not(.disabled):active:focus, .btn-secondary-rr:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary-rr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:860px;
  overflow:auto;  
  /*margin-top:20px;*/
}
#table-wrapper table {
  width:100%;

}
#table-wrapper table * {
  /*background:yellow;*/
  /*color:black*/;
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px;
}

a:link, a:visited a:hover, a:active {
  text-decoration: none;
}

a.folder-mail:link, a.folder-mail:visited a.folder-mail:hover, a.folder-mail:active {
  text-decoration: none;
  color: #000 !important;
}

#secquest {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

.btn-text {
  font-size: 14px;
}

#footer {
  width: 100%;
}

.btn-nav {
  transition: transform .2s; /* Animation */
}

.btn-nav:hover {
  z-index: 10000;
  transform: scale(1.2);
}



@media (max-width: 350px) {
  .form-control-awesomeplete {
    width: 200px;
  }
  .form-control-awesomeplete-small {
    width: 160px;
  }
}

@media (min-width: 310px) and (max-width: 575.98px) {
  .form-control-awesomeplete {
    width: 300px;
  }
  .form-control-awesomeplete-small {
    width: 260px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .form-control-awesomeplete {
    width: 450px;
  }
  .form-control-awesomeplete-small {
    width: 410px;
  }
}

@media (min-width: 768px)  and (max-width: 991.98px) {
  .form-control-awesomeplete {
    width: 520px;
  }
  .form-control-awesomeplete-small {
    width: 480px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px){
  .form-control-awesomeplete {
    width: 720px;
  }
  .form-control-awesomeplete-small {
    width: 680px;
  }
}

@media (min-width: 1200px) {
   .form-control-awesomeplete {
    width: 870px;
  }
  .form-control-awesomeplete-small {
    width: 830px;
  }
}

.navbar {
  background-color: #383838;
}

.navbar a:link, a:visited a:hover, a:active {
  vertical-align: text-bottom;
  text-decoration: none;
  font-size: 14px;
}

.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #dddcde;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #dddcde;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #dddcde; 
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #dddcde;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #383838;
  border-color: #6e6b70;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #dddcde;
  background-color: #6e6b70;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #6e6b70;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #dddcde;
  background-color: #6e6b70;
}
.navbar .navbar-toggle {
  border-color: #6e6b70;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #6e6b70;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #dddcde;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #dddcde;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #dddcde;
    background-color: #6e6b70;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #dddcde;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #dddcde;
    background-color: #6e6b70;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #dddcde;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #dddcde;
    background-color: #6e6b70;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #dddcde;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #dddcde;
    background-color: #6e6b70;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #dddcde;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #dddcde;
  background-color: #6e6b70;
}

#topButton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 10000;
  background-color: #383838;
  padding-top: 10px;
  padding-bottom: 10px;
}

#topButton:hover {
  background-color: #67717A;
}



table.dataTable tbody th.focus,table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #3366ff}div.dtk-focus-alt table.dataTable tbody th.focus,div.dtk-focus-alt table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #ff8b33}



table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#B0BED9}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#acbad4}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#aab7d1}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#a6b4cd}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#a5b2cb}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#a2aec7}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}

.create-upload {
  z-index: 10000;
}

.dropzone {
  margin-top: -50px;
  width: 100%;
  height: 140px;
  min-height: 0px !important;
  z-index: -10000;
}

/* Sternebewertung */

span#Bewertung {
 line-height: 45px;
}

span.sternebewertung {
 float: Left;
}

span.sternebewertung:not(:checked) > input {
 display: None;
}

span.sternebewertung:not(:checked) > label {
 float: Right;
 width: 1em;
 padding: 0 .1em;
 overflow: Hidden;
 white-space: Nowrap;
 cursor: Pointer;
 font-size: 200%;
 line-height: 1.2;
 color: #D0D0D0;
 text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5);
 transition: all .5s;
}

span.sternebewertung:not(:checked) > label:before {
 content: '★ ';
}

span.sternebewertung > input:checked ~ label {
 color: #FFD700;
 text-shadow: 1px 1px #C06000, 2px 2px #904000, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung:not(:checked) > label:hover,
span.sternebewertung:not(:checked) > label:hover ~ label {
 color: #FFD700;
 text-shadow: 1px 1px #F29E02, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung > input:checked + label:hover,
span.sternebewertung > input:checked + label:hover ~ label,
span.sternebewertung > input:checked ~ label:hover,
span.sternebewertung > input:checked ~ label:hover ~ label,
span.sternebewertung > label:hover ~ input:checked ~ label {
 color: #F9B500;
 text-shadow: 1px 1px #F8BA01, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
 
:checked + span { color: #FFD700; }
}

.ticket-card {
  cursor: pointer;
  transition: all 0.2s ease;
}

.ticket-card:hover {
  background-color: #f8f9fa;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header h6 {
  font-size: 0.9rem;
}

.ticket-card h6 {
  font-size: 0.85rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ticket-card small {
  font-size: 0.75rem;
}