:root {
  --primary: #97ADC5 !important;
}

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  outline: none;
}


::selection {
  background: #97ADC5;
  /* WebKit/Blink Browsers */
  color: white;
}

::-moz-selection {
  background: #97ADC5;
  /* Gecko Browsers */
  color: white;
}

.dev {
  border: 1px solid red !important
}


/* DEBUGGING


div.row, div[class^="col-"]{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid green;
}
div[class^="col-"]{ border: 1px solid red }

input{ border: 1px solid blue !important; }
td, th{ border: 1px solid fuchsia !important; }
ul { border: 1px solid green !important; }
li { border: 1px dashed green !important; }


*/




.pride {
	background: linear-gradient(180deg, #FE0000 16.66%,
		#FD8C00 16.66%, 33.32%,
		#FFE500 33.32%, 49.98%,
		#119F0B 49.98%, 66.64%,
		#0644B3 66.64%, 83.3%,
		#C22EDC 83.3%);
}



body, html {
  font-family: -apple-system, 'SF Pro', 'Poppins',  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  font-weight: 400;
}

html {
  touch-action: manipulation;
}

.hideOnSmallScreen-warning {
  display: none
}

@media (max-width: 1640px) {
  .hideOnSmallScreen {
    display: none
  }
  .hideOnSmallScreen-warning {
    display: block;
  }
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links {
  /*width: 440px !important;*/
  height: auto !important;
  padding-left: 0px !important;
}

.navbar-nav li {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding: 0px !important;
}

.navbar.default-layout {
  background: linear-gradient(120deg, #66879c, #97ADC5) !important;
}

.sidebar .nav {}

.brand-logo {
  padding: 10px 15px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  /*-webkit-text-fill-color: white !important;*/
}

input[type="text"] {
  letter-spacing: 1px
}

input[type="password"] {
  letter-spacing: 5px
}

.btn-group-right {
  height: 100%;
  border: 1px solid #f2f2f2;
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.btn-50 {
  width: 50%;
}

.mdi-125px {
  font-size: 125px;
}

.pb-0 {
  padding: 0px !important;
}

.plx-2 {
  padding-left: 0px !important;
}

.no-hover:hover {
  background-color: transparent!important;
}

.auth.theme-two .banner-section {
  padding-left: 0;
}

.bg-lockscreen {
  background: url(/images/lockscreen-2.jpg) no-repeat center center;
  background-size: cover;
}

.bg-login {
  background: url(/images/login.jpg) no-repeat center center;
  background-size: cover;
}

.bg-reset {
  background: url(/images/reset-1.jpg) no-repeat center center;
  background-size: cover;
}

.card-footer {}

.table {
  table-layout: fixed !important;
  overflow-x: auto;
}

.table td,
.table th {
  padding: 5px 15px !important;
  word-break: break-word !important;
  white-space: inherit;
}

.fakedthead,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.5;
}

.fakedthead,
table.dataTable thead .sorting {
  background: url(/images/datatable_sort_both.png) no-repeat center right;
}

.fakedthead,
table.dataTable thead .sorting_asc {
  background: url(/images/datatable_sort_asc.png) no-repeat center right;
}

.fakedthead,
table.dataTable thead .sorting_desc {
  background: url(/images/datatable_sort_desc.png) no-repeat center right;
}

.fakedthead,
table.dataTable thead .sorting_asc_disabled {
  background: url(/images/datatable_sort_asc_disabled.png) no-repeat center right;
}

.fakedthead,
table.dataTable thead .sorting_desc_disabled {
  background: url(/images/datatable_sort_desc_disabled.png) no-repeat center right;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px !important;
}

.table-bordered td,
.table-borderless td,
.table td {
  line-height: 1.4rem !important;
  vertical-align: top;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.table thead,
.fakedthead {
  background-color: #2196F3;
  color: white;
}

table.saved th {
  background-color: #66879c !important;
  color: white !important;
}

table.saved th a, .bg-darker {
  background-color: #66879c !important;
  border: 1px solid #66879c !important;
  color: white !important
}


/*table.saved button{ background-color: #66879c !important; color: white !important; border: 1px solid #66879c !important;}*/

table.closed th {
  background-color: #1b9 !important;
  color: white !important;
}

table.closed th a {
  background-color: #1b9 !important;
  border: 1px solid #1b9 !important;
  color: white !important
}

.btn-closed{
  background-color: #1b9 !important
}


/* .table tbody tr.even:hover {
  background-color: #efefefee !important;
}

.table tbody tr.odd:hover {
  background-color: #efefefee !important;
}

.table tbody .odd {
  background-color: #efefef55 !important;
} */

.tablep-0 tr td {
  padding: 0px !important
}

table * {
  padding: 0px !important;
}

table td {
  padding: 2px !important;
  vertical-align: middle
}

.table-p-0 td {
  padding: 0px !important;
  height: auto !important;
}

.table tbody tr {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.table-dashboard td,
.table-dashboard th,
.table,
.table thead th,
.jsgrid .jsgrid-table thead th {
  vertical-align: middle !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  height: 35px !important;
}


/*table.dataTable tbody td{
  word-break: break-word !important;
  vertical-align: middle !important;
  white-space: pre-wrap !important;
}*/

.table-bordered td {
  border-top: none;
  border-left: none;
  border-right: none;
}

.card {
  /*margin-top: 15px !important;*/
}


/*.card .card-body{padding: 1.48rem 1.41rem !important;}*/

.width-400 {
  width: 400px !important;
}

.width-290 {
  width: 290px !important;
}

.width-200 {
  width: 200px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-150 {
  width: 150px !important;
}

.width-130 {
  width: 130px !important;
}

.width-210 {
  width: 210px !important;
}

.width-110 {
  width: 110px !important;
}

.width-100 {
  width: 150px !important;
}

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

.width-50p {
  width: 50% !important;
}

.width-60p {
  width: 60% !important;
}

.width-70p {
  width: 70% !important;
}

.width-70 {
  width: 70px !important;
}

.width-75 {
  width: 75px !important;
}

.width-20 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-40 {
  width: 40px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.nopadding,
.table-nopadding tr,
.table-nopadding td {
  padding: 0 !important;
}

.height-60 {
  height: 25px !important;
}

.height-31 {
  height: 31px !important;
}

.height-25 {
  height: 27px !important;
}

.hidden td {
  padding: 0px !important;
  margin: 0px !important;
  height: 1px !important;
}

.form-mono,
.mono-xs,
.monospace,
.monospace * {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.mono-xs,
.mono-xs td,
.mono-xs * {
  font-size: 0.75rem !important
}

.btn-xs {
  padding: 5px !important;
}

.btn-xs * {
  font-family: 1rem !important
}

.height-20 {
  height: 20px !important
}

.height-25 {
  height: 25px !important
}

.height-30 {
  height: 30px !important
}

.height-80p {
  height: 50% !important
}

.overflow {
  overflow-y: auto
}

.time-rec thead {
  background-color: #F3F4FA;
  font-weight: bolder;
  text-align: center
}

.time-rec tbody td {
  margin: 0px !important;
  /*padding: 0px !important;*/
}

.timesheet {
  width: 100%;
  text-align: left
}

.timesheet-entry__is-planned {
  width: 30px;
}

.timesheet td {
  padding: 2px 15px;
}


/* .timesheet .btn-primary, .timesheet .btn-secondary{ width: 28px !important; } */

.timesheet td:last-child {
  width: 70px;
}

.heute {
  background-color: #FCF8E3;
}

.tz {
  width: 20%;
  float: right;
}

.btn-xxs {
  width: 30px !important;
  height: 30px !important;
  padding: 5px !important;
}

.tc:first-child {
  padding: 0px;
  margin: 0px;
  width: 40% !important;
  float: left;
}

.tc:nth-child(2) {
  padding: 0px;
  margin: 0px;
  width: 40% !important;
  float: left;
}

.time {
  padding: 0px !important;
  margin: 0px !important;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-align: center;
  outline: none;
  border: none;
  background-color: transparent !important;
  height: 45px;
}

.timecard .time {
  height: 35px !important;
}

code {
  color: #acacac;
}

.border-top-2 {
  border-top: 3px solid #f2f2f2;
}

.border-round-right {
  border-top-right-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

td.details-control {
  /*background: url('http://www.datatables.net/examples/resources/details_open.png') no-repeat center center;*/
  cursor: pointer;
}

tr.shown td.details-control {
  /*background: url('http://www.datatables.net/examples/resources/details_close.png') no-repeat center center;*/
}

.bg-light2 {
  background-color: #f7f7f788;
}

.bg-danger2 {
  background-color: #ffcdc988;
}

.bg-success2 {
  background-color: #b5f2dd88;
}

.display-none {
  display: none
}

.col-heightfix {
  height: 140px !important;
}

h5 {
  font-weight: bolder;
}

.mdi-c18px {
  font-size: 18px !important;
}

.modal-body {
  background-color: #fff;
}

.simtbl-di,
.simtbl-do {
  background-color: #efefef33;
}

.simtbl-sa,
.simtbl-so {
  background-color: #efefefaa;
}

.google-padding {
  padding-left: 30px !important;
}

.alert-float {
  z-index: 9999;
  position: absolute;
  right: 20px;
  top: 90px;
}

::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('/images/wink.png');
  /* fallback */
  /*background-image: url('/images/wink.svg'), none;*/
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
  background-position: -44px center;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  /*border-color: #0088cc;*/
  outline: transparent;
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .profile-text {
  line-height: 1.15rem;
}

.color-igk {
  color: #F39912 !important;
}

.color-flott {
  color: #2C2372 !important;
}

.color-lore {
  color: #005787 !important;
}

.color-sfg {
  color: #76BDE7 !important;
}

.color-sfmg {
  color: #76BDE7 !important;
}

.bg-igk {
  background-color: #F39912 !important;
}

.bg-flott {
  background-color: #2C2372 !important;
}

.bg-lore {
  background-color: #005787 !important;
}

.bg-sfg {
  background-color: #76BDE7 !important;
}

.bg-sfmg {
  background-color: #76BDE7 !important;
}

.cardcolor-igk {
  border-left: 4px solid #F39912 !important;
  border-right: 4px solid #F39912 !important;
}

.cardcolor-flott {
  border-left: 4px solid #2C2372 !important;
  border-right: 4px solid #2C2372 !important;
}

.cardcolor-lore {
  border-left: 4px solid #005787 !important;
  border-right: 4px solid #005787 !important;
}

.cardcolor-sfg {
  border-left: 4px solid #76BDE7 !important;
  border-right: 4px solid #76BDE7 !important;
}

.cardcolor-sfmg {
  border-left: 4px solid #76BDE7 !important;
  border-right: 4px solid #76BDE7 !important;
}

.invalid {
  background-color: #ffb3b3 !important;
  border-color: #ff6258 !important;
}

.list-arrow {
  color: #fff !important;
}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.icon-floatleft {
  float: left;
  padding-top: 10px;
}

.alert-block {
  display: block;
  margin-left: 45px;
  margin-top: 5px;
}

.img404 {
  position: absolute;
  right: 0px;
  top: 20px;
}

.mh-400 {
  min-height: 400px
}

.huge {
  font-size: 4.5rem;
}

#data .datatablesearch0 {
  display: none!important;
}

#ticketdata .datatablesearch0 {
  display: none!important;
}


/* #data .datatablesearch11{ display: none!important; } */


/* #ticketdata .datatablesearch3{ display: none!important; }
#ticketdata .datatablesearch7{ display: none!important; }
#ticketdata .datatablesearch8{ display: none!important; } */


/* #ticketdata .datatablesearchotheruser4{ display: none!important; }
#ticketdata .datatablesearchotheruser7{ display: none!important; }
#ticketdata .datatablesearchotheruser8{ display: none!important; } */

.filter-option-inner-inner {
  height: 17px;
}

#table .dropdown-menu {
  position: relative;
  float: none;
  width: 160px;
}

.no-padding {
  padding: 0px !important;
}

.bg-odd {
  background-color: #efefef77 !important
}

.bg-wochenende {
  border-left: 2px solid grey;
  background-color: #E6EEF2ff !important
}

.feiertagwe {
  border-left: 2px solid grey;
  background-color: #FFECD9;
  color: #ffffff;
  border-radius: 2px
}

.bg-higlight {
  background-color: #E6EEF233 !important
}

input.monospace {
  background-color: transparent;
  border: none;
  font-size: 0.8rem;
  width: 110px;
}

.dropdown-item .tiny {
  font-size: 0.65rem;
  margin-left: 10px;
}

a.anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

.backtostart {
  position: absolute !important;
  right: 100px !important;
}

code {
  font-size: 87.5%;
  color: #2196f3;
  word-break: break-word;
  padding: 5px 7px;
}

h4.doc {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #acacac;
  line-height: 0.1em;
  margin: 35px 0px 25px;
}

h4.doc span {
  background: #fff;
  padding-right: 15px;
  margin: 20px 0px 15px;
}

td {
  white-space: normal !important;
  word-wrap: break-word;
}

table {
  table-layout: fixed;
}

table th,
table td {
  overflow: hidden;
}

#headerdatum {
  width: 130px !important
}


/*.multiselect-container>li>a>label.checkbox, .multiselect-container>li>a>label.radio {
    display: block;
}

.multiselect-container>li>a>label {
     padding: 5px 7px !important
}

.multiselect-container li:hover{
     background-color: #FAFBFC !important;
     text-decoration: none;
}*/

.btn-group>.btn:first-child,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:first-child,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:first-child,
.wizard>.actions .btn-group>a:first-child {
  background-color: #fff !important;
  height: 20px !important;
}

#waitspinner {
  display: none !important;
  min-height: 400px !important;
}

.is-blurred {
  filter: blur(10px);
  backdrop-filter: blur(10px);
}

ul.dropdown-menu li a {
  display: block !important;
  padding: .3rem 1.0rem !important;
  margin-bottom: 0 !important;
  font-size: .875rem !important;
  color: #6c757d !important;
  white-space: nowrap !important;
}

small.text-muted {
  margin-left: 10px;
}

.text-muted,
.preview-list .preview-item .preview-item-content p .content-category,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation,
.email-wrapper .mail-list-container .mail-list .content .message_text,
.email-wrapper .mail-list-container .mail-list .details .date {
  color: #ababab !important;
}

small.text-muted:before {
  /*content: "\00BB";*/
  margin-right: 6px;
}

.text-mute {
  color: #ababab !important;
  font-size: 0.9em;
}

.selectbs {
  height: 30px !important;
  line-height: 30px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  background-color: transparent !important;
}

.dropdown-divider {
  margin: 0px !important;
}

.bootstrap-select .dropdown-menu li.active small {
  color: black !important;
}

.typeahead {
  z-index: 1051;
}

#searchquery {
  height: 31px !important;
  padding: 10px !important;
}

span.twitter-typeahead .tt-menu {
  cursor: pointer;
}

.dropdown-menu,
span.twitter-typeahead .tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

span.twitter-typeahead .tt-suggestion {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

span.twitter-typeahead .tt-suggestion:focus,
.dropdown-item:hover,
span.twitter-typeahead .tt-suggestion:hover {
  color: #2b2d2f;
  text-decoration: none;
  background-color: #f5f5f5;
}

span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  outline: 0;
}

span.twitter-typeahead .disabled.tt-suggestion,
span.twitter-typeahead .disabled.tt-suggestion:focus,
span.twitter-typeahead .disabled.tt-suggestion:hover {
  color: #818a91;
}

span.twitter-typeahead .disabled.tt-suggestion:focus,
span.twitter-typeahead .disabled.tt-suggestion:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}

span.twitter-typeahead {
  width: 100%;
}

.input-group span.twitter-typeahead {
  display: block !important;
}

.input-group span.twitter-typeahead .tt-menu {
  top: 2.375rem !important;
}

span.twitter-typeahead {
  width: calc(100% - 3rem);
  margin-left: 3rem;
}

.typeahead.dropdown-menu,
span.twitter-typeahead .tt-menu {
  min-width: 100%;
  background: white;
  border: none;
  border-radius: 0;
  font-size: 1.2rem;
}

span.twitter-typeahead .tt-suggestion {
  color: #4285F4;
  cursor: pointer;
  padding: 1rem;
  text-transform: capitalize;
  font-weight: 400;
}

span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
  background-color: #EEEEEE;
  color: #4285F4;
}

label.active {
  color: #4285F4 !important;
}

ul.typeahead {
  position: absolute !important;
  top: 29px !important;
  display: block;
  width: 290px !important;
  word-break: break-all !important;
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);*/
}

