@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat/Montserrat-VariableFont_wght.ttf),
    url(../../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf);
}

* {
    font-family: 'Montserrat', Segoe UI, serif;
}


div.maincontainer {
  position: relative;
  background-color: #FF00FF;
  padding-top: 55px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  min-height: 100vh;
}

.loginTraeger{
    position: absolute; z-index: 1; left: 50%; right: 50%; white-space: nowrap; top: -5px;
}

.hide{

    visibility: hidden;
}

.fullHide{
    display: none;
    visibility: hidden;
}

.bigHide{
    display: none!important;
    visibility: hidden;
}

div.mainwindow {
  position: relative;
  background-color: rgb(23, 24, 70);
  //min-height: 50vh;
  //max-height: 50vh;
  //padding-top: 0px;
  //padding-bottom: 0px;
  //padding-left: 10px;
  // margin-left: 5px;
  margin-right: 0px;
  //margin-top: 0px;
  //margin-bottom: 0px;
  width: 100% !important;
  //width: 50%;
  height: 90vh !important; // 88vh;
  //min-height: 50%;
  //max-height: 50%;
  //overflow: scroll;
}
.clientLeft {
  background:white;
  height: 100%;
  //width: 50%;
  width: calc(50% - 10px);
  position: absolute;
  left: 0;
  top: 0;
}
.clientRight {
  background:white;
  height: 100%;
  //width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.content .left {
  float:left;
  background-color:white;
}
.content .right {
  overflow: hidden;
  //position: relative;
  //float:right;
  background-color: #ffffff;
  //width: 100%-15px; !important;
}

.taboverflow {
  overflow-y: auto; !important;
}

.navtabborder {
  background: #beddf4;
  border: 1px solid;
  border-color: #f6f6f6;
  border-radius: 3px;"
}

.nav-item .active {
  background: #e2f4bd;
}
div.menuopen {
  //margin-left: 240px;
  //padding-left: 240px;
  //width: auto !important; /*override the width below*/
  //width: 100%;
  //max-width: 88vh;
  //float: left;

  //width: 88%;
  //overflow: scroll;
}
.content {
  //min-height: 100vh;
  width: 100% !important;
  height: 100% !important;
  margin: 0px;
  transition: all 0.2s ease-in-out;
  background-color: color(srgb 1 1 1);
  overflow: hidden;
}

.button-collapse {
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 10;
 font-size: small;
}

.menuopen {
  margin-left: 240px;
}


.items-collapse {
   position: fixed;
   left: 0px;
   top: 0px;
   font-size: small;
  }

/* @media(min-width: 1440px) {
  .content {
    padding-left: 0px;
    font-size: 100%;
  }
} */
@media(max-width: 720px) {
  .main-header {
    font-size: 100%;
  }
}

.butheader {
  background-color: #7fb2e2 !important;
}

.bg-gau {
  background-color: #f3f0f0 !important;
}
.vl {
  border-left: 1px solid white;
  height: auto;
}

.pull-left { float: left; }
.pull-right { float: right; }
.pull-left li, .pull-right li { display: inline-block; }


.dt-right {
    text-align: right;
}
.dt-center {
  text-align: center;
}
.dt-bold {
  font-weight: bold;
  }

/* Datatablle header settings */
table.dataTable th{
  background-color: #d7d7d7;
  border-bottom: 1px solid black;
}

.dataTables_scrollHead{

}

.dataTables_scrollBody{
    scrollbar-color: #000000 #F5F5F5!important;
    scrollbar-width: thin;
}

*::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

*::-webkit-scrollbar
{
  width: 3px;
  background-color: #F5F5F5;

}

*::-webkit-scrollbar-thumb
{
  background-color: #000000;
}

/*
Table Personalvorschau
}*/

.tableFixHead td {
  border: 4px solid white;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  height: 0; margin: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #f6f6f6;
}

.tableFixHead th {
  border: 4px solid #000000;
  font-weight: bold;
  font-size: inherit;
  color: #3b3939;
  padding-left: 10px;
  padding-right: 10px;
  height: 15px; margin: 0px; padding-top: 0px; padding-bottom: 0px;;
  line-height: 15px;
}

