label {
font-size:90%;
color:#333;
display:block;
margin-left:0.2em;
margin-bottom:0.2em;
margin-right:0.8em;
}

label.inline {
display:inline-block;
margin-bottom:0px;
margin-left:0.2em;
}

label.inlineAsNonBlock {
display:inline;
margin-bottom:0px;
margin-left:0.2em;
}

label > div.description {
font-size:90%;
font-style:italic;
color:#666;
}

input[type=text],
input[type=password],
input[type=number],
input[type=checkbox],
input[type=radio],
textarea,
select,
div.inputSim {
font-family:inherit;
font-size:inherit;
width:100%;
padding-left:0.5em;
padding-right:0.5em;
margin:0;
height:2.5em;
border:1px solid #bbb;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}

input[type=text].codeType,
textarea.codeType {
font-family:Courier new, courier;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
-webkit-user-select:text;
-khtml-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
user-select:text;
}

input[type=checkbox],
input[type=radio]
{
margin-top:0.5em;
padding-bottom:0.5em;
width:1em;
height:1em;
border:initial;
}

input[type=radio]
{
margin-top:0.2em;
}

input[type=text][readonly],
input[type=password][readonly],
input[type=number][readonly],
textarea[readonly],
select[readonly],
div.inputSim[data-readonly=true] {
background-color:#f3f3f3;
}

input[type=text][readonly].inputDate {
background-color:#fff;
}

textarea {
display:block;
height:4em;
resize:none;
}

textarea.higher1 {
height:6em;
}

textarea.higher2 {
height:8em;
}

textarea.higher3 {
height:31em;
}

div.inputTime {
}

div.inputTime > select {
width:auto;
}

div.inputTime > span.colon {
font-weight:bold;
margin-left:0.1em;
margin-right:0.1em;
}

div[data-role=inputBoolean] {
font-weight:bold;
color:#336699;
text-align:center;
}

div[data-role=inputBoolean] > div.switchLabel {
display:inline-block;
margin:0.5em;
cursor:pointer;
}

div[data-role=inputBoolean] > div.switch {
display:inline-block;
position:relative;
width:4.5em;
height:1.5em;
background-color:#336699;
border-radius:0.75em;
top:0.3em;
}

div[data-role=inputBoolean] > div.switch > div.lever {
position:absolute;
top:0.1em;
left:50%;
margin-left:-0.65em;
height:1.3em;
width:1.3em;
background-color:#fff;
border-radius:0.65em;
}

div[data-role=inputBoolean].on > div.switch > div.lever {
left:0.1em;
margin-left:auto;
}

div[data-role=inputBoolean].off > div.switch > div.lever {
right:0.1em;
margin-left:auto;
}

span.tt-dropdown-menu {
background-color:#fff;
border:1px solid #ccc;
padding-left:0.5em;
padding-right:0.5em;
}

span.tt-dropdown-menu span.tt-suggestions {
}

span.tt-dropdown-menu span.tt-suggestions > div.tt-suggestion {
padding-left:0.5em;
padding-right:0.5em;
}

span.tt-dropdown-menu span.tt-suggestions > div.tt-suggestion.tt-cursor {
background-color:#333;
color:#fff;
}

button {
font-family:inherit;
font-size:inherit;
padding:0.5em 0.75em;
border:0px none;
background-color:#336699;
color:#eee;
cursor:pointer;
margin:0px;
/*height:2.5em;
padding-left:0.75em;
padding-right:0.75em;*/
}

button.fillHeight {
height:100%;
padding:auto;
}

button.green {
background-color:#009900;
}

button.red {
background-color:#990000;
}

button.smaller {
font-size:90%;
}

button.x-small {
font-size:80%;
}

button.xx-small {
font-size:70%;
}

button.xxx-small {
font-size:60%;
}

button:active,
button:hover {
background-color:#6699cc;
}

button.green:active,
button.green:hover {
background-color:#00cc00;
}

button.red:active,
button.red:hover {
background-color:#cc0000;
}

button[disabled] {
background-color:#999;
color:#333;
}

button[disabled]:hover,
button[disabled]:active {
background-color:#999;
color:#333;
cursor:default;
}

button > img.customIcon {
width:1em;
height:1em;
}

button > img.right {
float:right;
margin-left:1em;
}

button > img.left {
float:left;
margin-right:1em;
}

div[data-role=buttonGroup] {
padding-top:0.4em;
padding-bottom:0.4em;
margin:0px;
}

div[data-role=buttonGroup].noPaddingBottom {
padding-bottom:0px;
}

div[data-role=buttonGroup].noPaddingTop {
padding-top:0px;
}

div[data-role=buttonGroup] button {
margin-right:0.3em;
}

div[data-role=buttonGroup].right {
text-align:right;
}

div[data-role=buttonGroup].right button {
margin-right:0px;
margin-left:0.3em;
}

div[data-role=buttonGroup].center {
text-align:center;
}