ul.typeahead li {
  background-color: white !important;
}

ul.typeahead li a strong {
  font-weight: bold !important;
  color: #FF6159 !important;
}

@media (min-width: 1200px) {
  .pos-fixed {
    position: fixed;
  }
}

#fastsearch {
  height: 20px !important;
  padding: 15px!important;
}

.toggable {
  display: none;
}

.found {
  display: block;
}

.hidden {
  display: none;
}

#copytbl th {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#copytbl input {
  /*height: 38px !important; */
  padding-right: 3px !important;
  padding-left: 3px !important
}

#copytbl select {
  height: 28px !important;
}

.table td,
.jsgrid .jsgrid-table td,
.table th,
.jsgrid .jsgrid-table th {
  height: 25px;
}

.btn.btn-icons,
.ajax-upload-dragdrop .btn-icons.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled,
.wizard>.actions a.btn-icons {
  height: 32px !important;
  width: 32px !important;
}

.card-header {
  padding: 1rem 1.81rem !important;
}

.card.bg-orange-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#ff7f2e), to(#fe7452));
  background: linear-gradient(to right, #ff7f2e, #fe7452);
  color: white
}

.card.bg-red-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#f33f33), to(#f0685f));
  background: linear-gradient(to right, #f33f33, #f0685f);
  color: white
}

