#myAccountMenu {
    height: calc(100vh - 78px);
    width: 310px;
    background-color: var(--color-4);
    box-shadow: inset -1px 4px 5px -4px #8a8a8a;
    right: 0;
    position: fixed;
    z-index: 9999;
    top: 78px;
    display: none
}

    #myAccountMenu a:hover {
        color: var(--secundary-color)
    }

#divLogOut {
    text-align: center;
    bottom: 0;
    position: absolute;
    margin-bottom: 20px
}

#title {
    width: 194px
}

.paddingr-0 {
    padding-right: 0
}

.paddingr-40 {
    padding-right: 40px
}

.paddingl-0 {
    padding-left: 0
}

.paddingl-19 {
    padding-left: 19px
}

.paddingl-40 {
    padding-left: 40px
}

.paddingb-18 {
    padding-bottom: 18px
}

.paddingb-20 {
    padding-bottom: 20px
}

.paddingb-22 {
    padding-bottom: 22px
}

.paddingb-46 {
    padding-bottom: 46px
}

.paddingb-42 {
    padding-bottom: 42px
}

.paddingb-50 {
    padding-bottom: 50px
}

.paddingb-57 {
    padding-bottom: 57px
}

.btn-logOut {
    width: 195px;
    border-radius: 5px
}

.close-button {
    border: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 44px;
    font-family: ''
}

.center {
    margin: auto
}

@media (min-width:0px) and (max-width:479.9px) {
    #myAccountMenu {
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        position: fixed
    }

    #divLogOut {
        text-align: center;
        position: static
    }
}

@media(max-height:855px) {
    #myAccountMenu {
        overflow-y: scroll
    }

    #divLogOut {
        padding-bottom: 15px;
        position: static
    }
}