@import '~styles/schema.scss';
@import '~styles/utils.scss';


.attachments {

  > h3 {
    padding: 10px 0px;

    i {
      display: inline-block;
      font-size: 22px;
      margin-left: 5px;
      margin-right: 10px;
      color: #A0A0A0;
    }
  }

  .dropzone {
    width: 100%;
    padding: 25px 15px;
    background-color:$attachment-dropzone-bg-color;
    color:$attachment-dropzone-color;
    text-align:center;
    font-size:$attachment-dropzone-font-size;

    i.icon {
    	display:block;
    	margin:0px auto;
      margin-top:10px;
      margin-bottom:10px;
    	font-size:$attachment-dropzone-icon-font-size;
    }
  }

  /* */
  .list-row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    .row-content {
      flex-grow: 1;
      &:hover {
        background-color: #F6F6F6;
      }

      div.main {
        font-size:1.3em;
        color:#121212;
      }

      div.secondary {
        font-size:1em;
        color:#999999;
      }
    }

    .row-menu {
      flex-shrink: auto;
      vertical-align: middle;

      display: flex;
      align-items: center;    

      border-left: 1px solid #F2F2F2;

      color:#ADADAD;
      font-size:1.33em;

      & > * {
        display: inline-block;
        margin: 10px;
        cursor: pointer;
      }

      button {
        border:0px;
        background:none;
        color: #ADADAD;
        font-size: 1em;
      }

    }

    &.bottom-border {
      border-bottom:1px solid #DADADA;
    }

  }

}