.card.bg-blue-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#065efd), color-stop(#3169fd), to(#6f79fc));
  background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);
  color: white;
}

.card.bg-green-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#3BA31B), color-stop(#77C94F), to(#6f79fc));
  background: linear-gradient(to right, #3BA31B, #5FB238, #77C94F);
  color: white;
}

.card.bg-grey {
  background-color: #FAFBFC !important
}


/*.required{ color: #f00; }*/

form label {
  font-weight: bold
}

form label span {
  font-weight: normal
}

textarea {
  line-height: 1rem !important;
  font-size: 0.85rem !important;
}

.card * {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.typeahead.dropdown-menu,
span.twitter-typeahead .tt-menu {
  display: none;
  width: 200px !important;
  overflow-x: auto;
  height: auto;
}

input.typeahead {
  padding-left: 4px !important;
}

ul .typeahead li {
  font-size: 8px !important;
}

ul.typeahead li a strong {
  color: yellow !important;
}

.modal ul.typeahead li a strong {
  color: #BF5954 !important;
}

.card-footer {
  background-color: #FFF !important;
  border-top: 0px !important;
}

.dropdown-header {
  padding: 5px 10px !important;
  background-color: #9aafc7 !important;
  color: white !important;
}

.bg-primary,
.table thead,
.fakedthead {
  background-color: #9aafc7 !important;
}

.btn-primary {
  border: 1px solid #9aafc7 !important;
  background-color: #9aafc7 !important;
}

.btn-outline-primary{
  border: 1px solid #9aafc7 !important;
  color: #9aafc7 !important;
  background-color: white !important;
}

.btn-outline-primary:hover{
  color: white !important;
  background-color: #9aafc7 !important;
}




#emp {
  display: flex;
  flex-direction: column;
}

.MACardToHide {
  order: 10;
}

.borrowedemp {
  order: 1;
}

