body {
    font-family: "Nunito", "Open Sans", sans-serif;
    color: #1B2559;
    background-color: #F4F7FE;
}

.main {
    min-height: calc(100vh - 192px);
}

.login-main.main {
    min-height: calc(100vh - 192px);
    display: flex;
    align-items: center;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 25px;
    padding-right: 25px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Nunito", sans-serif;
    text-transform: none;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 20px;
    color: #1B2559;
    font-weight: 700;
}

h2 span, h3 span, h4 span, h5 span {
   color: #487FFF;
}

a {
    color: #487FFF;
    text-decoration: none;
}

a:hover {
    color: #3a6ae0;
}

img {
    max-width: 100%;
}

h1:after, h2:after, h3:after {
    display: none;
}

.logo {
    max-width: 250px;
}

.login .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

.card.login {
    border: none;
    background-color: transparent;
}

.login  .card-body {
    flex: 1 1 auto;
    padding: 30px;
    border: 1px solid rgba(72, 127, 255, 0.1);
    margin-top: 30px;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 4px 24px rgba(72, 127, 255, 0.08);
}

.login .form-control {
    border-radius: 12px;
    height: 45px;
}

.form-control:focus, .form-select:focus {
    border-color: #487FFF;
    box-shadow: 0 0 0 3px rgba(72, 127, 255, 0.15);
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(72, 127, 255, 0.25);
}

.btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    border-color: transparent;
    border-radius: 12px;
    transition: all 300ms ease;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #3a6ae0 0%, #5235d9 100%);
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(72, 127, 255, 0.35);
}

.login .btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    border-color: transparent;
    border-radius: 12px;
    height: 50px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 16px;
    transition: all 300ms ease;
}

.login .btn-primary:hover {
    background: linear-gradient(135deg, #3a6ae0 0%, #5235d9 100%);
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(72, 127, 255, 0.35);
}

footer {
    background-color: #ffffff !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #64748b;
    margin-top: 50px !important;
    border-top: 1px solid rgba(72, 127, 255, 0.08);
}

span.heart {
    font-size: 24px;
    color: #e31b23;
    line-height: 15px;
    margin-left: 4px;
    vertical-align: text-top;
}

.navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    justify-content: flex-end;
    text-transform: uppercase;
}

.navbar-expand-lg .navbar-collapse i {
    font-size: 22px;
    line-height: 22px;
    vertical-align: top;
}

.nav-icons {
    display: inline-block;
    float: right;
    margin-left: 25px;
    width: 178px;
    margin-top: -3px;
}

.nav-icons li {
    width: auto;
    display: inline-block;
}

.navbar-expand-lg .navbar-nav .nav-icons .nav-link {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.navbar {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 4px 24px rgba(72, 127, 255, 0.06);
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(72, 127, 255, 0.06);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #487FFF;
}

.btn {
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 12px;
    padding: 10px 30px;
    transition: all 300ms ease;
}

.form-control {
    border-radius: 12px;
    height: 45px;
}

.alert-info {
    color: #487FFF;
    background-color: #E4F1FF;
    border-color: #BFDCFF;
}

.form-select {
    border-radius: 12px;
    height: 45px;
}

li.nav-item.active a {
    color: #487FFF !important;
}

.cards-row .card{
    background: #fff;
    border-radius: 16px;
    border: none;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(72, 127, 255, 0.08);
    transition: all 300ms ease;
}

.cards-row .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(72, 127, 255, 0.15);
}

.cards-row .card-header {
    height: 200px;
    width: 100%;
    background: red;
    border-radius: 16px 16px 100% 0% / 0% 0% 50% 100% !important;
    display: grid;
    place-items: center;
}

.cards-row .card-header i {
    color: #fff;
    font-size: 72px;
}

.cards-row .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.cards-row .card-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cards-row .card-text {
    text-align: center;
    font-size: 62px;
    margin-bottom: 20px !important;
    font-weight: 500;
    line-height: 62px;
}