.tableFixHead { overflow: auto; overflow-x: hidden; height: 80vh;}
.tableFixHead thead tr:nth-child(1) th { border: 4px solid #ffffff; position: sticky; top: 0px; height: 30px; padding-top: 0px; padding-bottom: 0px; margin: 0px; background-color: #053a85; color: #ffffff }
.tableFixHead thead tr:nth-child(2) th { border: 4px solid #ffffff; position: sticky; top: 30px; height: 30px; padding-top: 0px; padding-bottom: 0px; background-color: #747474; color: #ffffff!important;}
.tableFixHead thead tr:nth-child(3) th { border: 4px solid #ffffff; position: sticky; top: 60px; height: 30px; padding-top: 0px; padding-bottom: 0px; background-color: #6BA4B3; color: #FFFFFF}
.tableFixHead thead tr:nth-child(4) th { border: 4px solid #ffffff; position: sticky; top: 90px; height: 30px; overflow: auto; padding-top: 0px; padding-bottom: 0px; color: #FFFFFF!important; background-color: #ffffff;}
.tableFixHead thead tr:nth-child(5) th { border: 4px solid #ffffff; position: sticky; top: 120px; height: 30px; overflow: auto; padding-top: 0px; padding-bottom: 0px; color: #FFFFFF!important; background-color: #053a85;}

/*.tableFixHead { overflow: auto; overflow-x: hidden; height: 80vh;}
.tableFixHead thead tr:nth-child(1) th { position: sticky; top: 0px; height: 30px; padding-top: 0px; padding-bottom: 0px; margin: 0px; background-color: #a4f586; }
.tableFixHead thead tr:nth-child(2) th { position: sticky; top: 30px; height: 30px; padding-top: 0px; padding-bottom: 0px; background-color: #1d84ee;}
.tableFixHead thead tr:nth-child(3) th { position: sticky; top: 60px; height: 30px; padding-top: 0px; padding-bottom: 0px; background-color: #edc98f;}
.tableFixHead thead tr:nth-child(4) th { position: sticky; top: 90px; height: 30px; overflow: auto; padding-top: 0px; padding-bottom: 0px; background-color: #68f7e8;}*/

.select-wrapper input{
  z-index: 2;
}

.select-wrapper+ label.active{
  transform: translateY(-14px);
  font-size: .8rem;
  top: 1.5rem;
  left: 15px;
}

.select-wrapper +label.mdb-main-label {
  z-index: 10;
}

.invalid {
  color: red;
}

.select-wrapper input.select-dropdown {

  font-size: 0.9rem;

}

.numberinp3 {
  width: 50px;
}

.textright {
  text-align: right;
}
.textcenter {
  text-align: center;
}
.tg .bg-Green {
  background-color: #ffffff;
}
.tg .bg-Orange {
  background-color: #f7dfac;
}
.tg .bg-Blau {
  background-color: #ffdf80;
}
.tg .bg-Rot {
  background-color: #FFA86E;
}
.bolder {
  font-weight: bolder;
}
.tg tds {
  border-color:black;
  border-style:solid;
  border-width:0px;
  font-family:Arial, sans-serif;
  font-size:12px;
  font-style: inherit;
  font-weight: lighter;
}

/* .tg tr {
	height: 50px;
} */

.left-green {
  background-color: #a8ebc3;
  height: 15px;
}

.tableFixHead::-webkit-scrollbar {
  display: none;
}

.invaCont {
  color: red !important;
  font-weight: bolder;
}

.voranmeldung {
    color: color(srgb 0.748 0 1) !important;
    font-weight: bolder;
}

.importiert {
      color: color(srgb 0.961 0 1) !important;
      font-weight: bolder;
}

.smallnote {
  font-size: 0.6rem !important;
  color: rgb(138, 123, 247);
}
.green {
  color: green!important;
}
/* blauer text */
.blue {
    color: #053a85!important;
  }

.hasmail {
    color: #ff7922 !important;
  }

.btn{font-size: 0.75em!important;}

/* mitarbeiterverwaltung */

/* .dataTables_filter {
  float: left !important;
} */
.dataTables_filter{
  width: 50%;
  float: right !important;
}
#dt-kidlist_filter, #dt-grouplist_filter{
    width: 50%;
    float: left !important;
}
#dt-grouplist_filter{
    padding-bottom: 6px!important;
}
div.dataTables_wrapper div.dataTables_filter input{margin-left: 0;}

/* .form-control{
  min-height: calc(1.8125rem - 0.025rem);
  height: calc(1.8125rem - 0.025rem) !important;
  font-size: 0.775rem !important;
} */

.form-control-sm {min-height: 1px}

.select-arrow { top:5px !important;}

.info-select { z-index: 1; position: relative; float: right !important; top: 23px; right: 23px; color: #053a85 }

.info-input { z-index: 1; position: relative; float: right; top: 23px; right: 10px; color: #053a85 }

.help { color: #053a85 }

.form-check-input[type=checkbox]:checked:after { border:0 }

.form-outline .form-control {
  height: calc(1.8125rem - 0.025rem) !important;
  font-size: 0.775rem !important;
}
.form-outline .form-label {
    font-size: 0.9rem !important;
}
.select-arrow:before{ margin: 0!important; padding: 0!important;}

/*if you need to change styles of multiselect as well */

.mdb-select .multiple {
  height: calc(1.8125rem + 2px);
  font-size: 0.9rem !important;
}

.input-group .form-control {
  padding:0 !important;
  min-height: calc(1.8125rem - 0.025rem);
  height: calc(1.8125rem - 0.025rem) !important;
  font-size: 0.775rem !important;
}

/* ------ */

/* TRägerverwaltung */
/* .form-check-input[type=checkbox]:checked:after { border:0 } */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    color: #FFFFFF!important;
    border-left: 0;
    border-right: 0;
    border-bottom: 4px solid!important;
    border-color: #ff7922!important;
    background-color: #3563a3;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: isolate;
    color: #efefef!important;
    background-color: #3563a3 !important;
}

.nav-link {
    color: #ffffff
}

.nav{
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-radius: 25% !important;
}

.nav-tabs .nav-link {
    border: solid transparent;
    border-width: 0 0 2px;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    color: #ffffff!important;
    padding: 17px 29px 16px;
}

/* ====== */
td.highlight {
    /*background-color: color(srgb 0.674 0.971 0.576)  !important;*/
    background-color: #ff7922!important;
    color: #FFFFFF!important;
    text-align: center !important;
}

/* Bundelsländer */

.bg-Blau{
    background-color: #ffdf80!important;
    vertical-align: top;
    color: #000000!important;
}

.bg-gelb{
      background-color: #fffddd!important;
      vertical-align: center;
  }

.bg-Green{
    background-color: #ffcc6d!important;
    color: #000000!important;
}
.bg-Orange{
    background-color: #FFA86E!important;
    color: #000000!important;
}
table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
    border-top-width: 1px;
}
.form-check-input[type=checkbox]:checked:after { border:0 }

.form-check-input:before {
    content: "";
    position: absolute!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    width: 0!important;
    height: 0!important;
    background-color: transparent!important;
    opacity: 0!important;
    pointer-events: none!important;
    -webkit-transform: scale(0)!important;
    transform: scale(0)!important;
}

.form-check-input:after {
    content: "";
    position: absolute!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    width: 0!important;
    height: 0!important;
    background-color: transparent!important;
    opacity: 0!important;
    pointer-events: none!important;
    -webkit-transform: scale(0)!important;
    transform: scale(0)!important;
}

.form-switch .form-check-input:after, .form-switch .form-check-input:active, .form-switch .form-check-input::before {
    background-color: #cfdee8;
}

#dt-leistungstr{
    padding-top: 6px;
}
/* ===== */

.dataTables_scrollHeadInner{
  width: 0!important;
}


.form-check-input[type=radio]:checked {
    background-color: #053a85!important;
    border-color: #053a85!important;
}

.btn-group, .btn-group:hover {
    box-shadow: none!important;
}

.btn-group .btn-shadow{
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3)!important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3)!important;
}

.btn-group>.btn:hover {
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5)!important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5)!important;
}

