div.WeeklyReportListBorder {
    height: 30vh;
    width: 100%;
    border: 1px solid;
    margin: 10px 0 0 0;
    border-radius: 1vh;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 10px;
}
.AppInfoRow > div > div {
    margin: 0 1vw;
}

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

div.WeeklyReportList {
    width: 99%;
    height: 99%;
    overflow-x: auto;
    overflow-y: hidden;
}
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.CalendarWeekItemButtonContainer {
    display: flex;
    flex-direction: row;
}
div.WeeklyReportListBorderSmall {
    height: 30vh;
    width: 100%;
    border: 1px solid;
    margin: 10px 0 0 0;
    border-radius: 1vh;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 10px;
}
div.WeeklyReportWeekdayContainer {
    margin: 1vh 0 1vh 0;
}

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;
}

div.WeeklyReportInflateContainer {
    display: none;
}

div.WeeklyReportInflateContainerVisible {
    display: block;
    padding: 1vh 0 1vh 0;
}
div.CalendarWeekItemDateContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin: 1vh 0 1vh 0;
    font-weight:bold;
}
div.DisplayFlex{
    display:flex;
}
div.FlexAutoSize{
    flex: 0 0 auto;
}
div.FlexMaxRemaining{
    flex: 1;
}
div.TextMarginlr2vw{
    margin: 0 2vw 0 2vw;
}
div.WeeklyReportDurationContainer {
    margin: 0 2vw 0 2vw;
}
div.WeeklyReportTrashContainer{
    margin: 1vh 0;
}
div.ArbeitQuestionContainer {
    display: flex;
}

button.ExpanderButton {
    height: 3vh;
    width: 100%;
    border: 0px;
}
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;
}
div.QuestionCollectionContainerVisible {
    position: absolute;
    border: 1px solid ;
    margin: -15vh 0 0 2vw;
    border-radius: 1vh;
}
div.InnerContainer {
    margin: 2vh;
    border: 1px solid;
    padding: 10px;
}

div.QuestionCollectionContainer {
    display: none;
}
button.QuestionShowButton {
    border: 0px;
    height: 32px;
    width: 32px;
}

textarea.WeeklyReportDescriptionField{
    width: 100%;
}

/*TechnicalReport*/

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

div.TechnicalReportListContainer {
    display: flex;
    flex-direction: row-reverse;
    flex: 0 0 auto;
    justify-content: left;
}

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;
    max-width:40vw;
    margin: 0 2vw 0 2vw
}

div.Marginlr2vw {
    margin: 1vh 0.5vw;
}

div.ReportHalfSize {
    max-height: 50vh;
    height: 50vh;
}
.branchAdmintable-3-cols{
    grid-template-columns: 2fr !important;
}

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;
}

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

.simpleMargin {
    margin: 1vh 2vw 1vh 2vw !important;
}
div.TechnicalReportDescription {
    margin: 1vh 2vw 1vh 2vw !important;
}
div.TechnicalReportAdditionalFilesContainer {
    margin: 1vh 2vw 1vh 2vw !important;
}

div.ReportFullSize {
    max-height: 90vh;
    height: 90vh;
}

div.ReportFullSizeShrinked {
    max-height: 90vh;
    height: 90vh;
}
.height30vh {
    height: 30vh;
    max-height: 30vh;
}

textarea.TechnicalReportTopicContent {
    flex: 1;
}


textarea.TechnicalReportDescriptionContent {
    flex: 1;
}

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

div.logincontainer * {
    margin: 2vh 0;
}
.LargeActive{
    display:block !important;
}
.XLargeActive{
    display: none;
}
.SmallActive{
    display:none;
}

.LargeActiveContent {
    display: contents !important;
}

.XLargeActiveContent {
    display: none;
}

.SmallActiveContent {
    display: none;
}

.LargeActiveFlex {
    display: flex !important;
}

.XLargeActiveFlex {
    display: none;
}

.SmallActiveFlex {
    display: none;
}
.table-9-cols {
    grid-template-columns: repeat(5, 1fr);
}
.table-7-cols {
    grid-template-columns: repeat(5, 1fr);
}
.table-8-cols {
    grid-template-columns: repeat(5, 1fr);
}
.table-4-cols {
    grid-template-columns: repeat(4, 1fr);
}
.table-5-cols {
    grid-template-columns: repeat(5, 1fr);
}
.table-3-cols {
    grid-template-columns: 2fr 0.5fr 0.5fr;
}
.table-3-cols-equal {
    grid-template-columns: 0.5fr 0.5fr 0.5fr;
}
.UBLCodeMargin30lr {
    margin: 0 12px;
}
.WeeklyReportItemContainerHeadlineRow{
    flex-direction:column;
}
.WeeklyReportItemElementText{
    margin:10px 0;
}
/*.table-row {
    display: flex;
    flex-direction: column;
    margin: 0 0 10px 20px;
    padding: 20px 0 0 0;
}*/
.table-row:last-child {
    border-bottom: 0px solid !important;
}
.table-row-border-bottom {
    border-bottom: 1px solid !important;
}

.TechnicalReportFlexRowContainer {
    display: flex;
    flex-direction: row;
}

.ProfileFlexRowContainer {
    flex-direction: row;
}

.CorneredDisplay {
padding:10px;
}
.SpanThree {
    grid-column: 1 / span 3;
    text-align:center;
}

.Small80vw {
    width: auto;
}