.login-notif-details {
    top: 133px;
}

.login-notif::before {

    height: 140px;
}

.login-notif-details-header{
    top: 56px;
}

.price::after {
    width: 19px;
    height: 15px;

}

.header{
    font-size: 14px !important;
}
.header .navbar{
    height: 5.5rem;
}

.navbar{
    padding: 0 6rem;

}
.log-btn{
    padding: 0.6rem 1.8rem !important;
    gap: 0.5rem !important;
}
#searchTabs .nav-item a{
    padding: 0.5rem 1rem !important;
}

.modal{
    background-color: #fffa;
}

.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.nav > li > a{
    padding: 0 !important;
}

/*.book-item{*/
/*    z-index: -1;*/
/*}*/

.mdd th, .mdd td{
    vertical-align: middle;
    text-align: center;
}
.book-num{
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #0dcaf0;
    display: inline-block;
    color: white;
}

.position-fixed{
    position: fixed !important;
}

.modal-dialog{
    min-width: unset !important;
}

header i{
font-size: 20px;
}
.sm-log-btn i {
    width: 42px !important;
    height: 42px !important;
    background-color: #d9ebf970 !important;
    border-radius: 50%;
    padding: 21px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(10, 120, 195, 0.2);
}

.login-open i{
    font-size: 20px;
}


.ham{
    width: 42px !important;
    height: 42px !important;
    background-color: #d9ebf970 !important;
    border-radius: 50%;
    padding: 21px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(10, 120, 195, 0.2);
    position: relative;
}

#menu a{
    padding: 0 !important;
}
.right-hide-nav i{
    width: 33px !important;
    font-size: 22px !important;
}

.menu-header i{
    font-size: 28px !important;
}
@media (max-width: 576px){
    .navbar{
        padding: 1rem !important;
    }
}