.cards-row .card-header{
    background: linear-gradient(to bottom left, #11998e, #38ef7d);
}

.other-dash h3 {
    margin-bottom: 25px;
}

h3 span {
    color: #487FFF;
}

.list-group {
    border-radius: 12px;
}

.list-group-item h5 {
    font-weight: 500;
    font-size: 20px;
    max-width: 410px;
}

.list-group.popular-book h5 {
    margin-bottom: 0;
    padding-bottom: 0;
}


.list-group.popular-book h5 span {
    font-size: 15px;
    font-family: "Open Sans", serif;
    display: inline-block;
    margin-left: 15px;
    text-transform: none;
    font-style: italic;
}

.book-status-select .form-select {
    max-width: 200px;
    display: inline-block;
    margin-left: 10px;
}

.table>:not(caption)>*>* {
    padding: 7px 10px;
    vertical-align: middle;
}

.title-margin {
    margin-bottom: 50px;
}

.teacher-margin-top {
    margin-top: 60px !important;
}

small {
    font-size: 12px;
}

tbody, td, tfoot, th, thead, tr {
    line-height: normal;
}

#book_suggestions ul li, #user_suggestions ul li  {
    cursor: pointer;
}

#book_suggestions ul li:hover, #user_suggestions ul li:hover {
    background-color: #ebebeb;
}

h5 .text-body-secondary {
    color: #959595;
    font-style: italic;
}

.add-book {
    position: relative;
}

.suggestions {
    position: absolute;
    background-color: #ebebeb;
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    border: 1px solid #ddd;
    padding-left: 15px;
}

.suggestions p {
    margin-bottom: 7px;
    margin-top: 7px;
}

.suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

 .suggestions li {
    padding: 8px 12px;
}

.suggestions li:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.suggestions li.list-group-item {
    background-color: transparent;
    border: 0;
    padding-left: 0;
}

.stats-details h2 {
    margin-bottom: 35px;
}

.loan-stats {
    margin-top: 35px;
}

.list-group-item h5 .badge.rounded-pill {
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    font-size: 20px;
    margin-right: 10px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.page-item.active .page-link {
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    border-color: transparent;
}

.page-item:last-child .page-link {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-link {
    color: #487FFF;
    border-radius: 8px;
    margin: 0 2px;
    transition: all 200ms ease;
}

.page-link:hover {
    color: #487FFF;
    background-color: #E4F1FF;
}

.box {
    background-color: #ffffff;
    padding: 15px;
}

.table.per-class>:not(caption)>*>* {
    padding: 5px 10px;
}

canvas {
    max-height: 450px;
}

.bg-danger .card-title {
    color: #ffffff;
    font-weight: 900;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}

table .btn {
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    border-radius: 8px;
    padding: 5px 10px;
    transition: all 200ms ease;
}

.class-card.card {
    background: #fff;
    border-radius: 16px;
    border: none;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(72, 127, 255, 0.08);
    transition: all 300ms ease;
}

.class-card.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(72, 127, 255, 0.15);
}

.class-card .card-header {
    height: 200px;
    width: 100%;
    background: red;
    border-radius: 16px 16px 100% 0% / 0% 0% 50% 100% !important;
    display: grid;
    place-items: center;
}

.class-card .card-header i {
    color: #fff;
    font-size: 72px;
}

.class-card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    min-height: 231px;
}

.class-card .card-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 20px;
    max-width: 209px;
}

.class-card .card-text {
    text-align: center;
    font-size: 52px;
    margin-bottom: 20px !important;
    font-weight: 500;
    line-height: 52px;
}

