@font-face {
  font-family: OpenSans;
  font-weight: 400;
  font-style: normal;
  src: url(/ifeedback/assets/OpenSans-Regular-30480b48e22758725c3a54da52ba6c6b.eot);
  src: url(/ifeedback/assets/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/ifeedback/assets/OpenSans-Regular-d34a33e87efe2c6ac89d91874a0907f9.woff) format("woff"), url(/ifeedback/assets/OpenSans-Regular-79af3e793d793d43e5c40645e08435c1.ttf) format("truetype"), url(/ifeedback/assets/OpenSans-Regular.svg#OpenSans) format("svg")
}

@font-face {
  font-family: OpenSans;
  font-weight: bold;
  font-style: normal;
  src: url(/ifeedback/assets/OpenSans-Bold-5fe052473d96ead758f2d0200e407c40.eot);
  src: url(/ifeedback/assets/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(/ifeedback/assets/OpenSans-Bold-5171287f902cf31ef3459663f5e8f674.woff) format("woff"), url(/ifeedback/assets/OpenSans-Bold-989a98c8be9aa30392551ca912bf43a8.ttf) format("truetype"), url(/ifeedback/assets/OpenSans-Bold.svg#OpenSans) format("svg")
}

@font-face {
  font-family: OpenSans;
  font-weight: normal;
  font-style: italic;
  src: url(/ifeedback/assets/OpenSans-Italic-a6b06b12e16fc2c5714eae8af6da7016.eot);
  src: url(/ifeedback/assets/OpenSans-Italic.eot?#iefix) format("embedded-opentype"), url(/ifeedback/assets/OpenSans-Italic-113da65054c7ab4aef4231078d1d8d99.woff) format("woff"), url(/ifeedback/assets/OpenSans-Italic-8e297b4315c7132d3cb37b43362f1a2e.ttf) format("truetype"), url(/ifeedback/assets/OpenSans-Italic.svg#OpenSans) format("svg")
}

@font-face {
  font-family: OpenSans;
  font-weight: bold;
  font-style: italic;
  src: url(/ifeedback/assets/OpenSans-BoldItalic-fb3ee03bb8e4efb001fb52bf49340280.eot);
  src: url(/ifeedback/assets/OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/ifeedback/assets/OpenSans-BoldItalic-ec03eb88e2c70e76f91772cbb960637b.woff) format("woff"), url(/ifeedback/assets/OpenSans-BoldItalic-f9ae918dc49c7bf7555a14b23c107ab6.ttf) format("truetype"), url(/ifeedback/assets/OpenSans-BoldItalic.svg#OpenSans) format("svg")
}

/*! jQuery UI - v1.10.3 - 2013-08-26 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=OpenSans&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%23582828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=%23582828&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=%23dddddd&fcContent=%23333333&iconColorContent=%23222222&bgColorDefault=%23f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=%23cccccc&fcDefault=%231c94c4&iconColorDefault=%23FE9518&bgColorHover=%23fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23FE9518&fcHover=%23FE9518&iconColorHover=%23FE9518&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23FFB052&fcActive=%23eb8f00&iconColorActive=%23ef8c08&bgColorHighlight=%23FFC580&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=%23FFB052&fcHighlight=%23363636&iconColorHighlight=%23228ef1&bgColorError=%23b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffd27a&bgColorOverlay=%23666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  /* font-size: 100%; */
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  /* font-size: 0.1px; */
  display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2.2em
}

button.ui-button-icon-only {
  width: 2.4em
}

.ui-button-icons-only {
  width: 3.4em
}

button.ui-button-icons-only {
  width: 3.7em
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em
}

input.ui-button {
  padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em
}

.ui-buttonset {
  margin-right: 7px
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  /* font-size: 1em; */
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%
}

.ui-datepicker table {
  width: 100%;
  /* font-size: .9em; */
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  /* font-size: 0 */
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: url('data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP ///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  /* font-size: 0; */
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5
}

.ui-menu .ui-state-disabled a {
  cursor: default
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  /* font-size: .7em; */
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  /* font-size: .5em; */
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: OpenSans;
  /* font-size: 1.1em */
}

.ui-widget .ui-widget {
  /* font-size: 1em */
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: OpenSans;
  /* font-size: 1em */
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  background-image: none;
  color: #333333
}

.ui-widget-content a {
  color: #333333
}

.ui-widget-header {
  border: 1px solid #00A6DC;
  background-color: #00A6DC;
  background-image: none;
  color: #ffffff;
  font-weight: bold
}

.ui-widget-header a {
  color: #ffffff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(/ifeedback/assets/ui-bg_glass_100_f6f6f6_1x400-b04f2f9dd862887f370e2f9ec18f5122.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #00A6DC
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #00A6DC;
  text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #FE9518;
  background: #fdf5ce url(/ifeedback/assets/ui-bg_glass_100_fdf5ce_1x400-d605463742d811e2bf15d4be55e0a99d.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #FE9518
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #FE9518;
  text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #FFB052;
  background: #fff url(/ifeedback/assets/ui-bg_glass_65_ffffff_1x400-3c844475e0b6925da413ef2b9631a6a0.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #FFB052;
  background: #ffc580 url(/ifeedback/assets/ui-bg_highlight-soft_75_FFC580_1x100-f39a5a41b7c3bd76a8afb4dd96a219df.png) 50% top repeat-x;
  color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(/ifeedback/assets/ui-bg_diagonals-thick_18_b81900_40x40-22e982765319172b86212125758527c0.png) 50% 50% repeat;
  color: #ffffff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_222222_256x240-8fa0d4926e1e06c1500d1945f2e19b89.png)
}

.ui-widget-header .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_ffffff_256x240-3e88450ed64183410f8911091a7a4c21.png)
}

.ui-state-default .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_FE9518_256x240-258fc6dc1cf3fbe5a119a8560a4dd217.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_FE9518_256x240-258fc6dc1cf3fbe5a119a8560a4dd217.png)
}

.ui-state-active .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_ef8c08_256x240-fb50baf76b0dc0539b2afd8039dc63fe.png)
}

.ui-state-highlight .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_228ef1_256x240-f23ee5b2768d9de07e6a1915e3cb2069.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/ifeedback/assets/ui-icons_ffd27a_256x240-dbe48bb9a6e8cfe27c5878e36708e579.png)
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-carat-1-n {
  background-position: 0 0
}

.ui-icon-carat-1-ne {
  background-position: -16px 0
}

.ui-icon-carat-1-e {
  background-position: -32px 0
}

.ui-icon-carat-1-se {
  background-position: -48px 0
}

