html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: 'Nunito Sans', sans-serif;
}

body {
    margin-top: 50px;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

p {
    font-size: 13px;
}

span {
    font-size: 12px;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

:root {
    font-size: 16px;
}

a {
    font-size: 14px;
}

/*.btn {
    padding: .25rem .625rem;
}*/

#show-sidebar {
}

.tp-bg-dark {
    background-color: #e56712;
}

.tube-thumbnail {
    height: 70px;
    width: 100%;
}

.tube-thumbnail-lg {
    height: 100px;
    width: 100%;
}

.page-item .pej{
    border-color:transparent;
    background-color: #014e86;
    color: #7f8c94;
    padding-left: 0px;
}

.page-item a:hover{
    border-color:transparent;
    background-color: #014e86;
    color: #fff;
    text-decoration: underline;
}

.page-item .aktif{
    color: #fff;
    text-decoration: underline;
}

.page-item:nth-child(3) a{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 10px;
}

.page-item:nth-last-child(3) a{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 10px;
}

.pagination { justify-content: center!important; }

/*
    Side Bar
 */
.nav-link {
    color: #b9b9b9;
}

.nav-link:hover {
    color: #ffffff;
}