.borrowedemp thead,
.borrowedemp .btn,
.borrowedemp tbody tr.bg-primary {
  background-color: #BF5954 !important
}

.borrowedemp .btn {
  border: 1px solid #BF5954 !important;
}

.borrowedemp .mdi-minus {
  color: white !important;
}

.bg-newemp {
  background-color: #BF5954 !important;
  border: 1px solid #BF5954;
}

.bg-newemp:hover {
  border: 1px solid #BF5954;
}

table.borrowedempsaved.saved th,
table.borrowedempsaved.saved .btn {
  background-color: #9C4845 !important
}

table.borrowedempsaved.saved .btn {
  border: 1px solid #9C4845 !important
}

.smaller {
  font-size: 80% !important;
  font-style: italic
}

.disabledBetrag {
  text-decoration: line-through;
  font-style: italic;
  color: #5555 !important;
}

.HrsWarning8 {
  border: 1px solid #FFF410 !important;
  background-color: #FFF41011!important;
  border-radius: 4px;
}

.HrsWarning10 {
  border: 1px solid #ffaf00 !important;
  background-color: #ffaf0011!important;
  border-radius: 4px;
}

.HrsWarning12 {
  border: 1px solid #ff6258 !important;
  background-color: #ff625811 !important;
  border-radius: 4px;
}

.no-padding-child tr {
  padding: 0px !important;
}

.no-padding-child * {
  margin: 0px !important;
}

.nrformat,
.nrformat * {
  font-family: monospace;
  text-align: right;
  font-size: 1rem;
}

.clearfix {
  clear: both;
}

.table-custom-bordered {
  border-collapse: collapse;
}

.table-custom-bordered td,
.table-custom-bordered th {
  border: 1px solid #f2f2f2;
}

.table-custom-bordered tr:first-child th {
  border-top: 0;
}

.table-custom-bordered tr:last-child td {
  border-bottom: 0;
}

.table-custom-bordered tr td:first-child,
.table-custom-bordered tr th:first-child {
  border-left: 0;
}

.table-custom-bordered tr td:last-child,
.table-custom-bordered tr th:last-child {
  border-right: 0;
}

.tr-borderless,
.tr-borderless * {
  border: none !important;
}

.sumline {
  border-bottom-style: double !important;
  border-bottom-color: #6B8CA0 !important;
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: #6B8CA0 !important;
  background-color: #6B8CA011;
}

.tr-header-1 {
  background-color: #E8DC77 !important;
}

.tr-header-2 {
  background-color: #FFF29D !important;
}

.tr-inactive {
  background-image: linear-gradient(145deg, #fafafa 6.52%, #ffffff 6.52%, #ffffff 50%, #fafafa 50%, #fafafa 56.52%, #ffffff 56.52%, #ffffff 100%);
  background-size: 23.00px 16.10px;
}

.invisible2 {
  display: none;
}


/*input:required {
  border: 1px solid #ff000044 !important;
  background-color: rgba(255, 0, 0, 0.03) !important;
  border-radius: 5px !important;
}*/

.thead-bg-1 {
  background-color: #6D8DA2;
  color: white;
}

.thead-bg-2 th {
  background-color: #97ADC5;
  color: white;
  border-left: none;
  border-right: none;
}

.tfoot-bg-1 {
  background-color: #F3F4FA
}

.tfoot-bg-2 {
  background-color: #708EA4;
  color: white;
}

.pfix-btn {
  padding: 5px 10px !important;
}

.bg-detail {
  /*background-image: linear-gradient(136deg, #ffffff 41.67%, #ecf2f577 41.67%, #ecf2f577 50%, #ffffff 50%, #ffffff 91.67%, #ecf2f577 91.67%, #ecf2f577 100%) !important;
background-size: 18.00px 18.00px !important;*/
  background-color: #ECF2F5 !important;
}


/*.MAhiddenRow{ display: none }*/

.table td,
.table th {
  padding-left: 5px !important;
  padding-right: 5px !important;
}


/*.floatThead-container{ top: 63px !important; }*/

.table-condensed td {
  padding-top: 3px !important;
  padding-bottom: 0px !important;
}

.table-condensed .custom-select, .custom-input {
  height: calc(2.10rem) !important;
  padding: 0px 10px !important;
}

.custom-input{
  border: 1px solid rgb(206, 212, 218) !important;
  font-size: 12px !important;
}

input:not(.form-control) {
  width: 100% !important;
}

ul.leaders {
  max-width: 40em;
  padding: 0;
  overflow-x: hidden;
  list-style: none
}

ul.leaders li:after {
  float: left;
  width: 0;
  white-space: nowrap;
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
  color: #eee;
}

ul.leaders span:first-child {
  padding-right: 0.33em;
  background: white
}

ul.leaders span+span {
  float: right;
  padding-left: 0.33em;
  background: white;
  position: relative;
  z-index: 1;
  font-family: monospace;
}

.alert {
  padding: 4px 10px !important;
  margin-bottom: 2px !important;
}

.alert-fill-primary,
.alert-fill-info,
.alert-fill-warning,
.alert-fill-danger {
  padding: 20px 10px 10px 10px !important;
}

.jq-toast-wrap .jq-icon-success {
  background-color: #19d895;
}

.jq-icon-success,
.jq-icon-error,
.jq-icon-info,
.jq-icon-warning {
  color: white !important;
  font-size: 15px !important;
}

.jq-icon-success {
  background-color: #13A860;
  border-color: #d6e9c6;
}

.jq-toast-single h2 {
  font-weight: bold;
  font-size: 18px;
}

.liststyleenabled {
  list-style: circle;
}

@media only screen and (max-width: 960px) {
  .headerdatum {
    display: none !important;
  }
}

.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
  border: 3px solid #e6eef2 !important;
  background-color: #e6eef2 !important;
  color: #000 !important;
}

.badge {
  padding: 2px 4px !important;
}


/* .badge{
  padding: 3.5px !important;
} */

.simtbl td:nth-child(1)>input:nth-child(1) {
  width: 95px !important;
}

.stundenvorgabe {
  text-align: right;
  background-color: #abb2b5;
  border: 1px solid #abb2b5;
  margin-left: 4px;
  font-size: 11px;
}

.pagination .page-item.active .page-link,
.jsgrid .jsgrid-pager .page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.pagination .page-item:active .page-link,
.jsgrid .jsgrid-pager .page-item:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active a,
.pagination .page-item:focus .page-link,
.jsgrid .jsgrid-pager .page-item:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a,
.pagination .page-item:hover .page-link,
.jsgrid .jsgrid-pager .page-item:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a {
  background: #99AFC7;
  border-color: #99AFC7;
  color: #ffffff;
}

.page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: #99AFC7;
}

.om_mon {
  display: block;
  display: none;
}

