.my-program {
  margin: 0; }
  .my-program .performance {
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    border-radius: 4px;
    padding: 15px 10px;
    margin-bottom: 5px;
    position: relative; }
    .my-program .performance:after {
      content: "";
      display: table;
      clear: both; }
    .my-program .performance .name {
      font-weight: normal;
      display: block;
      width: 70%;
      margin-bottom: 0.6em; }
      .my-program .performance .name a {
        color: #283583;
        font-size: 1.4em; }
      .my-program .performance .name .genre {
        color: #777;
        font-size: .9em;
        display: block; }
    .my-program .performance .remove-from-program {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
      font-size: .8em;
      display: block;
      cursor: pointer; }
      .my-program .performance .remove-from-program a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        padding: .1em .5em;
        color: #FFFFFF;
        border: 1px solid rgba(225, 225, 225, 0.4);
        border-radius: 3px; }
        .my-program .performance .remove-from-program a:hover {
          text-decoration: none; }
      .my-program .performance .remove-from-program i {
        margin-left: .8em; }
      .my-program .performance .remove-from-program .remove-from-my-program {
        background: #b9b9b9; }
        .my-program .performance .remove-from-program .remove-from-my-program:hover {
          background: rgba(185, 185, 185, 0.7); }

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