body { overflow-x: hidden; position: absolute; height: auto; bottom: 0; top: 0; left: 0; right: 0; font-family: verdana, helvetica; font-size: 0.9em; }
a, a:visited, a:active, a:hover { color: black; }
label { margin-bottom: 0; /*font-size: 70%;*/ color: #6c757d; }
label.form-check-label { color: inherit; }
.form-control { border-radius: 0.10em; height: calc(2.1em + 2px); color: black; font-size: 0.8rem; padding: 0; padding-left: 0.4em; padding-right: 0.4em; }
.form-control-lg { height: calc(2.1em + 2px); color: black; font-size: 1.6rem; }
.LG { font-size: 1.6rem; }
.custom-file { font-size: 0.9em; height: calc(2.1em + 2px); color: black; }
.custom-file-label { padding: .375rem .75rem; padding-top: 0.8em; }
.custom-file-label::after { height: auto; border-radius: 0.15em; content: "Datei..."; padding-top: 0.65em; }
.input-group-text { border-radius: 0.1em; }
.bootstrap-select > .dropdown-toggle { padding: 0; border-radius: 0.1em; } 
.bootstrap-select button.btn { font-size: 1em; font-weight: normal; height: calc(2.1em + 2px); border-radius: 0.1em; background-color: transparent;
border-color: #ced4da; color: black; padding-top: 0.3em; padding-left: 0.4em; padding-right: 0.4em; }
h4 { font-size: 1.2em; }
#Sidebar { display: block; background-color: lightgray; height: 100vh; position: fixed; top: 0; left: 0; z-index: 499; }
#SidebarOverlay { display: none; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; position: fixed; top: 0; left: 0; z-index: 498; }
#Sidebar.inactive { min-width: 3em; max-width: 3em; }
#Sidebar img { max-width: 2.6em; margin-left: 0.2em; margin-bottom: 1em; margin-top: 0.2em; }
#Sidebar a { text-decoration: none; min-width: 14em; max-width: 14em; margin-right: 0.5em; margin-top: 0.5em; display: block; cursor: pointer; }
#Sidebar.inactive a { margin-right: 0; min-width: 3em; max-width: 3em; }
#Sidebar a span { display: none; }
#Sidebar a span:hover { color: darkgray; }
#Sidebar a i { font-size: 1.6em; min-width: 1.2em; }
#Sidebar a i.fa-caret-down { font-size: 100%; }
#Sidebar ul li a { font-size: 0.8em; cursor: pointer; }
#Sidebar ul li a:hover { color: darkgray; }
#Sidebar ul li a i { font-size: 1.2em; min-width: 1.3em; color: darkgray; }
#Sidebar a { display: block; margin-left: 0.6em; }
.card .card-body a i { color: gray; }
.nav-pills .nav-link.active { background-color: gray; }
.DisplayBox { border: 1px solid lightgray; padding-left: 1em; padding-right: 1em; padding-bottom: 0em; border-radius: 0.25em; }
.DisplayBox .DisplayBoxHeader { border-bottom: 1px solid lightgray; background-color: #FAFAFA; 
    padding-top: 1.0em; padding-bottom: 1.0em; font-size: 85%; margin-bottom: 1em; 
    min-width: calc(100% + 2em + 4px); max-width: calc(100% + 2em + 4px); margin-left: calc(1em - 2em - 2px); padding-left: 1em; padding-right: 1em; }
.DisplayBox .DisplayBoxFooter { border-top: 1px solid lightgray; background-color: #FAFAFA; 
    padding-top: 1.0em; padding-bottom: 1.0em; font-size: 85%; margin-top: 1em; 
    min-width: calc(100% + 2em + 4px); max-width: calc(100% + 2em + 4px); margin-left: calc(1em - 2em - 2px); padding-left: 1em; padding-right: 1em; }
.DisplayBox small { font-size: 70%; }
/*.navbar { font-size: 80%; }
.navbar { background-color: #E7E7E7; }
ul.navbar-nav li.nav-item { margin-right: 20px; }
ul.navbar-nav li.nav-item a, ul.navbar-nav a.nav-link { color: #626262; }
ul.navbar-nav li.nav-item a.dropdown-item { color: #444444; }
ul.navbar-nav li.nav-item.active a { color: #626262; }
ul.navbar-nav li.nav-item a:hover, ul.navbar-nav a.nav-link:hover { color: darkgray; cursor: pointer; }
ul.navbar-nav li.nav-item a.dropdown-item:hover { color: black; background-color: darkgray; }
.navbar .input-group-prepend .input-group-text { background-color: white; }
.navbar .input-group i { color: darkgray; }
.navbar .form-control { border-color: lightgray; height: calc(2.8em + 2px); padding-top: 0; padding-bottom: 0; font-size: 100%; }
.navbar .form-control:focus { box-shadow: none; }*/
.btn-primary, .btn-primary:active { background-color: lightgray; color: black; border-color: darkgray; }
.btn-primary:hover { background-color: gray; border-color: black; }
.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:focus { border-color: rgb(43, 174, 103); color: rgb(43, 174, 103); }
.btn-outline-primary:hover { background-color: green; color: white; border-color: green; }
.btn.focus, .btn:focus { box-shadow: none; }
select.Muted { color: rgb(170, 170, 180); }
select.Muted option { color: black; }
.state-error { border: 1px solid red; }
.bg-resubmission, .badge-resubmission, .btn-resubmission { background-color: purple !important; color: white !important; }
.bg-resubmission-light, .badge-resubmission-light { background-color: rgb(213, 166, 238); }
.btn-resubmission { border-color: purple; }
.progress-bar { background-color: darkgray; color: black; border-radius: 0.2em; }

.carousel-control-prev-icon 
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon 
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators { top: 1em; bottom: auto; }
.carousel-indicators li { background-color: #888888; }
.carousel-indicators .active { background-color: #CCCCCC; }
.carousel-item { cursor: pointer; }
.carousel-caption { background-color: #FDFDFD; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); color: #333; padding-top: 0.1em; padding-bottom: 0.1em; 
    margin-left: auto; margin-right: auto; width: 15em; }
.carousel-caption h5 { margin-bottom: 0rem; }
.CarouselImageDescription .carousel-caption { position: relative; left: 0; right: 0; bottom: 0; width: auto; padding: 0.5em; }
.sidepanel { height: calc(100% - 5em); width: 25em; visibility: none; position: fixed; z-index: 120; top: 5em; right: -27em; overflow-x: hidden; 
                box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background-color: white; padding: 0.5em; border-radius: 0.2em; }
/*.sidepanel-margin { margin-right: 11em; }*/

i.fa-pencil-alt { cursor: pointer; }

.list-group-item.active { background-color: #c3e6cb; color: #155724; border-color: #c3e6cb; }
.list-group-item:hover { background-color: #c3e6cb; color: #155724; cursor: pointer; }
.list-group-item-header { padding: 0.25rem 0.75rem; }
.list-group-item-header:hover { background-color: #c6c8ca !important; color: #1b1e21 !important; cursor: default; }

.smart-forms .gui-input { border-left: none; border-top: none; border-right: none; border-bottom-color: black; background-color: white; font-family: tahoma;
    padding-top: 0px; padding-bottom: 0px; height: 35px; padding-top: 10px; color: black; }
.smart-forms .state-success .gui-input { border-left: none; border-top: none; border-right: none; background-color: white; }
.smart-forms .file .button { height: 27px; background-color: darkgray; line-height: 27px; }
.smart-forms .select { height: 35px; background-color: white; border-top: none; border-left: none; border-right: none; border-bottom-color: black; }
.smart-forms .select > select { height: 35px; padding-top: 13px; }
.smart-forms .prepend-icon > select { padding-left: 31px; }

/*.smart-container { background-color: #F5F5F5; }*/
.smart-forms button.button { color: white; min-width: 150px; }

.ui-widget-overlay { z-index: 1600; opacity: 0.8; }
.ui-widget.ui-widget-content { z-index: 1601 !important; border-radius: 4px; padding: 0px; border-color: darkgray; border-width: 1px; }
.ui-dialog .ui-dialog-titlebar { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: none; background-color: #444444; color: white; }
.ui-dialog .ui-dialog-titlebar button { display: none; }
.ui-dialog .ui-dialog-content { padding-bottom: 0px; }
.ui-dialog .ui-dialog-content p { margin-bottom: 0px; }
.ui-dialog .ui-dialog-buttonpane { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: none; margin-top: 0px; }
/*.ui-dialog .ui-dialog-buttonpane button { margin: 0; }
.ui-dialog .ui-dialog-buttonset button { box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.18); border: 0px; background: darkgreen; color: #ffffff; min-height: 35px; min-width: 75px; border-radius: 4px; }
.ui-dialog .ui-dialog-buttonset button:hover { border: 0px; box-shadow: 0 0.05em 1em rgba(0, 0, 0, 0.18); }
.ui-dialog .ui-dialog-buttonset button:focus { background: #4782d3; background: darkgreen; color: #fff; }*/

.ui-autocomplete li div { background-color: none; }
.ui-autocomplete li:hover, .ui-autocomplete li div:hover { background-color: transparent; color: black; border-color: transparent; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color: transparent; color: black; border-color: transparent; }

#MainContent { width: calc(100% - 3.5em); text-align: center; margin-top: 1em; margin-left: 3.5em; }
#MainContent.NoMenu { width: 100%; margin-left: 0; }

table.table-sm { width: 95%; margin: auto; }
/*table.table-sm thead tr td, table.table-sm thead tr th { background-color: rgb(43, 174, 103); border-bottom: none; color: white; }*/
table.table-hover tr:hover td button { background-color: darkgray; color: white; }
table.table .thead-light th { background-color: #FAFAFD; border-bottom: none; font-weight: normal; }
table.table-sm.table-light thead tr td, table.table-sm.table-light thead tr th { background-color: lightgray; }
.table > tbody > tr.hover:hover > td, .table > tbody > tr:hover > th { background-color: #f8f9fa; }

.card { text-align: left; }
.col-form-label { text-align: right; padding-right: 1em; }
.UploaderCard { padding-left: 0.2em; padding-right: 0.2em; }
.UploaderCard .card { padding: 0.75em; padding-bottom: 0.9em; height: 100%; }
.UploaderCard .card .card-title { }
.UploaderCard .card .card-body { padding: 0; padding-top: 0.15em; }
.UploaderCard .card .card-body label { color: gray; font-size: 80%; }
.UploaderCard .card .card-body .form-group { margin-bottom: 0; }
.UploaderCard .card .card-body textarea { height: 100%; }
.UploaderCard .card img.is-invalid { border: 1px solid red; }

#SignaturePad_BG { min-height: 100%; min-width: 100%; opacity: 0.5; background-color: gray; position: fixed; top: 0; left: 0; z-index: 5500; }
#SignaturePad { position: fixed; top: 20%; left: 5%; width: 90%; z-index: 5501; display: block; background-color: white; border-radius: 0.5em; }
#SignaturePad .Header { margin-top: 1.5em; padding-left: 1.5em; }
#SignaturePad .Body { margin-top: 1em; }
#SignaturePad .Body .col-12 { padding-left: 2.5em; padding-right: 2.5em; }
#SignaturePad .Body .col-12 div { height: 10em; }
#SignaturePad .Body .col-12 div canvas { border: 1px solid lightgray; }
#SignaturePad .Footer { margin-top: 1em; margin-bottom: 1.5em; }

div.ScrollableParent { height: calc(100% - 6em); max-height: calc(100% - 6em); position: absolute; }
div.Scrollable { overflow-y: scroll; overflow-x: hidden; position: relative; width: 100%; height: 100%; max-height: 100%; }

table.dataTable { font-size: 90%; }
.dataTables_info { font-size: 80%; font-color: gray; font-style: italic; text-align: left; padding-left: 6em; }
#TableOrders_paginate { padding-right: 4em; }
/*table.dataTable ul.pagination  li*/
.page-item.active .page-link { background-color: darkgray; border-color: lightgray; }

/* background-color ist unterer Balken, color ist oben */
.Loader, .Loader:before, #flightsearch .Loader:after 
{ background: white; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 10px; height: 10px; }
.Loader:before, .Loader:after { position: absolute; top: 0; content: ''; }
.Loader:before { left: -8px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.Loader { color: lightgray; text-indent: -9999em; margin: auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
		 	-webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.Loader:after { left: 8px; }
@-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 13px; } 40% { box-shadow: 0 -6px; height: 16px; } }
@keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 13px; } 40% { box-shadow: 0 -6px; height: 16px; } }

.CircleLoader 
{
  border: 16px solid white; /* Light grey */
  border-top: 16px solid green; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.CircleLoader.Small 
{
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-top-width: 3px;
}

.nice-checkbox { position: relative; display: inline-block; width: 4em; height: 2em; }
.nice-checkbox input { opacity: 0; width: 0; height: 0; }
.nice-checkbox input label { margin-right: 0.5em; }
.nice-checkbox-container { font-size: 0.8rem; }
.nice-checkbox-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; 
          background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.nice-checkbox-slider.is-invalid { background-color: #dc3545; }
.nice-checkbox-slider:before { position: absolute; content: ""; height: 1.3em; width: 2.0em; left: 0.4em; bottom: 0.37em;
          background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .nice-checkbox-slider { background-color: black; }
input:focus + .nice-checkbox-slider { box-shadow: 0 0 1px black; }
input:checked + .nice-checkbox-slider:before { -webkit-transform: translateX(1.2em); -ms-transform: translateX(1.2em); transform: translateX(1.2em); }
.nice-checkbox-slider.round { border-radius: 0.5em; }
.nice-checkbox-slider.round:before { border-radius: 0.2em; }

.Pane { background-color: white; position: absolute; left: 0em; top: 100%; width: 100%; min-height: 100%; max-height: 100%; 
        z-index: 1500; padding: 0.5em; padding-left: 4em; overflow-y: auto; display: none; overflow-x: hidden; }
#MainContent.NoMenu .Pane { padding-left: 0.5em; }
.Pane.Fix { position: fixed; }
.Pane .btn-close { position: absolute; top: 0.3em; right: 0.3em; font-size: 1.5em; color: lightgray; z-index: 1000; }
.Pane .btn-close i { font-size: 1.5em; }

.FormSlider { /*position: relative; height: 300px;*/ }
.FormSlider .Pane { left: 100%; top: 4em; /*padding-left: calc((100vw - 1440px) / 2);*/ max-height: calc(100% - 4em); min-height: calc(100% - 4em); }
.FormSlider .Pane.Active { left: 0em; display: block; }
.FormSlider .FormSliderHeader { margin-top: 1em; margin-bottom: 1em; }
.FormSlider .FormSliderHeader i { color: rgb(235, 235, 235); font-size: 200%; }

.CalendarDatePicker .TimeSelector button { margin-right: 0.5em; }
.CalendarDatePicker .table-condensed { width: 100%; }
.CalendarDatePicker .table-condensed tr th { text-align: center; }
.CalendarDatePicker .table-condensed tr td { text-align: center; }
.CalendarDatePicker .table-condensed tr td.Day { }
.CalendarDatePicker .table-condensed tr td.Day button { background-color: lightgray; border: 1px solid black; border-radius: 5px; min-height: 2.5em;
        min-width: 1.8em; width: 95%; height: 95%; }
.CalendarDatePicker .table-condensed tr td.Day.Red button { background-color: red; }
.CalendarDatePicker .table-condensed tr td.Day.Yellow button { background-color: yellow; }
.CalendarDatePicker .table-condensed tr td.Day.Green button { background-color: green; }
.CalendarDatePicker .ContentDay { height: 98%; max-height: 98%; }
@media screen and (max-width:576px) { .CalendarDatePicker .ContentDay { height: 25em; max-height: 25em; } }
.CalendarDatePicker h4 { font-weight: bold; font-size: 120%; text-align: left; }
.CalendarDatePicker h4 i { color: darkgray; font-size: 150%; }
.CalendarDatePicker .ContentDay .Table { overflow-y: scroll; overflow-x: hidden; height: calc(100% - 6em); position: relative; width: 100%; }
.CalendarDatePicker .ContentDay .table-condensed tr td { }
.CalendarDatePicker .ContentDay .table-condensed tr.FullTime td { border-top: 1px solid darkgray; }
.CalendarDatePicker .ContentDay .table-condensed tr.HalfTime td { border-top: 1px solid lightgray; }
.CalendarDatePicker .ContentDay .table-condensed tr.FullTime td:first-child, .CalendarDatePicker .ContentDay .table-condensed tr.HalfTime td:first-child { width: 4.5em; }
.CalendarDatePicker .ContentDay .table-condensed tr td.SmallCol { width: 0.1em; }
.CalendarDatePicker .ContentDay .table-condensed tr td.Color1 { background-color: red; }
.CalendarDatePicker .ContentDay .table-condensed tr td.Color2 { background-color: blue; }
.CalendarDatePicker .ContentDay .table-condensed tr td.Color3 { background-color: green; }
.CalendarDatePicker .ContentDay .table-condensed tr td.Description { text-align: left; }
.CalendarDatePicker .CalendarDatePickerButtons button { background-color: white; color: black; }
.CalendarDatePicker .CalendarDatePickerButtons button.Active { background-color: rgb(43,174,103); color: black; }
.CalendarDatePicker .CalendarDatePickerButtons button.InActive { background-color: white; color: black; }

.TeamCalendar tr td { border: 1px solid lightgray; }
.TeamCalendar thead tr td { background-color: #FAFAFA; }
.TeamCalendar tbody tr td.Caption { padding-left: 0.5em; height: 3.4em; background-color: #FDFDFD; width: 15em; min-width: 15em; font-size: 80%; cursor: pointer; }
.TeamCalendar tr td.Scroll { background-color: #FAFAFA; padding-left: 0; cursor: pointer; width: 2em; min-width: 2em; }
.TeamCalendar tbody tr td.Scroll { background-color: #FDFDFD; color: #EAEAEA; }
.TeamCalendar tr td.Scroll:hover { background-color: gray; color: white; }
.TeamCalendar tbody tr td { padding: 0; }
.TeamCalendar tbody tr td a { display: inline-block; font-size: 85%; height: 3.4em; min-height: 3.4em; cursor: pointer; padding-top: 0.35em; line-height: 1.1; }
.TeamCalendar tbody tr td a.Empty { color: #F2F2F2; }
.TeamCalendar tbody tr td a.Empty:hover { background-color: lightgray; border-left: 1px solid darkgray; border-top: 1px solid darkgray; border-right: 1px solid gray; border-bottom: 1px solid gray; }
.TeamCalendar tbody tr td a.Booked { background-color: lightgreen; border-left: 1px solid greenyellow; border-top: 1px solid greenyellow; border-right: 1px solid green; border-bottom: 1px solid green; }
.TeamCalendar tbody tr td a.Reserved { background-color: lightgoldenrodyellow; border-left: 1px solid yellow; border-top: 1px solid yellow; border-right: 1px solid orange; border-bottom: 1px solid orange; } 
.TeamCalendar tbody tr td a.Booked.Selected { background-color: darkgreen; border-color: green; color: white; }
.TeamCalendar tbody tr td a.Reserved.Selected { background-color: orange; border-color: darkorange; }
.TeamCalendarSmall tbody tr td.Caption { padding-left: 0.5em; height: 3.0em; width: 15em; min-width: 15em; }
.TeamCalendarSmall tbody tr td a { height: 3.0em; min-height: 3.0em; }

.TeamCalendar tbody tr td.AvailabilityFull { }
.TeamCalendar tbody tr td.AvailabilityHalf { background-color: lightgray; }
.TeamCalendar tbody tr td.AvailabilityNone { background-color: gray; line-height: 0.5; }
.TeamCalendar tbody tr td.AvailabilityNone .text-muted { color: white !important; }    
.TeamCalendar tbody tr td.AvailabilityFull:hover, .TeamCalendar tbody tr td.AvailabilityHalf:hover { cursor: pointer; background-color: lightgreen; }
.TeamCalendar tbody tr td.AvailabilityFull.NoFeature, .TeamCalendar tbody tr td.AvailabilityHalf.NoFeature { background-color: #f8d7da; }
.TeamCalendar tbody tr td.AvailabilityFull.NoFeature:hover, .TeamCalendar tbody tr td.AvailabilityHalf.NoFeature:hover { background-color: #f8d7da; cursor: default; }

.OffCanvas { height: 100%; width: 50%; position: fixed; z-index: 5001; top: 0; right: -50%; background-color: #FFFFFF; overflow-x: hidden; padding-top: 60px; transition: 0.2s; }
.OffCanvas .Close { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; cursor: pointer; }
.OffCanvas .Close:hover { color: #f1f1f1; }
.OffCanvasScreen { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.4); zindex: 1501; }

@keyframes spinner-border { to { transform: rotate(360deg); } } 
.spinner-border{ display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent;
    border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; }
.spinner-border-sm { height: 1rem; border-width: .2em; }

a.EditAnchor span { display: none; }
a.EditAnchor:hover span { display: inherit; }      

.carousel { min-height: 25em; }
.carousel-inner .carousel-item { transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }