
.btn-square{
  border-radius: 0px;
}


.side-menu{
  h3{
    margin-top:0px;
  }
}

.show-need{
  position: relative;
  .info{
    color:rgb(163, 159, 159);
  }
  .state{
    position:absolute;
    top:0px;
    right:0px;
    color:white;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
  }

  .state-success{
    background-color:#5cb85c;
  }
  .state-danger{
    background-color:#d9534f;
  }
  .state-info{
    background-color:#428bca;
  }
  .state-warning{
    background-color:#f0ad4e;
  }
  .offer{

    position: relative;
    padding:20px;
    height:100px;
    line-height:60px;
    display:block;
    background: #eeeded;
    margin-bottom:5px;
    .supplier{

    }
    .accept-offer{
      display:inline-block;
      float:right;

      font-size:30px;
      font-weight:bold;
    }
    .offer-not-aceptable{

      display:inline-block;
      float:right;
      color:#B84442;

      font-size:20px;
      font-weight:bold;
    }


    .offer-accepted{

      display:inline-block;
      float:right;
      color:#3C763D;
      font-size:20px;
      font-weight:bold;
    }
    .my-account-link{
      display:inline-block;
      color:#3C763D;
      font-size:15px;
      float:right;
      position:absolute;
      right:10px;
      bottom:0 ;

    }
    .price{
      display:inline;
      font-size:25px;
      font-weight:bold;
    }
  }

  p.description{
    margin-bottom:30px;
  }

  .message-item{
    background: #eeeded;
  }
  .content{
    position:relative;
    padding-bottom:50px;
  }
  .counters{

    .item{
      display:inline;
      margin-left:0px;
      font-size:20px;
    }
  }
}


.need-item{
  height: 200px;
  background-color:#fff;
  padding-top:30px;
  position:relative;
  padding-left:190px;
  .need-image{
    margin-top:26px;
    position: absolute;
    top:0px;
    left:0px;
    width:174px;
    height:174px;
    background-color: rgb(163, 159, 159);
    background-size: cover;
    background-position: center center;
    background-image: url('/placeholder.png');
  }

  p.description{
    font-size:12px;
    color:rgb(163, 159, 159);
    max-height: 55px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  p.info{
    font-size:10px;
    color:rgb(163, 159, 159);
  }

  .state{
    position:absolute;
    top:0px;
    right:0px;
    color:white;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
  }

  .state-success{
    background-color:#5cb85c;
  }
  .state-danger{
    background-color:#d9534f;
  }
  .state-info{
    background-color:#428bca;
  }
  .state-warning{
    background-color:#f0ad4e;
  }

  .counters{
    position:absolute;
    left:0px;
    bottom:0px;
    padding-left:180px;
    padding-bottom:5px;
    .item{
      display:inline;
      margin-left:10px;
      font-size:18px;
    }
  }




  .top-left-info{
    background-color: #d3d3d3;
    position:absolute;
    padding:4px;
    padding-left:8px;
    top:0px;
    left:0px;
    color: rgb(93, 93, 93);
    text-align:left;
    font-size:12px;
    width:100%;
  }


  margin-bottom:30px;

  h4{
    margin-top:20px;
    font-size:20px;
    margin-bottom:20px;
  }

  .btn{
    border-radius: 0px;
    position:absolute;
    right:0px;
    bottom:0px;
  }

}
