/* _forms.css -------------------*/

/*******************************************************/

/**
 * FORMS
 */

form { text-align:left;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.field { position:relative; margin-bottom:18px; 
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.field label { display:block; font-weight:normal; margin-bottom:5px; color:#777; font-size:15px; }
.field input,
.field select,
.field textarea { width:100%; font-size:16px; padding:5px 8px; border:1px solid #c7c7c7; display:block;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;

    -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.15);
    -ms-box-shadow:inset 1px 1px 2px rgba(0,0,0,.15);
    box-shadow:inset 1px 1px 2px rgba(0,0,0,.15);
}
.field textarea { height:5.7em; }

/*******************************************************/

/**
 * ERRORS
 */

input.error { background-color:#ffefef; color:#c22020; border:1px solid #e1b0b2; }
/* Form validation */
span.error,
label.error { font-size:14px; display:block; position:absolute; z-index:3px; opacity:0; background-color:#db3232; text-align:center; padding:9px 15px; color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;

    -webkit-box-shadow:-1px 0 12px rgba(0,0,0,.2);
    -moz-box-shadow:-1px 0 12px rgba(0,0,0,.2);
    -ms-box-shadow:-1px 0 12px rgba(0,0,0,.2);
    box-shadow:-1px 0 12px rgba(0,0,0,.2);

    -webkit-transition:all 200ms ease-in-out;
    -moz-transition:all 200ms ease-in-out;
    -ms-transition:all 200ms ease-in-out;
    transition:all 200ms ease-in-out;
}
span.error a,
label.error a { color:#fff; }
span.error.show,
label.error.show { opacity:1; }

/*******************************************************/

/**
 * BUTTONS
 */

.button { font-size:18px; color:#fefefe; font-weight:500; background-color:#ea4c89; text-decoration:none; cursor:pointer; padding:10px 15px; border:0;
	border-radius:2px;
}
.button img { float:left; margin-right:10px; }
.button.primary { background-color:#ea4c89;
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    -ms-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    box-shadow:2px 2px 4px rgba(0,0,0,.1);
}
.button.secondary { background-color:#8aba56; }

.button.saving {
    opacity:.2 !important;
}