/* 
    Document   : custom css
    Created on : Okt 11, 2021, 9:45:20 AM
    Author     : Widiart
    Description:
        Purpose of the stylesheet follows.
*/

.nav-digilib {
    border-bottom: none !important;
    padding-left: 15px;
    padding-right: 15px;
}

.nav-digilib .nav-link {
    color: #828282;
    font-weight: 500;
}

.nav-digilib .title {
    color: #0084C4;
    font-weight: 500;
}

.nav-digilib a.active {
    margin: 0 15px;
}

.digilib-search input {
    border-radius: 30px !important;
    padding: 10px 50px;
    border-color: #5BB0D9;
}

.digilib-search .icon {
    /* background-color: red; */
    position: absolute;
    z-index: 10;
    top: 11px;
    left: 15px;
    color: #828282;
}

.digilib-search .icon::after {
    content: '';
    height: 30px;
    width: 2px;
    background-color: #5BB0D9;
    position: absolute;
    left: 25px;
    top: -2px;
}

.logo-library {
    position: fixed;
    bottom: 15px;
    width: 100px;
    z-index: 10;
}

.digilib-search-button button,
.digilib-login-button button {
    min-width: 150px;
    margin: 0 15px;
}

/* .digilib-logo-search {
    height: 100%;
    max-height: 270px;
} */

.container-home .digilib-logo-search::before {
    content: '';
    height: calc(100% - 560px);
    max-height: 100px;
    display: block;
    position: relative;
    width: 100%;
}

.digilib-logo-search img {
    width: auto;
    position: relative;
    margin-top: auto;
    max-height: 150px;
    max-width: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.container-home {
    position: absolute;
    width: 100%;
    height: calc(100% - 210px);
}

.margin-logo {
    height: 100px;
}

.digilib-login-form {
    padding: 0;
    border-radius: 1rem;
    color: #0084C4;
    border: 2px solid #0084C4;
}

.digilib-login-form label {
    font-size: 18px;
}

.digilib-login-form input {
    border-color: #0084C4;
}

.digilib-login-form .form-header {
    display: flex;
}

.digilib-login-form .form-header img {
    width: 135px;
}

.digilib-login-form .form-header h4 {
    padding-top: 16px;
}

.lupa-password {
    margin-top: -20px;
}

.lupa-password a {
    color: #0084C4;
}

.digilib-login-divider div {
    position: relative;
}

.digilib-login-divider div::before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 40%;
    background-color: #FFC01B;
    top: 15px;
}

.digilib-login-divider div::after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    right: 0;
    width: 40%;
    background-color: #FFC01B;
    top: 15px;
}

.btn-outline-primary {
    border-color: #0084C4;
    color: #0084C4;
}

.digilib-search.search-top {
    margin-left: 20px;
}

.digilib-search.search-top input {
    padding: 10px 50px 10px 20px;;
}

.digilib-search.search-top input:-webkit-autofill {
    background-color: red;
}

.digilib-search.search-top .btn {
    border-radius: 0 30px 30px 0;
    position: absolute;
    height: 46px;
    width: 50px;
    right: 0;
    z-index: 10;
}

.digilib-search.search-top .btn:focus {
    box-shadow: none;
}

.digilib-form-search {
    max-width: 500px;
}

.nav-hr {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #FFC01B;
    position: absolute;
    top: 80px;
}

.container-fluid.dokumen-search {
    padding: 0px 100px;
}

.container-fluid .digilib-container {
    padding: 0px 100px;
}

.dokumen-search-header {
    display: flex;
    color: #828282;
}

.dokumen-search-header .active {
    color: #0084C4;
    font-weight: 500;
}

.dokumen-search-header .jenis {
    margin-right: 10px;
    border: 1px solid #5BB0D9;
    padding: 6px 12px;
    border-radius: 20px;
}

.dokumen-search-header .fas {
    margin-left: 5px;
    cursor: pointer;
}

.dokumen-search-header .jenis:hover {
    box-shadow: rgb(49 53 59 / 25%) 0px 1px 6px 0px;
}

.dokumen-search-body .judul a {
    color: #5BB0D9;
    transition: none;
}

.dokumen-search-body .judul a:hover {
    color: #0084C4;
    text-decoration: underline;
}

.dokumen-search-body .isi {
    color: #828282;
}

.dokumen-search-body .subjek {
    font-weight: 500;
    color: #505050;
}

.dokumen-search-body .detail {
    display: flex;
    font-weight: 500;
    color: #505050;
}

.dokumen-search-body .detail div {
    margin-right: 20px;
}

.tombol-aksi .btn {
    margin: 5px;
    min-width: 100px;
}

.page-header {
    height: 50px;
    position: relative;
}

.page-header.dokumen {
    height: 100%;
}

.page-header .tambah-user {
    position: absolute;
    top: 0;
    right: 35px;
}

.side-menu {
    position: relative;
    color: #505050;
}

.side-menu::after {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FFC01B;
    content: '';
    bottom: -14px;
    left: 0;
}

.filter-menu {
    height: 150px;
    padding: 5px;
    overflow: hidden;
    transition: ease 0.25s;
}

.filter-menu.penulis {
    height: 100%;
    position: relative;
}

.filter-menu.penulis button {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 0 .25rem .25rem 0;
}

.filter-menu.penulis button:focus {
    box-shadow: none;
}

.filter-menu label {
    cursor: pointer;
    width: calc(100% - 15px);
    color: #828282;
}

.filter-menu label:hover {
    color: #505050;
    font-weight: 500;
}

#selengkapnya_f,
#selengkapnya_j {
    color: #5BB0D9;
    cursor: pointer;
}

#selengkapnya_f:hover,
#selengkapnya_j:hover {
    color: #0084C4;
}

.filter-menu-container {
    padding: 10px;
    border-radius: 6px;
    box-shadow: rgb(49 53 59 / 25%) 0px 1px 6px 0px;
}

.pagination {
    float: right;
}
.pagination li {
    margin: 5px;
    padding: 5px;
    position: relative;
}

.pagination li.active a {
    color: #0084C4;
    font-weight: 500;
}

.pagination li.active a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FFC01B;
}

.sub-item {
    display: none;
    position: absolute;
    background-color: white;
    padding: 0px;
    z-index: 10;
    box-shadow: rgb(49 53 59 / 25%) 0px 1px 6px 0px;
}

.sub-item.logout {
    margin-left: -70px;
}

.sub-item li {
    list-style: none;
    padding: 10px;
    /* cursor: pointer; */
}

.sub-item li:hover {
    background-color: #0084C4;
    color: white;
}

.sub-item li:hover a,
.sub-item li a:hover {
    color: white;
}

.nav-item:hover .sub-item {
    display: block;
}

.body-foot a {
    color: #505050;
}

.footer-digilib {
    height: calc(100vh - 113px);
}

.digilib-vh-100 {
    min-height: calc(100vh - 210px) !important;
}

.digilib-vh-100-max {
    min-height: calc(100vh - 100px) !important;
}
.table-custom{
    width: 100%; 
    table-layout: fixed;
    /* display: block; */
}