.om_day {
  font-size: 1.1rem;
  font-weight: bold;
}

.om_wt {
  display: block;
}

.om_heute {
  border-left: 2px solid #99AFC7 !important;
  border-right: 2px solid #99AFC7 !important;
  background-color: #99AFC733;
  font-weight: bold;
}

.zeiten-badge {
  background-color: #EEEFF6;
  border-radius: 0.25rem;
  padding: 0.1rem !important;
}

.om_we {
  color: #BCBDC2;
}

.om_abw {
  text-align: center !important;
  font-weight: bold;
  vertical-align: middle !important;
  background-color: #C9D9EA;
  color: #4A6A8C;
}

.saldo_0 {
  background-color: #E6F9CE22;
  color: #6A9F1966;
}

.saldo_res {
  background-color: #F7D697;
  color: #AD7A0A;
}

.om_inaktiv {
  background-color: #F3F4FA;
  color: #D2D3D9;
  text-align: center !important
}

.saldo_minus {
  background-color: #FFEECE;
  color: #8F302A;
}

.saldo_plus {
  background-color: #EDC5C2;
  color: #8F302A;
}

#loadcontainer {
  overflow-x: scroll !important;
}

.bg-lightgrey {
  background-color: #F3F4FA;
}

.wrapperdescription {
  position: relative;
}

.wrapperdescription #maxCharInfo {
  position: absolute;
  right: 20px;
  top: 14px;
}

.shiftdescription {}

.feiertag {
  border-left: 2px solid #ffc68d !important;
  background-color: #f5ebdf !important;
  color: #ffffff;
  border-radius: 2px
}

ul.typeahead li a strong {
  color: red !important;
}

.savebutton .savebutton__spinner {
  display: none;
}

.savebutton--active .savebutton__spinner {
  display: initial;
}

.active.start-date.available,
.active.end-date.in-range.available,
.applyBtn,
.weekend.active.start-date.available,
.weekend.active.end-date.available,
.off.ends.active.end-date.available,
.active.end-date.available {
  background-color: #424964 !important;
  color: white !important;
}

.applyBtn {
  border: 1px solid #424964 !important;
}

.applyBtn,
.cancelBtn {
  padding: 7px 15px !important;
}


/*input[name="daterange"] {
  padding: 7px 15px !important;
}*/

.nocursor {
  cursor: default !important;
  background-color: white !important;
}

.nocursor:hover {
  cursor: default !important;
  background-color: white !important;
}

#search {
  height: 28px !important;
  margin-top: 3px!important;
  border: 1px solid #d9d9d9 !important;
}

.btn-scaled {
  font-size: 1.2em !important;
  padding: 7px 7px !important;
}

.taemployee {
  padding-left: 10px !important;
  padding-right: 10px !important
}

.nav-custom {}


/*.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  height: 7px !important;
  width: 7px !important;
}*/

.om_auswertung td {
  line-height: 1.2rem !important;
}

.om_auswertung {}

.om_auswertung thead {}

.om_auswertung tbody,
.om_auswertung,
.om_zeiten,
.om_zeiten td {
  border: none !important;
}

.om_auswertung {
  width: 100% !important;
}

.om_auswertung tbody * {
  font-size: 12px
}

.om_auswertung thead th,
.om_auswertung thead td {
  border-bottom-width: 0px !important;
}

.om_zeiten {
  height: 40px !important;
  padding: 0.2rem;
}

.om_zeiten td {
  text-align: center;
  padding: 0rem !important;
  vertical-align: middle !important
}

.kw_indicator {
  font-size: 10px !important;
  border-left: 1px solid white !important;
  border-right: 1px solid white !important
}

.bg_kalalt {
  background-color: rgba(255, 255, 255, 0.15);
}

.om_zeiten_summen {
  height: 20px !important;
  border-bottom: 1px solid rgba(200, 200, 200, 1) !important;
}

.om_zeiten_summe {
  background-color: rgba(240, 240, 240, 0.2) !important;
}

.om_zeiten_summe_alt {
  background-color: rgba(240, 240, 240, 0.4) !important;
}

.summe_MISSING,
.summe_MISSING a:link,
.summe_MISSING a:visited {
  background-color: cyan !important;
  font-weight: bold;
  color: black !important;
}

.longabs{

}

.text-neon {
  color: cyan !important;
}

.bg-neon {
  background-color: cyan !important
}

.missingIndicator {
  border: 2px solid white;
  border-radius: 10px;
}

.cursor-pointer {
  cursor: pointer;
}

.nolink:link,
.nolink:visited,
.nolink:hover {
  color: black !important;
  text-decoration: none !important;
}

.dark-theme .nolink:link,
.dark-theme .nolink:visited,
.dark-theme .nolink:hover {
  color: white !important;
  text-decoration: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input {
  filter: none;
}

:-moz-autofill,
 :-moz-autofill-preview {
  filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);
}


/*
 *       ___      ___       ___  __    __   __   __
 * |  | |__   /\   |  |__| |__  |__)  /  ` /__` /__`
 * |/\| |___ /~~\  |  |  | |___ |  \ .\__, .__/ .__/
 *
 * Minecraft weather effects with pure CSS
 * © Copyright 2014 Moritz Marquardt
 *
 * https://github.com/moqmar/weather.css
 *
 * Licensed under MIT License (http://opensource.org/licenses/MIT)
 */


/* main element */

.weather {
  position: relative;
  overflow: hidden;
}


/* pseudo elements: positioning and setup */

