/*---------------------------
  Element Tabs
 ----------------------------*/
.nk-tabs::before {
    content: "";
    display: block;
    clear: both;
}

.nk-tabs .nav-tabs {
    border-bottom: none;
}

.nk-tabs .nav-tabs .nav-item + .nav-item {
    margin-left: -10px;
}

.nk-tabs .nav-tabs .nav-item, .nk-tabs .nav-tabs .nav-item:focus, .nk-tabs .nav-tabs .nav-item:hover,
.nk-tabs .nav-tabs .nav-link,
.nk-tabs .nav-tabs .nav-link:focus,
.nk-tabs .nav-tabs .nav-link:hover,
.nk-tabs .nav-tabs .nav-item.open .nav-link,
.nk-tabs .nav-tabs .nav-item.open .nav-link:focus,
.nk-tabs .nav-tabs .nav-item.open .nav-link:hover,
.nk-tabs .nav-tabs .nav-link.active,
.nk-tabs .nav-tabs .nav-link.active:focus,
.nk-tabs .nav-tabs .nav-link.active:hover {
    color: #fff;
    
}

.nk-tabs .nav-tabs .nav-link {
    min-width: 150px;
    padding: 10px 15px;
    font-family: "Kanit",sans-serif;
    font-weight: 300;
    text-align: center;
    background-color: #293139;
    border: none;
    -webkit-transition: .15s background-color;
    -o-transition: .15s background-color;
    transition: .15s background-color;
}

.nk-tabs .nav-tabs .nav-link:focus, .nk-tabs .nav-tabs .nav-link:hover {
    background-color: #303842;
}

.nk-tabs .nav-tabs .nav-link.active, .nk-tabs .nav-tabs .nav-link.active:focus, .nk-tabs .nav-tabs .nav-link.active:hover {
    background-color: #73160f;
}