.view-cont {
  padding-bottom: 94px;
}
.view-grid {
  /* padding: 32px 0 0; */
  display: flex;
  /*  grid-template-columns: repeat(auto-fill, minmax(256px, auto));
  grid-template-rows: repeat(auto-fill);
  justify-content: space-between; */
  column-gap: 16px;
  row-gap: 24px;
  margin: 0;
}
@media screen and (max-width: 1199.99px) {
  .view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(256px, auto));
    grid-template-rows: repeat(auto-fill);
    justify-content: space-between;
  }
}
.view-grid .card {
  min-width: 240px;
  max-width: 256px;
  margin: 0;
  border-radius: 0;
  border: none;
  position: relative;
  border-color: #e6e6e6 !important;
  background-color: transparent;
}
.view-grid .card.hide {
  display: none;
}
.view-grid .card .card-wrapper {
  position: relative;
  border: 1px solid #e6e6e6;
}
@media screen and (min-width: 1200px) {
  .flex-grow-1:has(.bd-highlight) .card-wrapper {
    justify-content: space-between;
  }
}
.view-grid .card .card-actions {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  padding-bottom: 100%;
  pointer-events: none;
}
.view-grid .card .card-actions .custom-checkbox {
  position: absolute;
  right: 0;
  top: 0;
}
.view-grid .card .card-actions .custom-checkbox .custom-control-input {
  pointer-events: all;
}
.view-grid .card .card-actions .custom-checkbox .custom-control-label {
  pointer-events: all;
  padding: 0;
  width: 48px;
  height: 48px;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.view-grid .card:hover .card-actions .custom-checkbox .custom-control-label,
.view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-input:focus
  ~ .custom-control-label {
  opacity: 1;
}
.view-grid .card.checked .card-actions .custom-checkbox .custom-control-label {
  opacity: 1 !important;
}
.view-grid .card .card-actions .custom-checkbox .custom-control-label:after {
  right: 15px;
  top: 15px;
}
.view-grid .card .card-actions .custom-checkbox .custom-control-label:before {
  right: 4px;
  top: 4px;
}
.view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-input:not(:checked)
  ~ .custom-control-label:after {
  background-color: #fff;
}
.view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:after {
  background-color: #007fad;
  border-color: #007fad;
}
.view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:before {
  background: rgba(0, 127, 173, 0.04) !important;
}
.view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:active:before {
  background: rgba(0, 127, 173, 0.1) !important;
}
.view-grid .card .card-actions .more-actions {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 60px;
  height: 28px;
  border-radius: 16px;
  overflow: hidden;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: 0px 0 0 rgba(0, 0, 0, 0.16);
  background: transparent;
  z-index: 5;
}
.view-grid .card .card-actions .more-actions .btn-more {
  pointer-events: all;
  width: 28px;
  height: 28px;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}
.view-grid .card .card-actions .more-actions .btn-more .icon {
  display: block;
  margin: 0 auto;
  height: 16px;
}
.view-grid .card .card-actions .more-actions:not(.open) .btn-more:hover {
  background: #e5e5e5;
}
.view-grid .card .card-actions .more-actions .btn-pin {
  float: left;
  width: 36px;
  height: 28px;
  border-radius: 16px 0 0 16px;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  pointer-events: none;
  transform: translate3d(32px, 0, 0);
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.view-grid .card .card-actions .more-actions:not(.open) .btn-pin {
  visibility: hidden;
}
.view-grid .card .card-actions .more-actions .btn-pin .icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: opacity 0.15s ease-in-out;
  height: 20px;
  width: 12px;
}
.view-grid .card .card-actions .more-actions .btn-pin .icon.filled,
.view-grid
  .card
  .card-actions
  .more-actions.pinned
  .btn-pin
  .icon:not(.filled) {
  opacity: 0;
}
.view-grid .card .card-actions .more-actions.open {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transition-delay: 0.075s;
  background: #fff;
}
.view-grid .card .card-actions .more-actions.open .btn-more {
  background: #fff;
}
.view-grid .card .card-actions .more-actions.open .btn-pin {
  pointer-events: all;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  background: #fff;
}
.view-grid .card .card-actions .more-actions.pinned .btn-pin .icon.filled {
  opacity: 1;
}
/* .view-grid .card .card-actions .availability {
  position: absolute;
  left: 12px;
  bottom: 12px;
} */
.view-grid .card .card-actions .availability > li {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.view-grid .card .card-actions .availability > li:not(:last-child) {
  margin-left: 10px;
}
.view-grid .card .card-actions .availability > li .icon {
  position: relative;
  width: 36px;
  height: 36px;
  pointer-events: inherit;
  cursor: pointer;
}
.view-grid .card .card-actions .availability > li .icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #007fad;
  opacity: 0.5;
  transition: opacity 0.15s ease-in-out;
}
.view-grid .card .card-actions .availability > li .icon.available::after {
  content: "";
  position: absolute;
  inset-inline-start: -4px;
  top: -4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  background-color: #26ab10;
}
.view-grid .card .card-actions .availability .green-eye-text {
  color: #444;
  font-size: 14px;
  width: 114px;
  height: 18px;
}
.view-grid .card .card-actions .availability .eye-text {
  color: #444;
  font-size: 14px;
  width: 157px;
  height: 18px;
}
.view-grid .card .card-actions .availability > li .icon:hover:before {
  opacity: 1;
}
.view-grid .card .card-actions .availability > li .icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}
.view-grid .card .card-actions .availability > li .icon svg use {
  fill: #007fad;
}
.view-grid .card .card-actions .availability > li .icon.icon-lock svg {
  height: 20px;
}
.view-grid .card .card-actions .availability > li .icon.icon-public-domain {
  background: #fff;
  width: auto;
  height: 20px;
  border-radius: 10px 0 0 10px;
}
.view-grid
  .card
  .card-actions
  .availability
  > li
  .icon.icon-public-domain:before {
  display: none;
}
.view-grid .card .card-actions .availability > li .icon.icon-public-domain svg {
  height: 22px;
  position: relative;
  display: block;
}
.view-grid .card .card-link {
  display: block;
  /*   height: 419px; */
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.16);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--theme-main-5);
  line-height: 1.2;
  font-size: 18px;
  position: relative;
}
.view-grid .card .result-num {
  display: none;
}

