section.list .myitems-materials-index {
  margin-top: 10px; }

section.list article.item .details {
  width: 460px;
  margin-left: 195px;
  float: none; }

section.list .stars {
  background: url(https://oercommons.org/static/tenants/oercommons/newdesign/images/rating/stars.png) no-repeat; }
  section.list .stars:hover {
    background: url(https://oercommons.org/static/tenants/oercommons/newdesign/images/rating/stars-hover.png) no-repeat; }
  section.list .stars.s00 {
    background-position: 0 0; }
  section.list .stars.s05 {
    background-position: 0 -68px; }
  section.list .stars.s10 {
    background-position: 0 -136px; }
  section.list .stars.s15 {
    background-position: 0 -204px; }
  section.list .stars.s20 {
    background-position: 0 -272px; }
  section.list .stars.s25 {
    background-position: 0 -340px; }
  section.list .stars.s30 {
    background-position: 0 -408px; }
  section.list .stars.s35 {
    background-position: 0 -476px; }
  section.list .stars.s40 {
    background-position: 0 -544px; }
  section.list .stars.s45 {
    background-position: 0 -612px; }
  section.list .stars.s50 {
    background-position: 0 -680px; }

/* Keyframes */
@-webkit-keyframes fadein {
  0% {
    -webkit-transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@-moz-keyframes fadein {
  0% {
    -moz-transform: translateY(-20px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0);
    opacity: 1; } }

@keyframes fadein {
  0% {
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

ul {
  list-style: none; }

.group-create-button {
  display: inline-block;
  padding: 6px 18px;
  margin-top: 20px;
  float: right; }
  .group-create-button:hover {
    background-color: #0497ab; }

div.content section div.pagination.righted {
  margin-top: 10px;
  font-size: 21px;
  text-align: right;
  border-width: 1px; }
  div.content section div.pagination.righted.top {
    border: none; }
  div.content section div.pagination.righted a, div.content section div.pagination.righted span {
    margin: 0 5px;
    font-weight: 600; }
  div.content section div.pagination.righted span {
    color: #2d5d36;
    text-decoration: underline; }

div.content section.details {
  text-align: center;
  z-index: 3; }
  div.content section.details div {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    color: #000000; }
  div.content section.details .groups-header {
    text-align: left;
    margin-top: 50px; }
  div.content section.details .groups-header-copy {
    text-align: left;
    display: inline-block; }

div.content section.groups-content {
  background-color: #f1f2f2;
  -webkit-box-shadow: inset 0 10px 10px -10px #82899d;
  -moz-box-shadow: inset 0 10px 10px -10px #82899d;
  -ms-box-shadow: inset 0 10px 10px -10px #82899d;
  box-shadow: inset 0 10px 10px -10px #82899d; }
  div.content section.groups-content div.main-column section {
    padding: 3.07692308em 0; }
    div.content section.groups-content div.main-column section.sidebar, div.content section.groups-content div.main-column section.list {
      float: left; }
    div.content section.groups-content div.main-column section.sidebar {
      width: 270px; }
      div.content section.groups-content div.main-column section.sidebar ul li {
        width: 15.38461538em;
        height: 3.84615385em;
        background-color: #f1f2f2;
        text-align: center;
        line-height: 3.3; }
        div.content section.groups-content div.main-column section.sidebar ul li a {
          font-family: "Open Sans", sans-serif;
          font-size: 16px;
          color: #000000; }
    div.content section.groups-content div.main-column section.list {
      width: 740px;
      padding-top: 55px; }
      div.content section.groups-content div.main-column section.list .search-container {
        position: relative;
        display: none;
        margin: -14px 0 20px;
        width: 43.84615385em; }
        div.content section.groups-content div.main-column section.list .search-container.active {
          display: block; }
        div.content section.groups-content div.main-column section.list .search-container input {
          width: 100%;
          padding: 1.53846154em, 5.38461538em, 1.53846154em, 2.30769231em;
          font-size: 1.538em;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          border-radius: 0;
          color: #000000; }
        div.content section.groups-content div.main-column section.list .search-container .icon {
          display: block;
          position: absolute;
          top: 0.38461538em;
          right: -1.53846154em;
          width: 38px;
          height: 38px;
          text-indent: -9999px;
          background: url("https://oercommons.org/static/newdesign/images/frontpage/icon-search-off.png?1859dd3633d4") no-repeat 0 0; }
          div.content section.groups-content div.main-column section.list .search-container .icon:hover {
            background-image: url("https://oercommons.org/static/newdesign/images/frontpage/icon-search-on.png?1859dd3633d4"); }
      div.content section.groups-content div.main-column section.list h2 {
        padding-bottom: 5px;
        font-family: "Open Sans", sans-serif;
        font-size: 1.92307692em;
        font-weight: 300;
        color: #000000;
        border: 1px #474f60;
        border-style: none none solid none; }

div.content section.groups {
  position: relative;
  padding-bottom: 90px; }
  div.content section.groups h2 {
    font-size: 1.84615385em;
    font-weight: bold; }
  div.content section.groups p, div.content section.groups .no-groups {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: italic; }
  div.content section.groups .action-panel .add-group {
    display: none; }
  div.content section.groups .groups-wrap {
    margin-bottom: 5em;
    text-align: center; }
  div.content section.groups .no-groups {
    margin-top: 30px;
    text-align: center; }
  div.content section.groups figure {
    display: block;
    text-align: center; }
    div.content section.groups figure.circle-image {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      display: inline-block;
      width: 190px;
      height: 190px;
      padding: 10px;
      margin: 50px 0 15px;
      border: 1px solid #3a853a; }
      div.content section.groups figure.circle-image img {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 170px;
        height: 170px; }
    div.content section.groups figure.circle-image {
      margin: 50px 25px 60px;
      vertical-align: top;
      border-color: #d6dee0; }
      div.content section.groups figure.circle-image:hover {
        border-color: #182f70; }
        div.content section.groups figure.circle-image:hover figcaption a {
          color: #182f70; }
      div.content section.groups figure.circle-image figcaption {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        max-width: 400px;
        height: 75.6px;
        /* Fallback for non-webkit */
        margin: 30px auto 0;
        font-size: 18px;
        font-family: "Open Sans", sans-serif;
        color: #000000;
        line-height: 1.4;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
  div.content section.groups .group-list {
    display: table;
    width: 100%;
    margin-bottom: 30px; }
    div.content section.groups .group-list .field-name {
      display: none; }
    div.content section.groups .group-list li {
      display: table-row;
      min-height: 25px;
      margin: 0;
      padding: 0;
      font-size: 13px; }
      div.content section.groups .group-list li:first-child {
        font-size: 16px; }
      div.content section.groups .group-list li > div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: table-cell;
        padding: 10px 10px 10px 0;
        vertical-align: top;
        text-align: left;
        border-bottom: 1px solid #d6dee0; }
        div.content section.groups .group-list li > div.name {
          width: 30%;
          font-size: 14px; }
        div.content section.groups .group-list li > div.type {
          width: 20%; }
        div.content section.groups .group-list li > div.subjects, div.content section.groups .group-list li > div.levels {
          width: 25%; }
        div.content section.groups .group-list li > div:last-child {
          padding-right: 20px; }

@media only screen and (max-width: 768px) {
  div.content section.groups .group-list {
    display: block; }
    div.content section.groups .group-list li {
      display: block;
      padding: 0.5em 0;
      border-bottom: 1px solid #d6dee0; }
      div.content section.groups .group-list li > div {
        display: table;
        width: 100% !important;
        padding: 0.7em 0;
        border: 0; }
        div.content section.groups .group-list li > div .field-name,
        div.content section.groups .group-list li > div .field-value {
          display: table-cell;
          vertical-align: top;
          font-size: 14px;
          text-align: left; }
        div.content section.groups .group-list li > div .field-name {
          width: 20%;
          font-family: "Open Sans", sans-serif;
          font-weight: normal; }
        div.content section.groups .group-list li > div .field-value {
          padding-left: 1em;
          font-family: "Open Sans", sans-serif;
          font-weight: 300; }
      div.content section.groups .group-list li.group-list-header {
        display: none; } }

div.content section.groups-content div.main-column section.mygroups {
  padding: 1.53846154em;
  background: none; }

html[dir="rtl"] .details,
html[dir="rtl"] .groups-content {
  direction: rtl; }

html[dir="rtl"] div.content section div.pagination.righted {
  text-align: left; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .buttons {
  text-align: left; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .submit-button,
html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .cancel-button {
  margin-right: 0.76923077em;
  margin-left: auto; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item .inline-confirmation-block {
  left: 0.38461538em;
  right: auto; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item cancel {
  margin-right: 10px;
  margin-left: auto; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item a.delete {
  left: 0.38461538em;
  right: auto; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item a.edit {
  right: -3.46153846em;
  left: auto; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item a.comment-button {
  background-position: center left;
  left: 0; }
  html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item a.comment-button span {
    margin-left: 25px;
    margin-right: auto;
    float: left; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item .timeline-item-avatar {
  float: right; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item .timeline-item-content {
  margin-right: 4.61538462em;
  margin-left: auto; }

html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item.comment {
  margin-right: 1.53846154em;
  margin-left: auto; }
  html[dir="rtl"] div.content section.groups-content div.main-column section.timeline .timeline-item.comment .timeline-item-content {
    margin-right: 3.84615385em;
    margin-left: auto; }

html[dir="rtl"] .advanced-search {
  text-align: left; }

html[dir="rtl"] section.groups {
  direction: rtl; }

html[dir="rtl"] .action-panel form label {
  padding-left: 5px;
  padding-right: 0px !important; }

html[dir="rtl"] .action-panel form select {
  margin-left: 15px;
  margin-right: auto !important; }

html[dir="rtl"] .action-panel form .search {
  margin-right: 60px;
  margin-left: auto !important; }
  html[dir="rtl"] .action-panel form .search .icon {
    right: auto !important;
    left: 5px; }

html[dir="rtl"] .action-panel .applied-search {
  padding-right: 5px;
  padding-left: 0px;
  text-align: right; }

.action-panel {
  padding: 10px 0;
  margin: 15px 0 10px;
  border-top: 1px solid #d6dee0;
  border-bottom: 1px solid #d6dee0;
  line-height: 3.3; }
  .action-panel .add-group {
    display: inline-block;
    margin-right: 10px;
    margin-left: 15px;
    padding: 0 4px;
    color: #ffffff;
    background-color: #085b9b;
    line-height: 1.4; }
    .action-panel .add-group:hover {
      background-color: #3a853a; }
  .action-panel form {
    display: inline-block;
    width: 100%; }
    @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
      .action-panel form .group-filters-wrapper {
        text-align: left; } }
    .action-panel form label, .action-panel form select, .action-panel form a {
      display: inline-block;
      font-weight: normal; }
    .action-panel form label {
      padding-right: 5px;
      font-family: "Open Sans", sans-serif; }
    .action-panel form #label-group-filters-views {
      margin-left: 50px; }
      html[dir="rtl"] .action-panel form #label-group-filters-views {
        margin-right: 50px;
        margin-left: 0; }
        @media only screen and (max-width: 767px) {
          html[dir="rtl"] .action-panel form #label-group-filters-views {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .action-panel form #label-group-filters-views {
          margin-left: 0; } }
    .action-panel form .select-wrapper {
      position: relative;
      display: inline-block;
      width: 190px;
      height: 29px;
      overflow: hidden;
      margin: 0 10px 0 0;
      vertical-align: middle;
      background-color: #fff;
      border: 1px solid #d6dee0; }
      .action-panel form .select-wrapper:after {
        content: "";
        position: absolute;
        pointer-events: none;
        width: 29px;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff url("https://oercommons.org/static/newdesign/images/groups/select-dropdown-replacement.png?1859dd3633d4") no-repeat right center; }
        html[dir="rtl"] .action-panel form .select-wrapper:after {
          right: auto;
          left: 0; }
      .action-panel form .select-wrapper select {
        -moz-appearance: none;
        -webkit-appearance: none;
        display: block;
        position: absolute;
        width: 100%;
        padding: 5px 30px 5px 5px;
        color: #474f60;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: 300;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        line-height: 1.3em; }
      @media only screen and (max-width: 767px) {
        .action-panel form .select-wrapper {
          display: block;
          margin: 10px auto;
          width: auto; } }
    .action-panel form .circles,
    .action-panel form .list {
      font-size: 22px;
      line-height: 22px; }
      .action-panel form .circles.active,
      .action-panel form .list.active {
        color: #3a853a; }
      .action-panel form .circles .fa,
      .action-panel form .list .fa {
        position: relative;
        top: 3px; }
      .action-panel form .circles .fa-list-ul,
      .action-panel form .list .fa-list-ul {
        margin-left: 3px; }
        html[dir="rtl"] .action-panel form .circles .fa-list-ul, html[dir="rtl"] .action-panel form .list .fa-list-ul {
          margin-right: 3px;
          margin-left: 0; }
    .action-panel form .search {
      position: relative;
      margin-left: 50px;
      display: inline-block; }
      html[dir="rtl"] .action-panel form .search {
        margin-right: 50px;
        margin-left: 0; }
        @media only screen and (max-width: 767px) {
          html[dir="rtl"] .action-panel form .search {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .action-panel form .search {
          display: block;
          margin-left: 0; } }
      .action-panel form .search input[type='text'] {
        width: 230px;
        padding: 6px 10px;
        font-family: "Open Sans", sans-serif;
        font-style: italic;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #d6dee0;
        border-radius: 0;
        line-height: 1.3em; }
        .action-panel form .search input[type='text']:focus {
          background-color: #f1f2f2; }
      .action-panel form .search .icon {
        display: block;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        color: #474f60;
        position: absolute;
        top: 3px;
        right: 5px; }
        html[dir="rtl"] .action-panel form .search .icon {
          right: auto;
          left: 5px; }
  .action-panel .applied-search {
    padding-left: 5px;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-style: italic; }
    .action-panel .applied-search span {
      color: #085b9b;
      padding: 0 5px; }
    .action-panel .applied-search a {
      display: inline-block;
      margin-bottom: -3px; }
      .action-panel .applied-search a:hover {
        cursor: pointer; }