@charset "UTF-8";
@import "button.css";
@import "table.css";
@import "form.css";
@import "bberichte.css";
@import "planer.css";
@import "homepage.css";

html *{padding: 0;}
/*html, body {font-size: 16px !important;}*/
body{font-size: 1rem;color: #373734;font-weight: 300;height: 100%;}
dl.collection .row{margin-bottom: 0!important;}
dl.collection dt{font-weight: 700 !important; padding: .75rem 0;}
:root{--sidenavcalendar-max-width: 280px;--sidenavcalendar-min-width:0px;
--sidenavmenu-max-width: 250px;--sidenavmenu-min-width:1.8rem;}
.sidenavcalendar {background-color: rgba(0,0,0,0.2); /* Black*/
    height: 100%;position: static;margin-top: 3px;z-index: 4; 
    top: 0;right: 0;overflow: hidden;padding-top: 0px;transition: 0.5s;}
.sidenavcalendar.show{transition: 0.3s;width: 100%;}
.sidenavcalendar.hide{transition: 0.3s;width: 0px!important;}

/* The sidebar menu */
.sidenavmenu {height: 100%;width: var(--sidenavmenu-max-width);position:absolute;
    z-index: 5; left: 0;overflow: hidden;padding-top: 0px;transition: 0.5s;}            
#sidenavmenu.hide > #page-menu li:not(.toggle-menu){display: none;}
.sidenavmenu.show{transition: 0.3s;width: var(--sidenavmenu-max-width);}
.sidenavmenu.hide{transition: 0.3s;width: var(--sidenavmenu-min-width);}
.sidenavmenu a, .sidenavcalendar a, li.toggle-btn a{display: block;transition: 0.3s;}
.has-menu{padding-left: var(--sidenavmenu-min-width);}

.navbar-content{transition: 0.3s;}
.navbar-content #pagenav li #calendarToggle{text-decoration: none;}
.navbar-content #pagenav li #calendarToggle:before{font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f104";padding: 2px;}            
.navbar-content.has-calendar.has-calendar-show #pagenav li #calendarToggle:before{font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f105";padding: 2px;}
                       
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {transition: margin-left .5s;transition: margin-right .5s;transition: padding-left .5s;
    transition: padding-right .5s; margin-top: 0px;margin-bottom: 1px;position:relative;}
#maincard{position:relative;}
.main-card-header{padding: .5rem .75rem!important;}                
#page-menu{display: block;}
           
#page-menu .nav-item .nav-link{font-size: 1rem;font-weight: 300;text-align: left;}
#page_navbar .nav-link{padding: .3rem 1rem!important;}

#pagenav .toggle-calendar{width: 20px;}
#pagenav .toggle-calendar .nav-link{text-align: center!important;}

.has-menu .toggle-menu .nav-link{text-align: center!important;}
.has-menu.has-menu-show .toggle-menu .nav-link{text-align: right!important;padding-right:10px!important;}

#page-title, .page-title {font-weight: 700;font-size: 2rem;padding: 1rem .5rem;  
  white-space: nowrap;color: #373734;}
.btn-label{display: none;}
.breadcrumb {flex-wrap: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    margin-bottom: 0!important;padding: .5rem!important;}
#page-subtitle {padding-left: .5rem;}

#page_content{width: 100%;display: block;overflow-y: visible;overflow-x: auto;}
#pagecontentcontent{padding: .5rem 1rem;}

.badge-circle{display: inline-flex;justify-content: center;align-items: center;
  height: 2rem;width: 2rem;position: relative; border-radius: 50%!important;}

dl.collection .row, dl.collection .collectionrow,
#page_content .card .card-body  .card > .card-body > ul .row,
#page_content .card .card-body  .card > .card-body > .row {border-bottom: 1px solid #f2f2f2;
    padding: 0.75rem 0 !important;}

