@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap&subset=cyrillic');

.theme--fingram .appLibrary {
  background-color: transparent;
  background-image: none;
  font-family: 'Roboto', sans-serif;
  min-height: calc(100vh);
}

.theme--fingram .appLibrary::after {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.7;
  filter: saturate(2.5);
  background-color: #f6eae1;
  background-image: url('images/pattern.png');
  background-size: 300px;
}

/* Base */

.theme--fingram a,
.theme--fingram a.link {
  color: #025702;
}

.theme--fingram a:hover,
.theme--fingram a.link:hover {
  color: #024e02;
}

.theme--fingram .text-primary {
  color: #025702 !important;
}

/* Buttons */

.theme--fingram .btn-primary {
  background-color: #025702;
  border-color: #025702;
}

.theme--fingram .btn-primary:hover {
  background-color: #024e02;
  border-color: #024e02;
}

.theme--fingram .btn-primary:focus,
.theme--fingram .btn-primary.focus {
  box-shadow: 0 0 0 transparent, 0 0 0 3px rgba(141, 183, 156, 0.3);
}

.theme--fingram .btn-primary:not(:disabled):not(.disabled):active,
.theme--fingram .btn-primary:not(:disabled):not(.disabled).active,
.theme--fingram .show > .btn-primary.dropdown-toggle {
  background-color: #024602;
  border-color: #024602;
}

.theme--fingram .btn-primary:not(:disabled):not(.disabled):active:focus,
.theme--fingram .btn-primary:not(:disabled):not(.disabled).active:focus,
.theme--fingram .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 transparent, 0 0 0 3px rgba(141, 183, 156, 0.3);
}

.theme--fingram .btn-warning {
  background-color: #025702;
  border-color: #025702;
}

.theme--fingram .btn-warning:hover {
  background-color: #024e02;
  border-color: #024e02;
}

.theme--fingram .btn-warning:focus,
.theme--fingram .btn-warning.focus {
  box-shadow: 0 0 0 transparent, 0 0 0 3px rgba(141, 183, 156, 0.3);
}

.theme--fingram .btn-warning:not(:disabled):not(.disabled):active,
.theme--fingram .btn-warning:not(:disabled):not(.disabled).active,
.theme--fingram .show > .btn-warning.dropdown-toggle {
  background-color: #024602;
  border-color: #024602;
}

.theme--fingram .btn-warning:not(:disabled):not(.disabled):active:focus,
.theme--fingram .btn-warning:not(:disabled):not(.disabled).active:focus,
.theme--fingram .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 transparent, 0 0 0 3px rgba(141, 183, 156, 0.3);
}

/* Header */

.theme--fingram .appLibrary-header {
  display: none;
  background-color: #025702;
  height: 60px;
}

.theme--fingram .appLibrary-header-menu {
  margin: 10px;
  color: #fff;
  background-color: #025702;
}

.theme--fingram .appLibrary-header-menu:hover {
  color: #fff;
  background-color: #024e02;
}

.theme--fingram .appLibrary-header-dropdownMenu {
  top: 5px;
}

.theme--fingram .appLibrary-header-dropdownMenu::before {
  top: 11px;
}

.theme--fingram .appLibrary-header-leftBlock {
  flex-shrink: 0;
  background-color: rgb(226, 155, 0);
  height: 60px;
  border-radius: 0 30px 30px 0;
  margin-right: 15px;
}

.theme--fingram .appLibrary-header-leftBlock::after {
  display: none;
  border: 1px solid rgb(218, 69, 0);
  height: 54px;
  left: 3px !important;
  top: 3px;
  border-radius: 0 27px 27px 0;
  color: green;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 10px 10px 20px;
}

.theme--fingram .appLibrary-header-logo-subtitle,
.theme--fingram .appLibrary-header-logo-title {
  display: none;
}

.theme--fingram .appLibrary-header--menuEnabled .appLibrary-header-leftBlock::after {
  display: block;
  padding-left: 40px;
}

.theme--fingram .appLibrary-header-title {
  margin: 15px 0 17px;
  font-size: 0;
}

.theme--fingram .appLibrary-header-title::before {
  content: 'Каталог электронных образовательных ресурсов';
  font-size: 24px;
}

.theme--fingram .appLibrary-header-searchForm-control {
  background-color: #8db79c;
}

.theme--fingram .appLibrary-header-searchForm-control::placeholder {
  color: #649e7e;
}

.theme--fingram .appLibrary-header-searchForm-control:focus {
  background-color: #8db79c;
  box-shadow: 0 0 0 3px rgba(141, 183, 156, 0.3);
}

@media (min-width: 1200px) {
  .theme--fingram .appLibrary-header-leftBlock {
    width: 375px;
  }

  .theme--fingram .appLibrary-header-leftBlock::after {
    display: block;
    content: 'Финансовая грамотность';
    width: 369px;
  }

  .theme--fingram .appLibrary-header--menuEnabled .appLibrary-header-leftBlock::after {
    padding-left: 60px;
  }
}

/* Sidebar */

.theme--fingram .appLibrary-sidebar {
  top: 0;
}

.theme--fingram .appLibrary-sidebar-ownshipGroup {
  display: none;
}

/* Main */

.theme--fingram .appLibrary-view {
  margin-top: 0;
}

.theme--fingram .appLessons-top,
.theme--fingram .appFavorites-top,
.theme--fingram .appAssignments-top {
  display: none !important;
}

.theme--fingram .appLessons-loading,
.theme--fingram .appFavorites-loading,
.theme--fingram .appAssignments-loading {
  color: #025702;
}

