body {
    background-color: #ededed;
    font-family: 'Sukhumvit Set';
}

.side-menu {
    font-weight: 400;
    color: #ffffff;
    font-size: larger;
    background-color: #1d262d;
    width: 100%;
    /*text-align: center;*/
    border-top: solid;
    border-bottom: solid;
    border-style: none;
    border-color: #1d262d;
    text-decoration: none;
    
}

.side-menu-active {
    font-weight: 400;
    color: #1abc9c;
    font-size: large;
    background-color: #303f4a;
    width: 100%;
    /*text-align: center;*/
    border-top: solid;
    border-bottom: solid;
    border-style: none;
    border-color: #303f4a;
    text-decoration: none;
}

.side-menu:hover {
    font-weight: 400;
    color: #1abc9c;
    font-size: large;
    background-size: auto;
    background-color: #303f4a;
    width: 100%;
    /*text-align: center;*/
    border-top: solid;
    border-bottom: solid;
    border-style: none;
    border-color: #303f4a;
    text-decoration: none;
}

.menu-bar {
    color: #ffffff;
    font-size: large;
    text-decoration: none;
}

.menu-bar-active {
    color: #1abc9c;
    border-bottom-style: solid;
    padding-top: unset;
    font-size: large;
    text-decoration: none;
}

.menu-bar:hover {
    color: #1abc9c;
    border-bottom-style: solid;
    padding-top: unset;
}

.menu-bar-active:hover {
    color: #1abc9c;
    border-bottom-style: solid;
    padding-top: unset;
}

.menu-bar-in {
    color: #a3a3a3;
    font-size: large;
    text-decoration: none;
}

.menu-bar-in-active {
    color: #1d262d;
    /*border-bottom-style: solid;*/
    /* padding-top: unset;*/
    font-size: large;
    text-decoration: none;
    /*text-decoration: none;*/
}

.menu-bar-in:hover {
    color: #1d262d;
    border-bottom-style: hidden;
    text-decoration: none;
    /*padding-top: inherit;*/
}