/* END OF VARIABLESS*/
/* MIXIN */
/* END OF MIXIN */
.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  top: 0; }
  .modal .modal-container {
    background-color: white;
    position: absolute;
    margin: auto;
    top: 30px;
    width: 334px;
    left: 10px;
    align-content: center;
    right: 10px;
    bottom: 30px;
    height: 90%;
    overflow-y: scroll; }
    .modal .modal-container .close {
      position: absolute;
      width: 65.4%;
      top: 15px;
      right: 15px;
      margin: auto; }
      .modal .modal-container .close img {
        width: 25px;
        float: right;
        cursor: pointer; }
    .modal .modal-container .modal-desc {
      position: absolute;
      width: 64%;
      left: 10px;
      right: 10px;
      margin: auto;
      top: 70px; }
      .modal .modal-container .modal-desc div label {
        color: #60bb46;
        letter-spacing: 0em;
        float: left; }
      .modal .modal-container .modal-desc div input {
        border: solid 1px #60bb46;
        padding: 10px;
        width: 93%; }
      .modal .modal-container .modal-desc .prod_details {
        width: 100%;
        height: 181px;
        margin: auto; }
        .modal .modal-container .modal-desc .prod_details .item_info {
          width: 75%;
          height: 40px;
          margin: auto; }
          .modal .modal-container .modal-desc .prod_details .item_info h4 {
            color: #737672; }
      .modal .modal-container .modal-desc .message .textarea {
        width: 100%;
        height: 70px; }
      .modal .modal-container .modal-desc .submit {
        padding: 20px; }
        .modal .modal-container .modal-desc .submit button {
          cursor: pointer;
          color: white;
          background-color: #60bb46;
          border-style: none;
          padding: 15px; }
  .modal .modal-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px; }
  .modal .modal-container::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5; }
  .modal .modal-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #60bb46), color-stop(0.72, #44D143), color-stop(0.86, #7FD143)); }

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