/* ==|== primary styles ========================================================
 MKV
 ========================================================================== */

body {
  background-color: #f7f5f0;
}

h1, h2 {
  font-size: 1.406em;
  font-weight: bold;
  color: #0ac;
  line-height: 1.150;
  margin: 0;
  padding: 0;
}

h2 {
  margin-bottom: 0.547em;
}

p, ul, ol, dl, table {
  margin: 0.703em 0 1.3em;
}

.error,
.warning {
  color: #d00;
}

.description,
.additional-info,
.meta-data {
  color: #888;
}

.wrapper {
  position: relative;
  width: 1196px;
  padding: 0 20px;
}

/* --- app-body --- */

.app-body {
  position: relative;
  width: 1204px;
  padding: 1.172em 0 1.563em;
}

/* --- component-header --- */

.component-header {
  margin-bottom: 0.938em;
  padding: 0.813em 0 0.078em;
}

.component-header .back-link {
  float: right;
  margin: 0 0 0 20px;
}

.meta-data-condensed {
  clear: both;
  color: #333;
  white-space: nowrap;
  margin: 0.547em 0 1.3em;
}

.component-header .meta-data-condensed {
  margin-bottom: 0;
}

.meta-data-condensed dt, .meta-data-condensed dd {
  float: left;
  margin: 0;
}

.meta-data-condensed dt:before {
  content: '/\00a0\00a0';
}

.meta-data-condensed dt:first-child {
  margin-left: 0;
}

.meta-data-condensed dt:first-child:before {
  content: '';
}

.meta-data-condensed dt:after {
  content: ':\00a0';
}

.meta-data-condensed dd:after {
  content: '\00a0\00a0';
}

/* --- comp-panel / panel --- */

.comp-panel {
  position: relative;
  min-width: 884px;
  margin-bottom: 1.172em;
  padding: 0.938em 0;
  background-color: #fff;
}

.tab.js-hide {
  display: none;
}

.comp-panel .comp-panel,
.panel {
  min-width: 0;
  margin-bottom: 0.938em;
  padding: 0.625em 8px;
  background-color: #eee;
  border: 1px solid #dedcd7;
  border-radius: 4px;
}

/* --- flash-msg --- */

.comp-panel.flash-msg,
.panel.flash-msg {
  color: #008abd;
  background-color: #dfe8f0;
  border-color: #00a0d0;
}

ul.flash-msg li {
  margin-left: 13px;
}

/* --- error/warning --- */

.comp-panel.error,
.panel.error,
.comp-panel.warning,
.panel.warning {
  clear: both;
  max-width: 488px;
  background-color: #f7e9e5;
  border-color: #e01;
}

.panel.error.big {
  max-width: inherit;
}

.panel.warning {
  max-width: none;
}

form .error,
form .warning {
  margin: 0 0 0.391em;
}

ul.error li,
ul.warning li {
  margin-left: 13px;
}