.view-grid .card .card-img-top {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  background: var(--theme-main-2);
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-grid .card .card-img-top img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  /*   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
}
.view-grid .card .card-img-top.no-shadow img {
  box-shadow: none;
}
.view-grid .card .card-body {
  padding: 12px 24px 24px 24px;
}
.view-list .card .card-body {
  padding-top: 30px;
}
.view-grid .card .card-body mark {
  padding: 0;
  background: none;
  color: inherit;
}
.view-grid .card .card-body .w-more {
  position: relative;
}
.view-grid .card .card-body .w-more[data-fulltext]:after {
  content: attr(data-fulltext);
  position: absolute;
  right: -25px;
  top: 50%;
  width: calc(100% + 50px);
  background: #444444;
  z-index: 2;
  border-radius: 4px;
  color: #fff;
  line-height: 1.2857;
  font-size: 14px;
  padding: 8px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.15s ease-in-out;
  font-weight: 400;
}
.view-grid .card .card-body .card-title {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--main-theme-color);
  text-overflow: ellipsis;
  /*  white-space: nowrap; */
  font-family: var(--font-bold);
  font-size: 22px;
  line-height: 1;
  /* max-height: 46px;  */
  /*  height: 57px; */
}
.view-grid:not(.view-list) .card .card-body .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: unset;
  line-height: normal;
  height: 58px;
}