.weather:before,
.weather:after {
  content: "";
  position: absolute;
  left: -50%;
  top: -50%;
  right: -50%;
  bottom: -50%;
  z-index: 1;
  pointer-events: none;
  background: transparent repeat;
  background-size: 256px 1024px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
  opacity: 0.3;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-animation-name: weather;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: weather;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.weather:after {
  opacity: 0.8;
  -webkit-animation-name: weather2;
  animation-name: weather2;
}


/* rain (fast, rain.png) */

.weather.rain:before,
.weather.rain:after {
  background-image: url(data:image/png;base64,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);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.weather.rain:after {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}


/* snow (slow, snow.png) */

.weather.snow:before,
.weather.snow:after {
  background-image: url(/images/snow.png);
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}

.weather.snow:after {
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
}


/* animation keyframes */

@-webkit-keyframes weather {
  from {
    background-position: 0 0px;
  }
  to {
    background-position: 0 1024px;
  }
}

@keyframes weather {
  from {
    background-position: 0 0px;
  }
  to {
    background-position: 0 1024px;
  }
}

@-webkit-keyframes weather2 {
  from {
    background-position: 64px 64px;
  }
  to {
    background-position: 64px 1088px;
  }
}

@keyframes weather2 {
  from {
    background-position: 64px 64px;
  }
  to {
    background-position: 64px 1088px;
  }
}

.card-revenue-danger {
  background: linear-gradient(160deg, #d22117, #fba45e);
  background-size: cover;
  color: #ffffff;
}

.card-revenue-warning {
  background: linear-gradient(160deg, #d22617, #fbd65e);
  background-size: cover;
  color: #ffffff;
}

.card-revenue-zero {
  background: linear-gradient(160deg, #526374, #97adc5);
  background-size: cover;
  color: #ffffff;
}

.alert-fill-success {
  background-color: #1a9e70;
  border-color: #1a9e70
}

.alert-pinnwand {
  padding: 0.75rem 1.25rem !important;
}

td.planzeiten {
  background-color: #66879c22 !important;
}

.doc-content {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.table td img,
.jsgrid .jsgrid-table td img,
.table th img,
.jsgrid .jsgrid-table th img {
  border-radius: 0% !important;
  float: left !important
}

.img-ss,
.image-grouped img,
.table td img,
.jsgrid .jsgrid-table td img,
.table th img,
.jsgrid .jsgrid-table th img,
.settings-panel .color-tiles .tiles {
  width: auto !important;
  height: auto !important;
}

.tabs {
  background-color: #99afc6;
}

.tabs-button--active[data-content^="Soll"] {
  color: red !important;
}

.pagination {
  margin-bottom: 30px !important;
}

table.dataTable thead th,
table.dataTable thead td {
  border: none !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0px !important
}

table.dataTable.no-footer {
  border-bottom: 1px solid #eaeaea !important
}

.paginate_button,
.paginate_button a:hover {
  border: none !important;
}

.alert-block ul li {
  margin: 0px;
  padding: 0px;
  line-height: 14px;
}

.alert-box ul {}

.btn-save:disabled {
  background-color: #66879c !important;
  color: white !important;
  border: 1px solid #66879c !important;
}

.dropdown-toggle {
  background-color: #fff !important;
  border-color: #fff !important;
  width: 95% !important
}

.dropdown-menu.show {
  top: 20px !important;
  left: -15px !important;
}

.dropdown .dropdown-toggle:after {
  color: white
}

.timesheet-hours--has-warnings {
  border: solid #ffa500 1px;
  background-color: #ffa50077 !important;
  font-weight: bold !important;
  padding-right: 5px !important;
}

.timesheet-hours--has-errors {
  border: solid #ff000099 1px !important;
  background-color: #ff000066 !important;
  font-weight: bold !important;
  padding-right: 5px !important;
}

.opacity-0 {
  opacity: 0 !important;
  cursor: default !important
}

.bg-transparent {
  background-color: transparent !important;
  border: none !important
}

h5 {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important
}

h6 {
  font-style: italic !important;
}

canvas {
  border: 1px solid #f2f2f2;
  margin-left: 14px !important;
}

.dropdown-toggle {
  background-color: #fff !important;
  border-color: #f2f2f2 !important;
  width: 100% !important;
}

.paddingformfix input {
  padding: 0.7rem 1.375rem !important;
}

.text-primary {
  color: #97ADC5 !important
}

.dropdown-toggle {
  background-color: #fff !important;
  width: 100% !important;
}

span.wave {
  animation-name: wave-animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  transform-origin: 70% 70%;
  display: inline-block;
}

@keyframes wave-animation {
  0% {
    transform: rotate( 0.0deg)
  }
  10% {
    transform: rotate(-10.0deg)
  }
  20% {
    transform: rotate( 12.0deg)
  }
  30% {
    transform: rotate(-10.0deg)
  }
  40% {
    transform: rotate( 9.0deg)
  }
  50% {
    transform: rotate( 0.0deg)
  }
  100% {
    transform: rotate( 0.0deg)
  }
}

.floatThead-table {
  position: relative;
  top: -5px;
}

.badge {
  letter-spacing: 1px;
}

.hoursoncontract:not(.form-control) {
  width: 90px !important;
}

.hoursoncontract {
  width: 90px !important;
  background-color: transparent;
  color: white;
  border: none
}

.tail-select .select-label .label-inner {
  /* margin: 5px; */
  font-size: 0.9rem !important;
  line-height: 16px !important;
}

.location .select-label .label-inner,
.client .select-label .label-inner,
.department .select-label .label-inner,
.employment_type .select-label .label-inner {
  margin: 5px;
}

.linkHeader {
  text-align: right;
}

#UserDropdown {
  margin-top: 50px !important
}

.dropdown-toggle {
  border-color: white !important;
}

html {
  overflow-y: scroll !important;
}

.dropdown-menu li {
  font-weight: bold !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 14px !important
}

.dropdown-menu li a {
  font-size: 12px !important;
}

.bootstrap-select {
  border: 1px solid #d9d9d9 !important;
}

.dropdown-ticketnotify,
.dropdown-ticketnotify .dropdown-toggle {
  background-color: transparent!important;
}

.nav .nav-item.dropdown .count-indicator .count,
.navbar-nav .nav-item.dropdown .count-indicator .count {
  top: 14%;
  left: 50%;
}

.antwortbadge {
  position: relative!important;
  background-color: red;
  border-radius: 50%!important;
  bottom: 40px;
  left: 24px;
}

.form-check .form-check-label .input-helper:after {
  font-family: 'Material Design Icons';
  content: '\F0E1E';
  color: #6e8da2;
  top: 5px;
}

.form-radio.form-radio-flat label input:checked+.input-helper:after {
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2px;
  color: #ffffff;
  background: none;
  content: '\F0E1E';
  font-family: Material Design Icons;
  text-align: center;
  font-weight: bold;
}

.flex-parent {
  display: flex;
  justify-content: space-around;
}

.checkhelper,
.checkhelper input {
  height: 20px
}

.alert,
.alert-danger {
  border: transparent !important;
}

.alert-fill-white {
  background-color: #fff;
}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}


/* Hide default HTML checkbox */

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}


/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #6e8ea4;
}

ö input:focus+.slider {
  box-shadow: 0 0 1px #6e8ea4;
}

input:checked+.slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}


/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.cur-pointer {
  cursor: pointer;
}

.cur-pointer:hover * {
  color: #425461 !important
}

.activeTicketTab * {
  color: #425461 !important
}

.pseudo-input,
.select-dropdown {
  border: 1px solid #f2f2f2 !important;
  border-radius: 2px;
}

.tail-select-container .select-handle {
  padding: 4px 10px !important;
}

.tail-select-container .select-handle:hover {
  color: #ffffff;
  background-color: #4e6879;
}

.tail-select .select-label .label-count {
  padding: 5px
}

.tail-select mark {
  color: white;
  background-color: #4e6879;
}

input,
textarea,
select {
  font-family: "Poppins", sans-serif !important;
  font-size: 0.9rem !important;
}

.activity-type,
.no-dropdown {
  font-family: monospace !important;
  background-color: #eaedf1 !important;
  padding: 7px 5px !important;
  border: 1px solid #dbe0e4 !important;
  border-radius: 3px !important;
  letter-spacing: 1px !important;
  color: #979ea3 !important;
  cursor: default !important;
}

.datepicker td,
.datepicker th {
  height: 40px !important;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child {
  text-align: center !important;
}


/*.form-control{
  padding: 1.32rem .75rem !important;

}*/

.form-check.form-check-flat label .input-helper:before {
  border: 1px solid #f2f2f2 !important;
}

.form-check .form-check-label .input-helper:after {
  top: 5px !important
}

.w-100 {
  width: 100%
}

label {
  line-height: 1.2rem !important;
  margin-bottom: 0px !important
}

.nav-item .active a:link {
  background-color: #FAFBFC !important;
  color: #979797 !important;
}

.active {
  /*background-color: #fafbfc !important;*/
}

.tab-solid .nav-item .nav-link.active {
  background-color: #97ADC5 !important;
}

.nav-link:hover {
  background-color: transparent !important;
}

.bonusInklTyp {
  line-height: 14px !important;
}

.bonusTypSEG, .bonusTypIF, .btn-bonus-SEG, .btn-bonus-IF,
.btn-abw{
  background-color: #86A0BA !important;
  color: #1A2B3B !important;
  border: 1px solid #1A2B3B !important;
}

.bonusTypFKB, .btn-bonus-FKB,
.btn-abw-U, .btn-abw-UU, .btn-contract-pos{
  background-color: #E9F0AD !important;
  color: #BD8536 !important;
  border: 1px solid #BD8536 !important;
}
.btn-contract-neg{
  background-color: #ffe5e5 !important;
  color: #e04545 !important;
  border: 1px solid #e04545 !important;
}
.btn-contract-0 {
  background-color: #C0EDC488 !important;
  color: #2B7031 !important;
  border: 1px solid #2B703188 !important;
}

.bonusTypZG, .btn-bonus-ZG,
.btn-abw-K {
  background-color: #C0EDC4 !important;
  color: #2B7031 !important;
  border: 1px solid #2B7031 !important;
}

.bonusTypMPR, .bonusTypPR, .bonusTypPRU, .btn-bonus-MP, .btn-bonus-PR, .btn-bonus-PRU,
.btn-abw-KU {
  background-color: #56E9EE !important;
  color: #196B6E !important;
  border: 1px solid #196B6E !important;
}

.bonusTypVPR, .bonusTypVP, .btn-bonus-VPR, .btn-bonus-VP,
.btn-abw-P1, .btn-abw-P2 {
  background-color: #E4D4F4 !important;
  color: #4C3D5C !important;
  border: 1px solid #4C3D5C !important;
}

.bonusTypMulti, .btn-abw-SF, .longabs{
  color: #872629 !important;
  font-weight: bold !important;
  font-size: 10px !important;
  background: #FFD6ED
  /*background: radial-gradient(circle, rgba(252, 70, 107, 1) 0%, rgba(170, 33, 33, 1) 100%);*/
}

.popover-header {
  background-color: #6d8da2 !important;
  color: #fff !important;
}

.popover-body {
  background-color: #fff !important;
}

.btn-sm {
  line-height: 1 !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  content: "" !important;
}

[data-id='optionContract'],
.filter-option,
.filter-option-inner-inner {
  width: 90% !important;
}

.timesheet-entry td .custom-select, .custom-input {
  padding: 0px 7px !important;
  height: 20px !important;
  font-size: 0.85em;
}

.hoursoncontract {
  font-size: 12px !important;
}

.letterspacing1 {
  letter-spacing: 1px !important;
}

.letterspacing2 {
  letter-spacing: 2px !important;
}

.letterspacing3 {
  letter-spacing: 3px !important;
}

.letterspacing4 {
  letter-spacing: 4px !important;
}

.letterspacing5 {
  letter-spacing: 5px !important;
}

.btn-border-fix {
  border: 1px solid #bf5954 !important
}

#toggleClosedStatus, .btn-closed {
  background-color: #1b9 !important;
  border: 1px solid #1b9 !important;
  color: white !important;
}

.btn-rounded {
  font-size: 0.85rem !important;
}

.table-selectable, .selectable{
  cursor: pointer !important;
}

.pointer{
  cursor: pointer !important;
}

.link-auswertung{
  display: block;
  color: #000000;
  text-decoration: none;
}

.link-auswertung:hover{
  text-decoration: none;
}

.abwplan_weekend{
  background-color: #f4f4f4;
}


.cr {
  width: 200px;
  padding: 16px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  z-index: 999;
  letter-spacing: 0.5px;
  font-weight: bold;
}

.cr-sticky {
  position: fixed;
}

/* Positions */

.cr-top    { top: 75px; }
.cr-bottom { bottom: 25px; }
.cr-left   { left: -50px; }
.cr-right  { right: -50px; }

/* Rotations */

.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg);
}