.error + input, .error + textarea, .error + select { color: #d00; }

/* --- tab-nav --- */

.tab-nav {
  position: relative;
  z-index: 1;
  font-size: 1.2em;
  border-bottom: 1px solid #dedcd7;
}

.tab-nav ul {
  margin-bottom: -1px;
}

.tab-nav li {
  float: left;
}

.tab-nav a {
  display: block;
  text-decoration: none;
  padding: calc(.3571em + 1px) 12px .4762em;
}

.tab-nav a:hover, .tab-nav a:focus {
  text-decoration: underline;
  color: #0ac;
  outline: 0;
}

.tab-nav .selected a {
  color: #fff;
  padding: 0.3571em 32px .4762em;
  background: #0ac;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* --- pager --- */
.count {
  float: left;
  padding: 2px 0;
  margin: 0 20px 1.3em 0;
}

.pager {
  float: left;
  margin: 0 0 1.3em;
}

.pager ul {
  margin: 0;
  padding: 0;
}
.pager li {
  display: inline-block;
  background: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pager .current, .pager a {
  padding: 2px 5px;
}

.max-per-page {
  float: right;
}

.max-per-page label {
  float: none;
}

/* --- grid --- */

.grid {
  width: 100%;
  margin-bottom: 1.172em;
  border-collapse: collapse;
}

.grid tr {}

.grid th, .grid td {
  text-align: left;
  vertical-align: top;
  padding: 0.313em 4px;
  border-bottom: 1px solid #dedcd7;
}

.grid th {
  font-weight: bold;
}

.grid thead {}

.grid thead th {
  padding: 0 4px 0.313em;
}

.grid thead .col-checkbox {
  width: 15px;
}

.grid thead .col-delete {
  text-align: right;
}

.col-value {
  width: 80%;
}

.grid tfoot {}

.grid tfoot th {
  padding: 0.313em 4px 0;
  border-bottom-style: none;
}

.grid tbody {}

.grid td.actions {
  white-space: nowrap;
}

.grid .additional-info {
  display: block;
}

.grid ul {
  margin: 0;
  padding-left: 16px;
}

.grid .labels ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.grid .labels li {
  display: inline;
}

/* :after and :last-child:after would have been more obvious, but IE8 only supports first-child, not :last-child */
.grid .labels li:before {
  content: ', ';
}

.grid .labels li:first-child:before {
  content: '';
}

/* --- sub-column --- */

.grid .sub-column {
  display: inline-block;
  margin-left: 8px;
}

.grid .sub-column:first-child {
  margin-left: 0;
}

.grid .mark-as-favorite {
  text-align: center;
}

.grid .invite-action {
  white-space: nowrap;
}

/* --- open-/closed-surveys --- */

.open-surveys .col-id,
.closed-surveys .col-id {
  width: 4%;
}

.open-surveys .survey-dates,
.closed-surveys .result-info {
  width: 36%;
}

/* --- grid-actions --- */
.comp-panel .grid-actions {
  margin: 0 0 1.3em 20px;
  float: right;
}
.grid-actions form {
  display: inline-block;
  margin-left: 4px;
}

/* --- form-builder-grid --- */

.form-builder-grid .col-displayType {
  width: 45px;
}

/* --- sortable-col --- */

th.sortable-col .icon {
  vertical-align: baseline;
  margin-left: 0.25em;
  background: url('/bundles/mkvpublic/images/ico_order_sprite.png') no-repeat scroll 0 0 transparent;
}

.order-asc :hover .icon, .order-asc :focus .icon {
  background-position: -7px 0;
}

.order-desc :hover .icon, .order-desc :focus .icon {
  background-position: -14px 0;
}

/* --- sortable (drag'n'drop) --- */

.sortable tr {
  width: 100%;
}

.sortable td:first-child {
  width: 25px;
}

.sortable input.position {
  width: 25px;
}

.sort-handle {
  text-indent: -9999em;
  line-height: 0;
  width: 22px;
  height: 16px;
  background: url('/bundles/mkvpublic/images/ico_sortable.png') no-repeat scroll -10px 0 transparent;
}

td .sort-handle {
  margin-top: 0.313em;
}

.sortable .sort-handle,
.ui-sortable input.position {
  display: none;
}

.js-sort-header {
  width: 22px;;
}

.js-sort-header span {
  display: none;
}

.ui-sortable .ui-state-highlight {
  background-color: #eee;
}

.ui-sortable td:first-child {
  width: 22px;
}

.ui-sortable .sort-handle {
  display: block;
}

.ui-sortable input, .ui-sortable textarea {
  width: 466px;
}

.property-set input, .property-set textarea {
  width: 377px;
}
/* --- form-builder-options-grid --- */

.form-builder-options-grid .js-deleted th,
.form-builder-options-grid .js-deleted td {
  background-color: #eee;
}

.form-builder-options-grid .js-deleted input {
  color: #888;
}

.form-builder-options-grid .js-deleted .sort-handle,
.form-builder-options-grid .js-deleted .delete-item,
.form-builder-options-grid .undelete-item {
  display: none;
}

.form-builder-options-grid .js-deleted .undelete-item {
  display: inline;
}

/* --- collector --- */

.comp-panel .collector.clearfix {
  margin-top: 0;
}

.comp-panel .collector.clearfix > div,
.comp-panel .labels-left .collector > div,
.comp-panel .labels-top .labels-left .collector > div {
  margin-top: 0.625em;
}

.comp-panel .labels-top .collector > div,
.comp-panel .labels-left .labels-top .collector > div {
  margin-top: 0.703em;
}

/* --- collection-builders --- */

ul.collection {
  clear: both;
  margin-top: 0.703em;
  padding: 0;
  list-style-type: none;
}

.labels-left ul.collection {
  padding-left: 131px;
}

ul.collection li {
  float: left;
  clear: both;
  margin-bottom: 1px;
  border-radius: 4px;
}

.collection .js-deleted th,
.collection .js-deleted td,
.collection li.js-deleted {
  background-color: #eee;
}

.collection em {
  font-style: normal;
  color: #888;
}

.collection .js-deleted,
.collection .js-deleted input {
  color: #888;
}

.collection .js-deleted em {
  font-style: normal;
  color: #aaa;
}

.collection .toggle-delete {
  float: right;
  text-indent: -999em;
  line-height: 0;
  width: 14px;
  height: 16px;
  margin: 0 0 0 3px;
  padding: 0;
  overflow: hidden;
  background: url('/bundles/mkvpublic/images/ico_add-delete.png') no-repeat scroll 32px 0 transparent;
  border-style: none;
}

.collection td .toggle-delete {
  margin-top: 0.156em;
}

.collection .delete-item {
  background-position: -137px 0;
}

.collection .undelete-item {
  background-position: -233px 0;
}

.collection .toggle-delete:focus {
  outline: thin dotted;
}

.collection .js-deleted .sort-handle,
.collection .js-deleted .delete-item,
.collection .undelete-item {
  display: none;
}

.collection .js-deleted .undelete-item {
  display: inline;
}

.collection .toggle-delete span {
  position: absolute;
  left: -9999em;
}

/* --- forms --- */

form {}

.comp-panel fieldset,
.component fieldset {
  padding: 0 0 1.563em;
}

legend {
  font-weight: bold;
  color: #0ac;
  padding-right: 0.781em;
  background: none repeat scroll 0 0 #fff;
}

.labels-left div label + div,
.labels-left div .label + div,
.labels-top .labels-left div label + div,
.labels-top .labels-left div .label + div {
  margin: 0;
}

input[readonly],
select[readonly],
textarea[readonly] {
  color: #666;
}

input[disabled],
select[disabled],
textarea[disabled] {
  color: #888;
}

input[type='submit'], input[type='button'], input[type='reset'], button {
  width: auto;
  /*padding: 0.156em 6px 0.234em;*/
  padding: 0.156em 6px;
}

*:first-child+html input[type='submit'], *:first-child+html input[type='button'], *:first-child+html input[type='reset'], *:first-child+html button {
  margin-top: -0.078em;
}

.buttons input[type='submit'], .buttons input[type='button'], .buttons input[type='reset'],
.buttons a {
  margin-left: 6px;
}

.buttons input[type='submit']:first-child, .buttons input[type='button']:first-child, .buttons input[type='reset']:first-child,
.buttons a:first-child {
  margin-left: 0;
}

fieldset div, .fieldset > div,
.labels-left fieldset div, fieldset.labels-left div,
.labels-left .fieldset > div, .fieldset.labels-left > div,
.labels-top .labels-left fieldset div, .labels-top fieldset.labels-left div,
.labels-top .labels-left .fieldset > div, .labels-top .fieldset.labels-left > div,
div.labels-left,
.labels-top div.labels-left {
  margin-top: 0.391em;
}

label, .label,
.labels-left label,
.labels-left .label,
.labels-top .labels-left label,
.labels-top .labels-left .label {
  margin-bottom: 0.156em;
  padding: 0.234em 6px 0 0;
}

label.required:after {
  content: ' *';
  font-weight: bold;
}

input[type=radio] {
  width: auto;
  float: left;
  clear: left;
}

input[type=radio] + label {
  margin-left: 0.5em;
  padding: 0;
}

input[type=radio] + label.required:after {
  content: '';
}

.property-selector label:not(.visuallyhidden) + div, .property-selector .label + div:not(.visuallyhidden),
.property-selector .labels-left label:not(.visuallyhidden) + div,
.property-selector .labels-left .label:not(.visuallyhidden) + div,
.property-selector .labels-top .labels-left label:not(.visuallyhidden) + div,
.property-selector .labels-top .labels-left .label:not(.visuallyhidden) + div {
  max-width: none;
}

.output {
  margin-bottom: 0.156em;
  padding: 0.234em 0 0;
}

.field-container,
.labels-left .field-container,
.labels-top .labels-left .field-container {
  display: flex;
  width: 256px;
  margin-top: 0;
  padding-top: 0.234em;
}

.field-container.clearfix.column,
.labels-left .field-container.clearfix.column,
.labels-top .labels-left .field-container.clearfix.column {
  flex-flow: column nowrap;
  width: auto;
  margin-top: 0;
}

.field-container:not(:first-child) {
  padding-top: 0;
}

.field-container.full-width,
.labels-left .field-container.full-width {
  width: auto;
}

.field-container .choice-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 33.3333%;
  padding-right: 6px;
}

.field-container ul,
.field-container ol {
  margin: 0;
  padding-left: 15px;
}

input, textarea,
.labels-left input, .labels-left textarea,
.labels-top .labels-left input, .labels-top .labels-left textarea,
.input-has-unit {
  width: 500px;
  padding: 0.078em 0;
}

input[type="date"],
.labels-left input[type="date"],
.labels-top .labels-left input[type="date"] {
  max-width: 8.5rem;
}

.input-has-unit {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: .5em;
}

.input-has-unit input {
  flex: auto;
}

input[type="checkbox"] {
  width: auto;
}

textarea,
.labels-left textarea,
.labels-top .labels-left textarea {
  padding-left: 0.156em;
  padding-right: 0.156em;
}

select,
.labels-left select,
.labels-top .labels-left select {
  margin-top: 0.156em;
}

.labels-top fieldset div, fieldset.labels-top div, div.labels-top,
.labels-left .labels-top fieldset div, .labels-left fieldset.labels-top div, .labels-left div.labels-top {
  margin-top: 0.703em;
  padding-bottom: 0;
}

fieldset fieldset {
  margin-top: 1.3em;
  padding-bottom: 0;
}

.labels-top label,
.labels-top .label,
.labels-left .labels-top label,
.labels-left .labels-top .label {
  width: auto;
  margin-bottom: .25rem;
  padding: 0;
}

.labels-top label:not(.visuallyhidden) + div,
.labels-top .label:not(.visuallyhidden) + div,
.labels-left .labels-top label:not(.visuallyhidden) + div,
.labels-left .labels-top .label:not(.visuallyhidden) + div {
  max-width: none;
}

.labels-top .buttons,
.labels-left .labels-top .buttons {
  margin-top: 1.563em;
}

form label.checker,
form .labels-top label.checker,
form .labels-left label.checker {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  width: auto;
  padding: .125rem 0;
}

.checker input,
.labels-left .field-container .checker input {
  margin: 0;
  padding: 0;
}

form > div > .select2-contact {
  display: flex;
  justify-content: space-between;
}

form .description {
  clear: both;
  color: #888;
  max-width: 506px;
  margin: 0;
}

.app-body form .clearfix {
  margin: .75rem 0;
}

form .clearfix div {
  margin: 0;
}

form .clearfix label ~ div,
form .clearfix .editor {
  margin-top: .25rem;
}

/* --- matrix --- */

.matrix {
  min-width: 500px;
  margin-bottom: 0;
}

.matrix thead th {
  padding: 0 4px 0.313em;
}

.matrix tfoot th {
  padding: 0.313em 4px 0;
}

.matrix tbody th {
  text-align: left;
}

.matrix tbody th span {
  margin-bottom: 0;
}

.matrix td {
  text-align: center;
  vertical-align: middle;
  padding: 0 4px;
}

.matrix input {
  width: auto;
  margin: 0;
  padding: 0;
}

/* --- date / date-time --- */

input.date {
  width: 100px;
}

.date-time input.date,
.labels-left.date-time input.date,
.labels-left .date-time input.date,
.labels-top .labels-left.date-time input.date,
.labels-top .labels-left .date-time input.date {
  float: left;
  clear: none;
  margin-right: 8px;
}

.labels-top.date-time input.date,
.labels-top .date-time input.date,
.labels-left .labels-top.date-time input.date,
.labels-left .labels-top .date-time input.date {
  clear: both;
}

div.date-time > div {
  float: left;
  margin-top: 0;
}

div.date-time > div div {
  float: left;
  margin-top: 0;
}

div.date-time > div span {
  float: left;
  margin: 0.156em 4px 0;
}

.date-time select,
.date-time select {
  float: none;
  clear: none;
}

/* --- img-file-preview --- */

.img-file-preview img {
  float: right;
}

.img-file-preview .delete label {
  width: auto;
}

/* --- slug --- */

.slug {
  float: left;
  clear: both;
}

.slug samp {
  display: inline;
  font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
  font-size: 1.0em;
  color: #000;
  line-height: 1.30;
}

.slug input {
  float: none;
  width: 250px;
}

/* --- js-multi-select --- */

.js-multi-select > div {
  position: relative;
}

.js-multi-select .field-container {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.js-multi-select.js-collapse .field-container {
  display: none;
}

.js-multi-select .ui-menu-item {
  position: static;
  display: block;
  float: none;
}

.js-multi-select span {
  display: block;
  line-height: 1.5;
  padding: 0.2em 0.4em;
  border: 1px solid #fff;
}

.js-multi-select .label {
  line-height: 1.3;
  width: 125px;
  padding: 0.234em 6px 0 0;
  border-style: none;
}

.js-multi-select .field-container input {
  display: none;
}

/* --- buttons --- */

.buttons {
  margin-top: 0.625em;
}

/* --- standard/main buttons --- */

button,
input[type='submit'],
input[type='reset'],
input[type='button'],
.button,
.buttons a,
a.main-button {
  position: relative;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  width: auto;
  overflow: visible;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

button:nth-of-type(n + 2),
button.add-item,
input[type='submit']:nth-of-type(n + 2),
input[type='reset']:nth-of-type(n + 2),
input[type='button']:nth-of-type(n + 2),
.button:nth-of-type(n + 2),
.buttons a:nth-of-type(n + 2),
a.main-button:nth-of-type(n + 2) {
  margin-left: 6px;
}

button:hover, button:focus,
input[type='submit']:hover, input[type='submit']:focus,
input[type='reset']:hover, input[type='reset']:focus,
input[type='button']:hover, input[type='button']:focus,
.button:hover, .button:focus,
.buttons a:hover, .buttons a:focus,
a.main-button:hover, a.main-button:focus {
  text-decoration: none;
  background: #00a0d0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

button:active,
input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active,
.button:active,
.buttons a:active,
a.main-button:active {
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.js-deleted button,
.js-deleted input[type='submit'],
.js-deleted input[type='reset'],
.js-deleted input[type='button'],
.js-deleted .button,
.js-deleted .buttons a,
.js-deleted a.main-button {
  background: #888;
}

/* --- sub buttons --- */
button.sub-button,
input[type='submit'].sub-button,
input[type='reset'].sub-button,
input[type='button'].sub-button,
a.sub-button,
.buttons a {
  color: #666;
  background: #dedcd7;
}

button.sub-button:hover, button.sub-button:focus,
input[type='submit'].sub-button:hover, input[type='submit'].sub-button:focus,
input[type='reset'].sub-button:hover, input[type='reset'].sub-button:focus,
input[type='button'].sub-button:hover, input[type='button'].sub-button:focus,
a.button:hover, a.button:focus,
.buttons a:hover, .buttons a:focus {
  background: #d2d0cc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

button.sub-button:active,
input[type='submit'].sub-button:active,
input[type='reset'].sub-button:active,
input[type='button'].sub-button:active,
a.button:active,
.buttons a:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* --- highlight buttons --- */
.buttons .button-highlight {
  background: #9c3;
  color: #fff;
}
.buttons .button-highlight:hover, .buttons .button-highlight:focus {
  background: #8bba2c;
}

button.icon {
  position: static;
  font-weight: normal;
  color: #000;
  margin-left: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.buttons a.regular-link {
  position: static;
  font-weight: normal;
  color: #0ac;
  text-decoration: none;
  margin: 3px 0 2px 6px;
  padding: 0;
  overflow: visible;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.buttons a.regular-link:hover, .buttons a.regular-link:focus, .buttons a.regular-link:active {
  text-decoration: underline;
  background-color: transparent;
  border: none;
}

/* --- loading --- */

.spinner-ref {
  position: relative;
  display: block;
  float: left;
}

.labels-top .spinner-ref,
.labels-left .labels-top .spinner-ref {
  clear: both;
}

.spinner {
  display: none;
  position: absolute;
  top: 0.313em;
  right: 3px;
}

.js-loading .spinner {
  display: inline;
}

/* --- collection --- */
.collectionWidgetRow {
  border-bottom: 2px solid #dedcd7;
  padding: 8px 0;
}

/* --- form: survey --- */

.js-toggle-field-types [data-question-type] {
  display: none;
  margin-top: 0;
}

.js-toggle-field-types [data-question-type] > fieldset {
  margin-top: 0;
  border-style: none;
}

.js-toggle-field-types [data-question-type] > fieldset > legend {
  display: none;
}

/* --- form: questions --- */

.field-type {
  float: left;
  line-height: 0;
  text-indent: -9999em;
  width: 45px;
  height: 16px;
  margin-right: 6px;
  overflow: hidden;
  background: url('/bundles/mkvpublic/images/ico_form_field_types.png') no-repeat scroll 45px 0 transparent;
}

.field-type-text {
  background-position: 0 0;
}

.field-type-email {
  background-position: -45px 0;
}

.field-type-hidden {
  background-position: -90px 0;
}

.field-type-file {
  background-position: -135px 0;
}

.field-type-textarea {
  background-position: -180px 0;
  height: 36px;
}

.field-type-dropdownlist {
  background-position: -225px 0;
}

.field-type-date {
  background-position: -270px 0;
}

.field-type-time {
  background-position: -315px 0;
}

.field-type-checkboxes {
  background-position: -360px 0;
}

.field-type-radiobuttons {
  background-position: -405px 0;
}

.field-type-matrix {
  background-position: -450px 0;
  height: 36px;
}

.field-type-explanation {
  background-position: -495px 0;
}

/* --- form: property-selector --- */

.property-selector.filter-properties {
  width: auto;
}

fieldset.labels-top .property-selector {
  margin-top: 0;
}

.labels-left .property-selector .field-container {
  margin-top: 0.234em;
  margin-bottom: 0.234em;
  padding-top: 0;
}

#form-view .labels-left .property-selector .field-container {
  margin-bottom: 0.234em;
}

.property-selector .choice-column {
  margin-top: 0;
}

/* --- form: person-form --- */

.person-form {
  background: url('/bundles/mkvpublic/images/bg_form_person.png') repeat-y scroll 0 0 transparent;
}

.person-form fieldset {
  padding-right: 6px;
}

.person-profile, .person-properties {
  float: left;
  margin-right: 21px;
  padding-right: 20px;
}

.person-profile {
  width: 374px;
}

.person-profile label,
.person-profile .label {
  width: 105px;
}

.person-profile input, .person-profile textarea,
.person-profile .labels-left input, .person-profile .labels-left textarea {
  width: 250px;
}

.person-properties {
  width: 254px;
}

.person-properties .labels-left label,
.person-properties .labels-left .label {
  width: 100px;
}

.person-properties .labels-left .field-container,
.person-properties .labels-left input, .person-properties .labels-left textarea {
  width: 142px;
}

.person-labels {
  float: left;
  width: 174px;
}

.person-labels input, .person-labels textarea {
  width: 164px;
}

/* --- form: person-bind (messages) --- */

.person-bind {
  padding: 0.313em 0.625em;
  background-color: #f6f6f6;
}

div.person-bind {
  margin-top: 0;
}

.person-bind.js-toggle {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.person-bind.js-collapsed {
  background: #eee;
}

.person-bind > div {
  padding-bottom: 0.625em;
}

.person-bind h2 {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.3em;
  color: #0ac;
  margin: 0;
}

.person-bind .action-add span {
  background-color: transparent;
  background-position: -4px -1200px;
}

.person-bind .person-new {
  float: left;
  clear: left;
  margin-bottom: 0;
}

.person-bind .person-suggest {
  float: right;
  width: 318px;
  margin: 0.703em 0 0;
}

.person-bind .person-suggest .label {
  float: none;
}

.person-bind .person-suggest ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.person-bind .person-sugest button {
  background-color: transparent;
  border-style: none;
  box-shadow: none;
  clear: both;
  color: #00AACC;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: static;
  text-decoration: none;
}

.person-bind .person-search {
  float: left;
  margin-top: 0.703em;
}

.person-bind > .person-dest {
  margin: 0 -0.625em;
  padding: 0.625em;
  background-color: #eee;
  border-top: 1px solid #dedcd7;
}

.person-bind > .person-dest.panel {
  margin-top: 0.703em;
}

.person-bind > .person-dest.init-collapse {
  display: none;
}

.panel .person-form {
  margin: 0.234em 0;
  background-position: -20px 0;
}

.panel .person-form > div,
.panel .person-form fieldset {
  margin-top: 0;
}

.panel .person-form legend {
  background-color: #eee;
}

.panel .person-profile {
  width: 354px;
}

.person-profile .labels-left label,
.person-profile .labels-left .label {
  width: 105px;
}

.panel .person-profile input, .panel .person-profile textarea, .panel .person-profile .labels-left input, .panel .person-profile .labels-left textarea {
  width: 230px;
}

/* --- form: register --- */

.form-register fieldset div {
  float: left;
  margin-right: 20px;
}

.element-name {width: 250px;}
.element-preposition {width: 110px;}
.element-surname {width: 250px;}
.element-email {width: 250px; margin-top: 0.6em;}

.form-register fieldset label {
  width: auto;
}
.form-register fieldset input {
  width: 100%;
}

/* --- filter: person-filter --- */

.filter-keywords-labels, .filter-properties {
  float: left;
  margin-right: 21px;
  padding-right: 20px;
}

.filter-keywords-labels {
  width: 245px;
}

.filter-keywords-labels label,
.filter-keywords-labels .label {
  width: 85px;
}

.filter-keywords-labels.labels-left ul.collection {
  padding-left: 91px;
}

.filter-keywords-labels input,
.filter-keywords-labels textarea {
  width: 145px;
}

.filter-properties {
  width: 226px;
  margin-top: 0.391em;
}

.filter-properties label,
.filter-properties .label {
  width: 226px;
}

.filter-properties .labels-left label,
.filter-properties .labels-left .label {
  clear: none;
  width: 85px;
}

.filter-properties .field-container,
.filter-properties input,
.filter-properties textarea {
  width: 216px;
  padding-left: 12px;
}

.filter-properties .field-container,
.filter-properties .field-container input {
  width: auto;
}

/*.js-collapsed .field-container {
  display: none;
}*/

.filter-surveys {
  float: left;
  width: 313px;
}

.filter-surveys .collector .labels-left {
  margin-top: 0;
}

.filter-surveys label,
.filter-surveys .label {
  width: 312px;
}

.filter-surveys .labels-left label,
.filter-surveys .labels-left .label {
  width: 200px;
}

.filter-surveys .labels-left input,
.filter-surveys .labels-left textarea {
  width: 100px;
}

.filter-surveys .collector .labels-top {
  margin-top: 0.625em;
}

.filter-surveys .labels-top input,
.filter-surveys .labels-top textarea {
  width: 306px;
}

.filter-surveys .filter-collection {
  margin-top: 0.391em;
}

.filter-surveys .field-container {
  width: 300px;
  padding-left: 12px;
}

.filter-surveys .js-toggle .label {
  color: #888;
}

.filter-surveys .js-toggle .label em {
  color: #aaa;
}

.filter-surveys .js-has-values-set .label {
  color: #000;
}

.filter-surveys .js-has-values-set .label em {
  color: #888;
}

/* --- filter-collection --- */

.filter-collection .js-toggle > .label {
  cursor: pointer;
  float: none;
  width: auto;
}

.property-selector .js-toggle > .label {
  float: left;
  width: 125px;
}

/*.filter-collection .js-has-values-set > label,
.filter-collection .js-has-values-set > .label {
  font-weight: bold;
}*/

.filter-collection .js-toggle .label button {
  /*text-indent: -9999em;*/
  /*line-height: 0;*/
  float: left;
  width: 9px;
  min-height: 9px;
  height: 0.703em;
  margin: 0.273em 3px 0 0;
  padding: 0;
  overflow: hidden;
  background: url('/bundles/mkvpublic/images/ico_toggle_expander.png') no-repeat scroll -9px 0 transparent;
  border-style: none;
}

.filter-collection .js-toggle .label button:focus {
  outline: thin dotted;
}

.filter-collection .js-collapsed .label button {
  background-position: 0 0;
}

.filter-collection .js-has-values-set .label button {
  background-position: -27px 0;
}

.filter-collection .js-collapsed.js-has-values-set .label button {
  background-position: -18px 0;
}

.filter-collection .js-toggle .label button span {
  position: absolute;
  left: -9999em;
}

.filter-collection .js-toggle:not(.js-collapsed) .filter-expand,
.filter-collection .js-collapsed .filter-collapse {
  display: none;
}

/* --- choice-select --- */

.choice-select h2 {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.3em;
  color: #0ac;
  margin: 0;
}

.choice-select ul {
  padding: 0;
  list-style-type: none;
}

.choice-select li {
  padding-left: 7px;
  background: url('/bundles/mkvpublic/images/ico_mkv.png') no-repeat scroll -7px -1050px transparent;
}

/* --- answer-filter --- */

.answer-finder.filter {
  padding: 0.313em 0.625em 0;
  background-color: #f6f6f6;
}

.answer-finder.js-toggle {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.answer-finder.js-collapsed {
  background: #eee;
}

.answer-finder > div {
  padding-bottom: 0.625em;
}

.answer-finder h2 {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.3em;
  color: #0ac;
  margin: 0;
}

.answer-filter {
  margin-top: 0.703em;
  padding-bottom: 0.625em;
}

.answer-filter .buttons {
  margin-top: -1.563em;
}

.answers {
  margin: 0 -0.625em;
  padding: 0.625em;
  background-color: #eee;
  border-top: 1px solid #dedcd7;
}

.answers .grid {
  margin-bottom: 0;
}

.answers tr.js-expanded td {
  background-color: #fff;
}

.answers .col-usage .date {
  display: block;
  white-space: nowrap;
}

.answers .col-usage em {
  font-style: normal;
  color: #888;
  white-space: nowrap;
}

.answers .col-question,
.answers .col-answer {
  width: 40%;
}

.answers td button + p,
.answers td p:first-child {
  margin-top: 0;
}

.answers .col-question button {
  position: static;
  clear: both;
  font-weight: normal;
  color: #0ac;
  text-decoration: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-style: none;
  box-shadow: none;
}

.col-question button.faq + span:after {
  content: 'faq';
  font-variant: small-caps;
  color: #888;
  background-color: #fff;
  border: 1px solid #DEDCD7;
  margin-left: 5px;
  padding: 1px 3px;
}

.answers .col-question button:hover, .answers .col-question button:focus, .answers .col-question button:active {
  text-decoration: underline;
}

.answers .col-question .summary {
  color: #888;
  margin-bottom: 0;
}

.answers .summary,
.answers .js-expanded .full {
  display: block;
}

.answers .js-expanded .summary,
.answers .full {
  display: none;
}

.answers .col-use {
  text-align: right;
}

.answers th.col-use {
  visibility: hidden;
  height: 0;
  line-height: 0;
}

.answers .action-use, .answers .action-open {
  background: url('/bundles/mkvpublic/images/ico_mkv.png') 0 -500px no-repeat;
}

.answers .action-use, .answers .action-open {
  color: #fff;
  text-decoration: none;
  width: 18px;
  height: 17px;
  margin: 0 0 0 8px;
  padding: 0;
  overflow: visible;
  background: url('/bundles/mkvpublic/images/ico_mkv.png') 0 -500px no-repeat #ccc;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: inline-block;
}

.answers .action-open {
  margin-left: 0;
  background-position: 0 0;
}
.answers .js-expanded .action-open {
  background-position: 0 -850px;
}

.answers tr:hover .action-use, .answers tr:hover .action-open {background-color: #33b4d9;}
.answers .action-use:focus, .answers .action-use:hover, .answers tr:hover .action-use:focus, .answers tr:hover .action-use:hover,
.answers .action-open:focus, .answers .action-open:hover, .answers tr:hover .action-open:focus, .answers tr:hover .action-open:hover {background-color: #00a0d0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
.answers .action-use:active, .answers tr:hover .action-use:active, .answers .action-open:active, .answers tr:hover .action-open:active {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}

.answers .action-use span, .answers .action-open span {
  display: inline-block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.answers .action-open .answer-expand,
.answers .js-expanded .action-open .answer-collapse {
  display: inline-block;
}

.answers .js-expanded .action-open .answer-expand,
.answers .action-open .answer-collapse {
  display: none;
}

/* --- survey results --- */

.response-summary {
  margin-top: 0;
}

/* --- element-wrapper --- */

.element-wrapper {
  /*margin-bottom: 1.3em;*/
  border-top: solid 1px #dedcd7;
}
.element-wrapper h2 {
  font-size: 1.15em;
  line-height: 1.3em;
  margin-bottom: 0;
  margin-top: 1.3em;
}
.element-wrapper .grid {
  margin-bottom: 0;
}

/* --- choice-totals --- */

.choice-totals {
  margin-top: 1em;
  width: 100%;
}

.choice-label {
  width: 25%;
}

td.choice-ratio-bar {
  width: 54%;
  vertical-align: middle;
  padding-left: 1em;
}

.choice-ratio-bar div {
  width: 100%;
  line-height: 8px;
  background-color: #eee;
  border-radius: 3px;
  border: solid 1px #dedcd7;
}

.choice-ratio-bar span {
  background-color: #00a0d0;
  display: block;
  border-radius: 2px;
}

.choice-total, .choice-ratio {
  width: 6%;
  padding-left: 1em;
  text-align: right;
  vertical-align: middle;
}

.choice-ratio {
  width: 8%;
}

/* --- matrix-totals --- */

.matrix-totals tbody th,
.matrix-totals tbody td {
  vertical-align: top;
  padding-top: 1px;
  padding-bottom: 4px;
}

.matrix-totals tbody th {
  padding-bottom: 1px;
}

.matrix .choice-ratio-bar {
  width: auto;
}

.matrix .choice-ratio-bar div {
  line-height: 4px;
  border-radius: 2px;
}

.matrix .choice-ratio-bar span {
  border-radius: 2px;
}

/* --- response-question --- */
.result-question p {
  margin-bottom: 0;
}
.result-question div {
  margin-top: 0.703em;
}

/* --- response-detail --- */
.response-detail-answer {
  border-top: 1px solid #dedcd7;
  margin: 1.3em 0;
  padding-top: 1.1em;
}
.response-detail-answer label, .response-detail-answer .label {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.response-detail-answer .field-container label {
  font-weight: normal;
  margin-bottom: 0.2em;
}

.response-detail-answer .field-container {
  padding-top: 0;
}
.response-detail-answer div div {
  float: left;
  clear: both;
}

.response-detail-user dl {
  margin-bottom: 1.3em;
  float: left;
  width: 100%;
}
.response-detail-user dl:last-child {
  margin-bottom: 0;
}

.response-detail-user dt {
  width: 160px;
  float: left;
  clear: left;
  font-weight: bold;
}
.response-detail-user dd {
  float: left;
  margin-left: 10px;
}
.response-detail-user dd ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.response-detail-user dd li {
  display: inline;
}
.response-detail-user dd li:before {
  content: ", ";
}
.response-detail-user dd li:first-child:before {
  content: "";
}


/* --- dashboard --- */
.dashboard-panel {
  min-width: 912px;
  padding-right: 0;
}

.dashboard-widget {
  background-color: #eee;
  border: 1px solid #dedcd7;
  border-radius: 4px;
  margin: 14px 0;
  width: 1112px;
  min-height: 50px;
  padding: 13px;
  float: left;
}

.dashboard-widget.half-width {
  width: 528px;
  min-height: 250px;
  margin-left: 28px;
}

.dashboard-widget.half-width:first-child {
  margin-left: 0;
}

.dashboard-widget h3 {
  margin-bottom: 0;
}

.dashboard-widget header p {
  margin: 0;
}

.dashboard-widget-chart {
  height: 250px;
  background: #fff;
  border: 1px solid #dedcd7;
  border-radius: 4px;
  overflow: hidden;
}

/*.dashboard-widget .grid-wrapper {
  background: #fff;
  border: 1px solid #dedcd7;
  border-radius: 4px;
  padding: 0 10px;
}

  .dashboard-widget.full-width .col-subject {
    width: 500px;
  }*/


/* --- reports --- */
.comp-panel .filter-report {
  margin-bottom: 2.6em;
}
.filter-report h2 {
  padding-bottom: 0.25em;
}

.report-type .label {
  width: auto;
}
.filter-report .report-type .field-container  {
  float: right;
  width: auto;
  padding-top: 0.234em;
}
.report-type .label + div:not(.visuallyhidden) {float: right;}

.report-experience-chart {
  min-height: 450px;
  padding-bottom: 2.6em;
  margin-bottom: 2.6em;
  border-bottom: solid 1px #dedcd7;
}
.report-experience-chart:last-child {border: none; padding-bottom: 0;}

#report-experience-chart-itemtotals {
  min-height: 300px;
}


/* --- message --- */

.message-view {

}

.message-view dl {
  /*clear: both;*/
}

.message-view dt {
  float: left;
  clear: left;
  width: 14%;
  margin: 0;
  padding: 0.234em 1% 0 0;
}

.message-view dd {
  float: left;
  clear: right;
  width: 85%;
  margin: 0;
  padding: 0.234em 0 0;
}

.user-text {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.15em;
}

.message-view table {
  width: 100%;
}

.message-view td.key {
  width: 15%;
}

.message-view p {
  margin-bottom: 0;
}


/* --- login --- */

.login .app-body {
  position: static;
  width: 350px;
  margin: 6% auto 0;
  padding: 0;
  background-color: #fff;
  border: 4px solid #dedcd7;
  border-radius: 8px;
  overflow: hidden;
}

.login .app-header {
  width: auto;
  padding: 0.313em 27px 0.391em;
}

.login .app-logo {
  float: left;
  margin: .2em 0 0 0;
}

.login .comp-panel {
  width: 350px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border-style: none;
}

.login input, .login textarea {
  width: 250px;
}

.login .buttons input {
  width: auto;
}


/* --- form-view --- */
#form-view fieldset.labels-top .clearfix {
  margin-bottom: 1.3em;
}
#form-view fieldset.labels-top .clearfix:last-child {margin-bottom: 0;}

#form-view fieldset.labels-top .label {
  float: none;
  font-weight: bold;
}
#form-view fieldset.labels-top div, #form-view .panel .label + div {margin-top: 0.234em;}

#form-view fieldset.labels-left .clearfix {
  margin-bottom: 0;
}

#form-view fieldset.labels-left .label {
  float: left;
  font-weight: normal;
}


/* --- icons --- */
/* - defaults - */
ul.actions {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.action-add span, .action-download span, .actions a, .pager .icon a, .pager .icon span, .action-back {
  background: url('/bundles/mkvpublic/images/ico_mkv.png') 0 0 no-repeat;
}

/* - filled icons - */
legend.actions a, td.actions a {
  color: #fff;
  text-decoration: none;
  width: 18px;
  height: 17px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background-color: #dedcd7;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
}

legend.actions a { display: inline-block; }
legend.actions a:first-child { margin-left: 8px; }
legend.actions:hover a, tr:hover td.actions a {background-color: #33b4d9;}
td.actions a:focus, td.actions a:hover, tr:hover td.actions a:focus, tr:hover td.actions a:hover {background-color: #00a0d0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
td.actions a:active, tr:hover td.actions a:active {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}

/* - inverted icons - */
.action-add span, .action-download span, .actions .action-add span, .pager .icon a, .pager .icon span {
  background-color: #34c1da;
  width: 13px;
  height: 13px;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.pager .icon a:focus, .pager .icon a:hover {background-color: #00a0d0;}

/* inactive */
.pager .icon span {
  background-color: #eee;
}

/* hide text */
.actions a span, .pager .icon a span, .pager .icon span span {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

/* - icon specific-  */
.actions .action-delete a {background-position: 0 -50px;}
.actions .action-edit a {background-position: 0 -100px;}
.actions .action-view a {background-position: 0 -150px;}
.actions .action-publish a {background-position: 0 -200px;}
.actions .action-close a {background-position: 0 -250px;}
.actions .action-send a {background-position: 0 -300px;}
.actions .action-feedback a {background-position: 0 -350px;}
.actions .action-download a {background-position: 0 -400px;}
.actions .action-reply a {background-position: 0 -450px;}
.actions .action-copy a {background-position: 0 -500px;}
.actions .action-archive a {background-position: 0 -900px;}
.actions .action-match a {background-position: 0 -950px;}
.actions .action-impersonate a {background-position: 0 -1150px;}
.actions .action-list a {background-position: 0 -1250px;}

.action-add span, .actions .action-add span {background-position: -4px -750px;}
.action-download span, .actions .action-download span {background-position: -4px -802px;}
.pager .previous a, .pager .previous span {background-position: -4px -550px;}
.pager .next a, .pager .next span {background-position: 0 -600px;}
.pager .first a, .pager .first span {background-position: -4px -650px;}
.pager .last a, .pager .last span {background-position: 0 -700px;}

.action-back {background-position: -7px -1000px; padding-left: 7px;}

/* --- new-person/person-suggest --- */

.person-bind button,
.person-bind button:hover, .person-bind button:focus, .person-bind button:active {
  position: static;
  clear: both;
  font-weight: normal;
  color: #0ac;
  text-decoration: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-style: none;
  box-shadow: none;
}

.person-bind button:hover, .person-bind button:focus, .person-bind button:active {
  text-decoration: underline;
}

.person-suggest button span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  background: url('/bundles/mkvpublic/images/ico_mkv.png') -4px -1049px no-repeat transparent;
}

/* --- cv --- */

.cv {}

.cv .grid .period {
  width: 20%;
  min-width: 150px;
}

.cv .grid .last {
  width: 10%;
  min-width: 75px;
}

/* --- networks --- */
.network-acl dt {
  width: 74%;
}

.network-acl dd {
  width: 25%;
}

.network-acl-edit .field-container {
  width: 512px;
}

/* --- recommendations --- */
span.recommendations a {
  color: #000;
  text-decoration: none;
}

/* --- optional profile details ---*/
fieldset.optional legend {
  cursor: pointer;
}

fieldset.optional legend:before {
  content: "– ";
}

fieldset.optional.hide legend:before {
  content: "+ ";
}

fieldset.optional.hide div {
  display: none;
}

/* --- Collection --- */
.collectionWidget {
  clear: both;
  margin-top: 0.703em;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  width: 100%;
}

.tags .collectionWidgetRow {
  float: left;
  width: 100%;
}

.collectionWidget .tags.collectionWidgetRows {
  float: left;
  width: 100%;
  margin: 5px 0 5px 0;
}

.collectionWidget .tags.collectionWidgetRows .collectionWidgetRow {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #dedcd7;
}

.collectionWidget .tags.collectionWidgetRows .collectionWidgetRow label {
  display: none;
}

.collectionWidget .tags.collectionWidgetRows .collectionWidgetRow div.delete label {
  display: block;
}

.tags .img-file-preview div.delete {
  float: none;
}

.collectionWidget .tags.collectionWidgetRows .collectionWidgetRow div {
  float: left;
  margin-top: 0;
  width: 96%;
}

.collectionWidget .tags.collectionWidgetRows .collectionWidgetRow input[type="text"],
.collectionWidget .tags.collectionWidgetRows .collectionWidgetRow input[type="file"] {
  width: 480px;
  margin: 0 0 5px 0;
}

.collectionWidgetRow .tags div {
  margin: 0;
}

.collectionWidget .tags input {
  clear: none;
}

.collectionWidget .tags .js-deleted,
.collectionWidget .tags .js-deleted input {
  color: #888;
}

.collectionWidget .tags .js-deleted input.collectionWidgetRemoveItem {
  background: url('/bundles/mkvpublic/images/ico_add-delete.png') no-repeat scroll 32px 0 transparent;
  background-position: -169px 0;
}

.collectionWidget .tags .collectionWidgetRemoveItem {
  float: right;
  text-indent: -999em;
  line-height: 0;
  width: 14px;
  height: 16px;
  margin: 0 0 0 3px;
  padding: 0;
  overflow: hidden;
  background: url('/bundles/mkvpublic/images/ico_add-delete.png') no-repeat scroll 32px 0 transparent;
  border-style: none;
  box-shadow: none;
}

.collectionWidget .tags .collectionWidgetRemoveItem:hover,
.collectionWidget .tags .collectionWidgetRemoveItem:active,
.collectionWidget .tags .collectionWidgetRemoveItem:focus {
  background: url('/bundles/mkvpublic/images/ico_add-delete.png') no-repeat scroll 32px 0 transparent;
  box-shadow: none;
  background-position: -137px 0;
}

.collectionWidget .tags td .collectionWidgetRemoveItem {
  margin-top: 0.156em;
}

.collectionWidget .tags .collectionWidgetRemoveItem {
  background-position: -137px 0;
}

.collectionWidget .tags .js-deleted {
  background-color: #eee;
}

.collectionWidget .collectionWidgetRows .collectionWidgetRow select {
  width: 505px;
}

form#form-profile .collectionWidget .collectionWidgetRows .collectionWidgetRow input[type="text"],
form#form-profile .collectionWidget .collectionWidgetRows .collectionWidgetRow input[type="file"] {
  width: 480px;
}

.choice-select ul {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding-left: 1em;
}