a {
    text-decoration: none;
}

    a:hover {
        font-weight: bold;
    }

.menu {
    background: #713782;
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 1000;
}

    .menu h3 {
        color: #afdefa;
        font-size: 1.5em;
        padding: 15px;
        margin: 0;
        font-weight: 300;
        background: #0d77b6;
    }

    .menu a {
        display: block;
        color: white;
        border-bottom: 2px solid white;
        padding: 1em;
    }

        .menu a:hover {
            color: white;
            background: #e73429;
        }

.menu-left {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right-color: #555555;
    border-right-style: solid;
    border-right-width: 3px;
    width: 60%;
    left: -62%;
}

.menu-right {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left-color: #555555;
    border-left-style: solid;
    border-left-width: 3px;
    width: 95%;
    right: -97%;
}

    .menu-right a {
        display: inline-block;
        padding-top: 0em;
        padding-bottom: 0em;
    }

    .menu-right label {
        color: white;
    }

    .menu-right p {
        margin-top: -10px;
        margin-bottom: -8px;
    }

    .menu-right.div-balances {
        color: white;
        padding: 5%;
        padding-bottom:0px;
        font-size: medium;
        border-left-width: 0px;
        text-align: center;
        /* Firefox */
        min-height: -moz-calc(100% - 100px);
        /*WebKit*/ 
        min-height: -webkit-calc(100% - 100px);
        /* Opera */
        min-height: -o-calc(100% - 100px);
        /* Standard */
        min-height: calc(100% - 100px);
    }

.div-balances table {
    padding-top: 5%;
    padding-bottom: 5%;
    width: 95%;
    border-spacing: 0;
    line-height: 25px;
    font-size: small;
}

.div-balances td {
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding-left: 10px;
}

.menu-right.div-add-new {
        color: white;
        padding: 5%;
        font-size: medium;
        border-left-width: 0px;
        text-align: center;
        border-top-width:1px;
        border-top-style:solid;
        border-radius:0px;

}

.div-type {
    text-align: center;
}

    .div-type a {
        padding-top:20px;
        border-bottom-width:0px;
    }
        .div-type a:hover {
            background-color:transparent;
        }

.div-type input {
    padding-top: 1.1em;
}

.menu-card {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #713782;
    width: 95%;
    right: -95%;
    height: 100%;
}

.div-add-card {
    padding: 5%;
    color:white;
}

    .div-add-card p {
        margin-top: -10px;
        text-align: center;
    }

.div-card-details input {
    background-color: rgb(250,255,189);
    width: 80%;
}

.menu-left.menu-open {
    left: 0px;
}

.menu-right.menu-open {
    right: 0px;
}

.menu-card.menu-open {
    right: 0%;
}

 /*Transition*/ 
.menu {
    transform: translate3d(0,0,0); 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}