body {
}

.AppInfoRow > div > div {
    margin: 0 2px;
}

.AppInfoRow > div > button {
    margin: 0 2px;
}


div.WeeklyReportContent {
    display: flex;
    flex-direction: column;
}

div.WeeklyReportListContainer {
    display: flex;
    flex-direction: column;
}

div.CalendarWeekItemButtonContainer {
    display: flex;
    flex-direction: row;
    
}

div.CalendarWeekItem {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.CalendarWeekNumber {
    margin: 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    font-weight: bold;
}

div.WeeklyReportList {
    width: 99%;
    height: 99%;
    overflow-x: hidden;
    overflow-y: auto;
}

div.WeeklyReportWeekdayContainer {
    margin: 1vh 0 1vh 0;
}

div.WeeklyReportInflateContainer {
    display: none;
}

div.WeeklyReportInflateContainerVisible {
    display: block;
    padding: 1vh 0 1vh 0;
}

div.SingleDisplayContainer {
    display: flex;
    flex-direction: column;
}

div.ArbeitQuestionContainer {
    display: flex;
}
div.WeeklyReportListBorder {
    height: 85vh;
    border: 1px solid;
    border-radius: 1vh;
}
div.WeeklyReportListBorderSmall {
    height: 20vh;
    border: 1px solid;
    border-radius: 1vh;
}
div.QuestionCollectionContainerVisible {
    position: absolute;
    border: 1px solid;
    margin: -15vh 0 0 7vw;
    border-radius: 1vh;
}

div.QuestionCollectionContainer {
    display: none;
}
div.WeeklyReportWeekdayButtonContainer{
    margin: 1vw 2vw 1vw 2vw;
}
div.WeeklyReportDurationContainer{
    display:flex;
    justify-content:space-between;
}
div.WeeklyReportTrashContainer {
    margin: 1vh 0;
}
div.InnerContainer {
    margin: 2vh;
    border: 1px solid;
    padding: 10px;
}
.branchAdmintable-3-cols{
    grid-template-columns: 2fr !important;
}
div.CalendarWeekItemDateContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin: 1vh 0 1vh 0;
    font-weight: bold;
}
div.FlexMaxRemaining{
    flex:1;
}
div.FlexAutoSize{
    flex: 0 0 auto;
}
button.CalendarWeekItemShow {
    height: 64px;
    width: 64px;
    border-radius: 1vh;
}


button.ExpanderButton {
    width: 100%;
    border: 0px;
}
button.QuestionShowButton{
    border:0px;
    height:32px;
    width:32px;
}
button.TechnicalReportButton {
    width: 100%;
}

p.Questionmark:before {
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 1.8ex;
    border-radius: 1.2ex;
    margin-right: 4px;
    padding: 1px;
    text-decoration: none;
}

textarea.WeeklyReportDescriptionField{
    width:100%;
}
input.TextboxSmall{
    width:18vw;
}


/*TechnicalReport*/


div.TechnicalReportMainContainer {
    display: flex;
    flex-direction: column;
    height: 97vh;
}