@media screen and (max-width: 1199.19px) {
  .view-grid .card .card-body .card-title {
    height: auto;
    max-height: 38px;
  }
}
.view-grid .card .card-body .card-title > div .btn-toggle {
  display: none;
}
.search-results:not(.view-list)
  .view-grid
  .card
  .card-body
  .card-title.ellipsis
  > div {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.view-grid .card .card-body .card-author {
  margin-bottom: 7px;
  color: var(--main-theme-color);
  font-size: 18px;
}
.search-results:not(.view-list) .view-grid .card .card-body {
  height: 202px;
}
.search-results:not(.view-list)
  .view-grid
  .card
  .card-body
  .availability
  .green-eye-text,
.search-results:not(.view-list)
  .view-grid
  .card
  .card-body
  .availability
  .eye-text {
  font-size: 14px;
  font-weight: 400;
}
.search-results:not(.view-list) .view-grid .card .card-body .availability {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search-results:not(.view-list) .view-grid .card .card-body .availability li {
  display: flex;
  align-items: center;
  gap: 4px;
}
.search-results:not(.view-list) .view-grid .card .card-body .card-author {
  font-size: 0;
}
.search-results:not(.view-list) .view-grid .card .card-body .card-author > div {
  white-space: nowrap;
  display: inline-block;
  font-size: 18px;
}
.search-results:not(.view-list)
  .view-grid
  .card
  .card-body
  .card-author.ellipsis
  > div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.view-grid .card .card-body .card-place {
  font-size: 18px;
  line-height: 1.15;
  margin-bottom: 8px;
}
.search-results:not(.view-list) .view-grid .card .card-body .card-place {
  font-size: 0;
}
.search-results:not(.view-list) .view-grid .card .card-body .card-place > div {
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
}
.search-results:not(.view-list)
  .view-grid
  .card
  .card-body
  .card-place.ellipsis
  > div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.view-grid .card .card-body .card-place .sep {
  display: inline-block;
  height: 21px;
  width: 2px;
  background: var(--theme-main-5);
  vertical-align: middle;
  margin: 0 7px;
  position: relative;
}
.view-grid .card .card-body .card-collect {
  color: var(--theme-main-5);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
  /*   line-height: 1.1428;
  opacity: 0.8; */
}
.view-grid .card .card-body .card-collect li {
  display: flex;
  align-items: center;
}
.view-grid .card .card-body .card-collect > li:not(:first-child)::before {
  content: "";
  width: 1px;
  height: 16px;
  display: inline-block;
  margin: 0 7px;
  background: var(--theme-main-5);
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.view-grid .card .card-body .card-collect > li .icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  max-width: 25px;
  max-height: 16px;
  position: relative;
  fill: none;
  /*   top: -1px; */
}
/* .view-grid .card .card-body .card-collect > li .icon use {
  fill: var(--theme-main-5);
} */
.view-grid .card.checked .card-link {
  border-color: rgba(0, 127, 173, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
.view-list .thumb-wrap .thumb .missing-type{
  @media (max-width:767.8px) {
    display: none;
  }
}

.view-grid .thumb-wrap .thumb .missing-type {
  /*   position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; */
  width: 100px;
  height: 100px;
  margin: auto;
  /*   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  /*   background-image: url("../svgs/collections/bg-texture-other.png"); */
 
}
.view-grid .thumb-wrap .thumb .missing-type:after {
  content: "";
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  display: block;
  background-image: url("../svgs/collections/other-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.archive {
  background-image: url("../svgs/collections/bg-texture-archive.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.archive:after {
  background-image: url("../svgs/collections/archive-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.photograph,
.view-grid .thumb-wrap .thumb .missing-type.image {
  background-image: url("../svgs/collections/bg-texture-image.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.photograph:after,
.view-grid .thumb-wrap .thumb .missing-type.image:after {
  background-image: url("../svgs/collections/photograph-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.book {
  background-image: url("../svgs/collections/bg-texture-book.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.book:after {
  background-image: url("../svgs/collections/book-icon.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.TopicalTerm:after {
  background-image: url("../svgs/collections/TopicalTerm.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.PersonalName:after {
  background-image: url("../svgs/collections/PersonalName.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.FamilyName:after {
  background-image: url("../svgs/collections/FamilyName.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.CorporateName:after {
  background-image: url("../svgs/collections/CorporateName.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.GovernmentalBodies:after {
  background-image: url("../svgs/collections/GovernmentalBodies.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.MeetingName:after {
  background-image: url("../svgs/collections/MeetingName.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.UniformTitle:after {
  background-image: url("../svgs/collections/UniformTitle.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.GeographicName:after {
  background-image: url("../svgs/collections/GeographicName.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.GenreForm:after {
  background-image: url("../svgs/collections/GenreForm.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.periodical,
.view-grid .thumb-wrap .thumb .missing-type.journal {
  background-image: url("../svgs/collections/bg-texture-journal.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.periodical:after,
.view-grid .thumb-wrap .thumb .missing-type.journal:after {
  background-image: url("../svgs/collections/periodical-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.manuscript {
  background-image: url("../svgs/collections/bg-texture-manuscript.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.manuscript:after {
  background-image: url("../svgs/collections/manuscript-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.music-recording,
.view-grid .thumb-wrap .thumb .missing-type.audio {
  background-image: url("../svgs/collections/bg-texture-score.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.music-recording:after,
.view-grid .thumb-wrap .thumb .missing-type.audio:after {
  background-image: url("../svgs/collections/music-recording-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.video {
  background-image: url("../svgs/collections/bg-texture-video.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.video:after {
  background-image: url("../svgs/collections/video-icon.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.item:after {
  background-image: url("../svgs/collections/item-icon.svg");
}

/* .view-grid .thumb-wrap .thumb .missing-type.map {
  background-image: url("../svgs/collections/bg-texture-map.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.map:after {
  background-image: url("../svgs/collections/map-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.musical-notes,
.view-grid .thumb-wrap .thumb .missing-type.notes {
  background-image: url("../svgs/collections/bg-texture-score_3.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.musical-notes:after,
.view-grid .thumb-wrap .thumb .missing-type.notes:after {
  background-image: url("../svgs/collections/musical-notes-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.poster {
  background-image: url("../svgs/collections/bg-texture-sheet.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.poster:after {
  background-image: url("../svgs/collections/poster-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.recording {
  background-image: url("../svgs/collections/bg-texture-score.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.recording:after {
  background-image: url("../svgs/collections/recording-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.ethnographic-recording {
  background-image: url("../svgs/collections/bg-texture-score.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.ethnographic-recording:after {
  background-image: url("../svgs/collections/ethnographic-recording-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.radio-recording,
.view-grid .thumb-wrap .thumb .missing-type.radio {
  background-image: url("../svgs/collections/bg-texture-score.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.radio-recording:after,
.view-grid .thumb-wrap .thumb .missing-type.radio:after {
  background-image: url("../svgs/collections/radio-recording-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.article {
  background-image: url("../svgs/collections/bg-texture-article.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.article:after {
  background-image: url("../svgs/collections/article-icon.svg");
}
/* .view-grid .thumb-wrap .thumb .missing-type.scholarly-article,
.view-grid .thumb-wrap .thumb .missing-type.scholarly {
  background-image: url("../svgs/collections/bg-texture-article.png");
} */
.view-grid .thumb-wrap .thumb .missing-type.scholarly-article:after,
.view-grid .thumb-wrap .thumb .missing-type.scholarly:after {
  background-image: url("../svgs/collections/scholarly-arcticle-icon.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.tefillah:after {
  background-image: url("../svgs/collections/tefillah-icon.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.cantillation:after {
  background-image: url("../svgs/collections/tefillah-icon.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.piyut:after {
  background-image: url("../svgs/collections/tefillah-icon.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.blog:after {
  background-image: url("../svgs/collections/blog.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.events:after {
  background-image: url("../svgs/collections/events.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.education:after {
  background-image: url("../svgs/collections/education.svg");
}
.view-grid .thumb-wrap .thumb .missing-type.general:after {
  background-image: url("../svgs/collections/general.svg");
}
.search-results:not(.view-list) .view-grid .card .go-library,
.search-results:not(.view-list) .view-grid .card .cont-arrow {
  display: none;
}
.search-results:not(.view-list) .view-grid .card .collapse {
  display: none !important;
}

.view-list .view-cont {
  max-width: 1376px;
  margin: 0 auto;
}
.view-list .view-grid {
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  /*.view-list .view-grid{
        max-width:566px;
    }*/
}
@media screen and (min-width: 1199px) {
  /*   .view-list .view-grid{
        max-width:889x;
    }*/
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .search-results-view {
    flex: 0 0 69%;
    max-width: 69%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1539px) {
  /*   .view-list .view-grid{
        max-width:566px;
    } */
  .search-results-view {
    padding-right: auto;
    /*  padding-inline-start: 54px; */
  }
}
@media screen and (min-width: 1200px) {
  .flex-grow-1:has(.bd-highlight) .search-results-view {
    flex: 0 0 52%;
    max-width: 52%;
  }
}
@media screen and (min-width: 1350px) {
  .flex-grow-1:has(.bd-highlight) .search-results-view {
    flex: 0 0 55%;
    max-width: 55%;
  }
}
@media screen and (min-width: 1920px) {
  .flex-grow-1:has(.bd-highlight) .search-results-view {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.view-list .view-grid .card {
  max-width: none;
  min-width: 0;
  width: 100%;
  display: block;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 0px 0 rgb(0 0 0 / 16%);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: var(--theme-green-01);
}
.view-list .view-grid .card.checked {
  border-color: rgba(0, 127, 173, 0.5) !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
.view-list .view-grid .card:not(:last-child) {
  margin-bottom: 16px;
  margin-top: 1em;
}
.view-list .view-grid .card .card-actions {
  padding-bottom: 0;
  height: 100%;
  left: 15px;
  bottom: 15px;
}
.view-list .view-grid .card .col-6 .LoanModal {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 13px;
}
.view-list
  .view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-label {
  right: 10px;
  top: 23px;
  width: 110px;
  height: 110px;
}
.view-list
  .view-grid
  .card:hover
  .card-actions
  .custom-checkbox
  .custom-control-label {
  opacity: 0;
}
.view-list
  .view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-label:hover {
  opacity: 1;
}
.view-list .view-grid .card .card-actions .more-actions {
  left: 15px;
  top: 25px;
  right: auto;
  bottom: auto;
}
.view-list .view-grid .card .card-actions .more-actions .btn-more {
  background: var(--theme-main-2);
  float: left;
}
.view-list
  .view-grid
  .card
  .card-actions
  .more-actions:not(.open)
  .btn-more:hover {
  background: #e5e5e5;
}
.view-list .view-grid .card .card-actions .more-actions .btn-pin {
  left: auto;
  right: 0;
  background: var(--theme-main-2);
}
.view-list .view-grid .card .card-actions .more-actions:not(.open) .btn-pin {
  transform: translate3d(-32px, 0, 0);
}
.view-list .view-grid .card .card-actions .more-actions.open {
  background: var(--theme-main-2);
  box-shadow: none;
}
.view-list .view-grid .card .card-actions .availability {
  left: 15px;
  bottom: 15px;
}
.view-list .view-grid .card .card-actions .availability > li:not(:last-child) {
  margin-left: 16px;
}
.view-list .view-grid .card .card-actions .availability > li .icon {
  width: 26px;
  height: 26px;
}
.view-list .view-grid .card .card-actions .availability > li .icon:before {
  opacity: 1;
  border-color: #9c9c9c;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon.available::after {
  content: "";
  position: absolute;
  inset-inline-start: -4px;
  top: -4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  background-color: #26ab10;
}
.view-list .view-grid .card .card-actions .availability .green-eye-text {
  color: #444;
  font-size: 14px;
  width: 114px;
  height: 18px;
}
.view-list .view-grid .card .card-actions .availability .eye-text {
  color: #444;
  font-size: 14px;
  width: 157px;
  height: 18px;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon
  .tooltip.bs-tooltip-left {
  transform: translate(130px, -50%) !important;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon
  .tooltip.bs-tooltip-right {
  transform: translate(-13px, -50%) !important;
}
.view-list .view-grid .card .card-actions .availability > li .icon svg use {
  fill: #9c9c9c;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon.icon-visible
  svg {
  height: 11px;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon.icon-invisible
  svg {
  height: 14px;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon.icon-lock
  svg {
  height: 14px;
}
.view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li
  .icon.icon-public-domain {
  width: auto;
}
.view-list .view-grid .card .card-link {
  padding-right: 131px;
  height: auto;
  min-height: 148px;
  padding-top: 29px;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.view-list .view-grid .card .result-num {
  display: block;
  position: absolute;
  right: 15px;
  top: 0;
  border-radius: 0 0 3px 3px;
  background: #f2f2f2;
  font-weight: 700;
  color: #737373;
  font-size: 14px;
  line-height: 1;
  padding: 3px 5px 4px;
}
.view-list .view-grid .card .card-img-top {
  padding-bottom: 0;
  position: absolute;
  right: 15px;
  top: 29px;
  width: 100px;
  height: 100px;
  border: 1px solid #e5e5e5;
  border-radius: 0;
}

.view-list .view-grid .card .card-book {
  background-color: var(--theme-main-2);
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media screen and (min-width: 767px) {
  .view-list .view-grid .card .card-book {
    max-width: 200px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1200px) {
  .view-list .view-grid .card .card-details {
    padding: 30px 24px 0 24px;
  }
}

.save-to-personal {
  position: absolute;
  inset-inline-end: 5px;
  top: 5px;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 6px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #7c7272;
  border-radius: 50%;
  z-index: 8;
}

.checkbox-container {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  z-index: 2;
}
@media (max-width:767.98px){
  .checkbox-container{
    top:27px;
    inset-inline-start: 16px;
  }
}

body {
  .checkbox-container {

    .personal-input{
      +.personal-label {
        @media(min-width:1200px){
          display: none;
        }
       
      }
    }
    .personal-input:checked{
      +.personal-label {
        display: flex;
      }
    }
    
  }
  .thumb:hover, .card-img-top:hover, .card-book:hover {
    .checkbox-container {
      .personal-input{
        +.personal-label {
          display: flex;
        }
      }
    }
  }
.save-to-personal {
    inset-inline-end: 24px;
    top: 30px;
}
}
/* Hide default checkbox */
.personal-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* Custom checkbox style */
.personal-label {
  display: inline-block;
  width: 18px; /* Adjust as needed */
  height: 18px;
  border: 2px solid #707070; /* Frame color */
  border-radius: 3px; /* Adjust for rounded corners */
  background-color: #fff; /* Background */
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin: 0;
}

/* Checkmark (created using ::after) */
.personal-label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 5px;
  border: solid #707070; /* Checkmark color */
  border-width: 0 0 2px 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

/* Show checkmark when checked */
.personal-input:checked + .personal-label {
  border-color: #707070;
}

.personal-input:checked + .personal-label::after {
  opacity: 1;
}

/* Optional: Add hover effect */
.personal-label:hover {
  border-color: #444;
}

.view-list .view-grid .card .card-book .availability {
  padding-top: 12px;
  padding-inline-start: 24px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;
}
.view-list .view-grid .card .card-book .availability li{
  display: flex;
  gap:3px;
}
.view-list .view-grid .card .card-book .availability:empty {
  display: none;
}
body {
  counter-reset: imgCount;
}
.view-list .view-grid .card .card-img-book {
  padding-bottom: 0;
  width: auto;
  height: 160px;
  padding-inline-start: 6px;
  padding-inline-end: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  @media (max-width:767.8px) {
    padding: 3px 0;
  }
}

.view-list .view-grid .card .card-img-book .thumb {
  
  width: 100px;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-green-01);
  @media (min-width:768px) {
    height: 100px;
    position: relative;
  }
}
.thumb .multi-icon,
.view-list .view-grid .card .card-img-book .thumb.multi {
  @media (min-width:768px){
    position: relative;
  }


}
.thumb .multi-icon,
.view-list .view-grid .card .card-img-book .thumb .multi-icon .multi-num {
  display: none;
}
.thumb .multi-icon,
.view-list .view-grid .card .card-img-book .thumb.multi .multi-icon .multi-num {
  display: inline-block;
  color: #707070;
  font-size: 14px;
}
.thumb .multi-icon,
.view-list .view-grid .card .card-img-book .thumb.multi .multi-icon {
  display: block;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  background: #f7f0eb;
  padding: 2px 4px;
  @media (max-width:767.8px) {
    display:none;
  }
}
.view-list .view-grid .card .card-img-book .thumb-wrap {
  display: flex;
}
.view-list .view-grid .card .card-img-book .thumb-wrap:hover {
  text-decoration: none;
}
.view-list .view-grid .card .card-img-book .thumb-wrap::before {
  counter-increment: imgCount;
  content: counter(imgCount, decimal-leading-zero);
  font-size: 14px;
  color: var(--theme-main-5);
  font-family: var(--font-bold);
  padding: 2px;
}
@media (max-width:767.8px){
  .view-list .view-grid .card .card-img-book .thumb-wrap::before{
    padding-inline-start: 28px;
  }
}
.view-list .view-grid .card .card-img-book img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
  @media (max-width:767.8px) {
    display:none;
  }
}

/* .view-list .view-grid .card .card-body {
  padding-top: 21px;
  padding-left: 58px;
  position: relative;
  padding-right: 0;
  padding-bottom: 15px;
} */
.view-list .view-grid .card .card-links {
  height: 100%;
  width: 100%;
  /*   position: absolute; */
  z-index: 3;
}
.view-list .view-grid .card .card-body .w-more:after {
  display: none;
}
.view-list .view-grid .card .card-body mark {
  padding: 0;
  /* background: #ffe94c;
  border-radius: 4px; */
}
.view-list .view-grid .card .card-body .card-title {
  font-size: 22px;
  font-family: var(--font-bold);
  margin-bottom: 4px;
  max-height: none;
}
.view-list .view-grid .card .card-body .card-title > div {
  display: block;
  -webkit-line-clamp: none;
  overflow: visible;
}
.view-list .view-grid .card .card-body .card-title > div .btn-toggle {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 19px;
  height: 12px;
  position: relative;
  top: 0;
  border: none;
  background: none;
  margin-top: -3px;
  padding: 12px 4px;
}
.view-list .view-grid .card .card-body .card-title > div .btn-toggle:after {
  content: "";
  background: url("../svgs/icon-chev_down.svg") no-repeat 50% 50%;
  background-size: 100%;
  transition: transform 0.35s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.view-list .view-grid .card .card-place {
  margin-bottom: 0;
  overflow: visible;
  white-space: normal;
  color: var(--theme-main-5);
}
.view-list .view-grid .card .card-body .card-author > div {
  overflow: visible;
  white-space: normal;
}
.view-list
  .view-grid
  .card.expanded
  .card-body
  .card-title
  > div
  .btn-toggle:after {
  transform: rotate(-180deg);
}

@media (max-width: 768px) {
  .view-list .view-grid .card .card-book {
    background-color: transparent;
  }
 /*  .view-list .view-grid .card .card-img-book .thumb {
    display: none;
  } */
  .view-list .view-grid .card .card-img-book {
    height: auto;

  }
  .view-list .view-grid .card .card-img-book .thumb-wrap {
    background-color: var(--theme-main-2);
     margin-inline-start: 25px;
    
  }
  .view-list .view-grid .card .card-img-book {
    justify-content: flex-start;
    padding-top: 24px;
  }
  .view-list .view-grid .card .card-book .availability {
    background-color: var(--theme-main-2);
    padding: 12px 24px;
    padding-inline-end: 0;
  }
}
@media (min-width: 1200px) {
  .view-list .view-grid .card .card-book {
    max-width: 200px;
  }
}
/* .view-list .view-grid .card .card-body .card-collect {
  position: absolute;
  right: 0;
  top: 0;
} */
.view-list .view-grid .card .go-library {
  font-size: 16px;
  line-height: 1;
  color: var(--main-theme-color);
  /* padding: 0 7.5px 7px; */
  transition: color 0.15s ease-in-out;
  /*   position: absolute;
  right: 131px;
  bottom: 15px; */
  text-decoration: none;
}
.view-list .view-grid .card .go-library:hover {
  text-decoration: underline;
}
/* .view-list .view-grid .card .go-library:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #007fad;
  opacity: 0.4;
} */
.view-list .view-grid .card .go-library .icon {
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  transform: scaleX(-1);
  margin-right: 8px;
}
.view-list .view-grid .card .go-library .icon use {
  fill: #007fad;
  transition: fill 0.15s ease-in-out;
}
.view-list .view-grid .card .go-library:hover {
  color: var(--theme-main-5);
}
.view-list .view-grid .card .go-library:hover .icon use {
  fill: #006589;
}
.view-list .view-grid .card.w-librarylink .card-body {
  padding-bottom: 57px;
}
.view-list {
  .view-grid {
    .card {
      .expanded-card {
        font-size: 18px;
        .col-2 {
          max-width: 86px;
        }
        .col-10 {
          font-family: "narkis-extralight", sans-serif;
        }
      }
    }
  }
}
.view-list .view-grid .card .card-expand {
  padding: 0 15px 12px;
  cursor: pointer;
}
.view-list .view-grid .card .card-expand .in {
  border-top: 1px solid #f7f0eb;
  color: #444444;
  padding: 15px 8px 0;
}
.view-list .view-grid .card .card-expand .title {
  font-size: 19px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 5px;
}
.view-list .view-grid .card .card-expand .desc {
  font-size: 19px;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .view-cont {
    padding-bottom: 32px;
  }
  .view-grid {
    padding: 32px 0 0;
    grid-template-columns: repeat(auto-fill, minmax(177px, auto));
    grid-template-rows: repeat(auto-fill, 306px);
    column-gap: 1%;
    row-gap: 16px;
    margin: 0;
  }
  .view-grid .card {
    min-width: 100%;
    max-width: 100%;
  }
  .view-grid .card .card-actions .custom-checkbox .custom-control-label {
    opacity: 1;
    width: 42px;
    height: 42px;
  }
  .view-grid .card .card-actions .custom-checkbox .custom-control-label:after {
    right: 12px;
    top: 12px;
  }
  .view-grid .card .card-actions .custom-checkbox .custom-control-label:before {
    right: 1px;
    top: 1px;
  }
  .view-grid .card .card-actions .more-actions {
    right: 9px;
    bottom: 8px;
  }
  .view-grid .card .card-actions .availability {
    left: 8px;
    bottom: 8px;
  }
  .view-grid .card .card-actions .availability > li .icon {
    width: 26px;
    height: 26px;
  }
  .view-grid .card .card-actions .availability > li .icon.icon-lock svg {
    height: 14px;
  }
  .view-grid .card .card-actions .availability > li .icon.icon-visible svg {
    height: 11px;
  }
  .view-grid .card .card-actions .availability > li .icon.icon-invisible svg {
    height: 13.75px;
  }
  .view-grid .card .card-link {
    font-size: 16px;
    line-height: 1.15;
    height: 306px;
  }
  .view-grid .card .card-body {
    padding: 7px;
  }
  .view-grid .card .card-body .w-more:active:after {
    opacity: 1;
  }
  .view-grid .card .card-body .card-title {
    font-size: 16px;
    line-height: 1.15;
    margin-bottom: 8px;
  }
  .view-grid .card .card-body .card-author {
    margin-bottom: 6px;
  }
  .search-results:not(.view-list) .view-grid .card .card-body .card-author {
    font-size: 0;
  }
  .search-results:not(.view-list)
    .view-grid
    .card
    .card-body
    .card-author
    > div {
    font-size: 16px;
  }
  /*  .view-grid .card .card-body .card-collect > li .icon {
    max-width: 14px;
    max-height: 14px;
  } */
  .search-results:not(.view-list) .view-grid .card .card-body .card-place {
    font-size: 0;
  }
  .search-results:not(.view-list)
    .view-grid
    .card
    .card-body
    .card-place
    > div {
    font-size: 14px;
  }
  .view-grid .card .card-body .card-collect {
    font-size: 12px;
    line-height: 1;
  }
  /*   .view-grid .card .card-body .card-collect > li .icon {
    max-width: 10.56px;
    max-height: 8px;
  } */

  .view-list .view-grid {
    max-width: 100%;
  }
  .view-list
    .view-grid
    .card:hover
    .card-actions
    .custom-checkbox
    .custom-control-label {
    opacity: 1;
  }
  .view-list .view-grid .card .card-link {
    min-height: 210px;
    padding-top: 56px;
  }
  .view-list .view-grid .card .result-num {
    padding-top: 17px;
    right: 57px;
  }
  .view-list
    .view-grid
    .card
    .card-actions
    .custom-checkbox
    .custom-control-label {
    right: 9px;
    top: 5px;
    height: 41px;
    width: 41px;
  }
  .view-list .view-grid .card .card-actions .more-actions {
    top: 13px;
  }
  .view-list .view-grid .card .card-actions .availability {
    left: auto;
    right: 131px;
    bottom: 23px;
  }
  .view-list .view-grid .card .card-img-top {
    top: 51px;
  }
  .view-list .view-grid .card .card-body .card-collect {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .view-list .view-grid .card .card-body .card-collect {
    display: flex;
  }
  .view-list .view-grid .card .card-body .card-collect:empty {
    display: none;
  }
  /* .view-list .view-grid .card .card-body {
    padding-bottom: 55px;
    padding-left: 15px;
  } */
  .view-list .view-grid .card .card-body .card-title {
    margin-bottom: 7px;
  }
  .view-list .view-grid .card .card-place {
    margin-bottom: 0;
    font-size: 16px;
  }
  .view-list .view-grid .card .go-library {
    bottom: 23px;

    padding: 0;
  }
  .view-list .view-grid .card.w-librarylink .card-body {
    padding-bottom: 92px;
  }
  .view-list .view-grid .card.w-librarylink .card-actions .availability {
    bottom: 59px;
  }
  .view-list .view-grid .card .card-expand {
    padding-bottom: 23px;
  }
  .view-list .view-grid .card .card-expand .title {
    font-size: 17px;
    line-height: 1.2941;
    margin-bottom: 8px;
  }
  .view-list .view-grid .card .card-expand .desc {
    font-size: 17px;
    line-height: 1.2941;
  }
}
@media screen and (max-width: 767px) {
  .view-grid {
    padding-top: 0;
    grid-template-columns: repeat(auto-fill, minmax(140px, auto));
    grid-template-rows: repeat(auto-fill, calc(128px + 43.4375vw));
    column-gap: 10px;
  }
  .view-grid .card {
    min-width: 140px;
    max-width: 200px;
  }
  .view-grid .card .card-link {
    height: calc(128px + 43.4375vw);
  }
}
@media screen and (max-width: 576px) {
  .view-list .view-grid .card .card-actions .availability {
    right: 15px;
  }
  .view-list .view-grid .card .go-library {
    right: 15px;
  }
  .view-list .view-grid .card .card-img-top {
    display: none;
  }
  .view-list .view-grid .card .card-link {
    padding-right: 15px;
  }
}
@media screen and (min-width: 470px) and (max-width: 767px) {
  .view-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, auto));
    grid-template-rows: repeat(auto-fill, 267px);
  }
  .view-grid .card {
    min-width: 140px;
    max-width: 140px;
  }
  .view-grid .card .card-link {
    height: 267px;
  }
}
@media screen and (min-width: 1200px) {
  /* .view-list .view-cont{padding-left:270px} */
  .view-grid .card .card-body .w-more:hover:after {
    opacity: 1;
  }
}
@media screen and (min-width: 1900px) {
  .view-list .view-cont {
    padding-left: 0;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .view-grid {
    grid-template-rows: repeat(auto-fill, minmax(100px, auto));
  }
  .view-grid .card {
    min-width: 100%;
    max-width: 100%;
  }
  .view-grid .card .card-link {
    height: auto;
  }
  .view-grid .card .card-body {
    min-height: 124px;
  }
}
@media screen and (max-width: 576px) {
  .view-grid {
    grid-template-columns: repeat(2, minmax(140px, auto));
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .view-grid {
    grid-template-columns: repeat(3, minmax(140px, auto));
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .view-grid {
    grid-template-columns: repeat(4, minmax(177px, auto));
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .view-grid {
    grid-template-rows: repeat(auto-fill, minmax(100px, auto));
  }
  .view-grid .card .card-link {
    height: auto;
  }
  .view-grid .card .card-body {
    min-height: 124px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .view-grid {
    grid-template-rows: repeat(auto-fill, minmax(319px, auto));
  }
  .view-grid .card .card-link {
    height: auto;
  }
  .view-grid .card .card-body {
    min-height: 158.77px;
  }
}

/* LTR */
[dir="ltr"] .view-grid .card .card-actions {
  right: auto;
  left: 0;
}
[dir="ltr"] .view-grid .card .card-actions .custom-checkbox {
  right: auto;
  left: 0;
}
[dir="ltr"]
  .view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-label:after {
  right: auto;
  left: 15px;
}
[dir="ltr"]
  .view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-label:before {
  right: auto;
  left: 4px;
}
[dir="ltr"] .view-grid .card .card-actions .more-actions {
  right: auto;
  left: 12px;
}
[dir="ltr"] .view-grid .card .card-actions .more-actions .btn-pin {
  float: right;
  border-radius: 0 16px 16px 0;
  left: auto;
  right: 0;
  transform: translate3d(-32px, 0, 0);
}
[dir="ltr"] .view-grid .card .card-actions .more-actions.open .btn-pin {
  transform: translate3d(0, 0, 0);
}
[dir="ltr"] .view-grid .card .card-actions .availability {
  left: auto;
  right: 12px;
}
[dir="ltr"] .view-grid .card .card-actions .availability > li:not(:last-child) {
  margin-left: 0;
  margin-right: 10px;
}
[dir="ltr"] .view-grid .card .card-body .card-collect > li .icon {
  margin-left: 0;
  margin-right: 6px;
}

[dir="ltr"] .view-list .view-grid .card .card-actions {
  left: auto;
  right: 0;
}
[dir="ltr"]
  .view-list
  .view-grid
  .card
  .card-actions
  .custom-checkbox
  .custom-control-label {
  right: auto;
  left: 10px;
}
[dir="ltr"] .view-list .view-grid .card .card-actions .more-actions {
  right: 15px;
  left: auto;
}
[dir="ltr"] .view-list .view-grid .card .card-actions .more-actions .btn-more {
  float: right;
}
[dir="ltr"] .view-list .view-grid .card .card-actions .more-actions .btn-pin {
  right: auto;
  left: 0;
}
[dir="ltr"]
  .view-list
  .view-grid
  .card
  .card-actions
  .more-actions:not(.open)
  .btn-pin {
  transform: translate3d(32px, 0, 0);
}
[dir="ltr"] .view-list .view-grid .card .card-actions .availability {
  left: auto;
  right: 15px;
}
[dir="ltr"]
  .view-list
  .view-grid
  .card
  .card-actions
  .availability
  > li:not(:last-child) {
  margin-left: 0;
  margin-right: 16px;
}
[dir="ltr"] .view-list .view-grid .card .card-link {
  padding-right: 0;
  padding-left: 131px;
}
[dir="ltr"] .view-list .view-grid .card .result-num {
  right: auto;
  left: 15px;
}
[dir="ltr"] .view-list .view-grid .card .card-img-top {
  right: auto;
  left: 15px;
}
/* [dir="ltr"] .view-list .view-grid .card .card-body {
  padding-left: 0;
  padding-right: 58px;
} */
[dir="ltr"]
  .view-list
  .view-grid
  .card
  .card-body
  .card-title
  > div
  .btn-toggle {
  margin-right: 0;
  margin-left: 8px;
}
[dir="ltr"]
  .view-list
  .view-grid
  .card
  .card-body
  .card-title
  > div
  .btn-toggle:after {
  right: auto;
  left: 0;
}
[dir="ltr"]
  .view-list
  .view-grid
  .card.expanded
  .card-body
  .card-title
  > div
  .btn-toggle:after {
  transform: rotate(180deg);
}
[dir="ltr"] .view-list .view-grid .card .card-body .card-collect {
  right: auto;
  left: 0;
}
[dir="ltr"] .view-list .view-grid .card .go-library {
  right: auto;
  left: 131px;
}
[dir="ltr"] .view-list .view-grid .card .go-library:after {
  left: auto;
  right: 0;
}
[dir="ltr"] .view-list .view-grid .card .go-library .icon {
  transform: scaleX(-1);
  margin-right: 0;
  margin-left: 8px;
}

@media screen and (max-width: 1199px) {
  [dir="ltr"]
    .view-grid
    .card
    .card-actions
    .custom-checkbox
    .custom-control-label:after {
    right: auto;
    left: 12px;
  }
  [dir="ltr"]
    .view-grid
    .card
    .card-actions
    .custom-checkbox
    .custom-control-label:before {
    right: auto;
    left: 1px;
  }
  [dir="ltr"] .view-grid .card .card-actions .more-actions {
    right: auto;
    left: 9px;
  }
  [dir="ltr"] .view-grid .card .card-actions .availability {
    left: auto;
    right: 8px;
  }

  [dir="ltr"] .view-list .view-grid .card .result-num {
    right: auto;
    left: 57px;
  }
  [dir="ltr"]
    .view-list
    .view-grid
    .card
    .card-actions
    .custom-checkbox
    .custom-control-label {
    right: auto;
    left: 9px;
  }
  [dir="ltr"] .view-list .view-grid .card .card-actions .availability {
    right: auto;
    left: 131px;
  }
  [dir="ltr"] .view-list .view-grid .card .card-body {
    padding-left: 0;
    padding-right: 15px;
  }
  .view-list .view-grid .card .card-author,
  .view-list .view-grid .card .card-place {
    font-size: 18px;
  }
  .view-list .view-grid .card .card-expand .in {
    border: none;
  }
  .view-list .view-grid .card .card-expand {
    padding: 8px 0;
    border-top: 1px solid #f7f0eb;
    font-size: 18px;
  }
  .card-details .collapse {
    padding: 0;
  }
  .view-list .view-grid .card .card-expand .in {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .view-list .view-grid .card .card-expand {
    padding: 16px 0;
  }
}
@media screen and (max-width: 576px) {
  [dir="ltr"] .view-list .view-grid .card .card-actions .availability {
    right: auto;
    left: 15px;
  }
  [dir="ltr"] .view-list .view-grid .card .go-library {
    right: auto;
    left: 15px;
  }
  [dir="ltr"] .view-list .view-grid .card .card-link {
    padding-right: 0;
    padding-left: 15px;
  }
}
@media screen and (min-width: 1200px) {
  [dir="ltr"] .view-list .view-cont {
    padding-left: 0;
  }
}
@media screen and (min-width: 1900px) {
  [dir="ltr"] .view-list .view-cont {
    padding-left: 0;
    padding-right: 15px;
  }
}

.toast-wrap{
  z-index:5;
  top:-25px;
}