.theme--fingram .appLessons-noResults,
.theme--fingram .appFavorites-noResults,
.theme--fingram .appAssignments-noResults {
  color: #025702;
}

.theme--fingram .appLessons-list-item,
.theme--fingram .appFavorites-list-item {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .theme--fingram .appLessons-list-item,
  .theme--fingram .appFavorites-list-item {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Filters */

.theme--fingram .appLibrary-filtersItem-header-icon {
  background-color: #025702;
}

.theme--fingram .appLibrary-filtersItem-header-collapseIcon {
  color: #025702;
}

.theme--fingram .appLibrary-filtersItem-body {
  border-top-color: #025702;
}

.theme--fingram .appLibrary-filtersItem-checkbox label::before {
  border-color: #025702;
}

.theme--fingram .appLibrary-filtersItem-checkbox label::after {
  background-color: #025702;
}

/* Lesson Card */

.theme--fingram .lessonCard {
  box-shadow: none;
  border-color: rgba(2, 87, 2, 0.7);
  border-radius: 30px;
}

.theme--fingram .lessonCard:hover {
  position: relative;
  right: 0;
  left: 0;
  box-shadow: none;
  filter: brightness(1.1);
}

.theme--fingram .lessonModal-subjectBadge {
  display: none;
}

.theme--fingram .lessonCard .lessonCard-name {
  border-top: 2px solid rgb(228, 113, 37);
  color: green;
  font-size: 18px;
  font-weight: 700;
  min-height: 175px;
}

.theme--fingram .lessonCard:hover .lessonCard-name {
  min-height: 190px;
}

.theme--fingram .lessonCard .lessonCard-play {
  right: -17px;
  top: 280px;
}

.theme--fingram .lessonCard .lessonCard-play-btn {
  display: block;
  background-image: url('images/start.png');
  border: none;
  width: 50px;
  height: 50px;
  background-color: transparent;
  background-size: 50px;
}

.theme--fingram .lessonCard .lessonCard-play-btn:hover {
  background-image: url('images/start.png');
}

.theme--fingram .lessonCard .lessonCard-menu {
  display: none;
  left: -17px;
  top: 280px;
}

.theme--fingram .lessonCard .lessonCard-menu-btn {
  background-image: url('images/menu.png');
  border: none;
  width: 50px;
  height: 50px;
  background-color: transparent;
  background-size: 50px;
}

.theme--fingram .lessonCard .lessonCard-menu-btn:hover {
  background-image: url('images/menu.png');
}

.theme--fingram .lessonCard .lessonCard-menu li {
  display: none;
}

.theme--fingram .lessonCard .lessonCard-menu li.lessonCard-menu-item--assign {
  display: list-item;
}

.theme--fingram .lessonCard .lessonCard-cover {
  height: 125px;
  max-height: 125px;
}

.theme--fingram .lessonCard .lessonCard-cover .lessonCard-subjectBadge {
  display: none;
}

.theme--fingram .lessonCard .lessonCard-cover .lessonCard-views {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top-right-radius: 11px;
  padding: 0 10px 0 5px;
}

.theme--fingram .lessonCard .lessonCard-cover .lessonCard-views::before {
  content: '';
  background-image: url('images/views.png');
  width: 20px;
  height: 11px;
  display: block;
  background-size: 20px;
  margin: 2px;
  background-repeat: no-repeat;
}

.theme--fingram .lessonCard .lessonCard-cover .lessonCard-views span {
  font-size: 15px;
  font-weight: 700;
  color: #025702;
  margin: 3px;
}

.theme--fingram .lessonCard .lessonCard-cover .lessonCard-image-link {
  background-size: cover;
  border-radius: 29px 29px 0 0;
}

.theme--fingram .lessonCard .lessonCard-cover .lessonCard-image-link::before {
  position: relative;
  display: block;
  content: '';
  width: 50px;
  height: 50px;
  background-image: url('images/computer.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  top: -17px;
  left: -17px;
}

.theme--fingram .lessonCard .dropdown-menu {
  z-index: 1001;
}

@media (min-width: 768px) {
  .theme--fingram .lessonCard .lessonCard-cover {
    height: 125px;
  }

  .theme--fingram .lessonCard .lessonCard-play,
  .theme--fingram .lessonCard .lessonCard-menu {
    top: 280px;
  }
}

@media (min-width: 992px) {
  .theme--fingram .lessonCard .lessonCard-cover {
    height: 125px;
  }

  .theme--fingram .lessonCard .lessonCard-play,
  .theme--fingram .lessonCard .lessonCard-menu {
    top: 280px;
  }
}

@media (min-width: 1200px) {
  .theme--fingram .lessonCard .lessonCard-cover {
    height: 125px;
  }

  .theme--fingram .lessonCard .lessonCard-play,
  .theme--fingram .lessonCard .lessonCard-menu {
    top: 280px;
  }
}

@media (min-width: 1400px) {
  .theme--fingram .row .appLessons-list-item.col-xxl-3 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .theme--fingram .lessonCard .lessonCard-cover {
    height: 125px;
  }

  .theme--fingram .lessonCard .lessonCard-play,
  .theme--fingram .lessonCard .lessonCard-menu {
    top: 280px;
  }
}

/* Lesson Modal */

.theme--fingram .lessonModal .modal-content {
  border-color: rgba(2, 87, 2, 0.7);
}

.theme--fingram .lessonModal .lessonModal-playBtn {
  background-image: url('images/play.png');
  background-size: 150px 75px;
}

.theme--fingram .lessonModal .lessonModal-playBtn:hover {
  background-image: url('images/play.png');
  background-position-x: -75px;
}

/* Helper */

.theme--fingram .helper-container {
  display: none;
}