.ui-icon-carat-1-s {
  background-position: -64px 0
}

.ui-icon-carat-1-sw {
  background-position: -80px 0
}

.ui-icon-carat-1-w {
  background-position: -96px 0
}

.ui-icon-carat-1-nw {
  background-position: -112px 0
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px
}

.ui-widget-overlay {
  background: #666 url(/ifeedback/assets/ui-bg_diagonals-thick_20_666666_40x40-a824f79685f0bc8d7f367842d73240ed.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url(/ifeedback/assets/ui-bg_flat_10_000000_40x100-155e5539c1e5d973954dcdccc0fdbc55.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px
}

html body h1 {
  /* font-size: 200% */
}

html body h2 {
  /* font-size: 150% */
}

html body h3 {
  /* font-size: 120% */
}

html body h4,
html body h5,
html body h6 {
  /* font-size: 110% */
}

html body table {
  width: 100%;
  margin: 15px 0;
  border-collapse: collapse
}

html body table td {
  padding: 4px
}

html body table.clean td {
  border: none
}

html body table.clean tr:nth-child(even) td {
  background-color: inherit
}

html body .strong {
  font-weight: bold
}

html body .right {
  text-align: right
}

html body .center {
  text-align: center
}

html body .italic {
  font-style: italic
}

html body .hide {
  display: none
}

html body a img {
  border: none
}

html body .msg {
  border: 1px solid #f3abab;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 15px 0;
  padding: 8px 10px 0
}

html body .msg p {
  margin: 0 0 8px;
  padding-left: 25px
}

html body .msg.msg-error {
  background: url(/ifeedback/assets/msg-error-cd683f9f9cab872412f5e4538723a801.png) repeat-x scroll 0 0 #f9c9c9;
  border-color: #f3abab;
  color: #8d0d0d
}

html body .msg.msg-error p {
  background: url(/ifeedback/assets/cross_octagon-fbfd6a3757c6152c5be7c9807bcd86aa.png) no-repeat scroll 0 50% transparent
}

html body .msg.msg-ok {
  background: url(/ifeedback/assets/msg-ok-1ed77bf963d9d09e0291b6b4f502b78b.png) repeat-x scroll 0 0 #c3ec9c;
  border-color: #a6d877;
  color: #588c27
}

html body .msg.msg-ok p {
  background: url(/ifeedback/assets/accept1-744851e4c98f92822624fb9f0028616d.png) no-repeat scroll 0 50% transparent
}

html body span.alert {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/ifeedback/assets/alert.png) no-repeat scroll center transparent
}

html body hr.space {
  clear: both;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent
}

html body .dataTables_wrapper .dataTable {
  margin: 0
}

html body .dataTables_wrapper .dataTables_length {
  float: left;
  padding: 5px;
  width: 48%
}

html body .dataTables_wrapper .dataTables_filter {
  float: left;
  padding: 5px;
  text-align: right;
  width: 48%
}

html body {
  /* min-width: 1038px; */
  margin: 0;
  background-color: #00a6dc;
  color: #333;
  background-color: white;
  line-height: 20px;
  font-family: OpenSans, sans-serif
}

html body hr.space {
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  clear: both;
  visibility: hidden
}

html body footer {
  margin: 0 79px;
  padding-top: 15px;
  color: #fff;
  /* font-size: 11px */
}

html body footer table {
  table-layout: fixed;
  margin: 0
}

html body footer table td {
  vertical-align: top;
  border: none
}

html body footer table td.pay-off {
  /* font-size: 18px */
}

html body footer table td.pay-off p {
  margin: 0;
  padding: 0
}

html body footer table td.pay-off .small {
  /* font-size: 14px */
}

html body footer a {
  color: inherit;
  text-decoration: none
}

html body footer a:hover {
  text-decoration: underline
}

html body a {
  color: #f09b02;
  text-decoration: none
}

html body a:hover {
  text-decoration: underline
}

html body .button {
  border: 1px solid #313131;
  border-bottom: 1px solid #181818;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #adadad;
  color: #fff;
  display: inline-block;
  /* font-size: 14px; */
  font-weight: bold;
  background-color: #949494;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #949494), color-stop(50%, #686868), color-stop(50%, #515151), color-stop(100%, #565656));
  background-image: -webkit-linear-gradient(top, #949494 0%, #686868 50%, #515151 50%, #565656 100%);
  background-image: linear-gradient(to bottom, #949494 0%, #686868 50%, #515151 50%, #565656 100%);
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #141414;
  min-width: 60px;
  /* font-size: 12px; */
  padding: 6px 10px;
  text-transform: uppercase
}

html body .button:hover:not(:disabled) {
  cursor: pointer;
  background-color: #848484;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #848484), color-stop(50%, #5a5a5a), color-stop(50%, #454545), color-stop(100%, #4a4a4a));
  background-image: -webkit-linear-gradient(top, #848484 0%, #5a5a5a 50%, #454545 50%, #4a4a4a 100%);
  background-image: linear-gradient(to bottom, #848484 0%, #5a5a5a 50%, #454545 50%, #4a4a4a 100%)
}

html body .button:active:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #202020, 0 1px 0 #fff
}

html body .button:disabled {
  opacity: 0.5;
  cursor: not-allowed
}

html body .button:hover {
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9)
}

html body .button:active {
  text-decoration: none
}

html body .button.positive {
  text-decoration: none
}

html body .button.positive:active {
  text-decoration: none
}

html body ul.auth-links {
  list-style-type: none;
  padding: 0;
  font-size: 1em;
  padding-bottom: 4em;
  margin-bottom: 0;
  margin-top: 2em;
}

html body ul.auth-links li {
  margin: 0.5em 0;
  padding: 0;
  vertical-align: top;
}

html body .edit-in-place {
  border: 2px dashed transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

html body .edit-in-place:hover {
  border-color: #dedede
}

html body .edit-in-place textarea,
html body .edit-in-place input {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 100%;
  margin: 0;
  border: none;
  background: inherit;
  /* font-size: inherit; */
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  text-align: inherit;
  resize: none
}

html body #wrap {
  /* width: 1038px; */
  margin: 0 auto;
  max-width: 1280px;
}

html body #wrap.login {
  max-width: none;
  position: relative;
}

html body #wrap.login #main #header:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffffd4;
  z-index: 0;
}


html body #wrap.login #main {
  background: url(http://learninglab.sdabocconi.it/ifeedback/assets/desktop_background_img.jpg) no-repeat scroll top left transparent;
  background-color: #fff;
  background-size: cover;
  min-height: 500px;
  background-position: 84%;
  background-size: cover;
  padding: 2em;
}

