.page-width {
    max-width:100%;
    margin: 0px;
    padding: 0px;
}
.mainDiv{
    display: grid;
    overflow: hidden;
    grid-template-rows: 75px;
    grid-template-columns: 270px;
    grid-template-areas: "header header";
    background-color:#828484;
    height:100vh;
    width:100%;
}
.headerDiv{
    display: grid;
    grid-template-columns: max-content auto auto auto 180px;
    grid-column: 1/6;
    width:100%;
    height:75px;
    background-color: white;
    z-index: 2;
}
.optionDiv{
    display: grid;
    grid-template-rows: 20px auto 80px;
    text-align: center;
    grid-column: 1/2;
    background-color: white;
    z-index: 2;
}
.bodyDiv{
    position: relative;
    grid-column: 2/6;
    background-color: #cfcfc0;
    transition: 0.8s ease;
    background-position: 50% center;
}
.menuItem{
    text-align: center;
    padding: 17px 20px;
    transition: color 1s ease;
    position: relative;  
}
.optionDivBody{
    display: grid;
    height: 80vh;
}
.optionDivMenu{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.menuHover:hover{
    color: #757876;
    transition: 1s ease;
}
.pickerListitem{
    transition: 1s ease;
}
.pickerListContainer, .pickerWallListContainer{
    overflow-y: scroll;
    padding: 10px;
}
.pickerArtListContainer, .pickerFrameListContainer{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 210px;
    overflow-y: scroll;
}
.pickerartitem{    
    display: grid;
    align-items: center;
    grid-template-rows: auto 25px;
    padding: 0px 6px;
    justify-content: center;
}
.pickerartitem > span{
    font-size: small;
    position: relative;
}
.hover-fade:hover, .hoverFade:hover{
    opacity: 0.5;
    cursor: pointer;
}
.articlesContainer{
    width: 70%;
    position: absolute;
    top: 20px;
    height: 0;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 47%;
}
.itemx{
    position: absolute;
    text-align: center;
    background: #cecece;
    cursor: pointer!important;
    z-index: 99;
    height: 0;
    border: 1px solid hsla(0,0%,82%,.45);
    overflow: hidden;
    background-size: cover;
}
.inner{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -1.8vh;
    font-size: x-small;
}
span, i{
    user-select: none;
}
.selected{
    background-color: white;
    box-shadow: 6px 0 14px -3px rgba(0,0,0,.59);
}
.optionDivFooter{
    padding: 5px;
}
.pickerframeitem{
    padding: 15px;
}
/* .itemx[data-size="13x18"]{
    width: 5%;
    padding-bottom: 6.69%;
}
.itemx[data-size="21x30"]{
    width: 7.677%;
    padding-bottom: 10.499%;
}
.itemx[data-size="30x40"]{
    width: 10.8%;
    padding-bottom: 14.2%;
}
.itemx[data-size="30x40"].landscape{
    width: 14.06%!important;
    padding-bottom: 10.562%!important;
}
.itemx[data-size="40x50"]{
    width: 13.939%;
    padding-bottom: 17.393%;
}
.itemx[data-size="50x50"]{
    width: 17.499%;
    padding-bottom: 17.489%;
}
.itemx[data-size="50x70"]{
    width: 17.1%;
    padding-bottom: 23.927%;
}
.itemx[data-size="50x70"].landscape{
    width: 23.8%!important;
    padding-bottom: 17.29%!important;
}
.itemx[data-size="70x100"]{
    width: 23.5%;
    padding-bottom: 33.99%;
} */
@keyframes blinker {
    50% {
        opacity: 0.5;
    }
}