div.TechnicalReportListContainer {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

div.TechnicalReportContentContainer{
    display:none;
}
div.TechnicalReportContentContainervisible {
    display: flex;
    flex-direction: column;
    flex: 1;
}

div.TechnicalReportItem {
    display: flex;
    flex-direction: row;
}

div.TechnicalReportDateInfoRow {
    margin: 1vh 2vw 1vh 2vw;
    display: flex;
}

div.TechnicalReportDate {
    margin: 0 1vw 0 1vw;
}

div.TechnicalReportDeadline {
}

div.TechnicalReportHeadline {
    margin: 2vh 1vw 2vh 1vw;
}

div.CurrentTechnicalReportContainer {
    margin: 0 2vw 0 2vw;
    display: flex;
    flex-direction: column;
    flex: 1;
}


div.TechnicalReportAdditionalFileItem {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

div.TechnicalReportAdditionalFileListContainer {
    border: 1px solid;
    max-height: 35vh;
}

div.TechnicalReportFileList {
    width: 100%;
}

div.TechnicalReportList {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    max-height: 20vh;
}

div.Marginlr2vw {
    margin: 1vh 0;
}


div.TechnicalReportAddFilesContent {
    margin: 1vh 0;
}

div.TechnicalReportNewButtonContainer {
}

div.FileItemName {
    max-width: 15vw;
    min-width: 15vw;
}

div.TechnicalReportButtonContainer {
    margin: 1vh 0;
}

div.TechnicalReportNewButtonContainer {
    margin: 1vh 0;
    flex: 0 0 auto;
}

textarea.TechnicalReportTopicContent {
    flex: 1;
}

textarea.TechnicalReportDescriptionContent {
    flex: 1;
}

p.FriendlyText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 7vw;
    margin: 0;
}

div.LoginInputFieldContainer {
    display: flex;
    align-self: center;
    flex-direction: column;
}
div.logincontainer * {
    margin: 1vh 0;
}

div.TechnicalReportTopic {
    margin: 1vh 1vw 1vh 1vw !important;
}

.profileBottomMargin {
    margin: 0 0 0 0 !important;
}


.ProfileMargin10lr {
    margin: 0 0 !important;
}

.SmallWidth50vw{
    max-width:50vw;
}
.simpleMargin {
    margin: 1vh 1vw 1vh 1vw !important;
}
div.TechnicalReportDescription {
    margin: 1vh 1vw 1vh 1vw !important;
}

div.TechnicalReportAdditionalFilesContainer {
    margin: 1vh 1vw 1vh 1vw !important;
}
div.ReportFullSize {
    max-height: 85vh;
    height: 85vh;
}
div.ReportFullSizeShrinked {
    max-height: 20vh;
    height: 20vh;
}
div.MobileReportFullSize {
    max-height: 85vh;
    height: 85vh;
}

.WeeklyContentHeight {
    height: 58vh;
    max-height: 58vh;
}

.WeeklyReportContentSingleHeight {
    height: 80vh;
    max-height: 80vh;
}

.LargeActiveContent {
    display: none;
}

.XLargeActiveContent {
    display: none;
}

.SmallActiveContent {
    display: contents !important;
}



.LargeActive {
    display: block;
}

.WeeklyReportElement{
    align-self:stretch;
}

.XLargeActive {
    display: none;
}

.table-row {
    display: flex;
    flex-direction:column;
    margin:0 0 10px 10px;
    padding:20px 0 0 0;
}


.table-cell{
    border:0px solid red !important;
}

.table-block-large {
    border-bottom: 0px solid;
}

.berichtsheft-table {
    grid-template-columns: repeat(1, 1fr);
}
.UserAdminSearchAddRow{
    flex-direction:column;
}

.LargeActive {
    display: none;
}

.XLargeActive {
    display: none;
}
.SmallActive {
    display: block !important;
}

.LargeActiveFlex {
    display: none;
}

.XLargeActiveFlex {
    display: none;
}

.SmallActiveFlex {
    display: flex !important;
}
.smallFlexRowColumn{
    display:flex;
    flex-direction: column;
}
.table-row-border-bottom {
    border-bottom: 1px solid !important;
}
.table-row:last-child {
    border-bottom: 0px solid !important;
}
.BranchEditContainer{
    flex-direction:column;
}

div.ReportHalfSize {
    max-height: 20vh;
    height: 20vh;
}

.TechnicalReportFlexRowContainer {
    display: flex;
    flex-direction: column;
    height: 20vh;
    max-height: 20vh;
}
.table-5-cols {
    grid-template-columns: repeat(5, 1fr);
}

.height30vh {
    height: 15vh;
    max-height: 15vh;
}
.ProfileFlexRowContainer {
    flex-direction: column;
}
.UBLCodeMargin30lr {
    margin: 0 5px;
}
.WeeklyReportItemElementText {
    margin: 10px 0;
}

.FlexHoverHint {
display:block;
position:static;
width:initial;
}
.PasswordFlexRowContainer {
    display: flex;
    flex-direction: column;
}
.SpanThree {
    text-align: center;
}
.CenterContentCell{
    text-align:center;
    display:block;
}

.berichtsheft-table {
    padding: 0;
}