.diary-page-header-row {
    width: 100%;
    background-color: var(--main-gb-dark-color);
    min-height: var(--resgui-1row);
    height: var(--resgui-1row);
    max-height: var(--resgui-1row);
    align-items:center;
    border-top: solid 1px var(--decor-border-dark-color);
	justify-content: space-between;
}

.diary-page-header-site-row {
    min-height: var(--resgui-1row);
    height: var(--resgui-1row);
    max-height: var(--resgui-1row);
    align-items:center;
}

.diary-page-header-site-row span {
    font-size: var(--resgui-font-height-l);
    padding: 0 var(--resgui-1vw);
    max-width: var(--resgui-7column);
}

.diary-page-header-site-row prime-smartlist-multiselect {
    margin: 0;
    z-index: 150;
    width: var(--resgui-6column);
}

.diary-page-side-menu {
    display: flex;
    min-width: calc( var(--resgui-6column) + var(--resgui-halfcolumn) + var(--resgui-quartercolumn) );
    width: calc( var(--resgui-6column) + var(--resgui-halfcolumn) + var(--resgui-quartercolumn) );
    max-width: calc( var(--resgui-6column) + var(--resgui-halfcolumn) + var(--resgui-quartercolumn) );
    height: 100%;
    background-color: var(--group-row-background);
    flex-direction:column;
}

.diary-page-side-menu-row {
    display: flex;
    width: 100%;
    height: fit-content;
    flex-direction:column;
    padding-top : var(--resgui-halfrow);
}

.diary-page-info-site-container {
    min-width: var(--resgui-6column);
    width: var(--resgui-6column);
    max-width: var(--resgui-6column);
    background-color: var(--main-gb-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border: 1px solid var(--decor-border-light-color);
    flex-direction:column;
    border-radius: 4px;
    min-height: var(--resgui-2row);
    height: fit-content;
}

.diary-page-side-menu-header {
    flex-direction:row;
    justify-content: space-between;
    align-items:center;
    padding: var(--resgui-quarter-row) var(--resgui-quartercolumn);
    width: calc( var(--resgui-5column) + var(--resgui-halfcolumn) );
}

.diary-page-side-menu-header span {
    font-size: var(--resgui-font-height-m);
}

.diary-page-side-menu-content {
    height: fit-content;
    flex-direction:column;
    width:var(--resgui-6column);
}

.diary-page-side-menu-content span {
    font-size: var(--resgui-font-height-xs);
    padding: calc( var(--resgui-quarter-row) / 2 ) var(--resgui-quartercolumn);
}

.diary-page-filter-container {
    width: 100%;
    flex-direction:column;
    min-height: var(--resgui-10row);/*calc( var(--resgui-11row) + var(--resgui-quarter-row) );*//*calc( var(--resgui-10row) + var(--resgui-halfrow) + var(--resgui-quarter-row) );*/
    height:var(--resgui-10row);/*calc( var(--resgui-11row) + var(--resgui-quarter-row) );*//*calc( var(--resgui-10row) + var(--resgui-halfrow) + var(--resgui-quarter-row) );*/
    max-height: var(--resgui-10row);/*calc( var(--resgui-11row) + var(--resgui-quarter-row) / 2 );*//*calc( var(--resgui-10row) + var(--resgui-halfrow) + var(--resgui-quarter-row) );*/
    margin-top: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );
    overflow-y: auto;
    overflow-x: hidden;
}

.diary-page-filter-field-wide {
    margin : 0 0 var(--resgui-halfrow);
    min-width: var(--resgui-5column);
    width: calc( var(--resgui-6column) - var(--resgui-1vw) );
}

.diary-page-filter-field-narrow {
    margin: 0;
    min-width: calc( var(--resgui-2column) + var(--resgui-halfcolumn) );
    width: calc( var(--resgui-2column) + var(--resgui-halfcolumn) );
    max-width: calc( var(--resgui-2column) + var(--resgui-halfcolumn) );
}

.diary-page-action-button {
    width: 100%;
    min-height: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );/*var(--resgui-1row);*/
    height: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );/*var(--resgui-1row);*/
    max-height: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );/*var(--resgui-1row);*/
    align-items:center;
}

.diary-page-action-button img {
    padding: 0 var(--resgui-halfcolumn) 0 var(--resgui-quartercolumn);
}

.diary-page-action-button span {
    text-transform: uppercase;
    font-size: var(--resgui-font-height-s);/*var(--resgui-font-height-l);*/
}

.diary-page-action-button:hover {
    cursor:pointer;
	background:var(--icon-image-hover);
	transition:background-color 0.3s linear;
}

.diary-page-action-button-no-hover {
    width: 100%;
    min-height: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );/*var(--resgui-1row);*/
    height: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );/*var(--resgui-1row);*/
    max-height: calc( var(--resgui-halfrow) + var(--resgui-quarter-row) );/*var(--resgui-1row);*/
    align-items:center;
}

.diary-page-action-button-no-hover img {
    padding: 0 var(--resgui-halfcolumn) 0 var(--resgui-quartercolumn);
}

.diary-page-action-button-no-hover span {
    padding: 0 var(--resgui-halfcolumn) 0 var(--resgui-quartercolumn);
    text-transform: uppercase;
    font-size: var(--resgui-font-height-m);/*var(--resgui-font-height-l);*/
}


.diary-page-close-button-custom-box {
    font-size: var(--resgui-font-height-xl);
    cursor: pointer;
    margin-right: var(--resgui-quartercolumn);
}

.diary-page-note-container-custom-box {
    margin-bottom: 4px;
    border-radius: 4px;
    border: 2px var(--group-row-background) solid;
    background-color: var(--group-row-background);
    padding: 7px 0;
}

.diary-page-note-container-custom-box:hover {
    border-color: var(--checkbox-cursor-border-color);
}

.diary-page-note-row-custom-box {
    width: calc(var(--resgui-22column) - var(--resgui-halfcolumn));
}

.SwipeExit { 
    margin-left: -100%; 
    animation-name: SwipeLeft; 
    animation-duration: 0.5s; 
} 

@keyframes SwipeLeft{ 
    0% {margin-left: 0%;} 
    100% {margin-left: -100%;}
}



.SwipeEntry { 
    margin-left: 0; 
    animation-name: SwipeRight; 
    animation-duration: 0.5s; 
} 

@keyframes SwipeRight{ 
    0% {margin-left: -100%;} 
    100% {margin-left: 0;}
}