@media screen and (min-height: 500px){     
    #page-menu{height: calc(100% - 150px);overflow-y: auto; overflow-x: hidden;}
    .scrollbox-y{display:block;min-height:var(--scrollbox-min-height, 50px); max-height: var(--scrollbox-max-height, 300px);overflow-y: auto;overflow-x: hidden;}
    .nav-item .nav-link{padding: 1rem .5rem;}
}
@media screen and (min-height: 500px) and (min-width: 992px){ 
    body {overflow: hidden;}
    #page_content{height: calc(100vh - 275px);overflow-y: scroll;overflow-x: auto;}
    .sidenavcalendar {position: absolute;margin-top: 0; /* Stay in place */}    
    .has-calendar.has-calendar-show,.has-analysis.has-analysis-show{padding-right: var(--sidenavcalendar-max-width);}
    .sidenavcalendar.show {transition: 0.3s;width: var(--sidenavcalendar-max-width);}        
}
/*
@media (min-width: 1200px){.has-calendar.has-calendar-show, .has-analysis.has-analysis-show{
                    transition: 0.3s;padding-right: var(--sidenavcalendar-max-width);} 
}

@media screen and (max-height: 450px) {
    .sidenavcalendar.show {transition: 0.3s;width: 100%;}.has-calendar-show{padding-right: 0px;}
}
*/
@media only screen and (max-width: 992px) {
  #page-title, .page-title {font-size: 1.5rem;padding: .5rem;}
  #pagenav > li.toggle-menu > a, #pagenav > li.toggle-calendar > a{display:block;}  
}
@media only screen and (min-width: 576px){.has-menu.has-menu-show{padding-left: var(--sidenavmenu-max-width);}}
@media only screen and (min-width: 1500px){#pagenav .nav-item .nav-link .nav-icon {display: none;}.btn-label{display: inline-block;}}
@media only screen and (max-width: 1499px) {#pagenav .nav-item .nav-link span {font-size: 0;}}

#scrollToCalender {max-width: 1.6em;}
#page-menu .fa-angle-right {display: none;}
#page-menu.toggled .fa-angle-right {display: inline-block;}
#page-menu.toggled .fa-angle-left {display: none;}
#page-menu ul.submenu > li > a{padding-left: 1rem;}
#page-menu ul.subsubmenu > li > a{padding-left: 1rem;}

.navbar-brand img {max-width: 20vw;}
.navbar-brand {display: block !important;padding: 0;margin: .5rem 0;}

#myTabContent{top: 0px; max-height: calc(100vh - 440px);overflow-y: auto;}
.text-small{font-size: .9rem!important;}
.text-xs{font-size: .7rem!important;}   
    
.page-item.active .page-link {z-index: 1;}
.page-link {position: relative;display: block;padding: .5rem .75rem;
       margin-left: -1px;line-height: 1.25;}
.collapsing {position: relative;height: auto !important;width: 0;
    overflow: hidden;transition: width .35s ease}
.sticky {position: -webkit-sticky;position: sticky;top: 0;}
 .navbar-brand-full {max-width: 48vw;height: auto;}

ul {list-style-type: none;}
.truncate{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* Style the links inside the navigation bar */
.topnav {overflow: hidden;background-color: var(--light, #F1F1F1);}
.topnav a {float: left;display: block;color: var(--dark,#373734);
    text-align: center;padding: .375rem .75rem!important;text-decoration: none;
        font-size: 1rem;}
.topnav a.active{background-color: var(--yellow, #F49A00);font-weight: 600;}
.scrollmenu{position: sticky; top: 0; z-index: 2;}
div.scrollmenu {overflow: auto;white-space: nowrap;margin-bottom: 3px;
        background-color: #F0F0F0;padding: .2rem!important;background: white;}
div.scrollmenu a {display: inline-block;text-align: center;}
div.scrollmenu a:hover {color: orange;}
div.scrollmenu a.active {background-color: #f49a00;color: black;} 
.compact, .wrap {white-space: normal!important;}
.fixed a {filter: inherit;}
small{font-size: .7rem;color: inherit;opacity: .8;}
small.form-help {font-size: .7rem;color: inherit;opacity: unset !important;}
.h3{font-size: inherit!important;}  
.border-radius-0{border-radius: 0!important;}
.alert{margin-bottom: 1px; border-radius: 0px;}

.scrollable-y{top: 0px;height: calc(100vh - 300px);overflow-y: auto;}

.no-close .ui-dialog-titlebar-close {display: none }
.no-titlebar .ui-dialog-titlebar {display: none;}
/* notice */
.z-banner {z-index: 4000 !important;}
.ps-fixed {position: fixed !important;}
.rounded-right {border-top-right-radius: .35rem !important;
    border-bottom-right-radius: .35rem !important}

#sidebarToggle {width: 100%;text-align: right;}
.scroll-to-top {position: fixed;right: 15px;
  bottom: 0px;display: none; width: 50px; height: 50px;text-align: center;
  color: #fff;background: rgba(52, 58, 64, 0.5); line-height: 46px;}

.scroll-to-top:focus, .scroll-to-top:hover {color: white;}
.scroll-to-top i {font-weight: 800;}

/** used in Administration Berichte generieren **/
a.th-link-color{color: white;}
.tooltip-inner {max-width: 400px!important;text-align: left!important;border-radius: 0; 
    color: #000;border: 1px solid #000;background-color: rgb(252, 247, 232);
    padding: .125rem!important;}
.only-search .search-wrapper {padding: 0 0 1px;}

#tab-calendar tbody tr td .list-group .list-group-item a {font-size: .85rem !important;}
#tab-calendar tbody tr td .list-group .calendar-bg-holiday {background: rgba(30, 130, 76, 1)!important;
	color: #fff;font-weight: 700;}
#tab-calendar tbody tr td .list-group .calendar-bg-currday {background: #f1f1f1!important;        
        color: #373734;	font-weight: 900;}
ul.termine li.list-group-item{display: flex; flex-direction:column;}
ul.termine li.list-group-item {border: none;
    border-bottom: 1px solid #f2f2f2;padding: 0.75rem 0 !important;}
.label-task{font-weight: bold;margin-right: 1rem;}
.icon-flipped {transform: scaleX(-1);
    -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);}
.btn-group .icon-lnk{margin-right: .2rem;}
.icon-lnk{padding: 1px 4px; text-decoration: none!important;}
.icon-lnk-disabled{pointer-events: none;cursor: default;text-decoration: none; opacity: 0.2;}
.icon-lnk:not(.icon-lnk-disabled):hover{outline: 2px solid;}
.default-lnk:hover{outline-color:var(--dark, #343a40);color: var(--dark, #343a40);}

.delete-lnk:hover{outline-color: var(--pink, #e83e8c);color: var(--pink, #e83e8c)!important;}
.delete-lnk:before{font:var(--fa-font-regular); content:"\f2ed"; color: var(--data-color, inherit)}

.edit-lnk:hover{outline-color:var(--primary, #0757ad);color: var(--primary, #0757ad)!important;}
.edit-lnk:before{font-family: "Font Awesome 5 Free";font-weight: 600; content:"\f044";}

.add-lnk:hover{outline-color:var(--success, #038387);color: var(--success, #038387)!important;}
.add-lnk:before{font:var(--fa-font-solid); content:"\f055";color: var(--data-color, inherit)}


.delete-lnk-span:hover{outline-color: var(--pink, #e83e8c);color: var(--pink, #e83e8c)!important;}
.delete-lnk-span > span:before{font:var(--fa-font-regular); content:"\f2ed"; color: var(--data-color, inherit)}

.edit-lnk-span:hover{outline-color:var(--primary, #0757ad);color: var(--primary, #0757ad)!important;}
.edit-lnk-span > span:before{font:var(--fa-font-regular); content:"\f044";}

.add-lnk-span:hover{outline-color:var(--success, #038387);color: var(--success, #038387)!important;}
.add-lnk-span > span:before{font:var(--fa-font-solid); content:"\f055";color: var(--data-color, inherit)}

/* loader */
.apploader { margin: .3rem auto; border: 5px solid #ccc;
        border-radius: 50%; border-top: 5px solid #2d4154;
        width: 35px; height: 35px; -webkit-animation: spin 3s linear infinite; /* Safari */
        animation: apploaderspin 3s linear infinite;}    

/* Safari */
@-webkit-keyframes apploaderspin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }}

@keyframes apploaderspin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }}
  
  [data-toggle="collapse"]{cursor: pointer;}
  [data-toggle="collapse"].collapsed>span:after{padding-left: .3rem;font: var(--fa-font-solid);content: '\f105'}
  [data-toggle="collapse"]>span:after{padding-left: .3rem;font: var(--fa-font-solid);content: '\f107'} 
  
  .time-item:before{font:var(--fa-font-regular); content:"\f017";color: var(--data-color, inherit);margin-right: .2rem;}
  .calendar-item:before{font:var(--fa-font-regular); content:"\f133";color: var(--data-color, inherit);margin-right: .2rem;}
  .location-item:before{font:var(--fa-font-solid); content:"\f276";color: var(--data-color, inherit);margin-right: .2rem;}
  
/* used in historydate_base */
.hstr-modal-info{position: relative;padding: 2rem;
    padding-top: 0;padding-bottom: 1rem; margin-top: -2em;color: red;}
/* used base modal */
.modal-body-center {text-align: center;}
.modal-body-left {text-align: left;}
/* login */
.logincenter {margin: auto;max-width: 30rem;display: block;margin-top: 5%;padding: .5rem;}

.modal-draggable .modal-header {
    cursor: move; 
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.spelling-error{text-decoration: wavy red underline;}