.civicrm-list {
  float: left;
  width: calc(100% - 250px);
  min-height: 10px; }
  .civicrm-list .civicrm-list-head {
    font-weight: bold; }
  .civicrm-list .add-modal {
    cursor: pointer; }
  .civicrm-list .civicrm-list-entry {
    width: 100%;
    padding: 10px 0px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.09804) 0px 0px 3px;
    background: white;
    position: relative;
    display: table; }
    .civicrm-list .civicrm-list-entry .civicrm-list-logo {
      box-sizing: border-box;
      display: table;
      width: 30%;
      float: left;
      padding: 0 5px;
      min-height: 60px;
      height: 0; }
      .civicrm-list .civicrm-list-entry .civicrm-list-logo .image-container {
        display: table-cell;
        vertical-align: middle;
        min-height: 60px;
        height: 0; }
        .civicrm-list .civicrm-list-entry .civicrm-list-logo .image-container img {
          display: block;
          margin: 0 auto;
          max-width: 100%;
          max-height: 60px; }
    .civicrm-list .civicrm-list-entry .civicrm-list-name {
      box-sizing: border-box;
      padding-left: 10px;
      width: 70%;
      float: left;
      line-height: 50px; }
      .civicrm-list .civicrm-list-entry .civicrm-list-name .name-wrapper {
        display: table-cell;
        vertical-align: middle;
        line-height: initial;
        font-weight: bold; }
      .civicrm-list .civicrm-list-entry .civicrm-list-name .civicrm-list-roles {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        padding-left: 5px; }
        .civicrm-list .civicrm-list-entry .civicrm-list-name .civicrm-list-roles img {
          margin-bottom: -5px;
          max-height: 25px; }
        .civicrm-list .civicrm-list-entry .civicrm-list-name .civicrm-list-roles::after {
          content: '';
          display: inline-block; }
      .civicrm-list .civicrm-list-entry .civicrm-list-name .action-links {
        font-size: 10px;
        line-height: 10px; }
        .civicrm-list .civicrm-list-entry .civicrm-list-name .action-links span {
          padding: 2px 5px 2px 0;
          margin-left: 5px;
          border-right: solid 1px gray; }
          .civicrm-list .civicrm-list-entry .civicrm-list-name .action-links span:first-child {
            margin: 0; }
          .civicrm-list .civicrm-list-entry .civicrm-list-name .action-links span:last-child {
            padding-right: 0;
            border: none; }
    .civicrm-list .civicrm-list-entry .civicrm-list-origins {
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 70%;
      text-align: right;
      padding-left: 10px; }
      .civicrm-list .civicrm-list-entry .civicrm-list-origins .origin {
        font-size: 10px;
        padding: 2px 5px;
        background-color: #eee;
        margin-right: 5px; }
    .civicrm-list .civicrm-list-entry .civicrm-list-legend {
      padding-left: 10px;
      width: 70%;
      float: left; }

.civicrm-list-legend {
  box-sizing: border-box;
  height: 32px; }
  .civicrm-list-legend span {
    display: inline-block;
    text-align: center;
    font-family: "Roboto", sans-serif;
    color: #fff;
    line-height: 32px;
    border-radius: 7px;
    height: 32px;
    width: 32px;
    margin-right: 8px; }
    .civicrm-list-legend span.participant {
      background-color: red;
      box-shadow: inset 0 0 0 1px red, inset 0 0 5px 3px white; }
    .civicrm-list-legend span.membership {
      background-color: green;
      box-shadow: inset 0 0 0 1px green, inset 0 0 5px 3px white; }
    .civicrm-list-legend span.group_member {
      background-color: blue;
      box-shadow: inset 0 0 0 1px blue, inset 0 0 5px 3px white; }

.civicrm-list-controls {
  width: 240px;
  float: left;
  padding-left: 10px; }
  .civicrm-list-controls .filter-head {
    font-weight: bold;
    color: #434343;
    margin-top: 5px;
    text-align: center; }
  .civicrm-list-controls button {
    background: #333333;
    color: white;
    padding: 10px 25px;
    border: none;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    font-size: 20px;
    margin-top: 10px; }
  .civicrm-list-controls .sorting {
    text-align: justify; }
    .civicrm-list-controls .sorting .sort-right {
      float: right; }
    .civicrm-list-controls .sorting::after {
      content: '';
      display: inline-block;
      width: 100%; }
  .civicrm-list-controls .civicrm-list-legend {
    margin-bottom: 10px; }
    .civicrm-list-controls .civicrm-list-legend div {
      display: inline-block;
      font-size: 12px;
      line-height: 32px; }
  .civicrm-list-controls .filtering button {
    width: calc(100% - 10px);
    font-size: 14px;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    margin-top: 5px; }
  .civicrm-list-controls .filtering input {
    width: calc(100% - 10px);
    font-size: 14px;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    margin-top: 5px;
    border-color: #000; }
  .civicrm-list-controls .show-all {
    width: calc(100% - 10px); }
  .civicrm-list-controls button.active {
    background: #e84747; }
  .civicrm-list-controls button:hover {
    background: #e84747; }
  .civicrm-list-controls .searchbox {
    position: relative; }
    .civicrm-list-controls .searchbox input {
      width: 230px;
      border-radius: 8px;
      outline: none;
      transition: all 300ms ease;
      padding-left: 30px;
      box-sizing: border-box; }
    .civicrm-list-controls .searchbox input:focus {
      box-shadow: 0 0 3px rgba(120, 120, 232, 0.5); }
    .civicrm-list-controls .searchbox i {
      position: absolute;
      left: 10px;
      top: 6px;
      color: #434343; }
  .civicrm-list-controls .legend {
    margin-left: 10px;
    margin-bottom: 10px; }
    .civicrm-list-controls .legend .legend_row {
      float: none;
      clear: both;
      margin-top: 5px; }
      .civicrm-list-controls .legend .legend_row img {
        float: left;
        margin-right: 5px; }

.clear {
  clear: both; }

.supporter-modal {
  display: none;
  position: fixed;
  width: 900px;
  z-index: 100;
  background-color: white;
  top: 50px;
  font-size: 14px;
  color: #434343;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border: 1px solid #cccccc;
  left: 50%;
  transform: translateX(-50%); }
  .supporter-modal .close-modal {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #434343;
    right: -15px;
    top: -15px;
    border-radius: 15px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    color: white;
    line-height: 25px;
    text-align: center;
    cursor: pointer; }
  .supporter-modal .company-name {
    background-color: #e84747;
    padding: 2px 20px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px; }
  .supporter-modal .logo {
    text-align: center; }
  .supporter-modal .description {
    float: left;
    width: 600px;
    overflow-y: auto;
    max-height: 700px; }
    .supporter-modal .description p {
      margin-top: 0; }
  .supporter-modal .information {
    float: left;
    width: 300px; }
    .supporter-modal .information .caption {
      float: left;
      width: 100px; }
    .supporter-modal .information .content {
      float: left; }
    .supporter-modal .information > div {
      border-bottom: 1px solid #cccccc;
      margin-left: 10px; }

@media only screen and (max-width: 60em) {
  .supporter-modal {
    left: 0;
    padding: 10px;
    position: fixed;
    transform: none;
    width: 93%; }

  .close-modal {
    right: -2px;
    top: -5px; }

  .description, .information {
    width: 100%; } }
@media (max-width: 600px) {
  .civicrm-list,
  .civicrm-list-controls {
    float: none;
    width: 100%; } }

/*# sourceMappingURL=list.css.map */