import style from 'styled-components';

export const Container = style.div`{
  padding: 10px 24px 24px;
}`;


export const SearchItem = style.div`{
  margin-bottom:${props => props.marginBottom || "24"}px;
  .input{
    width:214px;
    height:32px;
    margin-right:16px;
  }
  .btn{
    margin-right:8px;
  }
}`;

export const AddCompanyItem = style.div`
    padding:8px 16px;
    font-size: 12px;
    color: #666666;
    line-height: 18px;
`;

export const DrawHeader = style.div`
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  padding:19px;
  border-bottom:1px solid #E9E9E9;
`;

export const Empty = style.div`
  padding-left:194px;
`;

export const DrawBottomBtns = style.div`
 height:61px;
 border-top:1px solid #E9E9E9;
 position: fixed;
 bottom: 0px;
 width: 100%;
 display: flex;
 flex-direction: row-reverse;
 padding-right: 50px;
 justify-items: center;
 align-items: center;
 background:#fff;
`;

export const Options = style.div`
  font-size: 12px;
  color: #0F71FF;
  line-height: 12px;
  cursor:pointer;
  >span{
    margin-right:8px;
  }
`;


export const DrawTitle= style.div`
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  width: 195px;
  text-align: right;
  margin-top: 24px;
`;

export const ImageDontDelete=style.div`
  width: 328px;
  .anticon-delete{
    display:none
  }
`;