import styled from 'styled-components';

const css = styled.div;

export default css`
   position: relative;
   width: 100%;

   .select-box-autocomplete {
      .text {
         position: relative;
      }
   }

   .text-placeholder {
      font-family: 'Poppins';
      position: absolute;
      height: 100%;
      vertical-align: middle;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 7px 10px;
      color: #444;
      font-size: 14px;
      font-weight: 500;
      top: 0px;
      left: 0px;
   }

   input {
      background: red;
      width: 100%;
      position: relative;
      z-index: 5;
      font-weight: 500;
      font-size: 14px;
   }

   .error-input {
      color: ${(props) => props.theme.red};
      text-align: left;
      font-weight: 600;
      margin: 0px;
      padding: 0px;
      font-size: 13px;
      margin-top: 5px;
      margin-bottom: 10px;
   }
`;
