/*
** Widgets
*/

input.standalone {
background: &dtml-standaloneButtonBackground;;
color: &dtml-standaloneButtonFontColor;;
cursor: pointer;
font-size: 80%;
font-weight: &dtml-buttonWeight;;
margin-bottom: 1em;
padding: &dtml-standaloneButtonPadding;;
text-transform: &dtml-textTransform;;
}

input.context {
background: &dtml-contextButtonBackground;;
color: &dtml-contextButtonFontColor;;
cursor: pointer;
font-size: 80%;
font-weight: &dtml-buttonWeight;;
margin-bottom: 1em;
padding: &dtml-contextButtonPadding;;
text-transform: &dtml-textTransform;;
}

input.destructive {
background: &dtml-destructiveButtonBackground;;
border: &dtml-destructiveButtonBorder;; 
color: &dtml-destructiveButtonFontColor;;
cursor: pointer;
font-size: 80%;
font-weight: &dtml-buttonWeight;;
margin-bottom: 1em;
padding: &dtml-destructiveButtonPadding;;
text-transform: &dtml-textTransform;;
}

input.noborder {
border: &dtml-noBorder;;
margin: 0;
background-color: transparent;
}

div.row {
clear: both;
min-height: 4em;
margin: 0em 0em 1em 0em;
position: relative;
}

.group {
border: &dtml-groupBorder;;
margin: 1em 0em 1em 0em;
padding: 0em 1em;
}
span.legend {
background: &dtml-contentBackground;;
font-size: 80%;
padding: 0.5em;
position : relative;
top: -0.8em;
left: 0em;
}

div.label {
font-weight: bold;
display: inline;
padding-right: 0.5em;
}

div.field {
margin-top: 0.2em;
}

div.help {
background-color: #FFFFE1; 
border: 1px solid black; 
font-size: 80%;
font-weight: normal;
line-height: normal;
text-align: left;
position: absolute;
left: -22em;
top: 0.5em;
width: 15em;
padding: 0.5em;
}

.error {
/* Class for error indication in forms */
background: &dtml-messageBackground;;
border: &dtml-messageBorder;;
padding: 1em;
margin: 0;
width: 68% !important;
}

.required {
/* Used in addition to class "label" on required elements */
background: &dtml-requiredField;;
}

span.card {
background: &dtml-mainTabBackground;;
border-color: &dtml-mainTabBorderColor;;
border-width: 1px;
border-style: solid;
float: left;
margin: 1em;
padding: 1em;
text-align: center;
width: 15%;
}