.ntest .select-input, .ntest .select-input:active, .ntest .select-input.focused,
.ntest .select-input:focus, .ntest .select-arrow, .ntest .select-arrow::before{
    background-color: #053a85!important;
    color: #ffffff;
}
img.select-option-icon.rounded-circle{
    float: left;
}

.select-option-icon{
    width: 80% !important;
    float: left!important;

}

.icon-primary .select-option-icon{
    filter: invert(33%) sepia(27%) saturate(6306%) hue-rotate(207deg) brightness(97%) contrast(106%);
}

.icon-success .select-option-icon{
    filter: invert(36%) sepia(98%) saturate(376%) hue-rotate(100deg) brightness(95%) contrast(87%);
}

.select-dropdown-container{
      width: initial!important;
  }

.mt-10px {
    margin-top: 10px;
}

#dt-kidlist-integra_filter, #dt-kidlist-integra_filter {
    width: 100%;
    float: right !important;
    margin-bottom: 10px;
}

.badge-success {
    color: #0b4121!important;
}

.badge-primary {
    color: #0a47a9!important;
}

.badge-warning {
    color: #453008!important;
}

.badge-danger{
    color: #790619!important;
}

.abwwesend {
  background-color: color(srgb 0.995 1 0 / 0.312);
}
.feiertag {
  background-color: color(srgb 0.985 0.827 0.827);
}
.schliesstag {
  background-color: color(srgb 0.799 0.979 0.774);
}