html body #wrap.login #main .top {
  position: relative;
  margin-top: 2em;
}

html body #wrap.login #main .top .title {
  z-index: 10;
  width: 450px;
  line-height: 20pt;
  color: #00a6dc;
  margin-bottom: 5em;
}

html body #wrap.login #main .top .title .bigger {
  text-align: right;
  font-size: 4em;
  margin-top: 0.3em;
  color: #00a6dc;
  text-shadow: 0 0;
}

html body #wrap.login #main .top .title .payof {
  text-align: right;
  margin-top: 1.3em;
  font-size: 1.1em;
}

html body #wrap.login #main .top .title .smaller {
  padding-left: 150px;
  color: #222;
  text-shadow: none;
  font-weight: bold
}

html body #wrap.login #main .bottom {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

/* html body #wrap.login #main .bottom .half {
  height: 178px
} */

html body #wrap.login #main .bottom .half .login-block {
  position: relative;
  color: #333;
}

html body #wrap.login #main .bottom .half .login-block p {
  margin: 0;
  text-shadow: -1px 2px 2px #000
}

html body #wrap.login #main .bottom .half .login-block input[type=text],
html body #wrap.login #main .bottom .half .login-block input[type=email],
html body #wrap.login #main .bottom .half .login-block input[type=password] {
  height: 20px;
  margin-top: 10px;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #333;
  font-size: 1em;
  height: 2.5em;
  padding: 0.5em;
  color: #333;
  box-sizing: border-box;
  width: 264px;
}

html body #wrap.login #main .bottom .half .login-block .button {
  margin-top: 15px
}

html body #wrap.login #main .bottom .half .login-block a {
  color: #222;
  text-shadow: none
}

html body #wrap.login #main .bottom .half .login-block form div {
  margin: 1.5em 0
}

html body #wrap.login #main .bottom .half .login-block .msg p {
  margin-bottom: 10px;
  text-shadow: none
}

html body #wrap.login #main .bottom .faculty {
  position: absolute;
  right: 70px;
  bottom: 239px;
  color: #fff;
  text-align: right;
  text-shadow: 0 -1px 2px #000
}

html body #wrap.login #main .bottom .faculty span.bigger {
  /* font-size: 16pt; */
  font-weight: bold
}

html body #wrap.login #main .bottom .faculty a {
  color: inherit;
  text-decoration: none
}

html body #wrap.login #main .bottom .faculty a:hover {
  text-decoration: underline
}

html body #wrap.login #main .bottom .login {
  color: #fff
}

html body #wrap .logo {
  height: 300px
}

html body #wrap .logo#logo-left {
  float: left;
  width: 74px;
  margin-left: 5px;
  background: url(/ifeedback/assets/sda_left-e1b51af76517b1f98235e68d83d6edeb.png) no-repeat scroll 25px center transparent
}

html body #wrap .logo#logo-right {
  float: right;
  width: 74px;
  margin-right: 5px;
  background: url(/ifeedback/assets/sda_right-1cf2b319097bb89729447fa8e89a4758.png) no-repeat scroll center right transparent
}

html body #wrap #main {
  margin: 0 0 0 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff
}

html body #wrap #main.login {
  height: 550px;
  background-color: #fff;
  background-image: none
}

html body #wrap #main #header {
  padding: 0;
  color: #fe9518;

  font-style: italic;
  text-shadow: 0 1px 0 #333, 0 0 1px #333;
  font-weight: bold
}

html body #wrap #main .login {
  padding: 40px
}

html body #wrap #main .login table {
  width: auto;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px
}

html body #wrap #main .login table td.first-child {
  width: 100px
}

html body #wrap #main .login table td.last-child {
  width: 220px
}

html body #wrap #main .login input[type=text],
html body #wrap #main .login input[type=password] {
  width: 200px
}

html body #wrap #main .login .authors {
  padding-right: 70px;
  margin-bottom: 70px;
  text-align: right
}

html body #wrap #main .login .authors h3 {
  color: #1a376b
}

html body #wrap #main .login #logo {
  float: left;
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0;
  background: url(/ifeedback/assets/logo.png) no-repeat scroll center center transparent
}

html body #wrap #main .login ul li {
  float: right;
  width: 100%;
  border-bottom: 1px solid #efefef
}

html body #wrap #main .login ul li .button {
  margin: 0;
  padding: 25px 15px;
  border: none;
  text-transform: none;
  font-weight: bold;
  /* font-size: 14px */
}

html body #wrap #main #navbar li a {
  /* font-size: 13px; */
  text-decoration: none;
  margin: 2px 0;
  padding: 10px 10px 13px;
  border: none;
  border-left: 1px solid #efefef;
  background: none;
  color: inherit;
  display: inline-block
}

html body #wrap #main #navbar li a:hover {
  text-shadow: none
}

html body #wrap #main #navbar td.current,
html body #wrap #main #navbar li.current {
  color: #fe9518;
  font-weight: bold
}

html body #wrap #main #navbar td.current .button,
html body #wrap #main #navbar li.current .button {
  /* font-size: 14px */
}

html body #wrap #main #navbar p {
  margin-top: 0;
  padding-top: 10px
}

html body #wrap #main #navbar.with-sidebar {
  margin-left: 150px
}

html body #wrap #main #navbar table {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 2px 0;
  border-style: solid;
  border-color: #efefef
}

html body #wrap #main #navbar table td {
  text-align: center
}

html body #wrap #main #navbar table td .button {
  margin: 0
}

html body #wrap #main #navbar p {
  margin-right: 20px;
  text-align: right;
  font-style: italic
}

html body #wrap #main #navbar p.title {
  position: relative;
  top: 22px;
  z-index: 20;
  color: #00a6dc;
  font-style: italic;
  /* font-size: 35pt; */
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 15px;
  padding: 20px 0 0 10px;
  text-align: left
}

html body #wrap #main #navbar p.title span.small {
  /* font-size: 18pt; */
  line-height: 32pt
}

html body #wrap #main #navbar ul {
  height: 47px;
  margin: 0;
  border-width: 2px 0;
  border-style: solid;
  border-color: #efefef;
  list-style-type: none
}

html body #wrap #main #navbar ul li {
  float: right
}

html body #wrap #main #navbar ul li a {
  min-width: 100px;
  text-align: center;
  /* font-size: 11pt; */
  text-transform: uppercase
}

html body #wrap #main #navbar ul li a:hover {
  text-decoration: underline
}

html body #wrap #main #navbar ul li a:active {
  background-color: #ffb052
}

