import styled from 'styled-components';

const Container = styled.div`
  .content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
    cursor: pointer;
    div.info-top {
      position: relative;
      background: none repeat scroll 0 0 #f9f9f9;
      /* border-bottom: 1px solid #ccc; */
      /* border-radius: 5px 5px 0 0; */
      img {
        color: rgba(87, 170, 255, 1);
        position: absolute;
        right: 10px;
        top: 10px;
        width: 14px;
      }
    }

    div.info-top div {
      display: inline-block;
      color: #333333;
      font-size: 14px;
      font-weight: bold;
      /* line-height: 31px; */
      /* padding: 0 30px 0 0px; */
    }

    /* div.info-top img {
      position: absolute;
      top: 10px;
      right: 10px;
      transition-duration: 0.25s;
    } */

    div.info-top img:hover {
      box-shadow: 0px 0px 5px #000;
    }

    div.info-middle {
      font-size: 12px;
      padding: 10px 6px;
      line-height: 20px;
    }

    div.info-bottom {
      height: 0px;
      width: 100%;
      clear: both;
      text-align: center;
    }

    div.info-bottom img {
      position: relative;
      z-index: 104;
    }

    span {
      margin-left: 5px;
      font-size: 11px;
    }

    .info-middle img {
      float: left;
      margin-right: 6px;
    }
  }

  .content-window-card p {
    height: 2rem;
  }

  .custom-info {
    /* border: solid 1px silver; */
  }
`;

export { Container };