forms.less

@import (reference) "../common.less";

.defaultForm {
    &.FullWidth {
        width: 100%;
    }
    &.HalfWidth {
        width: 50% !important;
        &.left {
            margin-left: -5px;
        }
        &.right {
            margin-left: 5px;
        }
    }
    select&.HalfWidth {
        width: 49% !important;
    }
    &.P1Width {
        width: 80% !important;
    }
    &.P2Width {
        width: 18.5% !important;
    }
    &.Width65 {
        width: 65% !important;
    }
    &.Width35 {
        width: 33.5% !important;
    }
    &.marginBetween {
        margin-bottom: 5px;
        //&:last-child {  margin-bottom: 0;  }
    }
    select& {
        padding: 6px;
        font-size: 0.85em;
        border-radius: 2px;
        border: 1px solid @ColorGrey;
        width: 100%;
    }
    input[type=text]&, input[type=password]&, textarea& {
        padding: 7px;
        border-radius: 3px;
        border: 1px solid @ColorGrey;
        width: 100%;
    }
    textarea& {
        font-family: @FontFamily;
        font-size: 0.9em;
    }
}

input[type=button].defaultForm, button.defaultForm, input[type=submit].defaultForm {
    display: inline-block;
    cursor: pointer;
    padding: 7px 0;
    min-width: 80px;
    margin: 5px auto;
    border-radius: 5px;
    border: 0;
    &.GreenButton {
        background: @ColorGreen;
        color: @ColorBaseWhite;
        &:hover {
            background: lighten(@ColorGreen, 1%);
        }
    }
    &.BlueButton {
        background: @ColorLightBlue;
        color: @ColorBaseWhite;
        &:hover {
            background: lighten(@ColorLightBlue, 3%);
        }
    }
    &.Error {
        background: @ColorLightenRed;
        color: @ColorRedBase;
        &:hover {
            background: lighten(@ColorLightenRed, 3%);
        }
    }
    &.noMargin {
        margin: 0 auto;
    }
    &[disabled=disabled] {
        background: @ColorDarkGrey;
        color: @ColorBaseGrey;
        &:hover {
            background: lighten(@ColorDarkGrey, 5%); /*#3A84A6;*/
            color: @ColorBaseGrey;
        }
    }
}

select.defaultForm
{
  padding: 6px;
  font-size: 0.85em;
  border-radius: 2px;
  border: 1px solid @ColorGrey;
  width: 100%;
}

select.defaultForm_Small
{
  padding: 4px;
  font-size: 0.85em;
  border-radius: 2px;
  border: 1px solid @ColorGrey;
  width: 25%;
}