html body #wrap #main #navbar ul li a.active {
  background-color: #fe9518;
  color: #fff
}

html body #wrap #main #container {
  margin: 0 5px;
  padding: 5px;
  min-height: 600px;
}

html body #wrap #main #container h1,
html body #wrap #main #container h2,
html body #wrap #main #container h3,
html body #wrap #main #container h4,
html body #wrap #main #container h5 {
  margin-bottom: 20px;
  color: #fe9518;
  text-shadow: 1px 0.5px 0 rgba(0, 0, 0, 0.3)
}

html body #wrap #main #container h1 {
  /* font-size: 24px */
}

html body #wrap #main #container h2 {
  /* font-size: 22px */
}

html body #wrap #main #container h3 {
  /* font-size: 20px */
}

html body #wrap #main #container h4,
html body #wrap #main #container h5 {
  /* font-size: 18px */
}

html body #wrap #main #container #navbar {
  position: relative;
  z-index: 10;
  margin: 0 -20px
}

html body #wrap #main #container p.message-empty {
  text-align: center;
  font-style: italic
}

html body #wrap #main #container h1.title {
  margin: 50px 0 30px
}

html body #wrap #main #container .button-pane {
  text-align: right
}

html body #wrap #main #container.authentication {
  padding: 0;
  margin: 0
}

html body #wrap #main #container.authentication a {
  color: #222;
  text-shadow: none
}

html body #wrap #main #container.authentication h2 {
  position: relative;
  left: -5px;
  margin: 0;
  color: #222;
  text-shadow: none
}

html body #wrap #main #container.authentication .title {
  padding-left: 0;
  margin-left: 260px
}

html body #wrap #main #container.authentication .half .login-block {
  padding: 10px;
  padding-left: 15px;
  /* width: 855px */
}

html body #wrap #main #container.authentication .half .login-block input[type=text],
html body #wrap #main #container.authentication .half .login-block input[type=email],
html body #wrap #main #container.authentication .half .login-block input[type=password] {
  width: 180px
}

html body #wrap #main #container.authentication .half .login-block table.auth-container {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed
}

html body #wrap #main #container.authentication .half .login-block table.auth-container td.auth-container-block {
  border: none;
  padding: 0;
  vertical-align: top
}

html body #wrap #main #container.authentication .half .login-block table.auth-container td.auth-container-block form table.user-fields {
  width: 100%;
  margin: 5px 0;
  table-layout: fixed;
  border-collapse: collapse
}

html body #wrap #main #container.authentication .half .login-block table.auth-container td.auth-container-block form table.user-fields td {
  padding: 5px
}

html body #wrap #main #container.authentication .half .login-block table.auth-container td.auth-container-block form table.user-fields td.field div.field_with_errors {
  display: inline-block;
  margin: 0;
  color: #8d0d0d;
  text-shadow: none
}

html body #wrap #main #container.authentication .half .login-block table.auth-container td.auth-container-block form table.user-fields td.field div.field_with_errors input {
  background-color: #f9c9c9
}

html body #wrap #main #container.authentication .half .login-block ul.auth-links {
  margin: 0;
  margin-left: 5px
}

html body #wrap #main #container.authentication .half .login-block .msg p {
  margin-bottom: 10px;
  text-shadow: none
}

html body #wrap #main #container.authentication .half #error_explanation {
  margin-top: 60px;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 2px dashed #8d0d0d;
  background-color: #f9c9c9;
  text-shadow: none
}

html body #wrap #main #container.authentication .half #error_explanation h2 {
  color: #8d0d0d;
  /* font-size: 16px */
}

html body #wrap #main #container.authentication .half #error_explanation li {
  color: #000
}

html body #wrap #main #container.authentication .half label {
  color: inherit;
  /* font-size: 110% */
}

html body textarea {
  font-family: inherit;
  /* font-size: inherit */
}

html body #wrap #main .avatar-thumb {
  width: 50px;
  height: 50px;
  background: url(/ifeedback/assets/mister-x-thumb-4fdb32775b4f396c7e660d350125294f.png) no-repeat scroll center center transparent
}

html body #wrap #main .avatar {
  width: 150px;
  height: 150px;
  background: url(/ifeedback/assets/mister-x-bd770910618f9a18dde5f31b8ae52c70.png) no-repeat scroll center center transparent
}

html body #wrap #main .events-show .polls-panel {
  width: 100%;
  background-color: #fff;
  color: #666;
  /* font-size: 12px */
}

html body #wrap #main .events-show .polls-panel ul.sortable {
  margin: 0;
  padding: 0;
  list-style-type: none
}

html body #wrap #main .events-show .polls-panel ul.sortable li {
  position: relative;
  margin: 0;
  padding: 0;
  border: none
}

html body #wrap #main .events-show .polls-panel ul.sortable li .handle {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 30px;
  height: 30px;
  cursor: move;
  background: url(/ifeedback/assets/move-icon-orange-bd44f7e9d524c947b3860bb72694d9e4.png) no-repeat scroll center center transparent
}

html body #wrap #main .events-show .polls-panel ul.sortable li.placeholder {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(0, 166, 220, 0.3)
}

html body #wrap #main .events-show .polls-panel .poll-box {
  margin: 30px 0;
  padding: 10px;
  border: 1px solid #dedede;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

html body #wrap #main .events-show .polls-panel .poll-box.OPEN {
  border-color: #f09b02;
  background-color: rgba(240, 155, 2, 0.2)
}

html body #wrap #main .events-show .polls-panel .poll-box.OPEN .slide {
  border-color: #f09b02
}

html body #wrap #main .events-show .polls-panel .poll-box.CLOSED {
  background-color: #eee
}

html body #wrap #main .events-show .polls-panel .poll-box.DISPLAY {
  background-color: #fcc;
  border-color: #d17463
}

html body #wrap #main .events-show .polls-panel .poll-box.DISPLAY .slide {
  border-color: #d17463
}

html body #wrap #main .events-show .polls-panel .poll-box .question {
  /* font-size: 13px; */
  font-style: italic;
  font-weight: bold
}

html body #wrap #main .events-show .polls-panel .poll-box .counter,
html body #wrap #main .events-show .polls-panel .poll-box .sub-counter {
  margin-left: 50%;
  font-weight: bold;
  text-align: right
}

html body #wrap #main .events-show .polls-panel .poll-box .counter span.count,
html body #wrap #main .events-show .polls-panel .poll-box .sub-counter span.count {
  /* font-size: 40px */
}

html body #wrap #main .events-show .polls-panel .poll-box .buttons {
  float: left;
  width: 33%;
  margin: 15px 0 0
}

