
/*.leftMenuMainContainer, .topHeader{
    display: none;
}*/

.leftMenuMainContainer{
    width: 0px;
}
.leftMenuMobileIcon{
    margin-top: 0px;
    margin-left: 0px;
}
.leftMenuContainer{
    top:35px;
    height: calc(100vh - 55px);
}
.topHeader{
    display: none;
}
.rightSideMainContainer{
    width: 100%;
    background-color: rgba(37, 113, 183, 1);
    margin-left: inherit;
}
#mainSpace{
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}
.pageData{
    /* height: calc(100vh - 100px);*/
}
.pageWiteSpace{
    width: calc(100% - 5px);
   /* min-height: calc(100vh - 90px);*/
   min-height: calc(100vh - 50px);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 5px;
    padding-left: 5px;
}
.pageLabel{
    color: white;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 50px;
}
.searchBox {
    position: absolute;
    right:15px;
    top:-35px;
    background: transparent;
    width: min-content;
}
.searchImg{

    background-color: rgba(151, 140, 226, 1);
    background-size: cover;
    border-radius: 37px;
    background-image: inherit;
    width: 37px;
    height: 37px;

}
.searchImg:after{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.22223 13.4445C10.6587 13.4445 13.4445 10.6587 13.4445 7.22223C13.4445 3.78579 10.6587 1 7.22223 1C3.78579 1 1 3.78579 1 7.22223C1 10.6587 3.78579 13.4445 7.22223 13.4445Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15L11.6167 11.6167' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    background-size: cover;
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}
.searchLine{
    position: absolute;
    top: 65px;
    color: white;
}

.addButton{
    background-color: rgba(37, 113, 183, 1);
}

.addButton>svg * {
    fill: white;
}

.mobileMenu {
   /* display: flex;
    justify-content: space-around;
    position: fixed;
    top: calc(var(--app-height) - 40px);
    width: 100%;
    height: 40px;
    background-color: rgba(241, 238, 254, 1);
    align-items: center;
    z-index: 9;*/
}

.editWindowCaption{
    padding-top: 20px;
    margin-top: -20px;
    background: white;
    margin-left: 0px;
    padding-left: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.backwardButton{
    display: block;
    width: 27px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.375 13.5H5.625' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 21.375L5.625 13.5L13.5 5.625' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    margin-left: 20px;
    margin-top: 10px;
    border: solid 1px rgba(37, 113, 183, 1);
    border-radius: 27px;
    transition: 0.1s ease-in-out;
}

.backwardButton:hover{
    cursor: pointer;
    border-color: white;
}

.mainEditWindow{
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0px;
    left: 0px;
    background: white;
    min-height: calc(100% - 60px);
    padding-bottom: 60px;
}

.paginator{
    width: calc(100% - 30px);
}


#date_start, #date_end{
    width: 50px;
}

.filterPanel{
    display: block;
    
}
.filterPanel>div{
    margin-bottom: 5px;
}

.pageLines>table{
    max-width: 100vw !important;
}

.pageLines>table td{
    width: auto !important;
}

.filterPanel .flex{
    justify-content: center;
}

.eventModalDiv{
    height: auto !important;
}