#inp_table_gruppe table, #inp_table_gruppe th, #inp_table_gruppe td {
    border: 1px solid #efefef;
    border-collapse: collapse;
    padding: .5em;
}

/*.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th:after {*/
.dataTables_wrapper .table thead tr th:after {
    padding-top: 10px;
    height: 100%;
}

.dataTables_wrapper .table thead tr th:first-child{
    border-left: 0!important;
}

.dataTables_wrapper .table thead tr th:last-child{
    border-right: 0!important;
}

.dataTables_wrapper .table tbody tr td:first-child{
    border-left: 0!important;
}

.dataTables_wrapper .table tbody tr td:last-child{
    border-right: 0!important;
}



/*.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th:before {*/
.dataTables_wrapper .table thead tr th:before {
    padding-top: 10px;
    height: 100%;
}

table.dataTable th{
    background-color: #747474;
    color: #ffffff!important;
    border-left: 2px solid white !important;
    border-right: 2px solid white !important;
    text-transform: uppercase;
    padding-top: 4px;
    padding-bottom: 2px;
    border-bottom: 0!important;
}

table.dataTable td{
    background-color: #eeeeee;
    color: #000000;
    border-left: 2px solid white !important;
    border-right: 2px solid white !important;
    border-bottom: 3px solid white !important;
}

table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected {
    background-color: #ff7922;
    color: #ffffff!important;
}

.cap { text-transform: uppercase; }

.table tbody {
    font-weight: inherit;
}

.btn-primary{
    background-color: #053a85!important;
    border-color: #053a85!important;
}

.bg-primary{
    background-color: #053a85!important;
}

.text-primary{
    color: #053a85!important;
}

.btn-outline-primary{
    color: #053a85;
    border-color: #053a85;
}

.btn-outline-primary:hover{
    background-color: #053a85;
    border-color: #053a85;
}

.form-check-input[type=checkbox]:checked {
    background-color: #053a85!important;
    border-color: #053a85;
}

.form-check-input[type=checkbox]:checked:focus {
    background-color: #053a85;
    border-color: #053a85!important;
}

.form-check-input[type=checkbox]:focus {

    border-color: #053a85;
}

.border-primary{
    border-color: #053a85!important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #053a85;
    border-color: #053a85;
}

.page-link:hover {
    z-index: 2;
    color: #053a85;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

a .page-link, .page-link{
    color: #053a85;
}

.datepicker-header{
    background-color: #053a85;
}

.datepicker-footer-btn{
    color: #053a85;
}

.datepicker-cell.selected .datepicker-cell-content {
    background-color: #053a85;
    color: #fff;
}

.fa-calendar{
    color: #053a85;
}

.fa-calendar:hover{
    color: #3563a3;
}

.btn-primary:hover{
    background-color: #3563a3!important;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #0d6efd!important;
}

.bg-newOrange{
    background-color: #ff7922;
}

.form-outline .trailing {
    right: 3px;
}

.pointer{
    cursor: pointer;
}

.bg-info{
    background-color: #6BA4B3!important;
}
.border-info{
    border-color: #6BA4B3!important;
}

.btn-outline-info{
    border-color: #6BA4B3!important;

    color: #6BA4B3;
}

.btn-outline-info:hover{
    border-color: #6BA4B3!important;
    background-color: #6BA4B3;
    color: #FFFFFF;
}

.text-info{
    color: #6BA4B3!important
}

.text-info-strong{
    color: #00caff!important;
}

.bg-danger-bright{
    background-color: #efa5ad!important;
}

.bg-primary-bright{
    background-color: #a8bbd5!important;
}