html body #wrap #main .events-show .polls-panel .poll-box li {
  margin-top: 10px;
  margin-bottom: 10px
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel {
  margin: 15px 0px
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.resizable-container {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.resizable-container td {
  padding: 0;
  border: none;
  vertical-align: top
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.resizable-container tr td:first-child {
  padding-right: 5px
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.resizable-container tr td:nth-child(2) {
  padding-left: 5px
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  table-layout: fixed
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options td {
  padding: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options td:first-child {
  font-weight: bold
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options td.count {
  width: 45px;
  vertical-align: middle
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options th.matrix-count,
html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options td.matrix-count {
  width: 18%;
  vertical-align: middle
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options th.matrix-count {
  word-break: break-all
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options td.sub-opt {
  font-weight: normal
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel table.options td.placeholder {
  width: 10px;
  background-color: transparent
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel.collapsed {
  display: none
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel .options-panel {
  width: 308px
}

html body #wrap #main .events-show .polls-panel .poll-box .details-panel .chart {
  margin: 0;
  width: 500px;
  height: 280px;
  border: none;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  background-color: #fff
}

html body #wrap #main .events-show .polls-panel .poll-box .comments {
  display: none
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling {
  margin-bottom: 72px
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling.edit {
  margin-bottom: 27px
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter {
  width: 100%;
  margin: 30px auto;
  table-layout: fixed
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td {
  border: none;
  vertical-align: middle
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td.left,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td.left {
  text-align: right
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td.right,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td.right {
  text-align: left
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td.number,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td.number {
  width: 60px;
  border: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  /* font-size: 20px; */
  font-weight: bold;
  background-color: #eee
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td a.option-down,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td a.sub-option-down,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td a.option-down,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td a.sub-option-down {
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url(/ifeedback/assets/arrow_left-936076b1704aaf69132cc93f71a26e6c.png) no-repeat scroll 0 0 transparent
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td a.option-up,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.counter td a.sub-option-up,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td a.option-up,
html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling table.sub-counter td a.sub-option-up {
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url(/ifeedback/assets/arrow_right-9ab2fcc0ee97d3d4059b72e1c1355fda.png) no-repeat scroll 0 0 transparent
}

html body #wrap #main .events-show .polls-panel .poll-box.new .scrolling .label {
  font-weight: bold;
  font-style: italic
}

html body #wrap #main .events-show .polls-panel .poll-box.new textarea {
  width: 95%;
  height: 100px;
  margin: auto
}

html body #wrap #main .events-show .polls-panel .poll-box.new .edit-buttons {
  width: 100%;
  height: 34px;
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 1px solid #ccc
}

html body #wrap #main .events-show .polls-panel .poll-box.new .choose-chart-type.hide {
  display: none
}

html body #wrap #main .events-show .polls-panel .poll-box.new .matrix-opts table {
  margin: 0;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 5px
}

html body #wrap #main .events-show .polls-panel .poll-box.new .matrix-opts table td {
  border: none;
  padding: 0
}

html body #wrap #main .events-show .polls-panel .poll-box.new .matrix-opts .second p.label {
  margin-left: 25px
}

html body #wrap #main .events-show .polls-panel .poll-box.new .matrix-opts .second select {
  margin-left: 30px;
  /* font-size: 15px */
}

html body #wrap #main .events-show .polls-panel .poll-box.new .two-cols-container {
  width: 100%;
  margin-top: 30px;
  float: left;
  clear: both
}

html body #wrap #main .events-show .polls-panel .poll-box.new .two-cols-container .first {
  width: 50%;
  float: left
}

html body #wrap #main .events-show .polls-panel .poll-box.new .two-cols-container .second {
  width: 50%;
  margin-left: 50%
}

html body #wrap #main .events-show .polls-panel .poll-box.new .two-cols-container .label {
  margin-top: 0
}

html body #wrap #main .events-show .polls-panel .poll-box a.slide {
  display: block;
  width: 100%;
  height: 15px;
  margin: 0;
  margin-top: 3px;
  padding: 0;
  border-bottom: 1px solid #dedede;
  text-align: center;
  text-decoration: none;
  background: url(/ifeedback/assets/double_arrow-e3da9527ebe3ba131f6597e71093a997.png) no-repeat center center transparent;
  color: inherit;
  font-weight: bold;
  /* font-size: 14px */
}

html body #wrap #main .events-show .polls-panel .poll-box a.slide:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff
}

html body #wrap #main .events-show .polls-panel .poll-box .poll-status {
  /* font-size: 18px; */
  font-weight: bold;
  margin-bottom: 5px
}

html body #wrap #main .events-show .polls-panel .poll-box .poll-status.open,
html body #wrap #main .events-show .polls-panel .poll-box .poll-status.display {
  color: #a21e07
}

html body #wrap #main .events-index {
  min-height: 500px
}

html body #wrap #main .events-index .event {
  clear: both;
  margin: 20px 0px;
  color: #666
}

html body #wrap #main .events-index .event .event-name {
  display: inline-block;
  float: left;
  width: 20%;
  /* font-size: 18px; */
  font-weight: bold
}

html body #wrap #main .events-index .event .buttons-pane {
  min-height: 2em;
  margin-left: 20%;
  padding-top: 0.5em;
  border: 1px solid #dedede;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #efefef
}

html body #wrap #main .events-index .event .buttons-pane a {
  display: inline-block;
  padding: 0 10px;
  border-style: solid;
  border-color: #dedede;
  border-width: 0 1px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: inherit
}

html body #wrap #main .events-index .event .buttons-pane a:hover {
  text-decoration: underline
}

html body #wrap #main .events-index .event .buttons-pane .event-link a {
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
  /* font-size: 90% */
}

html body #wrap #main .events-index .edit-event {
  width: 75%
}

html body #wrap #main .events-index .edit-event .save.button {
  float: right
}

html body #wrap #main .events-index .edit-event textarea {
  width: 300px;
  height: 200px
}

html body #wrap #main .events-index .edit-event .label {
  font-weight: bold
}

html body #wrap #main .events-index .edit-event .errors {
  width: 50%;
  padding: 10px;
  margin-left: 20px;
  border: 1px solid red
}

html body #wrap #main .visits-index .users-list {
  display: none
}

html body #wrap #main .visits-index ul.ul-users-list li {
  margin: 10px 0
}

html body #wrap #main .visits-index .users-counter {
  margin-right: 15px;
  font-weight: bold;
  color: #666;
  text-align: right
}

