/* Basic Form (clientes, direcciones) */
@import "lb-vars";

.basicForm {

   > fieldset {
      position: relative;
      background-color: @color-neutral-90;
      color: @color-neutral-20;

      legend {
         background-color: transparent;
         color: @color-main-70;
         cursor: default;
      }

      label {
         font-size: 0.9em;
      }

      > span,
      > label > span,
      > table.fields span:not(.textejemplo):not(.toggleArea) {
         font-size: 0.9em;
         color: @color-main;
         display: block;
         margin: 4px 0 2px 0;
      }

      > input,
      > label > input,
      > table.fields input {
         border: 1px solid @color-borders;
      }

      > input,
      > label > input,
      > table.fields input,
      textarea,
      select {
         padding: 0.5em;
         margin: 0 0 0.5em 0;
         font-size: 0.9em;
         color: @color-client-fields;
         background-color: @color-client-fields-bg;
      }

      span.textejemplo {
         font-family: @font-mono;
         color: @color-main;
         font-size: 0.9em;
      }

      table.fields {
         > tbody {
            > tr {
               > td {
                  vertical-align: middle;

                  &:first-child {
                     font-family: @font-item;
                     font-size: 0.9em;
                     padding-right: 0.5em;
                     text-align: right;
                     cursor: default;
                  }

                  p {
                     padding: 1em 0 0.2em 0;
                     color: @color-main-55;
                     cursor: default;
                  }

                  em {
                     vertical-align: text-bottom;
                     font-style: normal;
                     font-size: 0.9em;
                     color: @color-neutral-50;
                     cursor: default;
                  }
               }
            }
         }
      }
   }

}