body {
    font-family: 'Kanit', sans-serif;
}

.content {
    margin-left: 15%;
    padding:10px 16px;
    height: 100%;
}

.navigation-bar {
    width: 15%;
    padding: 0;
    height: 100%;
    position: fixed;
    overflow: auto;
    background-color: #e8e8e8;
}

a {
    color: inherit;
}

a:hover {
    color:inherit;
    text-decoration: underline;
}

.nav-link {
    color: inherit;
}

.add_button {
    float: right;
    margin-bottom: 10px;
}

.nav-item .active {
    background: #677e74;
    color: white;
}

.nav-item:hover {
    background: #dddbdb;
}

.btn-darkgreen {
    background: #677e74 !important;
    color: white;
}

.btn-darkgreen:hover {
    background: #444d47 !important;
    color: white;
}

.btn-dddbdb {
    background: #dddbdb;
}

.btn-dddbdb:hover {
    background: #a5a5a5;
}

.btn-grey {
    background: #85a5b3;
    color: white;
}

.btn-grey:hover {
    background: #617984;
    color: white;
}

.btn-red {
    color: #fff;
    background-color: #be4a47;
    border-color: #be4a47;
}

.btn-red:hover {
    color: #fff;
    background-color: #8c3936;
    border-color: #8c3936;
}

.btn-yellow {
    background: #f9a51ce6;
    color: white;
}

select {
    text-transform: none;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .10s ease-in-out,box-shadow .10s ease-in-out;
}

.paginate_button {
    border-radius: .25rem !important;
    transition: border-color .10s ease-in-out,box-shadow .10s ease-in-out;
}

.paginate_button.current {
    text-transform: none;
    border: 1px solid #ced4da !important;
    background : #ced4da !important;
}

.paginate_button:hover {
    background: #677e74 !important;
    border: 1px solid #677e74 !important;
}

.paginate_button.disabled {
    background: transparent !important;
    border: 1px solid transparent !important;
}