html body #wrap #main .visits-index .users-counter .count {
  /* font-size: 40px */
}

html body #wrap #main .visits-index p.no-user {
  text-align: center;
  font-style: italic
}

html body #wrap #main .visits-index a {
  color: inherit
}

html body #wrap #main .button.active,
html body #wrap #main a.button.active {
  background-image: none;
  background-color: #a21e07;
  border-color: #000;
  box-shadow: none
}

html body #wrap #main .people-show table.profile {
  table-layout: fixed
}

html body #wrap #main .people-show table.profile td {
  border: none;
  vertical-align: top;
  word-break: break-all
}

html body #wrap #main .people-show table.profile td.avatar-container {
  width: 40%
}

html body #wrap #main .people-show table.profile td.label {
  width: 20%;
  font-weight: bold
}

html body #wrap #main .people-show table.profile td p {
  word-break: normal
}

html body #wrap #main .people-show .avatar {
  padding: 10px;
  border: 1px solid #fe9518;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

html body #wrap #main .people-show .avatar input#avatar-upload {
  display: none
}

html body #wrap #main .people-show .avatar.droparea.dragover {
  background-color: rgba(221, 172, 102, 0.2)
}

html body #wrap #main .people-show .avatar.droparea.processing {
  background: url(/ifeedback/assets/loading-f7c7694d23ee3ff2ecb6cbea1530f4cf.gif) no-repeat scroll center center transparent
}

html body #wrap #main .people-show p.drag-avatar-here {
  width: 150px;
  height: 120px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  font-style: italic;
  background-color: #fff
}

html body #wrap #main .groups-index form.search {
  margin: 15px 0
}

html body #wrap #main .groups-index form.search input[type=text] {
  width: 150px
}

html body #wrap #main .groups-index .people {
  padding-bottom: 30px;
  border-bottom: 1px solid #00a6dc
}

html body #wrap #main .groups-index .people ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

html body #wrap #main .groups-index .people ul li {
  float: left;
  width: 150px;
  margin: 5px;
  cursor: move;
  background-color: #fff
}

html body #wrap #main .groups-index .people ul li.hide {
  display: none
}

html body #wrap #main .groups-index .groups {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #00a6dc
}

html body #wrap #main .groups-index .groups .group-item {
  position: relative;
  float: left;
  width: 270px;
  margin: 5px
}

html body #wrap #main .groups-index .message-board {
  margin-top: 30px
}

html body #wrap #main .groups-index .button-pane {
  margin: 20px 0 30px;
  text-align: right
}

html body #wrap #main .group-member {
  min-height: 50px;
  padding: 5px;
  border: 1px solid #efefef;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

html body #wrap #main .group-member .avatar-thumb {
  float: left
}

html body #wrap #main .group-member .member-name {
  margin-left: 60px;
  padding-top: 5px
}

html body #wrap #main .group-member .member-name p {
  display: inline-block;
  margin: 0;
  padding: 0;
  /* font-size: 90% */
}

html body #wrap #main .group-member .member-name p a {
  text-decoration: none;
  color: inherit
}

html body #wrap #main .group-member .member-name p a:hover {
  text-decoration: underline
}

html body #wrap #main .group-show {
  padding: 10px;
  border: 1px solid #00a6dc;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

html body #wrap #main .group-show .members {
  width: 150px;
  padding: 0;
  border: 1px dashed #dedede;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

html body #wrap #main .group-show .members ul.droppable {
  min-height: 50px;
  padding: 1px 5px;
  margin: 0;
  list-style-type: none
}

html body #wrap #main .group-show .members ul.droppable li {
  position: relative;
  margin: 10px 0
}

html body #wrap #main .group-show .members ul.droppable.drag-hover {
  background-color: #fe9518
}

html body #wrap #main .group-show .members a.delete-membership {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  right: -4px;
  background: url(/ifeedback/assets/delete-circle-small-e04bffd1531b954ee9c0aa6320d3d87f.png) no-repeat scroll 0 0 #fff
}

html body #wrap #main .group-show p.no-member {
  font-style: italic;
  /* font-size: 90% */
}

html body #wrap #main .group-show a.delete-group {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  right: -4px;
  background: url(/ifeedback/assets/delete-circle-06f1639bda2e3f4e65d432dce9aa860e.png) no-repeat scroll 0 0 #fff
}

html body #wrap #main .group-show .group-title {
  margin: 5px 0 15px;
  /* font-size: 16px; */
  font-weight: bold
}

html body #wrap #main .group-show .links-pane {
  margin: 10px 0 0
}

html body #wrap #main .report-fields-index table {
  margin: 30px 0 15px;
  table-layout: fixed;
  border-collapse: collapse
}

html body #wrap #main .report-fields-index table td,
html body #wrap #main .report-fields-index table th {
  padding: 12px;
  border: 1px solid #efefef
}

html body #wrap #main .report-fields-index table td.actions,
html body #wrap #main .report-fields-index table th.actions {
  width: 50px
}

html body #wrap #main .report-fields-index table td.kind,
html body #wrap #main .report-fields-index table th.kind {
  width: 475px
}

html body #wrap #main .report-fields-index table td input[type=radio],
html body #wrap #main .report-fields-index table th input[type=radio] {
  margin-left: 13px
}

html body #wrap #main .report-fields-index p.no-field {
  text-align: center;
  font-style: italic
}

html body #wrap #main .people-event-index .people ul {
  min-height: 50px;
  padding: 1px 5px;
  margin: 0;
  list-style-type: none
}

html body #wrap #main .people-event-index .people ul li {
  position: relative;
  margin: 10px 0;
  clear: both
}

html body #wrap #main .people-event-index .people ul li .group-member {
  float: left;
  width: 150px
}

html body #wrap #main .people-event-index .people ul li .actions {
  margin-left: 170px;
  padding-top: 15px
}

html body #wrap #main .people-event-index .people ul li .actions table {
  width: auto;
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse
}

html body #wrap #main .people-event-index .people ul li .actions table td {
  padding: 5px 15px;
  border: none;
  vertical-align: middle
}

html body #wrap #main .report-show label {
  display: block;
  font-weight: bold
}

html body #wrap #main .report-show .field {
  margin: 50px 0
}

html body #wrap #main .report-show textarea {
  height: 1.5em;
  width: 300px;
  padding: 5px;
  border: 1px solid #fe9518;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

html body #wrap #main .report-show .polls {
  width: 100%;
  color: #666;
  /* font-size: 12px */
}

html body #wrap #main .report-show .polls .report-poll {
  margin: 30px 0;
  padding: 10px;
  border: 1px solid #dedede;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #eee
}

