/**
 * Default configuration
 */
/**
 * Run imports
 */
/*
@main-color: #000000;
@button-main: @main-color;
@input-border-selected: @main-color;
*/
/**
 * Default template configuration
 */
/*
@main-color: #000000;
@button-main: @main-color;
@input-border-selected: @main-color;
*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** 
 * Custom options
 */
/**
 * Clearfix
 */
.clear:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/**
 * Button style
 */
/**
 * Alignment 
 */
.leftText {
  text-align: left;
}
.centerText {
  text-align: center;
}
.rightText {
  text-align: right;
}
.topAlign {
  vertical-align: top;
}
.middleAlign {
  vertical-align: middle;
}
.bottomAlign {
  vertical-align: bottom;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/**
 * Text decoration 
 */
.textUnderline {
  text-decoration: underline;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
/**
 * Text Sizes 
 */
.textSizeSmaller {
  font-size: 75%;
}
.textSizeSmall {
  font-size: 85%;
}
.textSizeMedium {
  font-size: 95%;
}
.textSizeLarge {
  font-size: 105%;
}
.textSizeLarger {
  font-size: 115%;
}
/**
 * Run imports
 */
/**
 * Default loading init App
 */
div.loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  background: url(/respondent/img/loader.gif) no-repeat 0 0;
}
body.display_ie8 .loading {
  display: none;
}
body.display_ie8 .msg_ie8 {
  text-align: center;
  width: 500px;
  margin: 10% auto 0 auto;
  border: 1px solid #00a7ff;
}
body.display_ie8 .msg_ie8 p {
  text-align: left;
  padding: 1.2em;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"] {
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #9b9b9b;
  padding: 0.5em;
  outline: 0;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="date"]:hover {
  border-color: #00a7ff;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus {
  -webkit-box-shadow: 0 0 3px 1px #00a7ff;
  -moz-box-shadow: 0 0 3px 1px #00a7ff;
  box-shadow: 0 0 3px 1px #00a7ff;
}
h1 {
  font-size: 150%;
  color: #6182B8;
  margin: 0.62em 0.62em 1.25em 0.62em;
}
a {
  color: #000;
}
/**
 * Style for all elements
 */
.radio,
.radio_text,
.checkbox,
.checkbox_text,
.text,
.boolean,
.date,
.number,
.dropdown,
.file {
  margin: 0.3em;
  width: 94%;
  padding: 2px;
}
.radio,
.radio_text,
.checkbox,
.checkbox_text {
  cursor: pointer;
}
.radio label,
.radio_text label,
.checkbox label,
.checkbox_text label {
  cursor: pointer;
}
/**
 * Tables
 */
table th {
  font-size: 80%;
  padding: 0.25em;
  vertical-align: top;
}
table td {
  vertical-align: top;
}
table .radio,
.columns .radio,
table .radio_text,
.columns .radio_text,
table .checkbox,
.columns .checkbox,
table .checkbox_text,
.columns .checkbox_text,
table .text,
.columns .text,
table .boolean,
.columns .boolean,
table .date,
.columns .date,
table .number,
.columns .number,
table .dropdown,
.columns .dropdown,
table .file,
.columns .file {
  width: auto;
}
.pyjamas1 {
  background: #c8c8c8;
}
.pyjamas2 {
  background: #eee;
}
/**
 * Comment
 */
table .comment {
  margin: 0.3em;
}
.comment {
  margin: 15px 0 10px 0;
}
/**
 * Dropdowns
 */
.dropdown select {
  margin: 0 0.2em 0 0.2em;
}
/**
 * Tooltips
 */
.tooltip {
  position: absolute;
  left: -50px;
  top: -10px;
  font-size: 9pt;
  background-color: rgba(238, 238, 238, 0.9);
  border-color: 1px solid #8a8a8a;
  padding: 0.4em 1em;
  font-weight: bold;
}
/**
  * File
  */
.deleteFile {
  margin-bottom: 5px;
  font-size: small;
}
.deleteFile a {
  float: left;
  width: 16px;
  height: 16px;
  background: url(/respondent/img/delete.png) no-repeat;
  cursor: pointer;
  margin-right: 0.5em;
}