@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
/* dm-sans-regular - latin */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dm-sans-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('DM Sans Regular'), local('DMSans-Regular'),
    url('../fonts/dm-sans-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dm-sans-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dm-sans-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dm-sans-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dm-sans-v4-latin-regular.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-500 - latin */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/dm-sans-v4-latin-500.eot'); /* IE9 Compat Modes */
    src: local('DM Sans Medium'), local('DMSans-Medium'),
    url('../fonts/dm-sans-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dm-sans-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dm-sans-v4-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dm-sans-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dm-sans-v4-latin-500.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-italic - latin */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/dm-sans-v4-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('DM Sans Italic'), local('DMSans-Italic'),
    url('../fonts/dm-sans-v4-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dm-sans-v4-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dm-sans-v4-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dm-sans-v4-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dm-sans-v4-latin-italic.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-500italic - latin */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/dm-sans-v4-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local('DM Sans Medium Italic'), local('DMSans-MediumItalic'),
    url('../fonts/dm-sans-v4-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dm-sans-v4-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dm-sans-v4-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dm-sans-v4-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dm-sans-v4-latin-500italic.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-700 - latin */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/dm-sans-v4-latin-700.eot'); /* IE9 Compat Modes */
    src: local('DM Sans Bold'), local('DMSans-Bold'),
    url('../fonts/dm-sans-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dm-sans-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dm-sans-v4-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dm-sans-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dm-sans-v4-latin-700.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-700italic - latin */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/dm-sans-v4-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('DM Sans Bold Italic'), local('DMSans-BoldItalic'),
    url('../fonts/dm-sans-v4-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dm-sans-v4-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dm-sans-v4-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dm-sans-v4-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dm-sans-v4-latin-700italic.svg#DMSans') format('svg'); /* Legacy iOS */
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;

    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


.kunde .isrz {
    display: none
}

.rz .isku {
    display: none
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.suchectl label { padding-right:15px;
    font-size:medium;
}
#zmsemq{
    position:absolute;
    background-color: #ffff;
    opacity:1;
    z-index:100;
    width:70vw;
    padding: 10px 10px 10px 10px;
    margin-left:33vw;

}
.btngab  .material-icons { text-align :center;}
.btngab .btn-primary
{
    max-width: 80px;
}

.btngab .btn-default
{
    max-width: 60px;
    padding-left:20px;
    padding-right:20px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

.btn-group-md > .btn, .btn-md {

    width: 25%;
    padding: 8px 15px;
    margin: 0.15em 1px;
    font-size: .70rem;
    font-weight: 400;
    line-height: 1.0;

}

.card-category {
    white-space: nowrap;
}

.mwc {
    width: 24%;
}

.btn-grey {
    color: #003A40;
    background-color: #A8A8A8;
    border-color: #A8A8A8;
}

.btn-grey:focus,
.btn-grey:hover {
    color: #fff;
    background-color: #A8A8A8;
    border-color: #003A40;
}

.gx {
    text-align: center;
    width: 220px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.zmerror {

    border: #F1C400 !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(241, 196, 0, 1);;
    -moz-box-shadow: 0px 0px 0px 1px rgba(241, 196, 0, 1);
    box-shadow: 0px 0px 0px 02px rgba(241, 196, 0, 1);
}

.card .card-body {

    min-height: 30vh;
}

.rep br {

    line-height: 40px;
}

.rep {
    margin: 20px 20px 20px;
    padding: 20px 20px 20px;
    font-size: larger;

}

.gabs {
    margin-bottom: 20px;
}

.bear > .modal-lg {
    max-width: 90%;
    height: auto;

}

.bear .modal-header {
    font-size: 16pt;
}

.bootstrap-dialog .bootstrap-dialog-message,
.bear label.bmd-label-floating,
.bear h4 {
    font-size: 13pt !important;

}

.bear label.bmd-label-floating,
.bear h4 {
    font-weight: 400;
    color: #003A40;

}

.bootstrap-dialog.type-primary .modal-header,
.bootstrap-dialog-header,
.modal-header {
    color: #000000;

    background: linear-gradient(60deg, #99E0DC, #33C1BA);
    width: 100%
}

.bear label.bmd-label-floating input {
    margin: 0px 10px 0px 2px
}

.card-header-primary h3 {
    font-weight: 600;
    color: #003A40;

}

.lg >
.form-control-lg,
.lg > label {
    font-size: 16pt;
    margin-right: 10px;
    color: #003A40;

}
.nav-tabs .nav-link.active {
    color: #ffffff!important;
    border-color: #00B2A9;
}

.bootstrap-table { width:100%}
table thead {
    background: #00B2A9;
    color: #ffffff;
    font-weight:bolder;
    font-size:larger;
}
.card-header > .card-category
{
    color: #003A40!important;
}

.rz,.fs, .reg { text-align:left; font-size:larger;}
.card-title{ text-align: center;}

.nav-tabs .nav-item .nav-link,.nav-link .active .show {
    font-weight:bolder;
}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:focus {
    font-size:medium;
    color: #003A40!important;
    font-weight: 500;
}
.zmeditor .bmd-label-floating{
    font-size:medium;
    color: #003A40;

}
.zmeditor input{
    border-right-width: 0;
}
h4.status {
    color:  #003A40;
    font-weight:400;
    padding-left:30px;
}
.card-title{
    font-weight:500
}
.kommone{padding-left:30px;
    padding-right:20px;
}
#userBenutzerprofil{
    text-transform:lowercase;
    font-size:medium;
}
.ity> .card {
    height:460px;

}
.hist{
    margin-top:10px;
    line-height:12px;
    margin-left:10px;
}
.hist > p{
    font-size:small;
    line-height:12px;
    text-align:left;

}


.sidebar {

    width: 270px;

}




.sidebar .sidebar-wrapper {
    width: auto!important;

}
.sidebar .nav li a {
    margin: 10px  5px 0;
    padding: 5px 10px;
}
.sidebar .nav li:first-child > a {
    margin: 0 5px;
}

.rzxi > select {
    margin-right:11px;
    border:none;
    font-size:medium;
}


#laufcontainer .card {height:500px;}

#laufcontainer .card .card-header{
    max-height:150px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.navbar #agsctl{
    margin-left:20px;
}

#custem-toolbar, #custom-toolbar {
    padding-left:20px;
    padding-top:10px;
}

.dropdown-toggle{
    padding-left: 10px;
    border-radius: 0px !important;
}
.dropdown.dropdown-lg .dropdown-menu {
    padding: 15px;
}
.input-group .form-control{
    width: 100%;
    border-radius: 0.25rem !important;
}
.dropdown.dropdown-lg .dropdown-menu{
    min-width: 320px;
}
.dropdown-menu{
    box-shadow: 1px 4px 8px -1px #c1c1c1;
}
.btngab,
.btngab .btn {
    margin-right:  0px!important;
    margin: 0 0 0 0!important;
}

.suchectl {
    min-width: 400px;

}

@media (min-width: 1024px) {
    .modal-dialog {
        max-width: 80%;
    }
}
.ui-datepicker-current-day
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-datepicker-current-day  .ui-state-active{
    border:#00B2A9;
    background: #00B2A9;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    background-color:#99E0DC;
    color:#003A40;
}

.tab-pane{
    margin-top: 20px;

}
.lroffset-1 {
    margin-right:4.15%!important;
    margin-left: 4.183333%!important;
}

.lroffset-2 {
    margin-left: 8.333333%!important;
    margin-right: 8.333333%!important;
}
.col-1 button {
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
}
.row.collapse.show {
    display: flex;
}
button.btn-primary,
a.btn-primary  {
    color: #ffffff!important;
}
.form-group .select2{ min-width:150px;!important;}
.form-group {padding-right:10px;}
.select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:not([placeholder='']) { width: 100% !important;}

.alert-primary {
    color: #003A40;
    background-color: #00B2A9;
    border-color: #00B2A9;
}

.alert-primary hr {
    border-top-color: #99E0DC;
}

.alert-primary .alert-link {
    color: #003A40;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #ffffff;
    background-color: #00965E;
    border-color: #00965E;
}

.alert-success hr {
    border-top-color: #00965E;
}

.alert-success .alert-link {
    color: #ffffff;
}

.alert-info {
    color: #00626e;
    background-color: #F1C400;
    border-color: #F1C400;
}

.alert-info hr {
    border-top-color: #F1C400;
}

.alert-info .alert-link {
    color: #00353b;
}

.alert-warning {
    color: #000000;
    background-color: #f1c400;
    border-color: #F1C400;
}

.alert-warning hr {
    border-top-color: #f1c400;
}

.alert-warning .alert-link {
    color: #5c5415;
}

.alert-danger {
    color: #7f231c;
    background-color: #fdd9d7;
    border-color: #F1C400;
}

.alert-danger hr {
    border-top-color: #F1C400;
}

.alert-danger .alert-link {
    color: #551713;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}
#ui-datepicker-div{
    background-color:#ffffff;
    border-color:#003A40;

}
.zmeditor input[type=number]{
    border-right-width: 1px;
    margin-right:10px;
}
.form-group label,.form-group span {
    margin-right:5px;
    margin-left:3px;
}

.form-group .select2{ min-width:150px;!important;}
.form-group {padding-right:10px;}
.select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:not([placeholder='']) { width: 100% !important; margin-right: 100000px; }
.select2-container{
    width:100%!important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 480px;
    min-height: auto;


}
.select2-dropdown{
    overflow-y:visible;
    overflow-x:visible;

}
.btn-group{

    margin:unset!important;
}
.select2-container   * {overflow-y: visible;}


.edxfilter {
    display: grid;
    grid-gap: 0.2rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 480px));
}
.edxfitem:hover,.edxfitem:focus {
    border: 3px solid  #003A40;

}
.edxfitem{
    padding: 10px 10px 10px 10px;
    margin: 5px 7px 5px 1px;
    /* style */
    border: 2px solid #008481;

    color: #040505;
    border-radius: 12px;
}
.edxfitem span {
    width:100%;

}
.edxfitem i{
    color: #040505;
    margin-right: 4px;
    float: right;
}
.bootstrap-table .fixed-table-container .fixed-table-body {
    overflow-x: visible;

}

.edxdel

{
    margin: 6px 7px 6px 1px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 40px;
    padding: 0px 6px 0px 12px;
    color: #008481;
    border: 0px;

}

.edxdel i {
    float: none;
    margin-right: 10px;
    color: #008481;
    font-weight: 400;
}

.edxdel:after { /* Hack um ganzen Button klickbar zu machen, bitte Click-Funktion auf gesamten Tag, nicht nur (x)-Icon */
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.edxdel:hover i, .edxdel:focus i,
.edxdel:hover, .edxdel:focus {
    font-size: larger;
    color:#000000;

    font-weight: 900;
}

.edxdel {
    display: flex;
    grid-gap: initial;
    grid-template-columns: initial;
    padding: 0;
}

.edxrowselbsteintrag
 {
    color: #003A40;
}

.edxrow
 {
    color: #000000;
}

.select2-container--bootstrap4 .select2-selection:after {
    clear:both;
    content:"";
    display:block;
}