html body #wrap #main .report-show .polls .report-poll .question {
  /* font-size: 13px; */
  font-style: italic;
  font-weight: bold
}

html body #wrap #main .report-show .polls .report-poll li {
  margin-top: 10px;
  margin-bottom: 10px
}

html body #wrap #main .report-show .polls .report-poll .details-panel {
  margin: 15px 0px
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.resizable-container {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.resizable-container td {
  padding: 0;
  border: none;
  vertical-align: top
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.resizable-container tr td:first-child {
  padding-right: 5px
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.resizable-container tr td:nth-child(2) {
  padding-left: 5px
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options {
  width: 100%;
  margin: 0;
  border-collapse: separate
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td {
  padding: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td:first-child {
  font-weight: bold
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td:nth-child(2) {
  width: 30px;
  vertical-align: middle
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td.tick {
  width: 30px;
  background: url(/ifeedback/assets/green-square-2e2232d522defe01b5e5a7a9816b5b27.png) no-repeat scroll center center transparent
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td.tick.checked {
  background: url(/ifeedback/assets/square-tick-d609f19ab7418821e0eed176a8f1f16d.png) no-repeat scroll center center transparent
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td.count {
  width: 45px;
  vertical-align: middle
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options th.matrix-count,
html body #wrap #main .report-show .polls .report-poll .details-panel table.options td.matrix-count {
  width: 18%;
  vertical-align: middle
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options th.matrix-count {
  word-break: break-all
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td.sub-opt {
  font-weight: normal
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options td.placeholder {
  width: 10px;
  background-color: transparent
}

html body #wrap #main .report-show .polls .report-poll .details-panel table.options span.your-eval {
  color: #fe9518
}

html body #wrap #main .report-show .polls .report-poll .details-panel .options-panel {
  width: 308px
}

html body #wrap #main .report-show .polls .report-poll .details-panel .chart {
  margin: 0;
  width: 500px;
  height: 250px;
  border: none;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  background-color: #fff
}

html body #wrap #main .report-show .polls .report-poll .details-panel .comment {
  margin: 20px 0
}

html body #wrap #main .report-show .polls .report-poll .details-panel .comment p {
  margin: 5px 0 10px;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff
}

html body #wrap #main .report-show .polls .report-poll .details-panel .comment-revision {
  margin: 20px 0
}

html body #wrap #main .report-show .polls .report-poll .details-panel .comment-revision textarea {
  width: 99%;
  height: 50px
}

html body #wrap #main .report-show .polls .report-poll .details-panel .comment-revision textarea,
html body #wrap #main .report-show .polls .report-poll .details-panel .comment-revision p {
  padding: 5px;
  border: 1px solid #fe9518;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

html body #wrap #main .report-show .polls .report-poll .details-panel .comment-revision p {
  margin: 5px 0 10px;
  background-color: #fff
}

html body #wrap #main .messages-index p.no-message {
  height: 80px;
  padding: 10px;
  border: 1px solid #dedede;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  line-height: 60px;
  text-align: center;
  font-style: italic
}

html body #wrap #main .messages-index ul.messages {
  min-height: 150px;
  max-height: 450px;
  padding: 10px;
  border: 1px solid #dedede;
  overflow-y: scroll;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  list-style-type: none
}

html body #wrap #main .messages-index ul.messages li {
  margin: 0 0 15px;
  padding: 5px;
  border: 1px solid #efefef;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #efefef
}

html body #wrap #main .messages-index ul.messages li .subject,
html body #wrap #main .messages-index ul.messages li .sender,
html body #wrap #main .messages-index ul.messages li .content,
html body #wrap #main .messages-index ul.messages li .created-at {
  margin: 5px 0
}

html body #wrap #main .messages-index ul.messages li .created-at {
  /* font-size: 90%; */
  font-style: italic
}

html body #wrap #main .messages-index ul.messages li .sender {
  text-decoration: underline
}

html body #wrap #main .messages-index ul.messages li .subject {
  font-weight: bold;
  /* font-size: 105% */
}

html body #wrap #main .messages-index ul.messages li .content {
  margin-top: 10px;
  padding-left: 10px;
  font-style: italic
}

html body #wrap #main .messages-index form {
  margin: 30px 0 15px
}

html body #wrap #main .messages-index form div {
  margin: 15px 0
}

html body #wrap #main .messages-index form label {
  display: block;
  font-weight: bold
}

html body #wrap #main .messages-index form textarea {
  width: 98%;
  height: 100px;
  /* font-size: 90% */
}

html body #wrap #main .messages-index form input[type=text] {
  width: 180px
}

html body.participant {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
}

html body.participant #logo-left,
html body.participant #logo-right,
html body.participant footer {
  display: none
}

html body.participant textarea {
  /* font-size: 10px */
}

html body.participant a.reset-session {
  display: none;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 3px;
  right: 3px;
  z-index: 10;
  background: transparent url(/ifeedback/assets/restart-3ca702d9c661b10c1939e8836a06c619.png) no-repeat left top
}

html body.participant #container {
  /* width: 600px; */
  /* min-height: 800px; */
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/ifeedback/assets/polls_container_bkg-3ffaabfedd270abfcda4a5d14b3a39ae.png)
}

html body.participant #container .poll {
  /* width: 600px; */
  min-height: 450px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  /* padding: 30px; */
  background-color: white;
  /* background: transparent url(/ifeedback/assets/poll_bkg-2c14ee060b778e2f3cca137a540e2ee3.png) no-repeat left top; */
  color: #001b47;
  /* font-size: 16px; */
  position: relative;
}

html body.participant #container .poll .poll-content {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  min-height: 410px;
  margin: auto;
  padding: 10px;
  border-width: 3px;
  border-style: solid;
  border-color: #00396a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

html body.participant #container .poll .question {
  width: 100%;
  margin-bottom: 2em;
  line-height: 1.5em;
  font-weight: bold;
  /* font-size: 16pt; */
}

html body.participant #container .poll .options {
  /* float: left; */
  /* width: 410px; */
  padding-left: 10px;
  margin-bottom: 3em;
}

html body.participant #container .poll .options .option {
  /* float: left; */
  clear: both;
  margin: 10px 0
}

html body.participant #container .poll .options .option .radio {
  /* float: left; */
  width: 3em;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
}

html body.participant #container .poll .options .option .radio>input {
  border: 0px;
  width: 100%;
  height: 2em;
}

html body.participant #container .poll .options .option .option-text {
  display: inline-block;
  vertical-align: middle;
  width: 75%;
}

