/**

 */

.valid:after {
  content:" ";
  position: absolute;
  top: 13px;
  right: 115px;
  z-index:200;
  width: 5px;
  height:10px;
  border-right: 2px solid #00aa00;
  border-bottom: 2px solid #00aa00;
  transform: rotate(45deg);
}

.shop-item-type {
  color: #cdcdcd;
  font-weight: normal;
  font-size: 12px;
}

.new-version-available {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  border: 1px solid #ffb900;
  border-left: 5px solid #ffb900;

  p {
    display: inline-block;
  }

  form {
    float: right;
    display: inline-block;
    line-height: 37px;

    input[type="submit"] {
      border:0;
      background:transparent;
      font-size: 12px;
      color: #0073aa;
      cursor: pointer;
      outline: none;
    }

    input[type="submit"]:hover {
      color: #00a0d2;
    }
  }
}

.orcas-plugin-item{
  width: 48%;
  padding: 0 15px 15px 0;
  display: inline-block;
  vertical-align: top;
  .inner{
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    position: relative;
    min-height: 150px;
    .orcas-plugin-item-image{
      height: 150px;
      width: 150px;
      display: table-cell;
    }
    .orcas-plugin-item-details{
      display: table-cell;
      padding-left: 20px;
      vertical-align: top;
      .orcas-plugin-item-name{
        margin-top: 5px;
        margin-bottom: 20px;
        font-size: 17px;
        font-weight: 600;

        a{
          text-decoration: none;
          font-size: 13px;
          line-height: 26px;
          height: 28px;
          margin: 0;
          padding: 0 10px 1px;
          cursor: pointer;
          border-width: 1px;
          border-style: solid;
          display: inline-block;
          width: auto;
          -webkit-appearance: none;
          border-radius: 3px;
          white-space: nowrap;
          box-sizing: border-box;
          color: white;
          border-color: #81b440;
          background: #81b440;
          box-shadow: 0 1px 0 #ccc;
          vertical-align: top;
          font-weight: normal;
        }
        a:hover{
          opacity: .8;
        }
        a:active{
          box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5);
          -webkit-transform: translateY(1px);
          transform: translateY(1px);
        }
        .button-box{
          display: inline-block;
          position: absolute;
          top: 20px;
          right: 20px;
          width: auto;
          text-align: right;

          form {
            display: inline-block;
          }

          span {
            font-size: 13px;
            font-style: italic;
            font-weight: normal;
          }

          input{
            display: inline-block;
            text-decoration: none;
            font-size: 13px;
            line-height: 26px;
            height: 28px;
            margin: 0;
            padding: 0 10px 1px;
            cursor: pointer;
            border-width: 1px;
            border-style: solid;
            -webkit-appearance: none;
            border-radius: 3px;
            white-space: nowrap;
            box-sizing: border-box;
            color: #555;
            border-color: #ccc;
            background: #f7f7f7;
            box-shadow: 0 1px 0 #ccc;
            vertical-align: top;
            font-weight: normal;
          }
          input:hover{
            background: #fafafa;
            border-color: #999;
            color: #23282d;
          }
          input:active{
            background: #eee;
            border-color: #999;
            box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5);
            -webkit-transform: translateY(1px);
            transform: translateY(1px);
          }
        }
      }
      .orcas-plugin-item-details-content{
        font-size: 13px;
        line-height: 1.5;
        margin: 1em 0;
      }
      .orcas-plugin-item-compatibel{
        margin-top: 15px;
        font-size: 13px;
        font-style: italic;
        margin-bottom: 5px;
        span{
          font-weight: 600;
        }
        span:before{
          content: "\f00c";
          font-family: FontAwesome;
          font-weight: 600;
          font-style: normal;
        }
      }
      .orcas-plugin-item-links{
        margin-top: 10px;
        color: #0073aa;
        font-size: 13px;
        a{
          margin-right: 10px;
          text-decoration: none;
        }
      }
    }
  }
}

@media only screen and (max-width: 1200px) {
    .orcas-plugin-item{width: 100%}
}
@media only screen and (max-width: 700px) {
  .orcas-plugin-item{
    .inner{
      .orcas-plugin-item-image{
        display: block;
      }
    }
  }
}

.form-table{
  .orcas-item-update-token{
    width:75%;
  }
  td{
    padding: 0px 10px 15px 10px;
    .submit{
      margin-top: 8px;
      input{
        height: 24px;
        line-height: 24px;
      }
    }
  }
}