/* Colors */

.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #e82; }
.cr-yellow    { background-color: #ec0; }

.btn-primary:hover{
background-color: #7e99b0 !important;
border: 1px solid #708fa4 !important;
}

a.btn-primary{
color: white !important;
}

.warning-billing{
font-size: 15px !important;
text-align: center !important;
margin-right: 15px !important;
font-weight: bolder !important;
}


/* .select-label{
border: 1px solid #f2f2f2 !important;
} */

@keyframes blink {
50% {
  opacity: 0.0;
}
}
@-webkit-keyframes blink {
50% {
  opacity: 0.0;
}
}
.blink {
animation: blink 2s step-start 0s infinite;
-webkit-animation: blink 2s step-start 0s infinite;
}

.form-control-success{
border: 1px solid #56E063 !important;
background-color: #00ff0011 !important;
}

.form-control-danger{
border: 1px solid #E6615B !important;
background-color: #ff000011 !important;
}

.timesheet-entry, .timesheet-entry td div{
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
font-size: 13px !important;
line-height: 1px !important;
}

.timesheet-entry td * {
/*padding: 0px  !important;*/
margin: 0px !important;
}

.stundenvorgabe{
margin: 3px 4px !important;
padding: 3px 4px !important;
}

.timesheet thrad tr td:first-child{
width: 200px !important;
}

.table{
background-color: #fff !important;
}

.unemployedStatus{
background-color: #bebebe !important;
}

.unemployedStatus span{
color: #000 !important;
}

.daterangeObject{
border: 1px solid #f2f2f2 !important;
}

label{
font-weight: bold;
padding-bottom: 10px
}

.tail-select .select-label {
  padding: 8px;
}

.tail-select.multiple .select-label {
  padding: 3px;
}

.form-control *, .typeahead, .typeahead *, .label-inner, .label-inner *,
.tail-select .select-label .label-inner{
font-weight: 500 !important;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, .tt-query, .typeahead {
font-weight: 500 !important;
border: 1px solid #d4caca !important;

}

.timesheet input{
border: none !important;
}

select.form-control, select.asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.tt-hint, select.tt-query, select.typeahead{
height: 45px !important;
}

canvas.signature-pad{
}

input, textarea, select {
  font-family: "Poppins", sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 500;
}

.timesheet-date{ padding-left: 5px !important}

.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {
  border: 1px solid #e6eef2 !important;
}

.input-group-prepend span{
  border: 1px solid #d4caca !important;
  border-right: none !important;
}

.massdata *{
  font-size: 12px !important;
  font-family: 'Fira Code', monospace;
}

.table-secondary, .table-secondary>th, .table-secondary>td {
  background-color: rgba(151, 173, 197, 0.4);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px
}

.table-light, .table-light>th, .table-light>td {
  background-color: rgba(151, 173, 197, 0.3);
  font-weight: 500
}


.berichte input{
  padding-left: 10px !important;
  padding-right: 10px !important
}

.table-heading{ text-transform: uppercase; letter-spacing: 1px; font-weight: 500}

.berichte td{
  vertical-align: middle !important;
}

.addReportElement{
  text-align: center;
  border: 3px dashed rgba(151, 173, 197, 0.4);
  border-radius: 10px !important;
  background-color:  rgba(151, 173, 197, 0.1);
  margin: 10px 20px !important;
  padding: 20px 5px !important;

  font-weight: 500 !important;
  color: rgba(151, 173, 197, 1) !important;
  font-size: 1.2rem im !important;


  transition: background-color 0.5s ease;
  transition: color 0.5s ease;

}

.addReportElement:hover{
  background-color:  rgba(151, 173, 197, 0.25);
  cursor: pointer;
  color: rgb(30, 30, 30) !important;

  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
}

.addReportElement i{
  font-size: 30px;
  color: rgba(151, 173, 197, 1);
  display: block !important;
}

.badgeMenu{
  padding: 4px !important;
  padding-left: 6px !important;
}

.intro-banner .banner-image {
  width: 150px;
  margin-left: 50px;
}


.dropdown-menu.show{
  position: relative;
  top: 0px!important;
  left: 0px !important;
}

.dropdown-item.active, .dropdown-item:active{ color: #fff !important; }

span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover{ color: #2b2d2f !important; }

table.dataTable tfoot th, table.dataTable tfoot td {
  border-top: 1px solid transparent !important;
}


.sorting_1{
  background-color: transparent !important;
}
table.dataTable tfoot th, table.dataTable tfoot td {
  border-top: 1px solid transparent !important;
}

.selected {
  background-color: #B0BED9dd!important;
}


.btn-primary-outline{
  background-color: #f6f6f6ad;
  border: 1px solid #9aafc7 !important;
  color: #9aafc7 !important
}

.btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:active{
  background-color: #fff !important;
}


@media (min-width: 576px){

  .modal-tickethistory {
    width: 600px !important;
  }

}

.badge-info{
  background-color: #8862e0 !important;
  border: 1px solid #8862e0 !important;
  color: white !important
}

.badge-secondary{
  background-color: #e6eef2 !important;
  border: 1px solid #e6eef2 !important;
  color: #000 !important
}

.text-monospace{
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important;
  letter-spacing: 2px;
}

.form-check .label-radio .input-helper:before{
  border: none !important;
}

.tooltip-inner{
  padding: 10px 20px !important
}

hr{
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.antwortersteller{
  padding: 10px 15px !important;
}

.bg-differentsender{
  background: #ffaf00
}

.bg-originalsender{
  background: #d2dfed
}


.bg-currentowner{
  background: #5b6877;
  color: white
}

.content-wrapper hr{
  margin: 15px 120px !important
}

.answercontainer .card-header{
  margin-top: 20px !important;
  border-bottom: 1px solid white
}

.content-wrapper hr {
  margin: 15px 120px !important;
}

.btn-secondary-outline{
  background-color: white !important;
}

.btn-block + .btn-block{
  margin-top: 0px !important;
}

.dropdown .btn-block{
  text-align: left !important;
}

.cardantworten-memo, .cardantworten-memo .jodit-status-bar, .cardantworten-memo .jodit-status-bar a:link{
  background-color: #7290a6 !important;
  color: white
}

.cardantworten-memo .cardantwortenheader{
  background-color: #7290a6 !important;
  color: white
}

.cardantworten-memo .jodit-wysiwyg *, .cardantworten-memo .jodit-container{
  border: 1px solid #7290a6 !important;
}

.is-valid{
  border: 1px solid #28a745!important;
  background-color: #28a74511 !important;
}

.is-invalid{
  border: 1px solid #dc3545 !important;
  background-color: #dc354511 !important;
}

.btn-ft{
  padding: 0.77rem 1.94rem !important
}

.text-black{
  color: #000 !important
}

code{
  color: rgb(66, 64, 68) !important;
  font-size: 1rem !important;
}

.tabs-button{
  background-color: #99afc6 !important;
}

/* Ticketauswertung */
.ticketauswertung {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

.ticketauswertung > .year-select {
  position: relative;
  width: 48px;
}

.ticketauswertung > .year-select select {
  appearance: none;
  border: none;
  background-color: transparent;
  color: #555;
  font-size: inherit;
  padding: 0.5rem;
  cursor: pointer;
}

.ticketauswertung > .prev-year,
.ticketauswertung > .next-year {
    border: none;
    background-color: transparent;
    color: #555;
    font-size: 1.5rem;
    cursor: pointer;
  }
  
  .ticketauswertung > .prev-year:hover,
  .ticketauswertung > .next-year:hover {
    color: #007bff;
  }
  
  .ticketauswertung > .prev-year:focus,
  .ticketauswertung > .next-year:focus {
    outline: none;
  }

.fc-prev-button *, .fc-button *, .fc-prev-button, .fc-button{
  background-color: #9aafc7 !important;
  color: white !important;
  margin: 0rem !important;
}

.fc-prev-button:hover *, .fc-button:hover *, .fc-prev-button:hover, .fc-button:hover{
  background-color: #728293 !important;
}

.fc-prev-button::after{
  content: "<" !important;
}

.fc-next-button::after{
  content: ">" !important;
}