html body.participant #container .poll .matrix2d-opts {
  margin-bottom: 40px
}

html body.participant #container .poll .matrix2d-opts p.instructions {
  margin: 5px 0;
  /* font-size: 12px */
}

html body.participant #container .poll .matrix2d-opts table {
  width: 100%;
  table-layout: fixed
}

html body.participant #container .poll .matrix2d-opts table th,
html body.participant #container .poll .matrix2d-opts table td {
  padding: 12px 5px;
  border: 1px solid #dedede;
  /* font-size: 14px */
}

html body.participant #container .poll .matrix2d-opts table th.dimension,
html body.participant #container .poll .matrix2d-opts table td.dimension {
  width: 30%;
  text-align: center
}

html body.participant #container .poll .matrix2d-opts table th {
  word-break: break-all
}

html body.participant #container .poll .matrix2d-opts .token {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 2px;
  border: 1px solid #496ca3;
  vertical-align: middle;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #dedede
}

html body.participant #container .poll .matrix2d-opts .token:hover {
  cursor: pointer
}

html body.participant #container .poll .matrix2d-opts .token.selected {
  border-color: #001b47;
  background-color: #001b47
}

html body.participant #container .poll .matrix2d-opts .available-tokens .token {
  cursor: auto
}

html body.participant #container .poll .matrix2d-opts .available-tokens .label {
  /* font-size: 12px */
}

html body.participant #container .poll .matrix-multi-choice-opts {
  margin-bottom: 40px
}

html body.participant #container .poll .matrix-multi-choice-opts table {
  width: 100%;
  table-layout: fixed;
}

html body.participant #container .poll .matrix-multi-choice-opts table th {
  font-size: 0.7em;
  hyphens: initial;
  white-space: normal;
  overflow: hidden;
  word-break: break-word;
}

html body.participant #container .poll .matrix-multi-choice-opts table th,
html body.participant #container .poll .matrix-multi-choice-opts table td {
  padding: 0.5em;
  border: 1px solid #dedede;
  /* font-size: 14px */
}

html body.participant #container .poll .matrix-multi-choice-opts table td.radio {
  text-align: center
}

html body.participant #container .poll table.options-container {
  width: 100%;
  margin: 0;
  margin-bottom: 39px;
  padding: 0;
  border-collapse: collapse;
  table-layout: fixed
}

html body.participant #container .poll table.options-container td.option {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}

html body.participant #container .poll form .button {
  background-image: none;
  box-shadow: none;
  background-color: #00396a;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

html body.participant #container .poll form .button.submit {
  bottom: 5px;
  right: 5px;
  padding: 1em;
  float: right;
}

html body.participant #container .poll form .button.button-opt {
  margin: 20px auto;
  padding: 15px;
  background: url(/ifeedback/assets/ui-bg_glass_45_0078ae_1x400-d965da15e42732e170df3f7974267449.png) repeat-x scroll 50% 50% #0078ae;
  border: 1px solid #77d5f7;
  color: #fff;
  font-weight: normal
}

html body.participant #container .poll form .button.button-opt.selected {
  background: url(/ifeedback/assets/ui-bg_gloss-wave_50_6eac2c_500x100-fa75b83daff089ddb9959d52ce891d8f.png) repeat-x scroll 50% 50% #6eac2c;
  border: 1px solid #acdd4a;
  color: #fff;
  font-weight: normal
}

html body.participant #container .poll table.options-legend {
  table-layout: fixed;
  width: 100%
}

html body.participant #container .poll table.options-legend td {
  border: 1px solid #dedede;
  vertical-align: top;
  /* font-size: 14pt; */
  text-align: center;
}

html body.participant #container .poll .chart {
  margin: 20px 0px;
  height: 400px;
  background-color: #fff;
  text-align: center
}

html body.participant #container .poll .text-box {
  margin-bottom: 40px
}

html body.participant #container .poll .text-box textarea {
  width: 100%;
  resize: none;
  height: 10em;
  /* font-size: 12px */
}

html body.participant .user-navbar {
  position: fixed;
  top: 15px;
  right: 15px;
  text-align: right;
  font-style: italic;
  background-color: transparent;
  line-height: 1.2em;
  display: none;
}

#header {
  padding: 20px;
}

#footer {
  padding: 40px 20px 20px 20px;
}

#header img,
#footer img {
  height: 50px;
}

#footer {
  bottom: 0;
  background: white;
  width: 100%;
  background: #00a6dc;
  box-sizing: border-box;
}

input[name="commit"] {
  font-size: 1.2em;
  padding: 0.5em;
  margin-top: 1em;
  width: 264px;
  background-color: #00a6dc;
  color: white;
  border: 0;
  font-weight: bold;
  text-transform: uppercase;
}

#user_remember_me {
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}

label[for="user_remember_me"] {
  display: inline-block;
  vertical-align: middle;
}

html body #wrap.login #main #header:after {
  display: none;
}

.matrix-multi-choice-opts input[type=radio] {
  width: 1.5em;
  line-height: 2em;
  height: 2em;
}

@media only screen and (max-device-width : 667px) {
  /* #wrap {
    font-size: 36pt;
    line-height: 1.2em;
  }

  #header {
    padding: 64px;
  }

  #footer {
    padding: 128px 64px 64px 64px;
  }

  #footer img {
    height: 100px;
  }

  #header img {
    height: 116px;
  } */

  #header img,
  #footer img {
    height: auto;
    max-width: 100%;
    max-height: 50px;
  }


  html body.participant #container .poll .options .option .radio {
    width: 2em;
  }

  html body.participant #container .poll .options .option .radio>input {
    font-size: 2em;
  }

  html body.participant #container .poll .text-box textarea {
    font-size: 1.4em;
    border: 1px solid black;
  }

  html body.participant #container .poll .question {
    margin-bottom: 0;
  }

  html body #wrap.login #main .top .title {
    z-index: 10;
    /* width: 450px; */
    line-height: 20pt;
    box-sizing: border-box;
    width: 100%;
  }

  html body #wrap.login #main .top .title .bigger {
    /* font-size: 40pt; */
    /* line-height: 60pt; */
    text-align: right;
    font-size: 3em;
    margin-top: 0.4em;
    color: #00a6dc;
    text-shadow: 0 0;
    width: 100%;
  }

  html body #wrap.login #main #header:after {
    display: block;
  }

  html body #wrap.login #main .bottom .half .login-block input[type=text],
  html body #wrap.login #main .bottom .half .login-block input[type=email],
  html body #wrap.login #main .bottom .half .login-block input[type=password],
  input[name="commit"] {
    width: 100%;
  }
}