.card-text span {
    display: block;
    font-size: 22px;
    line-height: 22px;
    margin-top: 15px;
    opacity: 0.7;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.class-card.card .btn {
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 10px;
    padding: 7px 12px;
    font-size: 14px;
}

.class-card .card-footer {
    padding: 15px 10px;
    text-align: center;
    background-color: transparent;
}

.class-card .card-header {
    background: linear-gradient(to bottom left, #11998e, #38ef7d);
    font-size: 46px;
    color: #ffffff;
    font-weight: 600;
}

.classess-cards .col:nth-child(2) .card-header {
    background: linear-gradient(to bottom left, #F79F1F, #FFC312);
}

.classess-cards .col:nth-child(3) .card-header {
    background: linear-gradient(to bottom left, #A3CB38, #C4E538);
}

.classess-cards .col:nth-child(4) .card-header {
    background: linear-gradient(to bottom left, #1289A7, #12CBC4);
}

.classess-cards .col:nth-child(5) .card-header {
    background: linear-gradient(to bottom left, #D980FA, #FDA7DF);
}

.classess-cards .col:nth-child(6) .card-header {
    background: linear-gradient(to bottom left, #B53471, #ED4C67);
}

.classess-cards .col:nth-child(7) .card-header {
    background: linear-gradient(to bottom left, #EA2027, #EE5A24);
}

.classess-cards .col:nth-child(8) .card-header {
    background: linear-gradient(to bottom left, #006266, #009432);
}

.classess-cards .col:nth-child(9) .card-header {
    background: linear-gradient(to bottom left, #1B1464, #0652DD);
}

.classess-cards .col:nth-child(10) .card-header {
    background: linear-gradient(to bottom left, #5758BB, #9980FA);
}

.classess-cards .col:nth-child(11) .card-header {
    background: linear-gradient(to bottom left, #6F1E51, #833471);
}

.classess-cards .col:nth-child(12) .card-header {
    background: linear-gradient(to bottom left, #f6b93b, #fad390);
}

.classess-cards .col:nth-child(13) .card-header {
    background: linear-gradient(to bottom left, #e55039, #f8c291);
}

.classess-cards .col:nth-child(14) .card-header {
    background: linear-gradient(to bottom left, #4a69bd, #6a89cc);
}

.classess-cards .col:nth-child(15) .card-header {
    background: linear-gradient(to bottom left, #60a3bc, #82ccdd);
}

.classess-cards .col:nth-child(16) .card-header {
    background: linear-gradient(to bottom left, #78e08f, #b8e994);
}

.classess-cards .col:nth-child(17) .card-header {
    background: linear-gradient(to bottom left, #e58e26, #fa983a);
}

.classess-cards .col:nth-child(18) .card-header {
    background: linear-gradient(to bottom left, #b71540, #eb2f06);
}

.classess-cards .col:nth-child(19) .card-header {
    background: linear-gradient(to bottom left, #0c2461, #1e3799);
}

.classess-cards .col:nth-child(20) .card-header {
    background: linear-gradient(to bottom left, #0a3d62, #3c6382);
}

.classess-cards .col:nth-child(21) .card-header {
    background: linear-gradient(to bottom left, #079992, #38ada9);
}

.classess-cards .col:nth-child(22) .card-header {
    background: linear-gradient(to bottom left, #16a085, #1abc9c);
}

.classess-cards .col:nth-child(23) .card-header {
    background: linear-gradient(to bottom left, #27ae60, #2ecc71);
}

.classess-cards .col:nth-child(24) .card-header {
    background: linear-gradient(to bottom left, #2980b9, #3498db);
}

.classess-cards .col:nth-child(25) .card-header {
    background: linear-gradient(to bottom left, #8e44ad, #9b59b6);
}

.classess-cards .col:nth-child(26) .card-header {
    background: linear-gradient(to bottom left, #2c3e50, #34495e);
}

.classess-cards .col:nth-child(27) .card-header {
    background: linear-gradient(to bottom left, #f39c12, #f1c40f);
}

.classess-cards .col:nth-child(28) .card-header {
    background: linear-gradient(to bottom left, #d35400, #e67e22);
}

.classess-cards .col:nth-child(29) .card-header {
    background: linear-gradient(to bottom left, #c0392b, #e74c3c);
}

.classess-cards .col:nth-child(30) .card-header {
    background: linear-gradient(to bottom left, #f368e0, #ff9ff3);
}

.classess-cards .col:nth-child(31) .card-header {
    background: linear-gradient(to bottom left, #ff9f43, #feca57);
}

.classess-cards .col:nth-child(32) .card-header {
    background: linear-gradient(to bottom left, #ee5253, #ff6b6b);
}

.classess-cards .col:nth-child(33) .card-header {
    background: linear-gradient(to bottom left, #0abde3, #48dbfb);
}

.classess-cards .col:nth-child(34) .card-header {
    background: linear-gradient(to bottom left, #341f97, #5f27cd);
}

.classess-cards .col:nth-child(35) .card-header {
    background: linear-gradient(to bottom left, #2e86de, #54a0ff);
}

.classess-cards .col:nth-child(36) .card-header {
    background: linear-gradient(to bottom left, #01a3a4, #00d2d3);
}

.btn-primary {
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    border-color: transparent;
    border-radius: 12px;
}

.btn-danger {
    background-color: #EF4444;
    border-color: #EF4444;
    border-radius: 12px;
}

.btn-warning {
    color: #000;
    background-color: #FF9F43;
    border-color: #FF9F43;
    border-radius: 12px;
}

.btn-info {
    color: #ffffff;
    background-color: #00CFE8;
    border-color: #00CFE8;
    border-radius: 12px;
}

.btn-success {
    color: #fff;
    background-color: #22C55E;
    border-color: #22C55E;
    border-radius: 12px;
}

span.primary-color {
    color: #487FFF;
}

.book-info span.primary-color {
    display: inline-block;
    margin-left: 7px;
    font-weight: 700;
}

.cover {
  width: 100%;
  height: 315px;
  overflow: hidden;
}

.cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card.book-info {
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(72, 127, 255, 0.08);
    border: none;
}

.card.book-info .col-md-8 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.card.book-info .list-group {
    width: 100%;
}

.card.book-info span.info-title {
    display: inline-block;
    min-width: 190px;
}

.card.book-info h4 {
    width: 100%;
    padding-left: 15px;
    padding-top: 20px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 30px;
}

.card.book-info h4 span.primary-color {
    margin-left: 0;
}

.list-cover {
  width: 50px;
  height: 55px;
  overflow: hidden;
}

.list-cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.navbar-light .navbar-toggler {
    color: transparent;
    border-color: transparent;
    padding: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: none;
    color: #487FFF;
    font-size: 36px;
    height: auto;
    width: auto;
}


.navbar-toggler {
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    flex-shrink: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-collapse .bi-x-lg {
    display: none;
}

.social-icons {
    margin-top: 10px;
}

.social-icons a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
}

.last-added h5 {
    padding-left: 0 !important;
}

.vkupno-dodadeni {
    margin-bottom: -15px;
}

.active-loans .book-cover, .loan-class .book-cover, .last-added-book .book-cover {
    width: 50px;
    height: 60px;
    overflow: hidden;
    margin-right: 15px;
}

.active-loans .list-group-item {
    display: flex;
    align-items: center;
}

.active-loans .book-cover img, .loan-class .book-cover img, .last-added-book .book-cover img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.popular-book .book-cover {
    width: 50px;
    height: 60px;
    overflow: hidden;
    margin-right: 15px;
}

.popular-book  .list-group-item {
    display: flex;
    align-items: center;
}

.popular-book  .book-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.popular-book  .badge.rounded-pill {
    background: linear-gradient(135deg, #487FFF 0%, #6142FF 100%);
    font-size: 20px;
    margin-right: 15px;
}

.top-students .list-group-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-group.top-students  h5 {
    margin-bottom: 0;
    padding-bottom: 0;
}


.list-group.top-students  h5 span {
    font-size: 15px;
    font-family: "Open Sans", serif;
    display: inline-block;
    margin-left: 15px;
    text-transform: none;
    font-style: italic;
}

.loan-class {
    display: flex;
    align-items: center;
}

.loan-class p {
    margin-bottom: 0;
}

.loan-class h5 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.loan-class small {
    position: absolute;
    right: 15px;
    top: 15px;
}


.last-added-book  {
    display: flex;
    align-items: center;
}

.last-added-book  p {
    margin-bottom: 0;
    color: #487FFF;
    font-weight: 500;
}

.last-added-book  h5 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.last-added-book  small {
    position: absolute;
    right: 15px;
    top: 15px;
}

h5 span.text-body-secondary em {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.popular-book.active-loans.pass-loans h5 span {
    display: block;
    margin-left: 0;
}

@media screen and (max-width: 991px) {
    .navbar-collapse.collapse:not(.show) {
        display: block;
    }
    
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        background: #191919;
        width: 215px;
        height: 100%;
        z-index: 9999;
        padding: 25px;
        transform: translateX(215px);
        transition: 0.3s ease-in-out;
        display: block;
    }
    
    .navbar-collapse.show {
        transform: translateX(0px);
    }
    
    body:not(.menu-active) .overlay {
        display: none;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        z-index: 9002;
        opacity: 0;
        pointer-events: none;
    }


    body.menu-active .overlay {
        pointer-events: auto;
        animation: fadeIn 0.4s ease-in-out forwards;*/
    }

    body:not(.menu-active) .overlay{
		animation: fadeOut 0.4s ease-in-out forwards;
    }


    @keyframes fadeIn {
        from {
            opacity: 0;
            background-color: rgba(0, 0, 0, 0);
        }
        to {
            opacity: 1;
            background-color: rgba(0, 0, 0, 0.6);
        }
    }

     @keyframes fadeOut {
        from {
          opacity: 1;
          background-color: rgba(0, 0, 0, 0.6);
        }
        to {
          opacity: 0;
          background-color: rgba(0, 0, 0, 0);
        }
    }
    
    .navbar-light .navbar-nav .nav-link {
        color: rgba(255, 255, 255, .6);
    }
    
    .nav-icons {
        margin-top: 25px !important;
    }
    
    .navbar-nav {
        margin-top: 35px;
    }
    
    .navbar-collapse .bi-x-lg {
        display: block;
        cursor: pointer;
        position: absolute;
        color: rgba(255, 255, 255, .6);
        top: 13px;
        right: 13px;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: left !important;
    }
    
    .navbar-nav li.nav-item {
        border-top: 1px solid rgba(255, 255, 255, .03);
        margin-bottom: 5px;
    }
    
    .nav-icons li.nav-item {
        border: none;
    }
    
    .navbar-expand-lg .navbar-nav .nav-icons .nav-link {
        padding-left: 3px !important;
        padding-right: 4px !important;
    }
}

@media (max-width: 768px) {
    .footer {
        margin-top: 25px !important;
    }
    
    .cards-row .card {
        margin-bottom: 40px;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: right;
    }
    
    .nav-icons {
        display: inline-block;
        float: right;
        margin-left: 0;
        width: auto;
        margin-top: 0;
        text-align: right;
    }
    
    table .btn {
        margin-bottom: 5px;
    }
    
    .classes-view h5 strong {
        display: block;
        width: 100%;
    }
    
    .list-group-item h5 {
        padding-left: 55px;
    }
    
    .list-group-item h5 .badge.rounded-pill {
        position: absolute;
        left: 2px;
        top: 5px;
    }
    
    .list-group.popular-book h5 span {
        margin-left: 0;
        display: block;
    }
    
    .stats-details h2 span {
        display: block;
        width: 100%;
    }
    
    .stats-details h2 {
        margin-bottom: 0;
    }
    
    .card.book-info h4 {
        width: 100%;
        padding-left: 15px;
        padding-top: 15px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 28px;
    }
    
    .cover {
        height: 480px;
    }
    
    .title-margin {
        margin-bottom: 15px;
    }
    
    .popular-book.active-loans h5 {
        padding-left: 0 !important;
    }
    
    .popular-book .list-group-item h5 {
        padding-left: 0;
    }
    
    .list-group.top-students h5 span {
        margin-left: 0;
    }
    
    .loan-class h5 {
        padding-left: 0;
    }
    
    
    h5 .text-body-secondary, .last-added-book small {
        display: none;
    }
    
    .list-group h5 span {
        font-size: 11px !important;
    }
    
    .list-group-item h5 {
        line-height: 20px;
    }
}