@charset "UTF-8";
.body-admin .footer .row,
.body-admin .header .row,
.body-admin .main-content .row {
  max-width: 1800px
}
.warnings {
  border-radius: .3rem;
  background-clip: padding-box;
  padding: .2rem .5rem;
  border: 1px solid rgba(10,10,10,.25);
  background-color: #fff3d9
}
[type=checkbox] + label {
  max-width: 75%
}
.btn-radio-smaller {
  height: 1rem
}
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #3e606f;
  font-weight: 700;
  font-size: .75rem;
  text-transform: uppercase;
  color: #fff;
  padding: .2rem .7rem;
  line-height: 1;
  margin-top: .5rem;
  min-height: 2.25rem
}
.section-header input {
  margin-left: .5rem;
  height: 1rem;
  width: 1rem
}
.section-header select {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  height: 1.5rem;
  font-size: .8rem
}
.section-header span {
  display: flex
}
.section-header .summary {
  font-weight: 400;
  text-transform: none;
  flex-grow: .7
}
.section-header .btn-toggle-section {
  font-size: 1.5rem;
  border: none;
  background: 0 0;
  color: #fff
}
.section-header .btn-toggle-section:hover {
  color: #ccc;
  cursor: pointer
}
.sub-section-header {
  background-color: #d8d8d8;
  color: #555;
  justify-content: start
}
.sub-section-header span {
  font-weight: 700;
  font-size: .75rem;
  line-height: 1;
  padding: 8px
}
.sub-section-header .header-info {
  margin-left: 10rem;
  text-transform: none
}
.btn-section-header {
  background-color: #d8d8d8;
  color: #555;
  justify-content: start;
  width: 100%;
  border: none;
  cursor: pointer
}
.btn-section-header:hover {
  background-color: #ccc
}
.section-header-expandable:hover {
  background-color: #557989;
  cursor: pointer
}
.section {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: .7rem;
  margin-bottom: 1rem
}
.grid-section {
  padding: 0 .7rem .7rem
}
.grid-section .RadGrid_HaiKom {
  margin-bottom: 0
}
.section-approvals {
  min-height: 20rem;
  padding: .7rem;
  background-color: #fff
}
.data-source-name {
  display: block;
  font-size: .875rem;
  border: 1px solid #cacaca;
  margin-bottom: 6px;
  padding: .5rem;
  background-color: #e6e6e6;
  height: 2.1875rem;
  overflow: hidden
}
.data-source-fields {
  margin-bottom: 10px
}
.template-management .categories-panel {
  overflow: hidden;
  width: 22%
}
.template-management .categories-panel .toolbar {
  border-right-width: 0
}
.template-management .categories-panel .tree-view {
  font-size: .9rem;
  margin-right: .1rem;
  padding: .5rem 0;
  overflow: auto
}
.template-management .templates-panel {
  width: 78%
}
.template-management .templates-panel .toolbar {
  border-left-width: 0
}
.template-management .templates-panel .search-wrapper {
  padding: .2rem
}
.template-management .templates-panel .search-wrapper .input-group {
  margin: 0
}
.template-management .templates-panel .search-wrapper .input-group-button .button,
.template-management .templates-panel .search-wrapper .input-group-field {
  font-size: .75rem;
  height: 1.75rem;
  padding: .2rem .5rem
}
.template-field-title {
  font-style: italic;
  font-size: .7rem!important
}
.template-field-value {
  font-style: italic;
  font-size: .7rem!important;
  color: #888
}
.dialog-multi-edit {
  width: 400px
}
.dialog-multi-edit .dialog-multi-edit-content {
  min-height: 80px
}
.lower-level-email-template-override .drop-down {
  font-size: 1em
}
.price-management .site-price-item-override {
  margin-bottom: .5em
}
.price-management .site-price-item-override .drop-down {
  font-size: 1em;
  width: 40em
}
.price-management .right-pane {
  color: #0a0a0a
}
.dialog-edit-price .price-item-basic-settings,
.dialog-edit-price .price-item-settings,
.dialog-edit-price .price-item-settings-advanced,
.price-item-basics .price-item-basic-settings,
.price-item-basics .price-item-settings,
.price-item-basics .price-item-settings-advanced {
  margin-bottom: .5em;
  width: 100%
}
.dialog-edit-price .price-item-basic-settings .label-column,
.dialog-edit-price .price-item-settings .label-column,
.dialog-edit-price .price-item-settings-advanced .label-column,
.price-item-basics .price-item-basic-settings .label-column,
.price-item-basics .price-item-settings .label-column,
.price-item-basics .price-item-settings-advanced .label-column {
  padding-top: .3em;
  width: 110px
}
.dialog-edit-price .price-item-basic-settings .input-column,
.dialog-edit-price .price-item-settings .input-column,
.dialog-edit-price .price-item-settings-advanced .input-column,
.price-item-basics .price-item-basic-settings .input-column,
.price-item-basics .price-item-settings .input-column,
.price-item-basics .price-item-settings-advanced .input-column {
  padding: 0 .5em;
  width: 120px
}
.dialog-edit-price .price-item-basic-settings .input,
.dialog-edit-price .price-item-settings .input,
.dialog-edit-price .price-item-settings-advanced .input,
.price-item-basics .price-item-basic-settings .input,
.price-item-basics .price-item-settings .input,
.price-item-basics .price-item-settings-advanced .input {
  margin-top: 2px;
  width: 120px
}
.dialog-edit-price .discount-steps-wrapper,
.price-item-basics .discount-steps-wrapper {
  padding-top: .2em
}
.dialog-edit-price .discount-steps-wrapper .toolbar,
.price-item-basics .discount-steps-wrapper .toolbar {
  margin-top: .2em
}
.dialog-edit-price .price-item-settings {
  margin: 1em 0 0
}
.price-item-basics .input-column-75p {
  width: 75%
}
.price-item-basics .price-item-basic-settings .input-wide {
  width: 275px
}
.price-item-basics .price-item-basic-settings .input-wide-drop-down {
  width: 280px
}
.price-item-basics .price-item-basic-settings .input-unit {
  width: 100px
}
.price-item-basics .price-item-basic-settings .input-weight {
  width: 90px
}
.edit-currency-dialog {
  width: 450px
}
.edit-currency-dialog .currency-settings {
  margin-bottom: .5em;
  width: 100%
}
.edit-currency-dialog .currency-settings .label-column {
  padding-top: .3em;
  width: 90px
}
.edit-currency-dialog .currency-settings .input-column {
  padding: 0 .5em;
  width: 150px
}
.edit-currency-dialog .currency-settings .input {
  margin-top: 2px;
  width: 100px
}
.edit-currency-dialog .currency-settings .input-wide {
  width: 245px
}
.dialog-confirm-delete-binding .content,
.dialog-confirm-delete-finishing .content,
.dialog-confirm-delete-print-media .content {
  max-height: 500px;
  overflow: auto
}
.dialog-confirm-delete-binding ul.job-definitions-list,
.dialog-confirm-delete-finishing ul.job-definitions-list,
.dialog-confirm-delete-print-media ul.job-definitions-list {
  font-size: .9em;
  list-style-type: disc;
  margin: .5em 0;
  padding: 0 0 0 2.2em
}
.editor-freight-type {
  padding: 5px 2px
}
.editor-freight-type .freight-prices .sample-file-download-link {
  margin-left: 2em
}
.editor-freight-type .freight-prices .resource-information {
  font-style: italic;
  padding: .5em 0 .5em 4px
}
.editor-freight-type .freight-prices .additional-script {
  padding: .5em 0 2em 4px
}
.editor-shipping-method {
  padding: 5px 2px
}
.editor-shipping-method .image-table td {
  padding: 2px
}
.editor-shipping-method .image-table td.current-image-cell {
  height: 50px;
  padding: 0 2px;
  vertical-align: middle
}
.editor-shipping-method .image-table .uploaded-image-name {
  font-style: italic
}
.editor-shipping-method .time-delimiter {
  font-size: 1.2em;
  padding: 4px 2px
}
.editor-shipping-method .delivery-time-threshold-validation-messages {
  padding-left: .75em
}
.editor-customer .user-management .user-list {
  max-height: 80vh;
  overflow-y: scroll
}
.editor-customer .error-message {
  color: red
}
.editor-customer .search-wrapper {
  float: right;
  width: 10rem
}
.public-user-auto-login-example-urls-tooltip .urls-description {
  font-style: italic
}
.public-user-auto-login-example-urls-tooltip table {
  font-size: .75rem;
  margin: .5rem 0 0
}
.public-user-auto-login-example-urls-tooltip table tbody,
.public-user-auto-login-example-urls-tooltip table td,
.public-user-auto-login-example-urls-tooltip table th,
.public-user-auto-login-example-urls-tooltip table thead,
.public-user-auto-login-example-urls-tooltip table tr {
  border: 0
}
.public-user-auto-login-example-urls-tooltip table td {
  padding: .25rem
}
.approver-management .approver-list,
.approver-management .approver-settings {
  padding-top: .5rem
}
.approver-management .approver-list {
  height: 100%
}
.payment-management .payment-options-wrapper .toolbar {
  margin-bottom: .5rem
}
.checkout-management .cost-center-wrapper .sub-option-wrapper {
  padding-left: 2em
}
.freight-management table.shipping-methods input {
  margin: 0
}
.freight-management table.shipping-methods td.check-box,
.freight-management table.shipping-methods th.check-box {
  text-align: center;
  width: 10%
}
.freight-management table.shipping-methods td.default-selection,
.freight-management table.shipping-methods th.default-selection {
  text-align: center;
  width: 15%
}
.freight-management table.shipping-methods td.order,
.freight-management table.shipping-methods th.order {
  text-align: center;
  width: 20%
}
.freight-management table.shipping-methods td {
  vertical-align: middle
}
.freight-management table.shipping-methods td.name .description {
  color: #545a46;
  font-style: italic;
  font-size: .8em
}
.editor-portal .logotype.column,
.editor-site .logotype.column {
  padding-bottom: .5rem
}
.site-settings .icons td {
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
  width: 50%
}
.portal-settings .registration-settings table.acceptance-administrators {
  display: block;
  max-height: 315px;
  overflow: auto
}
.portal-settings .tabs-content .top-content-description {
  color: #888;
  font-size: .8em;
  font-style: italic;
  width: 30em
}
.menu-administration .menu-tree-view {
  overflow: auto
}
.menu-administration .menu-tree-view .tree-view {
  font-size: .9rem;
  margin-right: .1rem;
  overflow: auto;
  padding: .5rem 0
}
.menu-administration .menu-editor .category-selector-image {
  margin-left: 5px
}
.menu-administration .menu-editor .top-content-description {
  color: #888;
  font-size: .8em;
  font-style: italic;
  width: 30em
}
.menu-administration .menu-editor .actions-wrapper {
  padding-top: .5em
}
.reports-wrapper {
  padding: 5px
}
.reports-wrapper .error {
  color: red
}
.reports-wrapper .reports-list {
  margin-left: 10px;
  width: 200px
}
.reports-wrapper .execution-time {
  margin-left: 15px
}
.reports-wrapper fieldset {
  margin-top: 10px
}
.reports-wrapper fieldset legend {
  padding: 0 5px
}
.reports-wrapper fieldset textarea {
  font-size: 1.2em;
  height: 250px;
  width: 100%
}
.settings-wrapper {
  padding: 5px
}
.settings-wrapper fieldset {
  margin-bottom: 1em
}
.settings-wrapper .cache table.controls td {
  vertical-align: middle
}
.settings-wrapper .cache table.controls td .status-message {
  padding-left: 1em
}
.translation-management .translation-search-wrapper::after,
.translation-management .translation-search-wrapper::before {
  display: table;
  content: " "
}
.translation-management .translation-search-wrapper::after {
  clear: both
}
.translation-management .translation-search-wrapper {
  padding: .5em
}
.translation-management .translation-search-wrapper .search-input {
  width: 70%
}
.translation-management .translation-search-wrapper .search-controls {
  padding-left: 1%;
  width: 29%
}
.translation-management .translation-search-wrapper .search-controls .selection-language {
  width: 49%
}
.translation-management .translation-search-wrapper .search-controls .button {
  margin: 0;
  min-height: 0;
  min-width: 0;
  width: 49%
}
.translation-management .import-system-translations-status-message {
  padding-left: 1rem
}
.translation-management table.new-translation-wrapper {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  margin: 1em 0 .5em;
  width: 100%
}
.translation-management table.new-translation-wrapper .language {
  width: 20%
}
.translation-management table.new-translation-wrapper .translation-key {
  width: 30%
}
.translation-management table.new-translation-wrapper .translation {
  width: 50%
}
.tree-view-resource-management .tree-view-panel {
  width: 22%
}
.tree-view-resource-management .tree-view-panel .tree-view {
  padding: .5em 0;
  overflow: hidden
}
.tree-view-resource-management .resource-panel {
  width: 78%
}
.dashboard-admin-system .build-details-container,
.dashboard-admin-system .system-details-container {
  font-family: Verdana,Tahoma,Arial,Sans-Serif;
  font-size: .8em;
  margin-bottom: .5rem
}
.dashboard-admin-system .build-details-container .details-header,
.dashboard-admin-system .system-details-container .details-header {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  font-weight: 700;
  margin-bottom: .1rem;
  padding: .3em
}
.dashboard-admin-system .build-details-container .details-header > i,
.dashboard-admin-system .system-details-container .details-header > i {
  color: #555
}
.dashboard-admin-system .build-details-container .details,
.dashboard-admin-system .system-details-container .details {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: .3em
}
@media screen and (max-width:39.9375em) {
  .dashboard-admin-system .build-details-container.column,
  .dashboard-admin-system .system-details-container.column {
    padding: 0
  }
}
@media print,
screen and (min-width:40em) {
  .dashboard-admin-system .build-details-container.column {
    padding-left: 0
  }
  .dashboard-admin-system .system-details-container.column {
    padding-right: 0
  }
}
.logs-wrapper .system-logs-description {
  display: block;
  padding: .5em;
  font-style: italic
}
.logs-wrapper .system-logs-description .directory-path {
  font-size: .9rem
}
.price-settings-management {
  padding: 5px
}
.price-settings-management .tabs-content {
  min-height: 350px
}
.internal-exchange-rates {
  margin: .5em
}
.internal-exchange-rates .information-message {
  font-style: italic;
  text-align: end
}
.internal-exchange-rates .exchange-rates-wrapper {
  border: 1px solid #ddd;
  overflow: auto;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  background: #fff
}
.internal-exchange-rates .exchange-rates-wrapper table {
  margin-bottom: 0
}
.internal-exchange-rates .exchange-rates-wrapper td {
  vertical-align: middle
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-header {
  font-weight: 700
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-header-info {
  color: #555;
  font-size: .8em;
  font-weight: 400;
  text-transform: lowercase
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-header-top {
  border-bottom: 1px solid #eee;
  padding-bottom: .3em;
  text-align: center
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-header-left {
  border-right: 1px solid #eee;
  padding-left: .3em;
  padding-right: .5em;
  text-align: right
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-value {
  text-align: center;
  padding: .1rem
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-value input {
  display: inline
}
.internal-exchange-rates .exchange-rates-wrapper td.exchange-rate-same-currency {
  color: #888;
  font-size: .9em
}
.internal-exchange-rates .exchange-rates-wrapper td.table-end-right {
  border-left: 1px solid #eee
}
.internal-exchange-rates .exchange-rates-wrapper td.table-end-bottom {
  border-top: 1px solid #eee
}
.internal-exchange-rates .exchange-rates-wrapper td input.exchange-rate-value-input {
  text-align: center;
  margin: .3em;
  width: 95%
}
.internal-exchange-rates .exchange-rates-wrapper td .red-text {
  color: red
}
.internal-exchange-rates .button-controls {
  padding-bottom: 1em
}
.email-template-dialog {
  max-width: 80rem
}
.email-template-dialog .priorities-list td {
  vertical-align: middle;
  padding: .5rem .5rem 0
}
.email-template-dialog .priorities-list .priority-value {
  display: inline-block;
  margin-right: .5em;
  padding: 0 1.5em 0 .2em
}
.email-template-dialog .priorities-list .priority-value .priority-name {
  padding-left: .3em
}
.presentation-settings .date-time-example {
  color: #aaa;
  font-size: .9em;
  font-style: italic
}
.open-portal-management {
  padding: .5em
}
.language-management .system-language-information {
  padding: .2rem
}
.language-management .system-language-information .system-language-label {
  padding-right: .3rem;
  vertical-align: text-top
}
.language-management .system-language-information .system-language-flag {
  margin-right: .3rem;
  vertical-align: middle
}
.language-management .system-language-information .system-language-flag:last-child {
  margin-right: 0
}
.language-management .inherited {
  color: #555
}
.activity-control ul.activity-input {
  padding: 0
}
.activity-control ul.activity-input li {
  list-style-type: none;
  padding: .2em
}
.dashboard-admin-portal .wizard-header,
.dashboard-admin-portal .wizard-list {
  padding: .5em
}
.document-import .tree {
  max-height: 590px;
  overflow-y: auto
}
.document-import .right-pane .properties {
  margin: 1rem
}
.document-import .right-pane .CodeMirror,
.document-import .right-pane .script {
  float: left;
  line-height: 1.2em;
  height: 540px;
  width: 99%
}
.document-import .right-pane .CodeMirror textarea,
.document-import .right-pane .script textarea {
  width: 100%;
  height: 100%
}
.document-import .right-pane .CodeMirror {
  border-right: 1px solid #e5e5e5
}
.document-import .right-pane .CodeMirror .CodeMirror-scroll {
  height: 100%
}
.document-import .right-pane .CodeMirror .CodeMirror-scroll .CodeMirror-lines {
  height: 95%
}
.document-import .field-label {
  float: none
}
.document-import .field-path {
  width: 35em
}
.document-import .syntax-check-result {
  border-top: 1px solid #e5e5e5;
  padding: 2px 5px 2px 28px
}
.document-import .syntax-check-result .result-text {
  padding: 3px 0
}
.document-import .syntax-check-result .result-text .error-line {
  font-family: "Courier New",Courier,"Nimbus Mono L",monospace;
  white-space: pre-wrap
}
.document-import .syntax-check-result-successful {
  background-color: #f0fff0;
  color: #6fc361
}
.document-import .syntax-check-result-successful .fa::before {
  content: "\f058"
}
.document-import .syntax-check-result-error {
  background-color: #fff0f0;
  color: red
}
.document-import .syntax-check-result-error .fa::before {
  content: "\f071"
}
.document-import-xml-options-dialog {
  width: 30em
}
.document-import-xml-options-dialog .content {
  padding-top: 2em;
  padding-bottom: 2em
}
.document-import-testing .result {
  overflow: auto;
  margin-top: .5em;
  padding: .5em
}
.document-import-testing .result .indent-1 {
  padding-left: 1em
}
.document-import-testing .result .indent-2 {
  padding-left: 2em
}
.document-import-testing .result .indent-3 {
  padding-left: 3em
}
.document-import-testing .result .indent-4 {
  padding-left: 4em
}
.document-import-testing .result .collection-repeating-name {
  font-weight: 700;
  color: #3b3569
}
.document-import-testing .result .collection-name {
  font-weight: 700;
  color: #ad8934
}
.document-import-testing .result .parameter {
  border-top: 1px solid #f0f0f0
}
.document-import-testing .result .parameter-name {
  font-weight: 700;
  color: #274e26
}
.document-import-testing .result .parameter-type {
  padding-left: 1em;
  font-style: italic
}
.document-import-testing .result .parameter-value {
  font-family: Courier;
  white-space: pre;
  font-size: 1.2em;
  padding-left: 1em;
  color: #555
}
.document-import-testing .result .error {
  color: red
}
.RadSplitter_Metro {
  font-size: .9rem;
  color: #ddd
}
.RadSplitter_Metro .row {
  margin: 0
}
.font-management .font-upload-info {
  font-size: .8rem;
  padding-bottom: .5rem
}
.price-calculation-result {
  font-size: .9rem
}
.price-calculation-result td,
.price-calculation-result th {
  background-color: #eee
}
.select-printmedia-dialog {
  max-width: 70rem
}
.editor-info-page .items-header,
.editor-info-page .properties-header,
.field-mappings .items-header,
.field-mappings .properties-header,
.field-orders .items-header,
.field-orders .properties-header,
.image-conversion .items-header,
.image-conversion .properties-header,
.price-calculation .items-header,
.price-calculation .properties-header,
.price-list .items-header,
.price-list .properties-header,
.properties-form .items-header,
.properties-form .properties-header,
.search-filters .items-header,
.search-filters .properties-header,
.waste .items-header,
.waste .properties-header {
  display: flex;
  align-items: center;
  background-color: #888;
  color: #fff;
  padding: .2rem .7rem;
  font-weight: 700;
  font-size: .75rem;
  min-height: 2rem
}
.editor-info-page .calculation-items,
.field-mappings .calculation-items,
.field-orders .calculation-items,
.image-conversion .calculation-items,
.price-calculation .calculation-items,
.price-list .calculation-items,
.properties-form .calculation-items,
.search-filters .calculation-items,
.waste .calculation-items {
  max-height: 32em;
  overflow-y: auto
}
.editor-info-page .calculation-items .group,
.editor-info-page .calculation-items .rule,
.field-mappings .calculation-items .group,
.field-mappings .calculation-items .rule,
.field-orders .calculation-items .group,
.field-orders .calculation-items .rule,
.image-conversion .calculation-items .group,
.image-conversion .calculation-items .rule,
.price-calculation .calculation-items .group,
.price-calculation .calculation-items .rule,
.price-list .calculation-items .group,
.price-list .calculation-items .rule,
.properties-form .calculation-items .group,
.properties-form .calculation-items .rule,
.search-filters .calculation-items .group,
.search-filters .calculation-items .rule,
.waste .calculation-items .group,
.waste .calculation-items .rule {
  font-size: .7rem
}
.editor-info-page .properties-form,
.field-mappings .properties-form,
.field-orders .properties-form,
.image-conversion .properties-form,
.price-calculation .properties-form,
.price-list .properties-form,
.properties-form .properties-form,
.search-filters .properties-form,
.waste .properties-form {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  padding-bottom: .75rem
}
.editor-info-page .properties-form .information,
.field-mappings .properties-form .information,
.field-orders .properties-form .information,
.image-conversion .properties-form .information,
.price-calculation .properties-form .information,
.price-list .properties-form .information,
.properties-form .properties-form .information,
.search-filters .properties-form .information,
.waste .properties-form .information {
  font-style: italic;
  font-size: .8rem;
  color: #677d62
}
.price-list .price-list-items {
  max-height: 45em;
  overflow-y: auto
}
.inventory-control {
  border: 1px solid #ddd;
  padding: .3rem
}
.inventory-control label {
  font-size: .8rem;
  color: #555
}
.inventory-control .quantity-input {
  min-width: 3.5rem
}
.editor-scheduled-object .RadPicker .rcSelect * {
  text-indent: 0
}
.editor-scheduled-object .RadPicker {
  width: 100%
}
.editor-scheduled-object .RadPicker .RadInput {
  height: 2.25rem
}
.editor-scheduled-object .RadPicker .RadInput > input {
  height: 2.25rem;
  font-size: .875rem;
  padding: .5rem
}
.editor-scheduled-object .RadPicker .rcTimePopup {
  height: 100%;
  border-left-color: #ccc
}
.site-widget-small-clickable:hover {
  background-color: #e8e8e8
}
.site-widget-small {
  color: var(--widget-color);
  padding: 1rem;
  border-radius: 5px;
  background-color: #f0f0f0;
  border: none;
  margin-bottom: .5rem;
  white-space: nowrap;
  overflow: hidden;
  text-align: center
}
.site-widget-small .sub-title,
.site-widget-small .title {
  display: block;
  margin-bottom: .5rem;
  font-size: 1rem
}
.flow-settings * {
  font-size: .8rem;
  line-height: 1.5
}
.body-plain .footer .row,
.body-plain .main-content .row {
  max-width: 1800px
}
.image-icon,
.image-icon img {
  height: 1rem
}
.icon-clickable:hover {
  cursor: pointer
}
.grid-view .image-button:not(.thumbnail-image) img {
  height: 1rem
}
a.aspNetDisabled,
a.disabled,
a:not([href]):not([onclick]) {
  cursor: default
}
a.aspNetDisabled,
a.disabled {
  opacity: .5
}
a img {
  vertical-align: top
}
a.link:not(.button) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none
}
a.link:not(.button) img {
  vertical-align: middle
}
a.link:not(.button) .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: .5rem;
  vertical-align: middle
}
a.link:not(.button) .text:first-child {
  padding-left: 0
}
a.link:not(.button) .text:empty {
  display: none
}
a.image-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 1rem;
  text-decoration: none;
  border-radius: .2rem;
  background-clip: padding-box;
  border: 1px solid transparent;
  font-size: .9rem;
  padding: .2rem
}
a.image-button img {
  vertical-align: middle
}
a.image-button .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: .5rem;
  vertical-align: middle
}
a.image-button .text:first-child {
  padding-left: 0
}
a.image-button .text:empty {
  display: none
}
a.image-button.icon img {
  height: 1rem
}
a.link:active,
a.link:focus,
a.link:hover {
  text-decoration: underline
}
a.image-button:active,
a.image-button:focus,
a.image-button:hover {
  border-color: #dedede;
  background-color: #f8f8f8;
  text-decoration: none
}
a.image-button.aspNetDisabled,
a.image-button.disabled,
a.image-button[disabled] {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
  opacity: .5
}
a.go-back-link {
  display: inline-block;
  padding: .2rem .5rem
}
a.go-back-link::before {
  content: "«";
  margin-right: .25rem
}
.button i,
button i {
  margin-right: .25rem
}
.button i + span:empty,
button i + span:empty {
  display: none
}
.button-spacer {
  margin-right: .25rem
}
.button.delete {
  color: #a00
}
.button.hollow.borderless {
  border-color: transparent
}
.button.link:hover {
  text-decoration: none
}
.button.link {
  vertical-align: middle
}
.icon-button {
  cursor: pointer;
  border: 1px solid #888;
  border-radius: .2rem;
  padding: .3rem;
  background-color: #dfdfdf
}
.icon-button:hover {
  background-color: #d0d0d0
}
.script-button-image img {
  height: 1rem
}
fieldset {
  border-radius: .3em;
  background-clip: padding-box;
  padding: 1em;
  border: 1px solid #ddd;
  margin: .2em
}
fieldset legend {
  border-radius: .3em;
  background-clip: padding-box;
  background-color: #f7f7f7;
  border: 1px solid #eee;
  color: #000;
  font-weight: 700;
  padding: .2em .5em
}
table,
td,
th,
tr {
  border: 0
}
tbody,
tfoot,
thead {
  border: 1px solid #f1f1f1;
  background-color: #fefefe
}
table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse
}
table th {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}
tbody tr {
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe
}
hr.faded {
  background-color: #cacaca;
  background: linear-gradient(to right,#f5f5f5,#cacaca,#f5f5f5);
  border: 0;
  height: 1px
}
hr.faded.slim {
  margin: .5rem auto
}
hr.separator-line {
  margin: 1.5rem 0 .5rem;
  max-width: 100%
}
div.hline::after,
div.hline::before {
  display: table;
  content: " "
}
div.hline::after {
  clear: both
}
div.hline {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #d5d5d5;
  display: block;
  height: 3px;
  margin: 2px 0;
  width: 100%
}
img.to-delete {
  opacity: .5
}
ol.no-list-style,
ul.no-list-style {
  list-style: none
}
ol.no-margin,
ul.no-margin {
  margin: 0
}
ol.horizontal::after,
ol.horizontal::before,
ul.horizontal::after,
ul.horizontal::before {
  display: table;
  content: " "
}
ol.horizontal::after,
ul.horizontal::after {
  clear: both
}
ol.horizontal > li,
ul.horizontal > li {
  float: left
}
.input-group .input-group-button.auto-width {
  width: auto
}
.input-group .input-group-button select {
  height: 2.5rem;
  margin: 0
}
.clear {
  clear: both
}
.clear-left {
  clear: left
}
.clear-right {
  clear: right
}
.center {
  float: none;
  margin: 0 auto
}
.left {
  float: left
}
.right {
  float: right
}
.no-float {
  float: none!important
}
.wrap {
  white-space: normal!important
}
.preserve-whitespace {
  white-space: pre-line
}
.hidden {
  display: none!important
}
.block {
  display: block
}
.table {
  display: table
}
.table-row {
  display: table-row
}
.table-cell {
  display: table-cell
}
.nonbold {
  font-weight: 400
}
.bold {
  font-weight: 700
}
.italic {
  font-style: italic
}
.text-smaller {
  font-size: .8rem
}
.loader {
  vertical-align: middle
}
.callout {
  padding: .75rem
}
.validation-error {
  color: #cc4b37;
  font-size: .75rem;
  font-weight: 700;
  position: relative;
  top: -1rem;
  margin-bottom: 1rem
}
.validation-error:not([style*=display]):not(:empty),
.validation-error:not([style*=none]):not(:empty) {
  display: block!important
}
.success {
  color: #3adb76
}
.warning {
  color: #ffae00
}
.error {
  color: #cc4b37
}
.success.message,
.success.message-box,
.successful.message,
.successful.message-box {
  color: #3adb76
}
.error.message,
.error.message-box {
  color: #cc4b37
}
.warning.message,
.warning.message-box {
  color: #ffae00
}
.unavailable.message,
.unavailable.message-box {
  font-style: italic
}
.message-box {
  border: 1px solid #888;
  padding: .5rem
}
.message-box.success {
  background-color: #f0fff0;
  border-color: #6fc361
}
.message-box.warning {
  background-color: ivory;
  border-color: #e6c20b
}
.message-box.error {
  background-color: #fff0f0;
  border-color: #ee735c
}
.error-message,
.validation-message-error {
  color: #cc4b37
}
.successfully-saved-container::after,
.successfully-saved-container::before {
  display: table;
  content: " "
}
.successfully-saved-container::after {
  clear: both
}
.successfully-saved-container {
  background-color: #f0fff0;
  border: 1px solid #6fc361;
  color: #3adb76;
  margin-top: .5rem;
  padding: .5rem
}
.successfully-saved-container .reload-button,
.successfully-saved-container .text {
  line-height: 1rem
}
.successfully-saved-container .text {
  padding: .2rem
}
.successfully-saved-container .text::before {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  margin-right: .4rem;
  width: 1rem
}
.successfully-saved-container .reload-button {
  margin: .2rem .2rem .2rem 3rem
}
.validation-summary {
  border-width: 1px;
  border-style: solid;
  margin-top: .5rem;
  padding: .5rem
}
.validation-summary.validation-summary-error {
  background-color: #fff0f0;
  border-color: #ee735c
}
.validation-summary.validation-summary-warning {
  background-color: ivory;
  border-color: #e6c20b
}
.validation-summary ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.validation-summary ul li {
  word-wrap: break-word;
  hyphens: auto;
  padding: .2rem;
  white-space: normal;
  line-height: 1rem
}
.validation-summary ul li::before {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: .4rem;
  width: 1rem
}
.validation-summary ul li.error {
  color: #cc4b37
}
.validation-summary ul li.error::before {
  content: "\f06a"
}
.validation-summary ul li.warning {
  color: #ffae00
}
.validation-summary ul li.warning::before {
  content: "\f071"
}
.validation-summary ul li .inner-message {
  display: block;
  font-style: italic;
  padding-left: 1rem
}
.mandatory {
  color: #cc4b37;
  cursor: default;
  white-space: pre
}
.mandatory:not(:first-child) {
  padding-left: .5rem
}
.mandatory:not(:last-child) {
  padding-right: .5rem
}
.key-code {
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  color: #cf5f00;
  font-family: "Courier New",Courier,"Nimbus Mono L",monospace;
  font-size: 1.1em;
  padding: .1em
}
.information {
  font-style: italic;
  font-size: .8rem;
  color: #677d62
}
.directory-name,
.directory-path,
.file-name,
.file-path {
  font-family: "Courier New",Courier,"Nimbus Mono L",monospace;
  font-size: 1.1em;
  padding: .1em
}
::-moz-placeholder {
  color: #bbb!important;
  font-style: italic
}
.watermark,
::placeholder {
  color: #bbb!important;
  font-style: italic
}
:-ms-input-placeholder {
  color: #bbb!important;
  font-style: italic
}
.slidedown,
.slideup {
  height: 0;
  transition: height .5s ease-in-out
}
.slidedown {
  height: 100px
}
.grid-view {
  border: 1px solid #dfdfdf
}
.grid-view:not(.RadGrid) {
  font-size: .8rem
}
.grid-view > table,
.grid-view > table > tbody {
  border: 0
}
.grid-view td.control-column,
.grid-view th.control-column {
  width: 2.1rem;
  padding-left: .3rem;
  padding-right: .3rem
}
.grid-view td.control-column.control-column-2x,
.grid-view th.control-column.control-column-2x {
  width: 3.6rem
}
.grid-view td.control-column.control-column-3x,
.grid-view th.control-column.control-column-3x {
  width: 5.1rem
}
.grid-view td.control-column.control-column-4x,
.grid-view th.control-column.control-column-4x {
  width: 6.6rem
}
.grid-view td.control-column.control-column-5x,
.grid-view th.control-column.control-column-5x {
  width: 8.1rem
}
.grid-view td.control-column.control-column-6x,
.grid-view th.control-column.control-column-6x {
  width: 9.6rem
}
.grid-view td.control-column > *,
.grid-view th.control-column > * {
  float: left;
  margin-right: .1rem;
  max-height: 1.4rem;
  max-width: 1.4rem;
  min-width: 1rem;
  padding: .2rem
}
.grid-view td.control-column > :last-child,
.grid-view th.control-column > :last-child {
  margin-right: 0
}
.grid-view td.control-column a,
.grid-view th.control-column a {
  background: 0 0!important;
  border: 0!important
}
.grid-view td.control-column a > i,
.grid-view td.control-column img,
.grid-view th.control-column a > i,
.grid-view th.control-column img {
  min-width: .5rem;
  max-width: 1rem
}
.grid-view td.control-column img,
.grid-view th.control-column img {
  box-sizing: content-box;
  vertical-align: top;
  height: 1rem
}
.grid-view .table-row-empty {
  font-style: italic
}
.grid-view .row-disabled {
  color: #aaa
}
.grid-view tr {
  border-bottom: 1px solid #d3d3d3
}
.grid-view tr:nth-child(even):not(.table-group-header) {
  background-color: #f9f9f9
}
.grid-view tr:nth-child(odd):not(.table-group-header) {
  background-color: #fff
}
.tree-view table {
  margin: 0
}
.tree-view table td,
.tree-view table th {
  padding: 0;
  vertical-align: middle
}
.tree-view .tree-node a {
  color: #222
}
.tree-view .tree-node a.selected-tree-node,
.tree-view .tree-node a:hover {
  color: #ff7f00
}
.tree-view .tree-node a.selected-tree-node:hover {
  color: rgb(229.5,114.3,0)
}
.tree-view .tree-node span {
  color: #aaa
}
.file-uploader-wrapper .file-restrictions {
  color: #888;
  font-size: .8rem;
  font-style: italic;
  padding: .3rem .2rem .5rem;
  text-align: right
}
.file-uploader-wrapper .file-restrictions .maximum-file-size {
  padding-left: .5rem
}
.file-uploader-wrapper .file-uploader {
  width: 100%!important
}
.file-uploader-wrapper .file-uploader .su-fileselector {
  border-radius: .3rem;
  background-clip: padding-box;
  background-color: #f8f8f8;
  background: repeating-linear-gradient(-55deg,#f8f8f8,#f8f8f8 10px,#e8e8e8 10px,#e8e8e8 20px);
  border: 1px solid #ccc;
  box-shadow: inset 0 0 .3rem #ccc;
  cursor: pointer;
  display: block;
  float: none!important;
  font-size: 1.2rem;
  margin: .25rem 0;
  padding: 1rem;
  text-align: center
}
.file-uploader-wrapper .file-uploader .su-fileselector [type=file],
.file-uploader-wrapper .file-uploader .su-fileselector a {
  cursor: pointer
}
.file-uploader-wrapper .file-uploader .su-fileselector a {
  color: #888;
  font-weight: 700;
  text-decoration: none
}
.file-uploader-wrapper .file-uploader .su-fileselector.su-hover {
  background-color: #f3f3f3;
  background: repeating-linear-gradient(-55deg,#f7f7f7,#f7f7f7 10px,#e5e5e5 10px,#e5e5e5 20px);
  border-color: #bebebe;
  box-shadow: inset 0 0 .3rem #bebebe
}
.file-uploader-wrapper .file-uploader .su-fileselector.su-hover a {
  color: #777
}
.file-uploader-wrapper .file-uploader .su-filelist {
  padding-top: .2rem
}
.file-uploader-wrapper .file-uploader .su-filelistitem {
  color: #888;
  padding: .1rem .2rem
}
.file-uploader-wrapper .file-uploader .su-filelistitem-current {
  color: #000
}
.file-uploader-wrapper .file-uploader .su-filelistitem-finished {
  color: #080
}
.file-uploader-wrapper .file-uploader .file-item-info::after,
.file-uploader-wrapper .file-uploader .file-item-info::before {
  display: table;
  content: " "
}
.file-uploader-wrapper .file-uploader .file-item-info::after {
  clear: both
}
.file-uploader-wrapper .file-uploader .file-item-info {
  display: block;
  font-size: .8rem;
  line-height: .9rem
}
.file-uploader-wrapper .file-uploader .file-item-info .file-remove-link {
  color: #c00;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 1rem
}
.file-uploader-wrapper .file-uploader .file-item-info .file-remove-link::before {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d"
}
.file-uploader-wrapper .file-uploader .file-item-info .file-name,
.file-uploader-wrapper .file-uploader .file-item-info .file-size,
.file-uploader-wrapper .file-uploader .file-item-info .file-total-items-info .file-total-size {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: "Courier New",Courier,"Nimbus Mono L",monospace;
  overflow: hidden
}
.file-uploader-wrapper .file-uploader .file-item-info .file-name {
  padding: 0;
  width: 81%
}
.file-uploader-wrapper .file-uploader .file-item-info .file-size,
.file-uploader-wrapper .file-uploader .file-item-info .file-total-items-info .file-total-size {
  padding-left: 1%;
  text-align: right;
  width: 14%
}
.file-uploader-wrapper .file-uploader .file-item-validation-message {
  padding-left: 1rem
}
.file-uploader-wrapper .file-uploader .file-item-validation-message .validation-message {
  color: red;
  display: block;
  font-size: .8rem;
  font-style: italic;
  padding-top: .1rem
}
.file-uploader-wrapper .file-uploader .file-total-items-info {
  border-top: 1px solid #eee
}
.file-uploader-wrapper .file-uploader .file-total-items-info .file-total-size {
  width: 100%
}
.file-uploader-wrapper .file-uploader .progress-wrapper {
  overflow: hidden;
  padding-top: .5rem
}
.file-uploader-wrapper .file-uploader .progress-wrapper .progress-bar-wrapper {
  border: 1px solid #ccc;
  height: 1.5rem;
  margin-bottom: .5rem;
  position: relative
}
.file-uploader-wrapper .file-uploader .progress-wrapper .progress-bar-wrapper .progress-bar {
  background-color: #ffb500;
  height: 1.5rem;
  width: 0
}
.file-uploader-wrapper .file-uploader .progress-wrapper .progress-bar-wrapper .progress-bar-text-wrapper {
  line-height: 1.5rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}
.file-uploader-wrapper .file-uploader .progress-wrapper .progress-bar-wrapper .progress-bar-text-wrapper .progress-bar-text {
  color: #555
}
.file-uploader-wrapper .file-uploader .progress-wrapper .file-current-wrapper,
.file-uploader-wrapper .file-uploader .progress-wrapper .speed-wrapper,
.file-uploader-wrapper .file-uploader .progress-wrapper .time-remaining-wrapper {
  padding-left: .2rem
}
.file-uploader-wrapper .file-uploader .progress-wrapper .file-index-wrapper,
.file-uploader-wrapper .file-uploader .progress-wrapper .speed-wrapper,
.file-uploader-wrapper .file-uploader .progress-wrapper .time-remaining-wrapper {
  color: #888;
  padding-right: .2rem
}
.file-uploader-wrapper .file-uploader .progress-wrapper .speed-wrapper,
.file-uploader-wrapper .file-uploader .progress-wrapper .time-remaining-wrapper {
  padding-top: .3rem
}
.file-uploader-wrapper .file-uploader .progress-wrapper .speed-wrapper {
  width: 90px
}
.file-uploader-wrapper .processing-wrapper {
  padding: 1rem;
  text-align: center
}
.file-uploader-wrapper .processing-wrapper .image,
.file-uploader-wrapper .processing-wrapper .text {
  display: block
}
.file-uploader-wrapper .processing-wrapper .image {
  margin: 0 auto
}
.file-uploader-wrapper .processing-wrapper .text {
  padding-top: 1rem
}
.italic-description {
  font-size: .8rem;
  font-style: italic;
  padding-bottom: .75rem
}
.page-header {
  font-size: larger;
  font-weight: 700
}
.header-label {
  font-weight: 700
}
.header-sub-label {
  font-weight: 700;
  font-size: smaller
}
.cell-summary-label {
  width: 200px
}
.summary-label {
  font-size: smaller;
  font-weight: 400
}
.form-header::after,
.form-header::before {
  display: table;
  content: " "
}
.form-header::after {
  clear: both
}
.form-header {
  font-weight: 700;
  padding: .5rem 0
}
.FormRow,
.form-row {
  clear: both;
  padding: .2em .5em
}
.FormRow .form-multi-field,
.form-row .form-multi-field {
  float: left
}
.FormLabel,
.form-label,
.form-label-dynamic-width,
.form-label-medium,
.form-label-small,
.form-label-wide {
  float: left;
  padding-top: .3em
}
.FormField,
.FormLabel,
.form-field,
.form-label {
  width: 15em
}
.FormFieldSmall,
.form-field-small,
.form-label-small {
  width: 7.1em
}
.FormFieldMedium,
.form-field-medium,
.form-label-medium {
  width: 20em
}
.FormFieldWide,
.form-field-wide,
.form-label-wide {
  width: 25em
}
span .FormField,
span .FormFieldDescription,
span .FormFieldDynamicWidth,
span .FormFieldMedium,
span .FormFieldSmall,
span .FormFieldWide,
span .form-field,
span .form-field-description,
span .form-field-dynamic-width,
span .form-field-medium,
span .form-field-small,
span .form-field-wide {
  display: inline-block;
  padding-top: .3em
}
textarea.FormField,
textarea.FormFieldMedium,
textarea.FormFieldWide,
textarea.form-field,
textarea.form-field-medium,
textarea.form-field-wide {
  height: 6em
}
textarea.FormField,
textarea.form-field {
  width: 22em
}
textarea.FormFieldMedium,
textarea.form-field-medium {
  width: 27.5em
}
textarea.FormFieldWide,
textarea.form-field-wide {
  width: 34em
}
.FormFieldButton,
.form-field-button {
  cursor: pointer;
  vertical-align: text-bottom
}
.FormFieldDescription,
.form-field-description {
  color: #888;
  font-size: .9em;
  font-style: italic
}
.FormFieldTable,
.form-field-table {
  float: left
}
.FormFieldTable .Label,
.FormFieldTable .label,
.form-field-table .Label,
.form-field-table .label {
  padding-right: 1em
}
.FormFieldTable .FormField,
.FormFieldTable .FormFieldDescription,
.FormFieldTable .FormFieldDynamicWidth,
.FormFieldTable .FormFieldMedium,
.FormFieldTable .FormFieldSmall,
.FormFieldTable .FormFieldWide,
.FormFieldTable .form-field,
.FormFieldTable .form-field-description,
.FormFieldTable .form-field-dynamic-width,
.FormFieldTable .form-field-medium,
.FormFieldTable .form-field-small,
.FormFieldTable .form-field-wide,
.form-field-table .FormField,
.form-field-table .FormFieldDescription,
.form-field-table .FormFieldDynamicWidth,
.form-field-table .FormFieldMedium,
.form-field-table .FormFieldSmall,
.form-field-table .FormFieldWide,
.form-field-table .form-field,
.form-field-table .form-field-description,
.form-field-table .form-field-dynamic-width,
.form-field-table .form-field-medium,
.form-field-table .form-field-small,
.form-field-table .form-field-wide {
  margin-right: .3em
}
.form-multi-field-item {
  float: left;
  width: 150px;
  display: block
}
.list-label {
  display: block;
  float: left;
  font-size: 100%;
  margin-top: 2px;
  padding-right: 5px;
  width: 15em
}
.delimiter-horizontal-dark::after,
.delimiter-horizontal-dark::before,
.delimiter-horizontal-light::after,
.delimiter-horizontal-light::before,
.delimiter-horizontal::after,
.delimiter-horizontal::before,
.separator::after,
.separator::before {
  display: table;
  content: " "
}
.delimiter-horizontal-dark::after,
.delimiter-horizontal-light::after,
.delimiter-horizontal::after,
.separator::after {
  clear: both
}
.delimiter-horizontal,
.delimiter-horizontal-dark,
.delimiter-horizontal-light,
.separator {
  border-top: 1px dashed #ccc;
  margin: 2px 0;
  width: 100%
}
.delimiter-horizontal-light {
  border-top-color: #e0e0e0
}
.delimiter-horizontal-dark {
  border-top-color: #a6a6a6
}
.image-upload-table td {
  vertical-align: middle
}
.image-upload-table .image-uploader-buttons {
  text-align: left
}
.image-upload-table .validation-error {
  top: 0
}
.address-details,
.invoice-details,
.payment-gateway-details {
  float: left
}
.address-details .warning-box,
.invoice-details .warning-box,
.payment-gateway-details .warning-box {
  padding: 1em 0;
  text-align: center
}
.address-details .warning-box .warning-icon,
.invoice-details .warning-box .warning-icon,
.payment-gateway-details .warning-box .warning-icon {
  margin-bottom: .5em
}
fieldset.search-filter-box {
  margin: auto 5px 10px
}
.toolbar::after,
.toolbar::before {
  display: table;
  content: " "
}
.toolbar::after {
  clear: both
}
.toolbar {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  font-size: .7rem;
  line-height: 1rem;
  padding: .2rem .3rem .1rem;
  margin-top: .2rem;
  position: relative
}
.toolbar.toolbar-top {
  border-width: 0 0 1px
}
.toolbar.toolbar-bottom {
  border-width: 1px 0 0
}
.toolbar > * {
  display: inline-block;
  vertical-align: text-bottom
}
.toolbar .RadComboBox,
.toolbar a,
.toolbar button,
.toolbar input,
.toolbar label,
.toolbar select,
.toolbar textarea {
  display: inline-block;
  font-size: .7rem;
  height: 1.7rem;
  line-height: 1rem;
  margin-bottom: .1rem;
  padding-bottom: .3rem;
  padding-left: .3rem;
  padding-top: .3rem;
  width: auto
}
.toolbar .RadComboBox:not(select),
.toolbar a:not(select),
.toolbar button:not(select),
.toolbar input:not(select),
.toolbar label:not(select),
.toolbar select:not(select),
.toolbar textarea:not(select) {
  padding-right: .3rem
}
.toolbar .RadComboBox {
  padding-top: 0;
  vertical-align: top
}
.toolbar .RadComboBox .rcbInput {
  height: 1rem!important;
  font-size: .7rem!important
}
.toolbar > span {
  display: inline-block;
  line-height: 1.5rem
}
.toolbar [type=checkbox] {
  vertical-align: text-bottom
}
.toolbar .input-group {
  margin-bottom: .1rem
}
.toolbar .input-group input {
  width: 100%
}
.toolbar a img,
.toolbar button img {
  vertical-align: top;
  height: 1rem
}
.toolbar a.toolbar-button,
.toolbar button.toolbar-button {
  border-radius: .2rem;
  background-clip: padding-box;
  background-color: rgb(245.45,245.45,245.45);
  border: 1px solid #c1c1c1;
  color: #333;
  text-decoration: none;
  vertical-align: top
}
.toolbar a.toolbar-button:hover:not([disabled]):not([readonly]):not([class~=aspNetDisabled]),
.toolbar button.toolbar-button:hover:not([disabled]):not([readonly]):not([class~=aspNetDisabled]) {
  background-color: #e8e8e8;
  border-color: #dcdcdc;
  color: #000
}
@media (max-width:39.9375em) {
  .toolbar .toolbar-box,
  .toolbar .toolbar-button,
  .toolbar .toolbar-control,
  .toolbar .toolbar-divisor,
  .toolbar .toolbar-divisor-wide {
    margin: .4rem
  }
  .toolbar .toolbar-divisor,
  .toolbar .toolbar-divisor-wide {
    display: none!important
  }
}
.toolbar .toolbar-box,
.toolbar .toolbar-button,
.toolbar .toolbar-control,
.toolbar .toolbar-divisor,
.toolbar .toolbar-divisor-wide {
  margin: 0 .15rem .1rem
}
.toolbar .toolbar-box:last-child,
.toolbar .toolbar-button:last-child,
.toolbar .toolbar-control:last-child,
.toolbar .toolbar-divisor-wide:last-child,
.toolbar .toolbar-divisor:last-child {
  margin-right: 0
}
.toolbar .toolbar-box *,
.toolbar .toolbar-control *,
.toolbar .toolbar-divisor *,
.toolbar .toolbar-divisor-wide * {
  margin: 0
}
.toolbar .toolbar-box {
  display: inline-block;
  line-height: 1rem
}
.toolbar .toolbar-box.padded {
  padding: .3rem
}
.toolbar .toolbar-divisor,
.toolbar .toolbar-divisor-wide {
  background-color: rgb(235.25,235.25,235.25);
  border: 0;
  display: inline-block;
  height: 1.5rem;
  line-height: 1rem;
  margin-top: .1rem;
  vertical-align: top;
  width: 1px
}
.toolbar .toolbar-divisor-wide {
  margin-left: .5rem;
  margin-right: .5rem
}
.toolbar .aspNetDisabled,
.toolbar .aspNetDisabled[type=checkbox]+label[for],
.toolbar .aspNetDisabled[type=radio]+label[for],
.toolbar [disabled],
.toolbar [disabled][type=checkbox]+label[for],
.toolbar [disabled][type=radio]+label[for],
.toolbar [readonly],
.toolbar [readonly][type=checkbox]+label[for],
.toolbar [readonly][type=radio]+label[for] {
  cursor: default;
  opacity: .5
}
.toolbar .aspNetDisabled img,
.toolbar [disabled] img,
.toolbar [readonly] img {
  opacity: .5
}
.CodeMirror {
  font-family: "Courier New",Courier,"Nimbus Mono L",monospace
}
.CodeMirror.as-input {
  border: 1px solid #cacaca
}
.CodeMirror.read-only {
  background-color: #e6e6e6;
  cursor: default
}
.additional-items-label {
  font-size: .8rem;
  color: #555
}
.additional-items-value {
  font-size: .875rem;
  color: #676767
}
.login .form-wrapper,
.recover-password .form-wrapper {
  padding: 2em 3em
}
.login .form-wrapper .form,
.recover-password .form-wrapper .form {
  width: 100%
}
.login .form-wrapper .form td,
.recover-password .form-wrapper .form td {
  vertical-align: middle
}
.login .form-wrapper .form .label,
.recover-password .form-wrapper .form .label {
  font-variant: small-caps;
  font-weight: 700;
  padding: 0 .5em .3em
}
.login .form-wrapper .form .label-validation,
.recover-password .form-wrapper .form .label-validation {
  font-weight: 400
}
.login .form-wrapper .form .field,
.recover-password .form-wrapper .form .field {
  padding-bottom: .75em
}
.login .form-wrapper .form .field [type=password],
.login .form-wrapper .form .field [type=text],
.recover-password .form-wrapper .form .field [type=password],
.recover-password .form-wrapper .form .field [type=text] {
  font-size: 1.3em;
  padding: .3em;
  width: 100%
}
.login .form-wrapper .form .message-error,
.recover-password .form-wrapper .form .message-error {
  padding: .75em 0 .25em
}
.cookies-disabled-message {
  color: #d37c11;
  font-size: .8rem
}
.logged-out {
  padding: 1em
}
.registration .terms {
  padding-bottom: 1rem
}
.registration .terms input {
  height: auto
}
.registration .form-wrapper {
  padding: 1em 2em
}
.registration .form-wrapper .input-wrapper .form-row {
  clear: both
}
.registration .form-wrapper .input-wrapper .form-label,
.registration .form-wrapper .input-wrapper .properties-wrapper .property_label {
  float: left;
  font-variant: small-caps;
  font-weight: 700
}
.registration .form-wrapper .input-wrapper .form-field,
.registration .form-wrapper .input-wrapper .form-field-dynamic-width,
.registration .form-wrapper .input-wrapper .form-field-medium,
.registration .form-wrapper .input-wrapper .form-field-small,
.registration .form-wrapper .input-wrapper .form-field-wide {
  float: left
}
.registration .form-wrapper .input-wrapper .mandatory {
  float: left;
  padding-top: 7px
}
.registration .form-wrapper .input-wrapper .validation-message-error {
  clear: left;
  float: left;
  font-variant: small-caps;
  margin-left: 15em;
  padding: 0 .2em .2em
}
.registration .form-wrapper .buttons-wrapper {
  padding: .5em 2em 1em;
  text-align: right
}
.registration .form-wrapper .error-wrapper {
  padding: 0 2em 1em;
  text-align: center
}
.page-registration .minimal-page-content-wrapper .page-content .main-content,
.page-registration .minimal-page-content-wrapper .page-footer {
  margin: 0 auto;
  width: 55em
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content {
  margin: 0 auto;
  width: 40em
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content .activation .activation-instructions {
  border-bottom: 1px solid #eee;
  display: block;
  margin-bottom: 1em;
  padding: 1em
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content .activation .form-wrapper {
  padding: 1em 2em
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content .activation .form-wrapper .input-wrapper .mandatory {
  float: left;
  padding-top: 7px
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content .activation .form-wrapper .input-wrapper .validation-message-error {
  clear: left;
  float: left;
  font-variant: small-caps;
  margin-left: 15em;
  padding: 0 .2em .2em
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content .activation .form-wrapper .buttons-wrapper {
  padding: .5em 2em 1em;
  text-align: right
}
.page-confirmation.page-activation .minimal-page-content-wrapper .page-content .main-content .activation .form-wrapper .error-wrapper {
  padding: 0 2em 1em;
  text-align: center
}
.page-confirmation.page-acceptance .minimal-page-content-wrapper .page-content .main-content,
.page-confirmation.page-activation .minimal-page-content-wrapper .page-footer {
  margin: 0 auto;
  width: 40em
}
.page-confirmation.page-acceptance .minimal-page-content-wrapper .page-content .main-content .acceptance .acceptance-message {
  display: block;
  padding: 1em
}
.page-confirmation.page-acceptance .minimal-page-content-wrapper .page-footer,
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-content .main-content {
  margin: 0 auto;
  width: 40em
}
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-content .main-content .message-error-wrapper {
  padding: 2em
}
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-content .main-content .message-error-wrapper .message-error-message,
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-content .main-content .message-error-wrapper .message-error-title {
  display: block;
  text-align: center
}
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-content .main-content .message-error-wrapper .message-error-title {
  border-bottom: 1px solid #eee;
  font-size: 1.4em;
  padding: 0 .3em .2em
}
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-content .main-content .message-error-wrapper .message-error-message {
  padding: 1em .3em 0
}
.page-confirmation.page-confirmation-error .minimal-page-content-wrapper .page-footer {
  margin: 0 auto;
  width: 40em
}
.selectable-item {
  border: 1px solid #f5f5f5;
  cursor: pointer;
  float: left;
  margin: 2px 4px;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  width: 80px;
  word-wrap: break-word
}
.selectable-item .image {
  height: 100px;
  margin-bottom: 5px
}
.selectable-item .text {
  color: #000;
  display: block;
  font-size: .8em;
  height: 5.5em;
  overflow: hidden
}
.selectable-item.selectable-item-hover {
  border-color: #e9dfd0!important;
  background-color: #fafafc
}
.selectable-item.selectable-item-selected,
.selectable-item.selected-selectable-item {
  border-color: #c9bfb0!important;
  background-color: #faf8ec
}
.selectable-item.selectable-item-selected-hover {
  border-color: #a99f90!important;
  background-color: #faf8f4
}
.information-page-content-wrapper .information-page-content {
  min-height: 1.5rem;
  padding: .2rem .2rem 1.8rem
}
.information-page-content-wrapper .information-page-buttons a {
  color: inherit;
  float: right;
  margin-left: .25rem
}
.HC_div {
  margin: 0 auto
}
.HC_grid th {
  padding: 1px!important
}
.HE_top_bar {
  padding: 0 5px 5px!important
}
.HE_editPanel .inner_htmlarea {
  font-weight: 400
}
.HE_editPanel .inner_iframe {
  width: 100%!important
}
.HE_editPanel textarea {
  font-size: 10pt;
  font-family: Courier
}
.select-from-tree-view-dialog {
  max-width: 30rem!important
}
.select-from-tree-view-dialog .tree-view-wrapper {
  height: 25rem;
  overflow: auto
}
.select-resource-path-dialog {
  max-width: 30rem!important
}
.select-resource-path-dialog .tree-view-wrapper {
  height: 25rem;
  overflow: auto
}
.select-toolbar-dropdown-items {
  background-color: #f8f8f8;
  border: 1px solid #e6ddd3;
  margin: 0;
  position: absolute;
  z-index: 1000
}
.select-toolbar-dropdown-items ul.item-list {
  list-style: none;
  margin: 0;
  padding: 0
}
.select-toolbar-dropdown-items ul.item-list li {
  padding: .3rem .1rem
}
.select-toolbar-dropdown-items ul.item-list li:hover {
  background-color: #f0f0f0
}
.select-toolbar-dropdown-items ul.item-list li a,
.select-toolbar-dropdown-items ul.item-list li button {
  cursor: pointer;
  display: block;
  font-size: .9rem;
  height: auto;
  min-width: 10rem;
  padding: .3rem;
  text-align: left
}
.select-toolbar-dropdown-items ul.item-list li a:hover,
.select-toolbar-dropdown-items ul.item-list li button:hover {
  text-decoration: none
}
.input-element-group-tab-strip,
.tab-strip {
  font-size: .9rem;
  margin-bottom: .5rem;
  padding: .25rem .25rem 0
}
.input-element-group-tab-strip ul.tabs::after,
.input-element-group-tab-strip ul.tabs::before,
.tab-strip ul.tabs::after,
.tab-strip ul.tabs::before {
  display: table;
  content: " "
}
.input-element-group-tab-strip ul.tabs::after,
.tab-strip ul.tabs::after {
  clear: both
}
.input-element-group-tab-strip ul.tabs,
.tab-strip ul.tabs {
  list-style: none;
  margin: 0;
  padding: 0
}
.input-element-group-tab-strip ul.tabs li,
.tab-strip ul.tabs li {
  float: left
}
.input-element-group-tab-strip ul.tabs li a,
.tab-strip ul.tabs li a {
  border-color: #ddd;
  border-style: solid;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f0f0f0;
  color: #333;
  display: block;
  max-width: 20rem;
  min-width: 4rem;
  overflow: hidden;
  padding: .3rem .75rem;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  border-width: 1px 1px 0
}
.input-element-group-tab-strip ul.tabs li a.active,
.input-element-group-tab-strip ul.tabs li a.selected,
.input-element-group-tab-strip ul.tabs li a:active,
.tab-strip ul.tabs li a.active,
.tab-strip ul.tabs li a.selected,
.tab-strip ul.tabs li a:active {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  color: #666
}
.input-element-group-tab-strip ul.tabs li a:hover,
.tab-strip ul.tabs li a:hover {
  color: #000
}
.input-element-group-tab-strip ul.tabs li a:hover:not([class*=active]):not([class*=selected]),
.tab-strip ul.tabs li a:hover:not([class*=active]):not([class*=selected]) {
  background-color: #f8f8f8
}
.input-element-group-tab-strip ul.tabs li a.invalid:hover,
.input-element-group-tab-strip ul.tabs li a.selected.invalid:hover,
.tab-strip ul.tabs li a.invalid:hover,
.tab-strip ul.tabs li a.selected.invalid:hover {
  border-color: #f55;
  color: red
}
.input-element-group-tab-strip ul.tabs li a.selected.invalid,
.tab-strip ul.tabs li a.selected.invalid {
  border-color: #dc9696;
  color: #f33
}
.input-element-group-tab-strip ul.tabs li a.invalid,
.tab-strip ul.tabs li a.invalid {
  border-color: #f0d2d2;
  color: #f88
}
.input-element-group-tab-strip ul.tabs li a.aspNetDisabled,
.input-element-group-tab-strip ul.tabs li a.disabled,
.input-element-group-tab-strip ul.tabs li a[disabled],
.tab-strip ul.tabs li a.aspNetDisabled,
.tab-strip ul.tabs li a.disabled,
.tab-strip ul.tabs li a[disabled] {
  color: #bbb
}
.input-element-group-tab-strip ul.tabs li:first-child a,
.tab-strip ul.tabs li:first-child a {
  border-top-left-radius: .25rem
}
.input-element-group-tab-strip ul.tabs li:last-child a,
.tab-strip ul.tabs li:last-child a {
  border-top-right-radius: .25rem
}
.saved-order-selection .information {
  margin-bottom: 1em;
  font-style: italic
}
.saved-order-selection .dropdown {
  margin: 0 1em
}
.properties-wrapper {
  position: relative
}
.properties .group-panel {
  padding: .5em
}
.properties .button {
  margin-bottom: 0
}
.properties span.radio-button-list {
  margin-top: .75rem
}
.properties span.radio-button-list label {
  line-height: 1.8rem
}
.properties span.radio-button-list input {
  margin-left: 0;
  height: 1.75rem
}
.properties .help-text-button {
  cursor: help
}
.properties .trigger-status {
  font-style: italic;
  margin-bottom: 1rem
}
.navigation-thumbnail {
  padding-left: 10px;
  padding-top: 20px
}
.upload-document .properties {
  padding-bottom: 1em
}
.upload-document .document-information {
  border: 1px solid #cfcfcf
}
.upload-document .document-information .file-table {
  width: 100%;
  font-size: .8rem
}
.upload-document .document-information .file-table th {
  color: #607d8b;
  font-weight: 400
}
.upload-document .document-information .file-table .delete,
.upload-document .document-information .file-table .progress,
.upload-document .document-information .file-table .warnings {
  width: 4%
}
.upload-document .document-information .file-table .format-information,
.upload-document .document-information .file-table .page-information {
  width: 10%
}
.image-view-control {
  background-color: #fff;
  text-align: center
}
.image-view-control a {
  display: block
}
.video-view-control {
  background-color: #f8f8f8
}
.video-view-control table {
  height: 100%
}
.video-view-control table td {
  padding: 0;
  text-align: center;
  vertical-align: middle
}
.fields-preview .page-selection {
  float: right;
  margin: .1em
}
.fields-preview .preview-area {
  margin-top: .5em;
  border: 1px solid #ccc;
  position: relative
}
.fields-preview .preview-size {
  height: 500px;
  width: 550px
}
.fields-preview .preview-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0
}
.fields-preview .preview-graphics {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}
.fields-preview .preview-fallback-image {
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle
}
.preview-control {
  width: 100%
}
.preview-control .preview-content {
  height: 75vh!important;
  overflow: auto;
  position: relative;
  background-color: #e0e0e0
}
.preview-control .preview-image {
  border: 1px solid #ddd;
  box-shadow: 5px 5px 3px #888;
  margin: auto;
  display: block
}
.preview-control .page-info {
  padding-left: 2rem
}
.edit-font-mappings a {
  line-height: 16px
}
.dialog-edit-input-element .data-source-columns {
  height: 6.5em;
  width: 28em
}
.dialog-edit-input-element .rich-text-functions-controls {
  width: 370px
}
.dialog-edit-input-element .sample-image {
  border: 1px solid #ddd!important
}
.dialog-edit-input-element .input-element-select-media-bank-path {
  padding-left: .5em
}
.dialog-edit-input-element .button-remove-sample-image {
  height: 12px;
  margin-left: .5em;
  width: 12px
}
.dialog-edit-input-element .style-wrapper {
  padding-top: .5em
}
.input-element-styles-wrapper .custom-styles-wrapper,
.input-element-styles-wrapper .font-wrapper {
  height: 140px
}
.input-element-styles-wrapper .font-wrapper {
  width: 200px
}
.input-element-styles-wrapper .font-wrapper .font-data {
  width: 100%
}
.input-element-styles-wrapper .font-wrapper td.label {
  width: 40%
}
.input-element-styles-wrapper .font-wrapper td.field {
  width: 60%
}
.input-element-styles-wrapper .font-wrapper td.field-font-size [type=text] {
  float: left;
  width: 65px
}
.input-element-styles-wrapper .font-wrapper td.field-font-size select {
  float: right;
  width: 50px
}
.input-element-styles-wrapper .font-wrapper td.field-font-color [type=text] {
  width: 100%
}
.input-element-styles-wrapper .custom-styles-wrapper {
  width: 290px
}
.input-element-styles-wrapper .custom-styles-wrapper textarea {
  height: 125px;
  width: 100%
}
.text-box-show-border {
  padding-left: .3rem!important;
  border: 1px solid #cacaca!important;
  background-color: #fff;
  white-space: normal
}
.property-override-control .property_wrapper {
  background-color: #fafafa
}
.property-override-control .property-override-checkbox,
.property-override-control .property_control,
.property-override-control .property_field,
.property-override-control .property_label {
  display: block;
  float: left
}
.property-override-control .property-override-checkbox {
  padding-top: 5px;
  text-align: center;
  width: 5%
}
.property-override-control .property_control {
  background-color: #fff;
  padding: .25em 0 .25em 1%;
  width: 94%
}
.property-override-control .property_control .property_label {
  padding-top: 4px;
  width: 40%
}
.property-override-control .property_control .property_field {
  width: 50%
}
.property-override-control .property_control .property_field .property_field_item {
  width: 100%
}
.property-override-control .property_control .property_dependendency {
  clear: both;
  display: block;
  font-size: .9em;
  padding: 0 1%
}
.property-override-control .property_control .property_dependendency .validation_message {
  float: left;
  padding-top: .2em
}
.hk-calendar .calendarMonthDefault {
  border-collapse: separate!important;
  border-spacing: 0!important
}
.hk-calendar .calendarDayDefault,
.hk-calendar .calendarDayDisabledDefault,
.hk-calendar .calendarDayDisabledOverDefault,
.hk-calendar .calendarDayOverDefault,
.hk-calendar .calendarDaySelectedDefault,
.hk-calendar .calendarDaySelectedOverDefault,
.hk-calendar .calendarDaySpecialDefault,
.hk-calendar .calendarDaySpecialOverDefault,
.hk-calendar .calendarDayTodayDefault,
.hk-calendar .calendarDayTodayOverDefault {
  border: 1px solid transparent!important;
  padding: 1px!important;
  text-align: center!important;
  vertical-align: middle!important
}
.hk-calendar .calendarDayDefault {
  color: #333
}
.hk-calendar .calendarDayOverDefault {
  color: #000;
  font-weight: 700
}
.hk-calendar .calendarDayTodayDefault,
.hk-calendar .calendarDayTodayOverDefault {
  background-color: #9ce;
  border: 1px solid #7ac!important
}
.hk-calendar .calendarDayTodayDefault {
  color: #008
}
.hk-calendar .calendarDayTodayOverDefault {
  color: #00a
}
.hk-calendar .calendarDayDisabledDefault,
.hk-calendar .calendarDayDisabledOverDefault {
  color: #c0c2c1;
  cursor: default
}
.hk-calendar .calendarDaySelectedDefault,
.hk-calendar .calendarDaySelectedOverDefault {
  background-color: gold;
  border: 1px solid #ddb500!important
}
.hk-calendar .calendarDaySelectedDefault {
  color: #800
}
.hk-calendar .calendarDaySelectedOverDefault {
  color: #a00
}
.hk-calendar .calendarDaySpecialDefault,
.hk-calendar .calendarDaySpecialOverDefault {
  color: #dc143c;
  cursor: default
}
.import-error-details .import-error-header {
  border-bottom: 1px solid #bbb;
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: .5em;
  padding-bottom: 2px
}
.import-error-details .import-error-content {
  max-height: 500px;
  overflow: auto
}
.import-error-details .import-error-content .import-error-row {
  clear: both;
  font-size: .9em;
  margin-bottom: 2px
}
.import-error-details .import-error-content .import-error-row .import-error-row-message,
.import-error-details .import-error-content .import-error-row .import-error-row-number {
  float: left
}
.import-error-details .import-error-content .import-error-row .import-error-row-number {
  font-style: italic;
  width: 8%
}
.import-error-details .import-error-content .import-error-row .import-error-row-message {
  width: 92%
}
.date-picker {
  position: relative
}
.date-picker .date-picker-input-wrapper {
  display: block;
  width: auto!important
}
.date-picker .input-group-button a {
  cursor: pointer!important
}
.date-picker .date-picker-calendar-wrapper {
  position: absolute;
  right: 0;
  z-index: 50000
}
.input-control-wrapper table {
  margin: 0
}
.input-control-wrapper table tr {
  background: 0 0!important
}
.download-resources-control {
  position: relative
}
.download-resources-control .download-resources-list-wrapper {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-top: .1em;
  min-width: 11rem;
  overflow: hidden;
  position: absolute;
  bottom: 2rem;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  z-index: 1000;
  border-radius: 0 .5em .5em
}
.download-resources-control .download-resources-list-wrapper .download-resources-list {
  display: table;
  margin: .25em
}
.download-resources-control .download-resources-list-wrapper .download-resources-list a {
  background: 0 0;
  border: 0;
  display: table-row
}
.download-resources-control .download-resources-list-wrapper .download-resources-list a .icon,
.download-resources-control .download-resources-list-wrapper .download-resources-list a .info,
.download-resources-control .download-resources-list-wrapper .download-resources-list a .name {
  display: table-cell;
  vertical-align: middle
}
.download-resources-control .download-resources-list-wrapper .download-resources-list a .info,
.download-resources-control .download-resources-list-wrapper .download-resources-list a .name {
  padding: .1rem
}
.download-resources-control .download-resources-list-wrapper .download-resources-list a .icon {
  height: 1rem;
  margin: .25rem 0;
  min-width: 1rem
}
.download-resources-control .download-resources-list-wrapper .download-resources-list a .name {
  padding: 0 2rem 0 .3rem
}
.download-resources-control .download-resources-list-wrapper .download-resources-list a .info {
  font-size: .8rem;
  font-style: italic;
  text-align: right
}
.properties-management .rgDataDiv {
  height: unset!important;
  max-height: 32em
}
.properties-management .column-sample {
  font-size: .75rem;
  line-height: 1rem
}
.composite_content .item-controls {
  margin-top: 1.5em
}
.composite_content .items {
  overflow: auto
}
.composite_content .items .property-label {
  font-style: italic;
  color: #89a15c
}
.composite_content .items .property-value {
  color: #99714f
}
.set-booking-dates .error.message {
  margin-bottom: .5rem
}
.infopage-image-container {
  position: relative
}
.infopage-image-container .infopage-image {
  width: 100%
}
.infopage-image-container .infopage-image-text-container {
  position: absolute;
  bottom: 10px;
  right: 10px
}
.infopage-image-container .infopage-image-text-container .infopage-image-label {
  background-color: #000;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-size: .8rem
}
.infopage-image-container .infopage-image-text-container .infopage-image-text {
  background-color: #000;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px
}
.infopage-image-text-below {
  text-decoration: none;
  font-size: .75rem;
  text-align: center;
  color: #0a0a0a;
  line-height: 1.125rem
}
.infopage-image-text-below:hover {
  text-decoration: none
}
.infopage-image-price-below {
  text-decoration: none;
  font-size: 1rem;
  text-align: center;
  color: #0a0a0a;
  line-height: 1.125rem
}
.infopage-image-price-below:hover {
  text-decoration: none
}
.infopage-image-label-below {
  text-decoration: none;
  font-size: 1rem;
  text-align: center;
  color: #0a0a0a;
  line-height: 1.125rem
}
.infopage-image-label-below:hover {
  text-decoration: none
}
.RadWindow.rwNormalWindow.rwTransparentWindow {
  z-index: 110000!important
}
.info-page-content .reToolbarWrapper {
  height: auto!important
}
.Metro table,
.RadEditor table,
.RadWindow table {
  margin: 0
}
.Metro table tbody,
.RadEditor table tbody,
.RadWindow table tbody {
  border: 0
}
.Metro table tr:nth-child(even),
.RadEditor table tr:nth-child(even),
.RadWindow table tr:nth-child(even) {
  background-color: transparent
}
.Metro table td,
.Metro table tr,
.RadEditor table td,
.RadEditor table tr,
.RadWindow table td,
.RadWindow table tr {
  padding: 0;
  margin: 0
}
.RadEditor input,
.RadWindow input {
  margin: 0
}
.RadEditor .reLeftVerticalSide,
.RadEditor .reRightVerticalSide,
.RadWindow .reLeftVerticalSide,
.RadWindow .reRightVerticalSide {
  padding: 0
}
.RadEditor .rwFooterRow,
.RadWindow .rwFooterRow {
  display: none
}
.Metro.RadEditor .reNoBorder div.reContentArea {
  border: 0!important;
  border-top: 1px solid #e5e5e5!important;
  line-height: normal
}
.RadEditor_Metro .reContent {
  border: 0
}
.RadEditor_Metro .reContentArea {
  padding: 0
}
.modal-dialog-background {
  background-color: grey;
  opacity: .5
}
.modal-dialog {
  background-color: #fff;
  border: 2px solid #999;
  border-radius: .3rem;
  box-shadow: 0 0 1rem #999;
  overflow: visible;
  width: 98%!important;
  width: 98vw!important;
  max-width: 50em
}
.modal-dialog .buttons::after,
.modal-dialog .buttons::before,
.modal-dialog .content::after,
.modal-dialog .content::before,
.modal-dialog .header::after,
.modal-dialog .header::before {
  display: table;
  content: " "
}
.modal-dialog .buttons::after,
.modal-dialog .content::after,
.modal-dialog .header::after {
  clear: both
}
.modal-dialog .header {
  cursor: default;
  line-height: 1.4rem;
  margin: 0;
  overflow: hidden;
  padding: .4rem .5rem;
  width: auto;
  min-height: 2rem
}
.modal-dialog .header span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-top: .1rem
}
.modal-dialog .content {
  max-height: 85%!important;
  max-height: 85vh!important;
  padding: .3rem;
  overflow-y: auto
}
.modal-dialog .overflow-visible {
  overflow: visible
}
.modal-dialog .buttons {
  background-color: #f8f8f8;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
  padding: .5rem;
  text-align: right
}
.modal-dialog .buttons .button {
  margin: 0 0 0 .5rem
}
.modal-dialog .row {
  margin: 0
}
.modal-dialog.code-editor-dialog,
.modal-dialog.edit-script-dialog {
  z-index: 11000!important
}
.modal-dialog.code-editor-dialog .content,
.modal-dialog.edit-script-dialog .content {
  padding: 0;
  position: relative
}
.modal-dialog.code-editor-dialog .CodeMirror,
.modal-dialog.code-editor-dialog .code-area,
.modal-dialog.code-editor-dialog .script-area,
.modal-dialog.edit-script-dialog .CodeMirror,
.modal-dialog.edit-script-dialog .code-area,
.modal-dialog.edit-script-dialog .script-area {
  font-size: 1em;
  line-height: 1.2em;
  height: 500px
}
.modal-dialog.code-editor-dialog .CodeMirror .CodeMirror-scroll,
.modal-dialog.code-editor-dialog .CodeMirror .CodeMirror-scroll .CodeMirror-lines,
.modal-dialog.code-editor-dialog .code-area .CodeMirror-scroll,
.modal-dialog.code-editor-dialog .code-area .CodeMirror-scroll .CodeMirror-lines,
.modal-dialog.code-editor-dialog .script-area .CodeMirror-scroll,
.modal-dialog.code-editor-dialog .script-area .CodeMirror-scroll .CodeMirror-lines,
.modal-dialog.edit-script-dialog .CodeMirror .CodeMirror-scroll,
.modal-dialog.edit-script-dialog .CodeMirror .CodeMirror-scroll .CodeMirror-lines,
.modal-dialog.edit-script-dialog .code-area .CodeMirror-scroll,
.modal-dialog.edit-script-dialog .code-area .CodeMirror-scroll .CodeMirror-lines,
.modal-dialog.edit-script-dialog .script-area .CodeMirror-scroll,
.modal-dialog.edit-script-dialog .script-area .CodeMirror-scroll .CodeMirror-lines {
  height: 100%
}
.modal-dialog.code-editor-dialog {
  max-width: 60em
}
.modal-dialog.code-editor-dialog .CodeMirror,
.modal-dialog.code-editor-dialog .code-area {
  width: 100%
}
.modal-dialog.edit-script-dialog {
  max-width: 80em
}
.modal-dialog.edit-script-dialog .CodeMirror,
.modal-dialog.edit-script-dialog .script-area {
  float: left;
  width: 80%
}
.modal-dialog.edit-script-dialog .CodeMirror {
  border-right: 1px solid #e5e5e5
}
.modal-dialog.edit-script-dialog .variables {
  float: right;
  overflow: hidden;
  width: 20%
}
.modal-dialog.edit-script-dialog .variables .variables-header {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 700;
  padding: 5px 5px 1px
}
.modal-dialog.edit-script-dialog .variables ul {
  list-style-type: none;
  margin: 3px 3px 3px 1px;
  padding: 0
}
.modal-dialog.edit-script-dialog .variables ul li,
.modal-dialog.edit-script-dialog .variables ul li a {
  height: 16px
}
.modal-dialog.edit-script-dialog .variables ul li {
  padding-bottom: 2px
}
.modal-dialog.edit-script-dialog .variables ul li.highlighted {
  background-color: #fff6ef
}
.modal-dialog.edit-script-dialog .variables ul li a {
  float: left;
  line-height: 16px;
  overflow: hidden;
  padding-left: 2px;
  text-decoration: none;
  width: 85%
}
.modal-dialog.edit-script-dialog .variables ul li .information-icon {
  cursor: help;
  float: right
}
.modal-dialog.edit-script-dialog .variables ul li .information {
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 1px solid #666;
  border-left: 1px solid #ccc;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  overflow: auto;
  width: 225px;
  border-radius: 0 .3em .3em 0
}
.modal-dialog.edit-script-dialog .variables ul li .information a.close-link {
  right: 0;
  top: 0;
  width: auto;
  color: #a00;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 3px #aaa
}
.modal-dialog.edit-script-dialog .variables ul li .information a.close-link:hover {
  text-shadow: 1px 1px 3px #ccc
}
.modal-dialog.edit-script-dialog .variables ul li .information .variable-name {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 700;
  padding: 4px 2px 2px
}
.modal-dialog.edit-script-dialog .variables ul li .information .variable-type {
  color: #888;
  font-style: italic;
  padding: 2px
}
.modal-dialog.edit-script-dialog .variables ul li .information .information-header {
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #e5e5e5;
  color: #555;
  font-weight: 700;
  margin: 2px 0;
  padding: 3px 2px
}
.modal-dialog.edit-script-dialog .variables ul li .information ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.modal-dialog.edit-script-dialog .variables ul li .information ul li {
  font-size: .9em;
  height: auto;
  overflow: hidden;
  padding-bottom: 2px
}
.modal-dialog.edit-script-dialog .variables ul li .information ul li a {
  display: block;
  float: none;
  height: auto;
  width: auto
}
.modal-dialog.edit-script-dialog .variables ul li .information ul li a .return-value {
  color: #888;
  font-size: .9em;
  font-style: italic;
  padding-left: 2px
}
.modal-dialog.edit-script-dialog .variables ul li .information ul li a:hover .return-value {
  color: #555
}
.modal-dialog.edit-script-dialog .syntax-check-result {
  border-top: 1px solid #e5e5e5;
  padding: 2px 5px 2px 28px
}
.modal-dialog.edit-script-dialog .syntax-check-result .result-text {
  padding: 3px 0
}
.modal-dialog.edit-script-dialog .syntax-check-result .result-text .error-line {
  font-family: "Courier New",Courier,"Nimbus Mono L",monospace;
  white-space: pre-wrap
}
.modal-dialog.edit-script-dialog .syntax-check-result-successful {
  background-color: #f0fff0;
  color: #6fc361
}
.modal-dialog.edit-script-dialog .syntax-check-result-successful .fa::before {
  content: "\f058"
}
.modal-dialog.edit-script-dialog .syntax-check-result-error {
  background-color: #fff0f0;
  color: red
}
.modal-dialog.edit-script-dialog .syntax-check-result-error .fa::before {
  content: "\f071"
}
.edit-delivery-dialog {
  max-width: 80em
}
.confirm-dialog {
  max-width: 30em
}
.confirm-dialog .content {
  padding: 1rem 1rem 2rem;
  font-size: .9rem;
  min-height: 5rem
}
.consent-dialog {
  max-width: 50em
}
.consent-dialog .content {
  padding: 1rem .5rem;
  min-height: 5rem
}
.edit-holiday-dialog .date,
.edit-holiday-dialog .name {
  display: block;
  width: 100%
}
.edit-properties-dialog .content {
  overflow: auto;
  max-height: 650px
}
.edit-properties-dialog .content .properties-group-control {
  border-bottom: 1px solid #eee
}
.information-page-dialog,
.text-resource-dialog {
  max-width: 80rem
}
.information-page-dialog .content,
.information-page-dialog .text-resource-content,
.text-resource-dialog .content,
.text-resource-dialog .text-resource-content {
  overflow: auto
}
.file-upload-dialog {
  z-index: 11000!important
}
.file-upload-dialog .message {
  color: #333;
  display: block;
  padding-bottom: .5em
}
.flow-override-dialog .content .input-header,
.process-job-dialog .content .input-header {
  background-color: #f0faf0;
  border: 1px solid #ccc;
  padding: .2rem .5rem
}
.flow-override-dialog .content .input-header .id,
.flow-override-dialog .content .input-header .title,
.process-job-dialog .content .input-header .id,
.process-job-dialog .content .input-header .title {
  font-size: 1.2rem
}
.flow-override-dialog .content .input-header .description,
.flow-override-dialog .content .input-header .title,
.process-job-dialog .content .input-header .description,
.process-job-dialog .content .input-header .title {
  display: block
}
.flow-override-dialog .content .input-header .title,
.process-job-dialog .content .input-header .title {
  font-weight: 700
}
.flow-override-dialog .content .input-header .description,
.process-job-dialog .content .input-header .description {
  color: #888;
  font-style: italic
}
.flow-override-dialog .content .input-wrapper,
.process-job-dialog .content .input-wrapper {
  padding: .5rem 0 1rem
}
.image-crop-dialog {
  width: auto;
  max-width: 55rem;
  z-index: 11000!important
}
.image-crop-dialog .image-crop-panel {
  margin: 0 auto;
  width: 95%
}
.image-crop-dialog .rotate-button {
  padding: .25rem
}
.image-crop-dialog .error.message {
  display: block;
  padding: 0 5px 2px
}
.image-crop-dialog .image-crop-footer {
  padding: 0 5px 2px
}
.image-crop-dialog .image-crop-footer .message {
  margin-bottom: .3rem;
  padding: .1rem;
  text-align: center
}
.image-crop-dialog .image-crop-footer .message::before {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.image-crop-dialog .image-crop-footer .message.warning::before {
  content: "\f071"
}
.image-crop-dialog .image-crop-footer .message.error::before {
  content: "\f06a"
}
.image-crop-dialog .image-crop-footer .coordinates {
  color: #aaa;
  font-size: 10px;
  font-variant: small-caps;
  text-align: center
}
.image-crop-dialog .image-crop-footer .coordinates .coordinate {
  color: #999;
  padding: 0 .1em
}
.image-crop-dialog .image-crop-footer .coordinates .validation-message-error {
  font-variant: normal
}
.image-crop-dialog img {
  max-width: none
}
.message-dialog {
  z-index: 12000!important
}
.message-dialog .content {
  max-height: 500px;
  overflow: auto;
  padding: 20px
}
.pick-from-selection-dialog {
  max-height: 70vh!important
}
.pick-from-selection-dialog .group {
  font-weight: 700
}
.pick-from-selection-dialog .item {
  font-size: .9rem
}
.pick-from-selection-dialog [type=checkbox] {
  height: auto
}
.multi-selection-dialog {
  max-width: 50em
}
.multi-selection-dialog .content {
  max-height: 500px;
  overflow: auto
}
.multi-selection-dialog .content table.controls {
  width: 100%
}
.multi-selection-dialog .content table.controls td {
  vertical-align: middle
}
.multi-selection-dialog .content table.controls td.label-selection {
  width: 60%
}
.multi-selection-dialog .content table.controls td.filter {
  text-align: right;
  width: 40%
}
.multi-selection-dialog .content table.controls td.filter [type=text] {
  width: 80%
}
.multi-selection-dialog .content ul.selection-list {
  list-style: none;
  margin: .5em 1.2em 0;
  padding: 0
}
.multi-selection-dialog .content ul.selection-list li {
  border: 1px solid transparent;
  border-radius: .3em;
  margin-bottom: .2em
}
.multi-selection-dialog .content ul.selection-list li.hover {
  border-color: #ddd
}
.multi-selection-dialog .content ul.selection-list li.selected {
  background-color: #fffbf7;
  border-color: #ffbf80
}
.multi-selection-dialog .content ul.selection-list li [type=checkbox],
.multi-selection-dialog .content ul.selection-list li label {
  cursor: pointer
}
.multi-selection-dialog .content ul.selection-list li [type=checkbox] {
  vertical-align: top
}
.multi-selection-dialog .content ul.selection-list li label {
  display: inline-block;
  padding: 3px 0 3px .5em;
  width: 90%
}
.select-priceitem-dialog {
  z-index: 20000;
  max-width: 90em
}
.pdf-margin-changer-dialog {
  max-width: 70em
}
.pdf-margin-changer-dialog .controls {
  margin-bottom: 1em;
  text-align: center
}
.pdf-margin-changer-dialog .controls .button-decrease-margin,
.pdf-margin-changer-dialog .controls .button-increase-margin,
.pdf-margin-changer-dialog .controls .dropdown-margin-steps {
  margin-right: .5em
}
.pdf-margin-changer-dialog .preview {
  height: 500px;
  text-align: center
}
.pdf-margin-changer-dialog .preview .preview-image {
  border: 2px solid #ccc!important
}
.pdf-warnings-dialog .warning-header {
  display: block;
  font-weight: 700;
  padding-bottom: .5em
}
.pdf-warnings-dialog .missing-fonts-list {
  display: block;
  list-style-type: square;
  margin: 0;
  padding: .2em .2em .2em 2em
}
.pdf-warnings-dialog .missing-fonts-list li {
  font-style: italic
}
.pdf-warnings-dialog .submission-status {
  background-color: #e6ded6;
  color: #666;
  padding: .2rem .5rem;
  text-align: center
}
.pdf-warnings-dialog .submission-status .radio-button-list {
  margin: 0 auto;
  width: 100%;
  line-height: 1rem
}
.pdf-warnings-dialog .submission-status .radio-button-list li {
  display: inline-block
}
.pdf-warnings-dialog .submission-status .radio-button-list label {
  font-weight: 700
}
.preflight-admin-dialog {
  max-width: 85rem
}
.preflight-result .preflight-process {
  border: 1px solid #ccc;
  border-radius: .2rem;
  margin-top: .3rem;
  margin-bottom: 1rem;
  margin-left: .3rem;
  margin-right: .3rem
}
.preflight-result .preflight-process .process-header {
  background-color: #d8d8d8;
  padding: .4rem
}
.preflight-result .preflight-process .process-header .icon-information {
  color: #5267b1
}
.preflight-result .preflight-process .process-header .icon-warning {
  color: #f59111
}
.preflight-result .preflight-process .process-header .icon-error {
  color: #e11c1c
}
.preflight-result .preflight-process .process-header .name {
  padding-left: .5rem
}
.preflight-result .preflight-process .process-header .description {
  font-style: italic;
  color: #444;
  font-size: .9rem
}
.preflight-result .preflight-process .process-content {
  padding: .7rem
}
.preflight-result .preflight-process .process-content .message {
  padding-bottom: .5rem
}
.preflight-result .preflight-process .process-content .preflight-details {
  margin-bottom: .2rem;
  padding: .2rem;
  border: 1px solid #eee;
  border-radius: .2rem
}
.preflight-result .preflight-process .process-content .preflight-details .information {
  margin-bottom: 2rem;
  color: #333;
  font-style: normal;
  font-weight: 400;
  font-size: .9rem
}
.preflight-result .preflight-process .process-content .preflight-details .information .preflight-header {
  font-size: 1rem;
  font-weight: 700
}
.preflight-result .preflight-process .process-content .preflight-details .information .title {
  width: 50%;
  display: inline-block;
  overflow-wrap: break-word
}
.preflight-result .preflight-process .process-content .preflight-details .information .value {
  display: inline-block
}
.preflight-result .preflight-process .process-content .preflight-details .information .measure-path-image {
  border: 1px solid #eee;
  max-width: 250px;
  max-height: 250px
}
.preflight-result .preflight-process .process-content .preflight-details .information .no-padding {
  padding-left: 0;
  padding-right: 0
}
.preflight-result .submission-status {
  background-color: #e6ded6;
  color: #666;
  padding: .2rem .5rem;
  text-align: center
}
.preflight-result .submission-status .radio-button-list {
  margin: 0 auto;
  width: 100%;
  line-height: 1rem
}
.preflight-result .submission-status .radio-button-list li {
  display: inline-block
}
.preflight-result .submission-status .radio-button-list label {
  font-weight: 700
}
.preflight-dialog {
  max-width: 80rem
}
.preflight-dialog .preflight-process {
  border: 1px solid #ccc;
  border-radius: .2rem;
  margin-top: .3rem;
  margin-bottom: 1rem;
  margin-left: .3rem;
  margin-right: .3rem
}
.preflight-dialog .preflight-process .process-header {
  background-color: #f7f5ef;
  padding: .4rem
}
.preflight-dialog .preflight-process .process-header .icon-information {
  color: #5267b1
}
.preflight-dialog .preflight-process .process-header .icon-warning {
  color: #f59111
}
.preflight-dialog .preflight-process .process-header .icon-error {
  color: #e11c1c
}
.preflight-dialog .preflight-process .process-header .name {
  padding-left: .5rem
}
.preflight-dialog .preflight-process .process-header .description {
  font-style: italic;
  color: #444;
  font-size: .9rem
}
.preflight-dialog .preflight-process .process-content {
  padding: .7rem
}
.preflight-dialog .preflight-process .process-content .message {
  padding-bottom: .5rem
}
.preflight-dialog .preflight-process .process-content .preflight-details {
  margin-bottom: .2rem;
  padding: .2rem;
  border: 1px solid #eee;
  border-radius: .2rem
}
.preflight-dialog .preflight-process .process-content .preflight-details .information {
  margin-bottom: 2rem;
  color: #333;
  font-style: normal;
  font-weight: 400;
  font-size: .9rem
}
.preflight-dialog .preflight-process .process-content .preflight-details .information .preflight-header {
  font-size: 1rem;
  font-weight: 700
}
.preflight-dialog .preflight-process .process-content .preflight-details .information .title {
  width: 50%;
  display: inline-block;
  overflow-wrap: break-word
}
.preflight-dialog .preflight-process .process-content .preflight-details .information .value {
  display: inline-block
}
.preflight-dialog .preflight-process .process-content .preflight-details .information .measure-path-image {
  border: 1px solid #eee;
  max-width: 250px;
  max-height: 250px
}
.preflight-dialog .preflight-process .process-content .preflight-details .information .no-padding {
  padding-left: 0;
  padding-right: 0
}
.preflight-dialog .submission-status {
  background-color: #e6ded6;
  color: #666;
  padding: .2rem .5rem;
  text-align: center
}
.preflight-dialog .submission-status .radio-button-list {
  margin: 0 auto;
  width: 100%;
  line-height: 1rem
}
.preflight-dialog .submission-status .radio-button-list li {
  display: inline-block
}
.preflight-dialog .submission-status .radio-button-list label {
  font-weight: 700
}
.recover-password-dialog .content {
  padding: 1em
}
.recover-password-dialog .content .form {
  width: 100%
}
.recover-password-dialog .content .form .label {
  padding: 0 .2em .3em
}
.recover-password-dialog .content .form .field {
  padding: 0
}
.recover-password-dialog .content .form .field input {
  font-size: 1em!important
}
.recover-password-dialog .content .form .message-panel {
  padding: 1em .2em 0
}
.recover-password-dialog .content .form .message-panel .message-error {
  padding: 0
}
.recover-password-dialog .content .form .message-panel .recover-password-message {
  color: #555
}
.select-media-object-dialog {
  max-width: 70em;
  z-index: 11000!important
}
.select-media-object-dialog .category-tree-view,
.select-media-object-dialog .filter-object {
  height: 100%;
  max-height: 36rem;
  min-height: 14rem
}
.select-media-object-dialog .category-tree-view {
  border-right: 1px solid #e5e5e5;
  overflow: auto;
  padding-right: .5rem
}
.select-media-object-dialog .filter {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 .25rem .25rem;
  margin-bottom: .25rem
}
.select-media-object-dialog .filter .input-group,
.select-media-object-dialog .filter label {
  margin: 0
}
.select-media-object-dialog .filter .filter-info {
  color: #888;
  font-size: .75rem
}
.select-media-object-dialog .object-list {
  margin: 0 auto;
  overflow: auto
}
.select-media-object-dialog .object-list a.media-object {
  border: 1px solid #f5f5f5!important;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0 3px 3px 0;
  outline-style: none;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  text-decoration: none;
  width: 8.5rem;
  height: 14rem;
  word-wrap: break-word
}
.select-media-object-dialog .object-list a.media-object:hover {
  background-color: #fafafc;
  border-color: #e9dfd0!important
}
.select-media-object-dialog .object-list a.media-object.media-object-selected,
.select-media-object-dialog .object-list a.media-object:focus {
  background-color: #faf8ec;
  border-color: #c9bfb0!important
}
.select-media-object-dialog .object-list a.media-object.media-object-selected:hover,
.select-media-object-dialog .object-list a.media-object:focus:hover {
  background-color: #faf8f4;
  border-color: #a99f90!important
}
.select-media-object-dialog .object-list a.media-object .thumbnail-box {
  display: flex;
  vertical-align: middle;
  padding-top: 4px;
  width: 100%;
  height: 10rem
}
.select-media-object-dialog .object-list a.media-object .thumbnail-box img {
  max-width: 100%;
  max-height: 100%;
  margin: auto
}
.select-media-object-dialog .object-list a.media-object .name-box {
  color: #000;
  cursor: pointer;
  display: block;
  height: 5.5em;
  font-size: .8em;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 4px
}
.select-resource-dialog .search.column {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 .25rem .25rem;
  margin-bottom: .25rem
}
.select-resource-dialog .search.column .input-group {
  margin: 0
}
.select-resource-dialog .category-tree-view.column,
.select-resource-dialog .resource-list.column {
  height: 400px;
  overflow: auto
}
.select-resource-dialog .category-tree-view.column {
  padding-right: .25rem
}
.select-resource-dialog .resource-list {
  border-left: 1px solid #e5e5e5;
  padding-left: .25rem
}
.add-users-dialog,
.edit-exceptions-dialog {
  max-width: 60em
}
.edit-role-dialog {
  max-width: 45em
}
.dialog-assign-role .selected-role-wrapper,
.dialog-assign-role .users-wrapper {
  margin-bottom: 10px
}
.dialog-assign-role .selected-role-wrapper .selected-role {
  font-style: italic;
  font-weight: 700
}
.dialog-assign-role .users-wrapper .roles-list {
  height: 200px;
  width: 100%
}
.dialog-select-entry .toolbar .search-wrapper {
  width: 50%
}
.dialog-flow-result .flow-result {
  border: 1px solid #ccc;
  padding: .2em;
  margin-bottom: .2em
}
.dialog-flow-result .flow-result .row {
  font-size: .9em;
  padding: 0 .3em .3em
}
.dialog-flow-result .flow-result .row .label {
  font-weight: 700;
  float: left;
  width: 10em
}
.dialog-flow-result .flow-result .activity-result {
  margin-top: .5em
}
.dialog-flow-result .flow-result .activity-result .activity-header {
  background-color: #f6f6e9;
  border: 1px solid #ccc;
  border-radius: .1em;
  margin-bottom: .2em;
  padding: .2em .5em
}
.dialog-flow-result .flow-result .activity-result .result-messages {
  padding: .3em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul {
  border-bottom: 1px solid #f5f5f5;
  margin: 0;
  padding: 0
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li {
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  list-style-type: none;
  padding: .2em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .status {
  background: #efefef;
  border: 1px solid #7f7f7f;
  display: inline-block;
  height: .7em;
  width: .7em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .status-successful {
  background: #7fef7f
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .status-warning {
  background: #efef7f
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .status-error {
  background: #ef7f7f
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .status-name,
.dialog-flow-result .flow-result .activity-result .result-messages ul li .timestamp {
  color: #555;
  font-size: .9em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .timestamp {
  margin-left: 1em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .message {
  display: block;
  padding: .5em 0 0 1.7em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .external-id {
  color: #555;
  font-size: .9em
}
.dialog-flow-result .flow-result .activity-result .result-messages ul li .external-status {
  display: block;
  padding: .5em 0 0 1.7em
}
.edit-activity-dialog .content {
  max-height: 700px;
  overflow-y: auto
}
.edit-activity-dialog .scripts {
  margin-top: 1em;
  width: 100%
}
.edit-activity-dialog .scripts td {
  padding-left: 1em!important;
  padding-right: 1em!important
}
.edit-link-dialog .content {
  max-height: 700px;
  overflow-y: auto
}
.edit-link-dialog .link-control {
  border: 1px solid #ddd;
  border-radius: .3em;
  margin-top: .5em
}
.edit-link-dialog .link-control .link-header {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  padding: .3em
}
.edit-link-dialog .link-control .link-header .name {
  float: left;
  font-weight: 700
}
.edit-link-dialog .link-control .link-header .controls {
  float: right;
  padding: 0
}
.add-quantity-step-dialog .quantity-steps-input {
  margin-bottom: .5em;
  width: 100%
}
.edit-importer-dialog {
  max-width: 50em
}
.manual-order-document-dialog {
  max-width: 40em
}
.manual-order-document-dialog .order-document-selection {
  width: 270px
}
.dynamic-price-configuration {
  max-width: 60em
}
.dynamic-price-configuration .click-price-table-wrapper {
  max-height: 300px;
  overflow-y: scroll
}
.adjust-price-dialog,
.duplicate-template-dialog,
.select-application-dialog,
.select-from-grid-dialog,
.select-job-definition-dialog {
  max-width: 50em
}
.manual-reporting-dialog {
  max-width: 80em
}
.preview-dialog {
  width: 98%!important;
  width: 98vw!important;
  max-width: none
}
.edit-language-dialog {
  max-width: 30rem
}
@media screen and (max-width:500px) {
  .modal-dialog .content {
    max-height: none!important
  }
}
.editor .info {
  background-color: #fafafa;
  border: 1px solid #dadada;
  float: right;
  font-size: .8em;
  width: 100%
}
.editor .info .info-label {
  color: #aaa;
  font-style: italic
}
.editor .info .value {
  color: #888
}
.editor .script-description {
  color: #555;
  font-size: .9em;
  padding: 1em 0 .5em
}
.editor-template .thumbnail {
  display: flex;
  vertical-align: middle;
  width: 100%;
  border: 1px solid #cacaca;
  background: #fefefe;
  padding: .5rem
}
.editor-template .thumbnail img {
  max-width: 100%;
  max-height: 20rem;
  margin: auto;
  border: 1px solid #cacaca
}
.editor-job-definition .cover-page {
  width: 20%;
  float: left;
  padding-right: .9375rem;
  padding-left: .9375rem
}
.editor-job-definition .information {
  font-style: italic;
  font-size: .8rem;
  color: #677d62
}
.template-urls-tooltip {
  padding: .3rem
}
.template-urls-tooltip .url-header {
  display: block;
  color: #1b1b1b;
  margin-top: .5rem
}
.template-urls-tooltip .url-label {
  color: #888;
  width: 3rem;
  display: inline-block;
  font-style: italic
}
.template-urls-tooltip .tooltip-links {
  color: #2771b0;
  font-size: .75rem
}
.price-wrapper .price-text {
  font-size: 1.2rem
}
.price-wrapper .quantity-text {
  font-size: .9rem
}
.price-wrapper .discount-text,
.price-wrapper .vat-text {
  font-size: .8rem
}
.editor-template-dynamic .color-preview {
  width: 1rem;
  height: 1rem;
  border: 1px solid #cacaca
}
.editor-template-dynamic .expression {
  height: 15rem
}
.editor-template-dynamic .expression-builder .expression-font::after,
.editor-template-dynamic .expression-builder .expression-font::before,
.editor-template-dynamic .expression-builder .expression-token::after,
.editor-template-dynamic .expression-builder .expression-token::before {
  display: table;
  content: " "
}
.editor-template-dynamic .expression-builder .expression-font::after,
.editor-template-dynamic .expression-builder .expression-token::after {
  clear: both
}
.editor-template-dynamic .expression-builder .expression-token {
  border: 1px solid #ddd;
  margin: .2rem;
  padding: .2rem
}
.editor-template-dynamic .expression-builder .expression-token .affix-enabled-information {
  color: #aaa;
  font-size: .9rem;
  font-style: italic;
  text-transform: lowercase
}
.editor-template-dynamic .preview-box-label {
  font-size: .8rem
}
.editor-template-dynamic .preview-box-drop-down {
  width: auto
}
.editor-template-dynamic .field-management .column-expression {
  font-size: .75rem;
  line-height: 1rem
}
.editor-template-dynamic .data-source-fields ul {
  padding: 0
}
.editor-template-dynamic .data-source-fields .field-header {
  font-weight: 700;
  font-size: smaller
}
.editor-template-dynamic .data-source-fields .field {
  list-style-type: none;
  display: inline-block;
  overflow: hidden;
  padding: 2px 0 0;
  width: 150px
}
.editor-template-dynamic .data-source-fields .name {
  color: #777;
  font-style: italic
}
.editor-output-flow .activities .activity-control {
  border-radius: .3em;
  background-clip: padding-box;
  border: 1px solid #ddd;
  margin-top: .5em
}
.editor-output-flow .activities .activity-control .activity-header {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  padding: .3em
}
.editor-output-flow .activities .activity-control .activity-header .name {
  float: left;
  font-weight: 700
}
.editor-output-flow .activities .activity-control .activity-header .controls {
  float: right;
  padding: 0
}
.editor-output-flow .activities .activity-control .description {
  font-style: italic;
  padding: .3em
}
.editor-output-flow .activities .activity-control .links,
.editor-output-flow .activities .activity-control .settings {
  padding: .3em
}
.editor-output-flow .activities .activity-control .links > .header,
.editor-output-flow .activities .activity-control .settings > .header {
  border: 1px dashed #eee;
  border-width: 1px 0;
  font-weight: 700;
  margin-bottom: .2em;
  padding: .2em
}
.editor-output-flow .activities .activity-control .links > .header > a,
.editor-output-flow .activities .activity-control .settings > .header > a {
  padding-left: .5em
}
.editor-output-flow .activities .activity-control .settings .activity-input .label {
  padding-right: .5em
}
.editor-output-flow .activities .activity-control .links .link {
  margin-top: .2rem
}
.editor-production-unit {
  padding: 5px
}
.editor-navigation-list-control .filter-settings {
  width: 100%
}
.editor-navigation-list-control .filter-settings td {
  width: 50%
}
.editor-navigation-list-control .filter-settings td.description {
  color: #555;
  font-size: .9em;
  padding: 1em 0 .5em
}
.editor-info-page ul.languages {
  list-style-type: none
}
.editor-info-page .img-thumbnail {
  padding-top: .2em
}
.editor-theme .fonts .description,
.editor-theme .images .description {
  color: #555;
  font-size: .9em;
  padding: .5em
}
.editor-theme .fonts .message-successful-upload-status,
.editor-theme .images .message-successful-upload-status {
  display: inline-block;
  padding: .2em .5em 0
}
.editor-theme .fonts .added,
.editor-theme .images .added {
  color: #0a0
}
.editor-theme .fonts .updated,
.editor-theme .images .updated {
  color: #aa0;
  font-style: italic
}
.editor-theme .fonts .removed,
.editor-theme .images .removed {
  color: #a00;
  text-decoration: line-through
}
.editor-theme .custom-css .description {
  color: #555;
  display: block;
  font-size: .9rem;
  padding: 0 .5rem
}
.editor-theme .custom-css .description::before {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffae00;
  content: "\f071";
  margin-right: .4rem
}
.resource-management .file-resource-view-url-wrapper,
.resource-management .text-resource-path-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .3em;
  padding: 0 .1em
}
.editor-file .file-content {
  height: 700px;
  width: 100%
}
.editor-script-based-pricing .price-items,
.editor-script-based-pricing .script {
  margin-top: .5em
}
.editor-script-based-pricing .price-items .header,
.editor-script-based-pricing .script .header {
  font-weight: 700;
  padding-left: .5em;
  margin-bottom: .5em
}
.editor-script-based-pricing .price-items {
  width: 100%
}
.editor-script-based-pricing .script {
  padding-left: .5em
}
.editor-script-based-pricing .script .description {
  color: #555;
  font-size: .9em;
  padding: 1em 0 .5em
}
.field-font-management .warnings {
  margin-top: .5em
}
.field-font-management .warnings .warnings-message {
  color: #ff7f00;
  padding-bottom: .5em;
  font-weight: 700
}
.editor-remote-client textarea.client-key {
  font-size: .8em;
  height: 15em;
  width: 60em
}
.editor-remote-client .client-url {
  font-size: small;
  font-style: italic
}
.editor-html-template .preview-container {
  height: 100%
}
.editor-html-template .preview-iframe {
  border: 0;
  height: 100%;
  margin: .5%;
  position: relative;
  width: 99%
}
.editor-html-template .no-scroll {
  overflow: hidden!important
}
.editor-html-template .CodeMirror {
  border: 1px solid #e5e5e5;
  font-size: 1.2em;
  line-height: 1.2em;
  height: auto
}
.editor-html-template .CodeMirror .CodeMirror-scroll,
.editor-html-template .CodeMirror .CodeMirror-scroll .CodeMirror-lines {
  height: 100%
}
.editor-pdf-template .properties-panel .header {
  background-color: grey;
  color: #f7f7f7;
  font-weight: 700;
  height: 24px
}
.editor-pdf-template .properties-panel .content .property label {
  width: 100px;
  display: inline-block
}
.editor-pdf-template .properties-panel .content .property .input {
  width: 80px
}
.flow .form-label-smaller-bold {
  font-size: smaller;
  font-weight: 700;
  width: 18rem
}
.flow ul.flow-steps {
  border-bottom: 1px solid #eee;
  list-style: none;
  margin: 0 0 2px;
  padding: 4px 5px
}
.flow ul.flow-steps li {
  display: inline-block;
  padding: 0 .75em 0 0
}
.flow ul.flow-steps li:last-child {
  padding-right: 0
}
.flow ul.flow-steps li.flow-step {
  text-shadow: 1px 1px 1px #ccc
}
.flow ul.flow-steps li.flow-step-arrow {
  color: #aaa
}
.flow ul.flow-steps li.flow-step-previous {
  color: #585
}
.flow ul.flow-steps li.flow-step-current {
  font-weight: 700
}
.flow ul.flow-steps li.flow-step-next {
  color: #888
}
.flow .flow-buttons {
  background-color: #fafafa;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: .25rem 1rem .15rem;
  text-align: center
}
.flow .flow-buttons.flow-buttons-bottom {
  margin-top: .5rem
}
.flow .flow-buttons.flow-buttons-top {
  margin-bottom: .5rem
}
.flow .flow-buttons .button {
  margin: 0 0 .1rem
}
.flow .flow-description {
  border: 1px solid #ddd;
  padding: .5rem
}
.flow .validation-summary {
  margin: .5rem 0
}
.flow .flow-information {
  padding: .5rem
}
.flow .flow-information.flow-information-top {
  border-bottom: 1px solid #eee
}
.flow .flow-information.flow-information-bottom {
  border-top: 1px solid #eee
}
.flow .flow-error {
  color: #555;
  font-style: italic;
  padding: 1rem;
  text-align: center
}
.flow .flow-close-message {
  margin: 2.5rem 5rem
}
.flow .flow-control {
  padding: .5rem 0 .2rem
}
.flow .form-label-booking {
  float: left;
  padding: 1rem .5rem .2rem;
  width: 20rem
}
.flow .flow_create_composite_product .preview-price-wrapper,
.flow .flow_static_template_price_quotation .preview-price-wrapper,
.flow .flow_upload_static_template .preview-price-wrapper,
.flow .upload_multiple_static_templates .preview-price-wrapper {
  background-color: #fff;
  position: relative
}
.confirm-shopping-cart .grid-view .quantity-column input,
.confirm-shopping-cart .grid-view .quantity-column select {
  max-width: 10rem;
  min-width: 4rem
}
.confirm-shopping-cart .grid-view .quantity-column .quantity-label {
  max-width: 10rem;
  min-width: 4rem;
  text-align: center
}
.confirm-shopping-cart .grid-view .quantity-column {
  width: 10rem
}
.confirm-shopping-cart .grid-view .item-column {
  word-wrap: break-word
}
.confirm-shopping-cart .view-template.link {
  white-space: Inherit
}
.confirm-shopping-cart .shipping-methods [type=checkbox],
.confirm-shopping-cart .shipping-methods [type=radio] {
  height: auto
}
.flow-order-summary {
  position: relative
}
.flow-order-summary .button-print {
  position: absolute;
  right: .5rem;
  top: .5rem
}
.flow-order-summary .fields-label {
  font-size: .8rem;
  color: #555
}
.order-item-summary .grid-view tr.table-header {
  background-color: #f0f0f0!important
}
.order-item-summary .grid-view tr.table-header th {
  border-bottom: 1px solid #e5e5e5
}
.order-item-summary .grid-view tr.special-row {
  background-color: #f5f5f5!important;
  color: #000;
  font-size: .9rem;
  font-weight: 700
}
.order-item-summary .grid-view tr.special-row td {
  padding: .5rem .3rem
}
.order-item-summary .grid-view tr.special-row-first td {
  border-top: 1px solid #e5e5e5
}
.order-item-summary .grid-view .order-item-cost-center,
.order-item-summary .grid-view .order-item-delivery-information,
.order-item-summary .grid-view .order-item-information {
  display: block;
  font-size: .9rem;
  font-style: italic
}
.order-item-summary .grid-view .order-item-cost-center {
  color: #777
}
.order-item-summary .grid-view .order-item-information {
  color: #363
}
.order-item-summary .grid-view .order-item-delivery-information {
  color: #0f87ff
}
.order-item-summary .grid-view .order-item-job-information {
  color: #555
}
.order-item-summary .grid-view .order-item-job-information .job-information-label {
  font-style: italic
}
.flow-control .flow-order-receipt {
  margin-top: 1rem
}
.preview .controls {
  margin: .5em .2em;
  padding: .2em
}
.preview .controls .approval {
  padding-bottom: 1em
}
.preview .controls .link-download {
  height: 20px;
  line-height: 20px;
  padding-right: .3em
}
.preview .preview-object {
  width: 100%
}
.preview .preview-object .preview-html-object {
  min-height: 500px;
  width: 100%
}
.preview .preview-object .preview-html-object .preview-image {
  text-align: center
}
.preview .preview-object .preview-html-object .preview-image .toolbar {
  margin-bottom: .5rem
}
.preview .preview-object .preview-html-object .preview-image .toolbar select {
  margin: 0 1em;
  width: auto
}
.preview .preview-object .preview-html-object .preview-image .thumbnail-image {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 6px #aaa
}
.preview .preview-object .preview-html-object .preview-image .email-header {
  text-align: left;
  border: 1px solid #ddd;
  padding: .5rem
}
.email-template-input .preview-iframe,
.preview .preview-object .preview-html-object .preview-image .preview-iframe {
  border: 1px solid #ddd;
  height: 60vh;
  margin-top: .5rem;
  position: relative;
  width: 100%
}
.flow-template-navigate .selectable-item .image {
  border: 1px solid #e5e5e5;
  height: auto
}
.body-plain .flow-template-navigate .selectable-item {
  background-color: #f8f8f8
}
.template .image-view-control a img {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 6px #aaa
}
.template .price-control .co2-label,
.template .price-control .price-label {
  font-weight: 700;
  width: 48%
}
.template .price-control .price-control-content .flex {
  display: flex;
  justify-content: space-between
}
.template .price-control .price-control-content .price-wrapper {
  width: 48%
}
.template .price-control .price-control-content .price-wrapper .price-text {
  font-size: 1.5rem
}
.template .price-control .price-control-content .price-wrapper .quantity-text {
  font-size: .9rem
}
.template .price-control .price-control-content .price-wrapper .vat-text {
  font-size: .8rem
}
.template .price-control .price-control-content .price-wrapper .other-estimated-currency-text {
  display: block;
  font-size: .9rem
}
.template .price-control .price-control-content .co2-wrapper {
  width: 48%
}
.template .price-control .price-control-content .co2-wrapper .co2-text {
  font-size: 1.5rem
}
.template .price-control .price-control-content .co2-wrapper .co2-unit-text {
  font-size: .9rem
}
.template .price-control .price-control-content .co2-wrapper .co2-net-text {
  font-size: .8rem
}
.template .price-control .price-control-content .price-list .price-list-wrapper .price-list-table .information .price {
  display: block;
  font-size: 1.5rem
}
.template .price-control .price-control-content .price-list .price-list-wrapper .price-list-table .information .quantity {
  font-size: .9rem
}
.template .price-control .price-control-content .price-list .price-list-wrapper .price-list-table .information .vat {
  font-size: .8rem
}
.template .input.column,
.template .preview.column {
  padding-top: .75rem
}
.template .input.column .print-part-control .print-part-mediabank .document-information .file-table .file-information,
.template .input.column .print-part-control .print-part-upload .document-information .file-table .file-information {
  width: 55%
}
.template .input.column .print-part-control .print-part-mediabank .document-information .file-table .format-information,
.template .input.column .print-part-control .print-part-mediabank .document-information .file-table .page-information,
.template .input.column .print-part-control .print-part-upload .document-information .file-table .format-information,
.template .input.column .print-part-control .print-part-upload .document-information .file-table .page-information {
  width: 10%
}
.template .input.column .price-control {
  padding: .5rem 0
}
.template a.print-preview-link {
  background: url(../../Image?img=preview.svg&bpc=1) 2px center no-repeat;
  display: inline-block;
  padding: 2px 2px 2px 22px;
  height: 16px
}
.priceguide .table {
  color: #555
}
.priceguide .table .column-row-label {
  font-size: .8em;
  color: #997d55
}
.priceguide .table .row-label {
  font-weight: 700;
  font-size: .8em;
  color: #997d55
}
.priceguide .table .column-label {
  font-weight: 700;
  font-size: .8em;
  text-align: right;
  color: #997d55
}
.priceguide .table .row {
  height: 2.5em;
  border-bottom: 1px solid #ddd
}
.priceguide .table .cell {
  padding: 0 1em;
  vertical-align: middle
}
.priceguide .table .selected {
  color: #529655;
  font-weight: 700;
  font-size: 1.2em
}
.priceguide .table .price {
  text-align: right
}
.methods-control .select-office.row,
.methods-control .shipping-methods.row {
  margin-bottom: .5rem
}
.methods-control .options-list-wrapper {
  border: 1px solid #ddd;
  min-width: 15em;
  margin-bottom: 1rem
}
.methods-control .options-list-wrapper .options-list {
  width: 100%;
  margin: 0
}
.methods-control .options-list-wrapper .options-list tbody,
.methods-control .options-list-wrapper .options-list tfoot,
.methods-control .options-list-wrapper .options-list thead {
  border: 0
}
.methods-control .options-list-wrapper .options-list .option {
  border-bottom: 1px solid #ddd;
  cursor: pointer
}
.methods-control .options-list-wrapper .options-list .option:last-child {
  border-bottom: 0
}
.methods-control .options-list-wrapper .options-list .option td {
  background-color: #fafafa;
  padding: 5px;
  vertical-align: middle
}
.methods-control .options-list-wrapper .options-list .option .selector-wrapper {
  text-align: center;
  width: 35px
}
.methods-control .options-list-wrapper .options-list .option .selector-wrapper input.selector {
  margin: 0;
  padding: 0;
  vertical-align: middle
}
.methods-control .options-list-wrapper .options-list .option .information {
  min-width: 150px
}
.methods-control .options-list-wrapper .options-list .option .information .delivery-time,
.methods-control .options-list-wrapper .options-list .option .information .freight-price,
.methods-control .options-list-wrapper .options-list .option .information .name {
  display: block;
  padding: 0 10px 0 5px
}
.methods-control .options-list-wrapper .options-list .option .information .delivery-time {
  color: #888;
  font-size: .7em;
  padding-top: 2px
}
.methods-control .options-list-wrapper .options-list .option .information .freight-price {
  color: #555;
  font-size: .8em;
  padding-top: 3px
}
.methods-control .options-list-wrapper .options-list .option .image {
  padding: 5px;
  text-align: center;
  max-width: 150px
}
.methods-control .options-list-wrapper .options-list .option .image img {
  margin: 0 auto;
  vertical-align: middle
}
.methods-control .options-list-wrapper .options-list .controls-cell {
  font-size: .8em;
  padding: 5px 10px
}
.methods-control .options-list-wrapper .options-list .controls-cell a.update-link {
  background: url(../../Image?img=refresh.svg&bpc=1) center left no-repeat;
  background-size: contain;
  opacity: .8;
  padding-left: 20px;
  text-decoration: none
}
.methods-control .options-list-wrapper .options-list .controls-cell a.update-link:hover {
  opacity: 1
}
.methods-control .paymentgateway-information,
.methods-control .paymentgateway-terms-link {
  padding: .5rem .1rem
}
.order-item-compact-summary {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: .2rem;
  border-radius: 5px
}
.order-item-compact-summary ul {
  margin: .25rem
}
.order-item-compact-summary li {
  list-style: none;
  margin-right: .25rem;
  margin-left: .25rem
}
.order-item-compact-summary .items-wrapper {
  overflow-y: auto;
  padding-left: 0;
  padding-right: 0
}
.order-item-compact-summary .items-wrapper .items .item::after,
.order-item-compact-summary .items-wrapper .items .item::before {
  display: table;
  content: " "
}
.order-item-compact-summary .items-wrapper .items .item::after {
  clear: both
}
.order-item-compact-summary .items-wrapper .items .item {
  font-size: .9rem
}
.order-item-compact-summary .items-wrapper .items .item.empty {
  font-style: italic
}
.order-item-compact-summary .items-wrapper .items .item .item-name {
  float: left
}
.order-item-compact-summary .items-wrapper .items .item .item-quantity {
  float: left;
  margin-left: .4em
}
.order-item-compact-summary .items-wrapper .items .item .item-quantity-price {
  float: right
}
.order-item-compact-summary .items-wrapper .items-summary::after,
.order-item-compact-summary .items-wrapper .items-summary::before {
  display: table;
  content: " "
}
.order-item-compact-summary .items-wrapper .items-summary::after {
  clear: both
}
.order-item-compact-summary .items-wrapper .items-summary {
  border-top: 1px solid;
  border-color: #ddd;
  margin-top: .25rem
}
.order-item-compact-summary .items-wrapper .items-summary .total-label,
.order-item-compact-summary .items-wrapper .items-summary .total-price {
  font-weight: 700
}
.order-item-compact-summary .items-wrapper .items-summary .total-label {
  float: left
}
.order-item-compact-summary .items-wrapper .items-summary .total-quantity {
  margin-left: .4em
}
.order-item-compact-summary .items-wrapper .items-summary .total-price {
  float: right
}
.order-item-compact-summary .items-wrapper .items-summary .vat-label {
  clear: both;
  float: right;
  font-style: italic;
  font-size: .7rem;
  padding-top: .5rem
}
.order-item-compact-summary .items-wrapper .items-summary .other-estimated-currency-text {
  clear: both;
  font-size: .8rem;
  font-style: italic;
  display: inline-block
}
.order-item-compact-summary .items-wrapper.budget-error .items-summary .total-label,
.order-item-compact-summary .items-wrapper.budget-error .items-summary .total-price {
  color: #cc4b37
}
.flow-login-register .login-control-wrapper,
.flow-login-register .register-control-wrapper {
  width: 46%
}
.flow-login-register .login-control-wrapper .flow-login {
  padding: 2em
}
.flow-login-register .login-control-wrapper .flow-login .form-wrapper .form {
  margin: 0 auto;
  width: 100%
}
.flow-login-register .login-control-wrapper .flow-login .form-wrapper .form .field [type=password],
.flow-login-register .login-control-wrapper .flow-login .form-wrapper .form .field [type=text] {
  font-size: 1.1em;
  width: 100%
}
.payment-gateway-complete .receipt-content,
.receipt .receipt-content {
  clear: both;
  margin: 0 auto;
  padding: 5px 5px 1em 0
}
.payment-conditions-content-wrapper {
  position: relative
}
.payment-conditions-content-wrapper > .header .text,
.payment-conditions-content-wrapper > h2.header {
  border-bottom: 1px solid #f5f5f5;
  display: block;
  font-size: 1.3em;
  font-weight: 700;
  padding: 0 .2em .1em
}
.payment-conditions-content-wrapper .buttons {
  padding: 1em 0 .2em
}
.payment-conditions-content-wrapper .payment-conditions-content {
  overflow: auto;
  padding: 5px;
  width: 800px
}
.composite-template-input .input-toolbar,
.composite-template-input .preview-toolbar,
.dynamic-template-base-document-replacement .input-toolbar,
.dynamic-template-base-document-replacement .preview-toolbar,
.dynamic-template-input .input-toolbar,
.dynamic-template-input .preview-toolbar,
.email-template-input .input-toolbar,
.email-template-input .preview-toolbar,
.static-template-input .input-toolbar,
.static-template-input .preview-toolbar {
  background-color: #fdfdfd;
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  height: 2.6rem;
  padding: .2rem
}
.composite-template-input .input-toolbar a,
.composite-template-input .input-toolbar select,
.composite-template-input .preview-toolbar a,
.composite-template-input .preview-toolbar select,
.dynamic-template-base-document-replacement .input-toolbar a,
.dynamic-template-base-document-replacement .input-toolbar select,
.dynamic-template-base-document-replacement .preview-toolbar a,
.dynamic-template-base-document-replacement .preview-toolbar select,
.dynamic-template-input .input-toolbar a,
.dynamic-template-input .input-toolbar select,
.dynamic-template-input .preview-toolbar a,
.dynamic-template-input .preview-toolbar select,
.email-template-input .input-toolbar a,
.email-template-input .input-toolbar select,
.email-template-input .preview-toolbar a,
.email-template-input .preview-toolbar select,
.static-template-input .input-toolbar a,
.static-template-input .input-toolbar select,
.static-template-input .preview-toolbar a,
.static-template-input .preview-toolbar select {
  height: 2rem;
  margin: 0;
  vertical-align: top
}
.composite-template-input .input-toolbar a,
.composite-template-input .preview-toolbar a,
.dynamic-template-base-document-replacement .input-toolbar a,
.dynamic-template-base-document-replacement .preview-toolbar a,
.dynamic-template-input .input-toolbar a,
.dynamic-template-input .preview-toolbar a,
.email-template-input .input-toolbar a,
.email-template-input .preview-toolbar a,
.static-template-input .input-toolbar a,
.static-template-input .preview-toolbar a {
  padding: .5rem
}
.composite-template-input .input-toolbar select,
.composite-template-input .preview-toolbar select,
.dynamic-template-base-document-replacement .input-toolbar select,
.dynamic-template-base-document-replacement .preview-toolbar select,
.dynamic-template-input .input-toolbar select,
.dynamic-template-input .preview-toolbar select,
.email-template-input .input-toolbar select,
.email-template-input .preview-toolbar select,
.static-template-input .input-toolbar select,
.static-template-input .preview-toolbar select {
  padding-left: .2rem;
  padding-top: .2rem;
  padding-bottom: .2rem;
  width: auto
}
.create-inventory-item .settings {
  width: 540px
}
.debug-information-control {
  font-family: roboto;
  color: #333
}
.debug-information-control table {
  table-layout: fixed
}
.debug-information-control table th {
  text-align: right
}
.debug-information-control table td {
  padding: .4rem
}
.debug-information-control .header {
  background-color: #f8f8f8;
  color: #607d8b;
  font-weight: 700;
  font-size: .8rem
}
.debug-information-control .item {
  text-align: right;
  font-size: .8rem
}
.debug-information-control .sub-item {
  text-align: right;
  font-size: .8rem;
  font-style: italic
}
.debug-information-control .total {
  text-align: right;
  font-size: .8rem;
  font-weight: 700
}
#media-bank #section-category {
  min-height: 350px;
  max-height: 600px;
  border: 1px solid #d0d0d0;
  margin: 0 1px 1px 0
}
#media-bank #section-container {
  position: relative;
  max-height: 500px;
  min-height: 270px;
  border: 1px solid #d0d0d0;
  margin: 2px 1px 0 0
}
#media-bank .section-content {
  width: 100%
}
#media-bank .toolbar.toolbar-top {
  padding-left: 0
}
#media-bank .search-wrapper {
  width: 10rem;
  display: inline-block
}
#media-bank .tree-view-categories,
#media-bank .tree-view-containers,
#media-bank .tree-view-controls {
  width: 20%
}
#media-bank .resource-controls,
#media-bank .tree-view-controls {
  padding-left: .2rem
}
#media-bank .tree-view-controls {
  border-right: 1px solid #d0d0d0
}
#media-bank .resource-controls .checkbox-select-all-media-objects {
  display: inline-block
}
#media-bank .resource-controls .checkbox-select-all-media-objects.aspNetDisabled,
#media-bank .resource-controls .checkbox-select-all-media-objects[disabled] {
  color: #aaa
}
#media-bank .toolbar.meta-toolbar {
  max-height: 6.25rem;
  min-height: 2rem;
  overflow: auto;
  overflow-y: hidden
}
#media-bank .toolbar.meta-toolbar .meta-row {
  font-size: .8rem;
  overflow: hidden;
  padding: 0 .2rem .2rem 0
}
#media-bank .toolbar.meta-toolbar .meta-row:last-child {
  float: left
}
#media-bank .toolbar.meta-toolbar .meta-row .meta-label {
  font-weight: 700
}
#media-bank .tree-view-categories,
#media-bank .tree-view-containers {
  padding: .3em .3em .3em 0
}
#media-bank .tree-view-categories {
  border-right: 1px solid #ccc;
  float: left;
  height: 505px;
  overflow: auto
}
#media-bank .tree-view-containers {
  border-right: 1px solid #ccc;
  height: 335px;
  float: left;
  overflow: auto
}
#media-bank .section-content-categories,
#media-bank .section-content-containers {
  padding: .3em
}
#media-bank .section-content-categories {
  height: 505px;
  overflow: auto
}
#media-bank .section-content-containers {
  height: 335px;
  overflow: auto
}
#media-bank .media-object {
  border: 1px solid #f5f5f5!important;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0 3px 3px 0;
  outline-style: none;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  text-decoration: none;
  width: 11rem;
  height: 16rem;
  word-wrap: break-word
}
#media-bank .media-object:hover {
  background-color: #fafafc;
  border-color: #e9dfd0!important
}
#media-bank .media-object.media-object-selected,
#media-bank .media-object:focus {
  background-color: #faf8ec;
  border-color: #c9bfb0!important
}
#media-bank .media-object.media-object-selected:hover,
#media-bank .media-object:focus:hover {
  background-color: #faf8f4;
  border-color: #a99f90!important
}
#media-bank .media-object .thumbnail-box {
  display: flex;
  vertical-align: middle;
  padding-top: 4px;
  width: 100%;
  height: 12rem
}
#media-bank .media-object .thumbnail-box img {
  max-width: 100%;
  max-height: 100%;
  margin: auto
}
#media-bank .media-object .name-box {
  color: #000;
  cursor: pointer;
  display: block;
  height: 4rem;
  font-size: .8em;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 4px
}
.edit-media-bank-category-dialog .content {
  padding: 5px 1em
}
.edit-media-bank-category-dialog .field,
.edit-media-bank-category-dialog .label {
  display: block;
  margin-bottom: .5em;
  width: 100%
}
.edit-media-bank-category-dialog .field {
  font-size: 1.2em
}
.edit-media-object-dialog .row {
  margin: 0
}
.edit-media-object-dialog .content {
  background-color: #fcfcfc
}
.edit-media-object-dialog .thumbnail {
  border: 1px solid #eee
}
.edit-media-object-dialog .toolbar {
  margin-top: .1rem
}
.edit-media-object-dialog .object-section-header {
  margin-top: .5rem;
  border-bottom: 1px solid #d0d0d0
}
.edit-media-object-dialog .media-object-url {
  font-size: .7em
}
.edit-media-object-type-dialog,
.media-bank-create-template-dialog {
  width: 580px
}
.navigation-menu li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal
}
.navigation-menu li a img {
  margin-right: .6rem;
  height: 1.2rem;
  width: 1.2rem;
  vertical-align: middle
}
.navigation-menu .menu-text {
  font-weight: 400
}
.navigation-menu .menu-separator {
  border-top: 1px solid #ccc;
  margin: .25rem 0;
  width: 100%
}
.off-canvas .navigation-menu li {
  font-size: 1rem
}
.off-canvas .navigation-menu li a {
  padding: .5rem
}
.off-canvas .navigation-menu li a.item1 {
  font-size: .9375rem
}
.off-canvas .navigation-menu li a.item2 {
  font-size: .875rem
}
.off-canvas .navigation-menu li a.item3 {
  font-size: .8125rem
}
.off-canvas .navigation-menu li a.item10,
.off-canvas .navigation-menu li a.item4,
.off-canvas .navigation-menu li a.item5,
.off-canvas .navigation-menu li a.item6,
.off-canvas .navigation-menu li a.item7,
.off-canvas .navigation-menu li a.item8,
.off-canvas .navigation-menu li a.item9 {
  font-size: .8rem
}
.off-canvas .navigation-menu li.is-accordion-submenu-parent > a {
  padding-right: 1.75rem
}
.off-canvas .navigation-menu li.is-accordion-submenu-parent > a::after {
  right: .5rem
}
.off-canvas .navigation-menu li.is-accordion-submenu-parent.has-submenu-toggle > a {
  padding-right: .25rem
}
.off-canvas .navigation-menu li.is-accordion-submenu-parent .submenu-toggle {
  height: 2rem
}
.header-main-nav-bar-container .menu li .button,
.header-main-nav-bar-container .menu li a {
  padding: .5rem 1rem
}
.left-side-panel .navigation-menu-wrapper:not(:last-child) {
  margin-bottom: .5rem
}
.left-side-panel .navigation-menu li {
  font-size: .875rem
}
.left-side-panel .navigation-menu li a {
  padding: .4rem
}
.left-side-panel .navigation-menu li a.item1 {
  font-size: .8125rem
}
.left-side-panel .navigation-menu li a.item10,
.left-side-panel .navigation-menu li a.item2,
.left-side-panel .navigation-menu li a.item3,
.left-side-panel .navigation-menu li a.item4,
.left-side-panel .navigation-menu li a.item5,
.left-side-panel .navigation-menu li a.item6,
.left-side-panel .navigation-menu li a.item7,
.left-side-panel .navigation-menu li a.item8,
.left-side-panel .navigation-menu li a.item9 {
  font-size: .75rem
}
.left-side-panel .navigation-menu li.is-accordion-submenu-parent > a {
  padding-right: 1.75rem
}
.left-side-panel .navigation-menu li.is-accordion-submenu-parent > a::after {
  right: .5rem
}
.left-side-panel .navigation-menu li.is-accordion-submenu-parent.has-submenu-toggle > a {
  padding-right: .25rem
}
.left-side-panel .navigation-menu li.is-accordion-submenu-parent .submenu-toggle {
  height: 1.875rem
}
.left-side-panel .navigation-menu .menu-text {
  padding: .5rem
}
.left-side-panel .navigation-menu .menu-header {
  font-size: .9625rem;
  padding: .5rem .25rem
}
.left-side-panel .navigation-menu .menu-separator {
  margin: .25rem 0
}
.navigation .booking-dates,
.view-object .booking-dates {
  padding-top: .25rem;
  padding-bottom: .35rem
}
.navigation .object-name,
.view-object .object-name {
  font-size: 1.2rem
}
.navigation .object-name .text,
.view-object .object-name .text {
  display: block
}
.navigation .main-thumbnail,
.view-object .main-thumbnail {
  background-color: #fcfcfc;
  border: 1px solid #eee;
  display: table-cell;
  vertical-align: middle;
  border-radius: 0;
  padding: .25rem
}
.navigation .thumbnail-list,
.view-object .thumbnail-list {
  padding-top: .25rem
}
.navigation .thumbnail-list img,
.view-object .thumbnail-list img {
  width: 20%;
  cursor: pointer;
  float: left;
  opacity: .5;
  transition: opacity .4s
}
.navigation .thumbnail-list img.active,
.view-object .thumbnail-list img.active {
  opacity: 1
}
.navigation .paging-controls-top {
  margin-bottom: .5rem
}
.navigation .paging-controls-bottom {
  margin-top: .5rem
}
.navigation .paging-controls input,
.navigation .paging-controls select,
.navigation .paging-controls textarea {
  margin: 0
}
.navigation .paging-controls .buttons-wrapper a {
  padding: .25rem
}
.navigation .portrait-object-list.compact-mode > .column {
  float: left;
  width: 33.3333333333%
}
.navigation .portrait-object-list.compact-mode > .column:nth-of-type(1n) {
  clear: none
}
.navigation .portrait-object-list.compact-mode > .column:nth-of-type(3n+1) {
  clear: both
}
.navigation .portrait-object-list.compact-mode > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .navigation .portrait-object-list.compact-mode > .column {
    float: left;
    width: 25%
  }
  .navigation .portrait-object-list.compact-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .portrait-object-list.compact-mode > .column:nth-of-type(4n+1) {
    clear: both
  }
  .navigation .portrait-object-list.compact-mode > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .navigation .portrait-object-list.compact-mode > .column {
    float: left;
    width: 20%
  }
  .navigation .portrait-object-list.compact-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .portrait-object-list.compact-mode > .column:nth-of-type(5n+1) {
    clear: both
  }
  .navigation .portrait-object-list.compact-mode > .column:last-child {
    float: left
  }
}
.navigation .portrait-object-list.normal-mode > .column {
  float: left;
  width: 50%
}
.navigation .portrait-object-list.normal-mode > .column:nth-of-type(1n) {
  clear: none
}
.navigation .portrait-object-list.normal-mode > .column:nth-of-type(2n+1) {
  clear: both
}
.navigation .portrait-object-list.normal-mode > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .navigation .portrait-object-list.normal-mode > .column {
    float: left;
    width: 33.3333333333%
  }
  .navigation .portrait-object-list.normal-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .portrait-object-list.normal-mode > .column:nth-of-type(3n+1) {
    clear: both
  }
  .navigation .portrait-object-list.normal-mode > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .navigation .portrait-object-list.normal-mode > .column {
    float: left;
    width: 25%
  }
  .navigation .portrait-object-list.normal-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .portrait-object-list.normal-mode > .column:nth-of-type(4n+1) {
    clear: both
  }
  .navigation .portrait-object-list.normal-mode > .column:last-child {
    float: left
  }
}
.navigation .portrait-object-list.wide-mode > .column {
  float: left;
  width: 100%
}
.navigation .portrait-object-list.wide-mode > .column:nth-of-type(1n) {
  clear: none
}
.navigation .portrait-object-list.wide-mode > .column:nth-of-type(1n+1) {
  clear: both
}
.navigation .portrait-object-list.wide-mode > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .navigation .portrait-object-list.wide-mode > .column {
    float: left;
    width: 50%
  }
  .navigation .portrait-object-list.wide-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .portrait-object-list.wide-mode > .column:nth-of-type(2n+1) {
    clear: both
  }
  .navigation .portrait-object-list.wide-mode > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .navigation .portrait-object-list.wide-mode > .column {
    float: left;
    width: 33.3333333333%
  }
  .navigation .portrait-object-list.wide-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .portrait-object-list.wide-mode > .column:nth-of-type(3n+1) {
    clear: both
  }
  .navigation .portrait-object-list.wide-mode > .column:last-child {
    float: left
  }
}
.navigation .landscape-object-list.compact-mode > .column {
  float: left;
  width: 50%
}
.navigation .landscape-object-list.compact-mode > .column:nth-of-type(1n) {
  clear: none
}
.navigation .landscape-object-list.compact-mode > .column:nth-of-type(2n+1) {
  clear: both
}
.navigation .landscape-object-list.compact-mode > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .navigation .landscape-object-list.compact-mode > .column {
    float: left;
    width: 33.3333333333%
  }
  .navigation .landscape-object-list.compact-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .landscape-object-list.compact-mode > .column:nth-of-type(3n+1) {
    clear: both
  }
  .navigation .landscape-object-list.compact-mode > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .navigation .landscape-object-list.compact-mode > .column {
    float: left;
    width: 25%
  }
  .navigation .landscape-object-list.compact-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .landscape-object-list.compact-mode > .column:nth-of-type(4n+1) {
    clear: both
  }
  .navigation .landscape-object-list.compact-mode > .column:last-child {
    float: left
  }
}
.navigation .landscape-object-list.normal-mode > .column {
  float: left;
  width: 100%
}
.navigation .landscape-object-list.normal-mode > .column:nth-of-type(1n) {
  clear: none
}
.navigation .landscape-object-list.normal-mode > .column:nth-of-type(1n+1) {
  clear: both
}
.navigation .landscape-object-list.normal-mode > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .navigation .landscape-object-list.normal-mode > .column {
    float: left;
    width: 50%
  }
  .navigation .landscape-object-list.normal-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .landscape-object-list.normal-mode > .column:nth-of-type(2n+1) {
    clear: both
  }
  .navigation .landscape-object-list.normal-mode > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .navigation .landscape-object-list.normal-mode > .column {
    float: left;
    width: 33.3333333333%
  }
  .navigation .landscape-object-list.normal-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .landscape-object-list.normal-mode > .column:nth-of-type(3n+1) {
    clear: both
  }
  .navigation .landscape-object-list.normal-mode > .column:last-child {
    float: left
  }
}
.navigation .landscape-object-list.wide-mode > .column {
  float: left;
  width: 100%
}
.navigation .landscape-object-list.wide-mode > .column:nth-of-type(1n) {
  clear: none
}
.navigation .landscape-object-list.wide-mode > .column:nth-of-type(1n+1) {
  clear: both
}
.navigation .landscape-object-list.wide-mode > .column:last-child {
  float: left
}
.navigation .list-object-list > .column {
  float: left;
  width: 100%
}
.navigation .list-object-list > .column:nth-of-type(1n) {
  clear: none
}
.navigation .list-object-list > .column:nth-of-type(1n+1) {
  clear: both
}
.navigation .list-object-list > .column:last-child {
  float: left
}
.select-template .portrait-object-list > .column {
  float: left;
  width: 50%
}
.select-template .portrait-object-list > .column:nth-of-type(1n) {
  clear: none
}
.select-template .portrait-object-list > .column:nth-of-type(2n+1) {
  clear: both
}
.select-template .portrait-object-list > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .navigation .landscape-object-list.wide-mode > .column {
    float: left;
    width: 100%
  }
  .navigation .landscape-object-list.wide-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .landscape-object-list.wide-mode > .column:nth-of-type(1n+1) {
    clear: both
  }
  .navigation .landscape-object-list.wide-mode > .column:last-child {
    float: left
  }
  .select-template .portrait-object-list > .column {
    float: left;
    width: 33.3333333333%
  }
  .select-template .portrait-object-list > .column:nth-of-type(1n) {
    clear: none
  }
  .select-template .portrait-object-list > .column:nth-of-type(3n+1) {
    clear: both
  }
  .select-template .portrait-object-list > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .navigation .landscape-object-list.wide-mode > .column {
    float: left;
    width: 50%
  }
  .navigation .landscape-object-list.wide-mode > .column:nth-of-type(1n) {
    clear: none
  }
  .navigation .landscape-object-list.wide-mode > .column:nth-of-type(2n+1) {
    clear: both
  }
  .navigation .landscape-object-list.wide-mode > .column:last-child {
    float: left
  }
  .select-template .portrait-object-list > .column {
    float: left;
    width: 25%
  }
  .select-template .portrait-object-list > .column:nth-of-type(1n) {
    clear: none
  }
  .select-template .portrait-object-list > .column:nth-of-type(4n+1) {
    clear: both
  }
  .select-template .portrait-object-list > .column:last-child {
    float: left
  }
}
.select-template .landscape-object-list > .column {
  float: left;
  width: 100%
}
.select-template .landscape-object-list > .column:nth-of-type(1n) {
  clear: none
}
.select-template .landscape-object-list > .column:nth-of-type(1n+1) {
  clear: both
}
.select-template .landscape-object-list > .column:last-child {
  float: left
}
@media print,
screen and (min-width:40em) {
  .select-template .landscape-object-list > .column {
    float: left;
    width: 50%
  }
  .select-template .landscape-object-list > .column:nth-of-type(1n) {
    clear: none
  }
  .select-template .landscape-object-list > .column:nth-of-type(2n+1) {
    clear: both
  }
  .select-template .landscape-object-list > .column:last-child {
    float: left
  }
}
@media print,
screen and (min-width:64em) {
  .select-template .landscape-object-list > .column {
    float: left;
    width: 33.3333333333%
  }
  .select-template .landscape-object-list > .column:nth-of-type(1n) {
    clear: none
  }
  .select-template .landscape-object-list > .column:nth-of-type(3n+1) {
    clear: both
  }
  .select-template .landscape-object-list > .column:last-child {
    float: left
  }
}
.select-template .list-object-list > .column {
  float: left;
  width: 100%
}
.select-template .list-object-list > .column:nth-of-type(1n) {
  clear: none
}
.select-template .list-object-list > .column:nth-of-type(1n+1) {
  clear: both
}
.select-template .list-object-list > .column:last-child {
  float: left
}
.list-object,
.view-object {
  display: block
}
.list-object .button,
.list-object input,
.list-object select,
.view-object .button,
.view-object input,
.view-object select {
  margin: 0
}
.list-object .inner-list-object::after,
.list-object .inner-list-object::before,
.list-object .inner-view-object::after,
.list-object .inner-view-object::before,
.view-object .inner-list-object::after,
.view-object .inner-list-object::before,
.view-object .inner-view-object::after,
.view-object .inner-view-object::before {
  display: table;
  content: " "
}
.list-object .inner-list-object::after,
.list-object .inner-view-object::after,
.view-object .inner-list-object::after,
.view-object .inner-view-object::after {
  clear: both
}
.list-object .object-thumbnail a,
.view-object .object-thumbnail a {
  background-color: #fcfcfc;
  border: 1px solid #eee
}
.list-object .object-thumbnail a[href]:active,
.list-object .object-thumbnail a[href]:focus,
.list-object .object-thumbnail a[href]:hover,
.list-object .object-thumbnail a[onclick]:active,
.list-object .object-thumbnail a[onclick]:focus,
.list-object .object-thumbnail a[onclick]:hover,
.view-object .object-thumbnail a[href]:active,
.view-object .object-thumbnail a[href]:focus,
.view-object .object-thumbnail a[href]:hover,
.view-object .object-thumbnail a[onclick]:active,
.view-object .object-thumbnail a[onclick]:focus,
.view-object .object-thumbnail a[onclick]:hover {
  background-color: rgb(249.48,249.48,249.48);
  border-color: rgb(235.62,235.62,235.62)
}
@media screen and (max-width:39.9375em) {
  .list-object .controls.column .inner-controls,
  .view-object .controls.column .inner-controls {
    float: none;
    margin: 0 auto;
    max-width: 30rem
  }
}
.list-object .price-controls,
.view-object .price-controls {
  background-color: #fcfcfc;
  border: 1px solid #eee
}
.list-object .price-controls .price-text:empty::before,
.list-object .price-controls .quantity-text:empty::before,
.list-object .price-controls .vat-text:empty::before,
.view-object .price-controls .price-text:empty::before,
.view-object .price-controls .quantity-text:empty::before,
.view-object .price-controls .vat-text:empty::before {
  content: " "
}
.list-object .price-controls .vat-text,
.view-object .price-controls .vat-text {
  font-style: italic
}
.list-object .price-controls .vat-text:not(:empty)::before,
.view-object .price-controls .vat-text:not(:empty)::before {
  content: "("
}
.list-object .price-controls .vat-text:not(:empty)::after,
.view-object .price-controls .vat-text:not(:empty)::after {
  content: ")"
}
.list-object .order-controls .quantity-selection-container .quantity-selection,
.view-object .order-controls .quantity-selection-container .quantity-selection {
  margin-bottom: 0
}
.list-object .order-controls .order-button-container .button,
.view-object .order-controls .order-button-container .button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.list-object .admin-controls .download-resources-control,
.view-object .admin-controls .download-resources-control {
  display: inline-block
}
.list-object .admin-controls,
.view-object .admin-controls {
  min-height: 2rem
}
.list-object .message,
.view-object .message {
  padding: .15rem
}
.list-object .warning.message,
.view-object .warning.message {
  color: #ffae00
}
.list-object .warning.message.under-development,
.view-object .warning.message.under-development {
  text-transform: uppercase
}
.list-object .error.message,
.view-object .error.message {
  color: #cc4b37
}
.list-object {
  overflow: visible
}
.list-object .inner-list-object {
  display: table;
  height: 100%;
  width: 100%
}
.list-object .object-thumbnail {
  max-width: 100%
}
.list-object .object-thumbnail a {
  border-radius: 0;
  display: inline-block;
  padding: .25rem
}
.list-object .object-name {
  font-size: 1.2rem
}
.list-object .object-name .text {
  display: block
}
.list-object .object-properties {
  font-size: .8rem
}
.list-object .object-properties > .column {
  padding-bottom: .15rem
}
.list-object .object-properties > .column:last-child {
  padding-bottom: 0
}
.list-object .object-properties > .column.grouping-property {
  padding-bottom: .5rem;
  padding-top: .5rem
}
.list-object .object-properties .name.column {
  font-size: .75rem;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.list-object .message.column,
.list-object .order-controls .quantity-selection-container.column,
.list-object .order-controls.column,
.list-object .price-controls.column {
  margin-bottom: .15rem
}
.list-object .price-controls {
  padding: .15rem
}
.list-object .price-controls .price-text {
  font-size: 1.1rem
}
.list-object .price-controls .quantity-text {
  font-size: .9rem
}
.list-object .price-controls .vat-text {
  font-size: .8rem
}
.list-object .admin-controls {
  padding: 0 .15rem
}
.list-object .message {
  font-size: .7rem
}
.list-object.no-properties-labels .object-properties .name.column {
  display: none
}
.list-object.no-properties-labels .object-properties .value.column {
  padding-left: 0!important;
  width: 100%!important
}
.object-list::after,
.object-list::before {
  display: table;
  content: " "
}
.object-list::after {
  clear: both
}
.object-list.compact-mode .list-object {
  padding: .1041666667rem .2083333333rem
}
.object-list.normal-mode .list-object {
  padding: .15625rem .3125rem
}
@media print,
screen and (min-width:40em) {
  .object-list.compact-mode .list-object {
    padding: .15625rem .3125rem
  }
  .object-list.normal-mode .list-object {
    padding: .234375rem .46875rem
  }
}
.object-list.wide-mode .list-object {
  padding: .3125rem .625rem
}
.object-list.landscape-object-list.compact-mode .object-thumbnail a img {
  max-height: 10rem
}
@media print,
screen and (min-width:40em) {
  .object-list.wide-mode .list-object {
    padding: .46875rem .9375rem
  }
  .object-list.landscape-object-list.compact-mode .object-thumbnail a img {
    max-height: 10rem
  }
  .object-list.landscape-object-list.normal-mode .object-thumbnail a img {
    max-height: 12.5rem
  }
}
.object-list.landscape-object-list.normal-mode .object-thumbnail a img {
  max-height: 12.5rem
}
.object-list.landscape-object-list.wide-mode .object-thumbnail a img {
  max-height: 14rem
}
.object-list.list-object-list.compact-mode .object-thumbnail a {
  height: 3.5rem
}
@media print,
screen and (min-width:40em) {
  .object-list.landscape-object-list.wide-mode .object-thumbnail a img {
    max-height: 14rem
  }
  .object-list.list-object-list.compact-mode .object-thumbnail a {
    height: 5rem
  }
}
.object-list.list-object-list.normal-mode .object-thumbnail a {
  height: 4.5rem
}
@media print,
screen and (min-width:40em) {
  .object-list.list-object-list.normal-mode .object-thumbnail a {
    height: 6.5rem
  }
}
.object-list.list-object-list.wide-mode .object-thumbnail a {
  height: 7rem
}
.object-list.portrait-object-list.compact-mode .object-thumbnail {
  height: 7rem
}
@media print,
screen and (min-width:40em) {
  .object-list.list-object-list.wide-mode .object-thumbnail a {
    height: 10rem
  }
  .object-list.portrait-object-list.compact-mode .object-thumbnail {
    height: 8rem
  }
}
@media print,
screen and (min-width:64em) {
  .object-list.portrait-object-list.compact-mode .object-thumbnail {
    height: 9rem
  }
}
.object-list.portrait-object-list.normal-mode .object-thumbnail {
  height: 9rem
}
@media print,
screen and (min-width:40em) {
  .object-list.portrait-object-list.normal-mode .object-thumbnail {
    height: 10rem
  }
}
@media print,
screen and (min-width:64em) {
  .object-list.portrait-object-list.normal-mode .object-thumbnail {
    height: 11rem
  }
}
.object-list.portrait-object-list.wide-mode .object-thumbnail {
  height: 11rem
}
@media print,
screen and (min-width:40em) {
  .object-list.portrait-object-list.wide-mode .object-thumbnail {
    height: 12rem
  }
}
@media print,
screen and (min-width:64em) {
  .object-list.portrait-object-list.wide-mode .object-thumbnail {
    height: 13rem
  }
}
.portrait-object-list .list-object .inner-list-object {
  padding-bottom: .15rem
}
.portrait-object-list .list-object .inner-list-object .controls,
.portrait-object-list .list-object .inner-list-object .data {
  display: table-row
}
.portrait-object-list .list-object .inner-list-object .inner-controls,
.portrait-object-list .list-object .inner-list-object .object-name,
.portrait-object-list .list-object .inner-list-object .object-properties {
  display: table-cell
}
.portrait-object-list .list-object .inner-list-object .data {
  float: none;
  height: 100%
}
.portrait-object-list .list-object .inner-list-object .data .object-thumbnail {
  margin-bottom: .25rem;
  text-align: center
}
.portrait-object-list .list-object .inner-list-object .data .object-thumbnail a {
  display: flex;
  height: inherit;
  max-width: 100%;
  vertical-align: middle;
  width: 100%
}
.portrait-object-list .list-object .inner-list-object .data .object-thumbnail a img {
  max-height: 100%;
  max-width: 100%;
  margin: auto
}
.portrait-object-list .list-object .inner-list-object .data .object-name {
  padding: .25rem 0
}
.portrait-object-list .list-object .inner-list-object .data .object-properties {
  padding-left: .15rem;
  padding-right: .15rem
}
.portrait-object-list .list-object .inner-list-object .controls::after,
.portrait-object-list .list-object .inner-list-object .controls::before {
  display: table;
  content: " "
}
.portrait-object-list .list-object .inner-list-object .controls::after {
  clear: both
}
.portrait-object-list .list-object .inner-list-object .controls {
  height: 100%;
  padding-top: .25rem
}
.portrait-object-list .list-object .inner-list-object .controls .inner-controls {
  vertical-align: bottom
}
.portrait-object-list .list-object .inner-list-object .controls .inner-controls .order-controls .quantity-selection-container {
  margin-bottom: .1rem
}
.portrait-object-list .list-object.no-properties-labels .object-name,
.portrait-object-list .list-object.no-properties-labels .object-properties .name.column,
.portrait-object-list .list-object.no-properties-labels .object-properties .value.column {
  text-align: center
}
.landscape-object-list .list-object .inner-list-object {
  padding-bottom: .15rem
}
.landscape-object-list .list-object .inner-list-object .controls,
.landscape-object-list .list-object .inner-list-object .data {
  display: table-row
}
.landscape-object-list .list-object .inner-list-object .object-name,
.landscape-object-list .list-object .inner-list-object .object-properties {
  display: table-cell
}
.landscape-object-list .list-object .inner-list-object .data {
  float: none;
  height: 100%
}
.landscape-object-list .list-object .inner-list-object .data .object-thumbnail {
  margin-bottom: .25rem;
  text-align: center
}
.landscape-object-list .list-object .inner-list-object .data .object-thumbnail a {
  display: flex;
  height: inherit;
  max-width: 100%;
  vertical-align: middle;
  width: 100%
}
.landscape-object-list .list-object .inner-list-object .data .object-thumbnail a img {
  max-height: 100%;
  max-width: 100%;
  margin: auto
}
.landscape-object-list .list-object .inner-list-object .data .object-name,
.landscape-object-list .list-object .inner-list-object .data .object-properties {
  padding-right: 0
}
.landscape-object-list .list-object .inner-list-object .controls::after,
.landscape-object-list .list-object .inner-list-object .controls::before {
  display: table;
  content: " "
}
.landscape-object-list .list-object .inner-list-object .controls::after {
  clear: both
}
.landscape-object-list .list-object .inner-list-object .controls {
  padding-top: .25rem
}
.landscape-object-list .list-object .inner-list-object .controls .inner-controls {
  vertical-align: bottom
}
.list-object-list .list-object:not(:last-child) {
  border-bottom: 1px solid #eee
}
.list-object-list .list-object .object-thumbnail {
  text-align: center
}
.list-object-list .list-object .object-thumbnail a {
  display: flex;
  height: inherit;
  max-width: 100%;
  vertical-align: middle;
  width: 100%
}
.list-object-list .list-object .object-thumbnail a img {
  max-height: 100%;
  max-width: 100%;
  margin: auto
}
.list-object-list .list-object .object-name {
  padding-bottom: .15rem;
  padding-top: .15rem
}
.list-object-list .list-object .object-properties > .column {
  padding-left: 0
}
.list-object-list .list-object .object-properties > .column.grouping-property,
.list-object-list .list-object .object-properties > .column.grouping-property + .group-template-property {
  clear: left
}
@media screen and (max-width:39.9375em) {
  .list-object-list .list-object .object-properties {
    padding-top: .25rem
  }
  .list-object-list .list-object .controls::after,
  .list-object-list .list-object .controls::before {
    display: table;
    content: " "
  }
  .list-object-list .list-object .controls::after {
    clear: both
  }
  .list-object-list .list-object .controls {
    float: none;
    padding-top: .25rem
  }
}
.view-object {
  padding: .5rem 0
}
.view-object .inner-view-object {
  display: block
}
.view-object .inner-view-object .object-thumbnail {
  padding: .25rem;
  text-align: center
}
.view-object .inner-view-object .object-thumbnail a {
  border-radius: 0;
  display: inline-block;
  padding: .25rem
}
.view-object .inner-view-object .object-name {
  font-size: 1.5rem;
  padding-bottom: .75rem
}
.view-object .inner-view-object .video video {
  width: 100%
}
.view-object .inner-view-object .object-properties {
  padding-top: 1rem
}
@media print,
screen and (min-width:64em) {
  .view-object .inner-view-object .object-properties {
    padding-top: 0
  }
}
.view-object .inner-view-object .object-properties > .column {
  padding-bottom: .5rem
}
.view-object .inner-view-object .object-properties > .column:last-child {
  padding-bottom: 0
}
.view-object .inner-view-object .object-properties > .column .name.column {
  font-size: .8rem;
  overflow: hidden;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap
}
.view-object .inner-view-object .admin-controls.column,
.view-object .inner-view-object .message.column,
.view-object .inner-view-object .order-controls .quantity-selection-container.column,
.view-object .inner-view-object .order-controls.column,
.view-object .inner-view-object .price-controls.column {
  margin-bottom: .25rem
}
.view-object .inner-view-object .price-controls {
  padding: .25rem
}
.view-object .inner-view-object .price-controls .price-text {
  font-size: 1.5rem
}
.view-object .inner-view-object .price-controls .quantity-text {
  font-size: .9rem
}
.view-object .inner-view-object .message,
.view-object .inner-view-object .price-controls .vat-text {
  font-size: .8rem
}
.view-object .inner-view-object .admin-controls {
  padding: .25rem .25rem 0
}
.view-object .inner-view-object .admin-controls .download-resources-control {
  display: block;
  margin-top: .25rem
}
.view-object .inner-view-object .continue-shopping-link {
  margin-top: .5rem
}
.view-object.no-properties-labels .object-properties .name.column,
.view-object.no-properties-labels .object-properties .value.column {
  text-align: left
}
.view-object.no-properties-labels .inner-view-object .object-properties .name.column {
  display: none
}
.view-object.no-properties-labels .inner-view-object .object-properties .value.column {
  padding-left: 0!important;
  width: 100%!important
}
.body-orders .footer .row,
.body-orders .header .row,
.body-orders .main-content .row {
  max-width: 1800px
}
.top-menu-container {
  min-height: 43px
}
.top-menu .button {
  margin-bottom: .5rem
}
.fixed-top-menu {
  z-index: 10000;
  border: 1px solid #f0f0f0;
  border-bottom: 3px solid #d8d7d7;
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem
}
.fixed-top-menu .button {
  margin-bottom: 0
}
.update-button {
  margin-left: 1rem
}
.accordion {
  background: 0 0
}
.accordion-title {
  border-width: 1px 0;
  background: #3e606f
}
.accordion-title:focus,
.accordion-title:hover {
  color: #fff
}
.accordion-title::before {
  top: 36%;
  font-size: 1.5rem;
  font-weight: 700
}
.accordion-title-printparts,
.accordion-title-process {
  background-color: #757989
}
.accordion-title-process:focus,
.accordion-title-process:hover {
  background-color: #999dab
}
.accordion-title-printparts:focus,
.accordion-title-printparts:hover {
  color: #fff;
  background-color: #657989
}
.accordion-title-label {
  font-weight: 700;
  text-transform: uppercase
}
.accordion-content-summary {
  display: block;
  margin-left: 10px;
  margin-right: 30px
}
.accordion-content-summary span {
  vertical-align: middle
}
.accordion-content-summary img {
  vertical-align: middle;
  height: 1rem
}
.accordion-sub-section {
  background-color: #d8d8d8;
  color: #555;
  padding: .5rem
}
.accordion-sub-section:focus,
.accordion-sub-section:hover {
  background-color: #cacabf;
  color: #333
}
.accordion-sub-section .accordion-title-label {
  font-weight: 700;
  text-transform: unset;
  word-wrap: break-word
}
.accordion-content {
  padding: .5rem;
  margin-bottom: 1rem;
  border: 1px solid #ddd
}
.section-information-title {
  font-weight: 700
}
.incoming-delivery-grid span {
  font-size: .875rem
}
.incoming-delivery-grid .date-picker,
.incoming-delivery-grid input,
.incoming-delivery-grid select {
  margin: 0
}
.incoming-delivery-grid .red,
.purchasing-needs .red {
  color: red
}
.purchasing-needs .overflow-hidden {
  white-space: nowrap;
  text-overflow: clip
}
.tv-view {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.tv-view .footer .row,
.tv-view .header .row {
  max-width: 90vw
}
.tv-view .header {
  color: #555;
  font-size: 3rem;
  font-weight: 700;
  padding: 1rem
}
.tv-view .clock {
  color: #555;
  font-size: 3rem;
  font-weight: 700;
  text-align: right
}
.tv-view .widget-small .value {
  margin-top: 1rem
}
.tv-view .message-container {
  margin-top: 1rem;
  color: #555;
  font-size: 1.2rem
}
.tv-view .message-container .section {
  padding: 1rem;
  border: none;
  border-radius: 5px
}
.tv-view .message-container i {
  margin-right: .3rem;
  color: #3e606f
}
.tv-view .section-header {
  padding: .7rem
}
.tv-view .section-header .header-text {
  display: flex;
  align-items: center;
  font-size: 1rem
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(100%)
  }
  100% {
    transform: translateX(0)
  }
}
.tv-view .tv-order-list {
  color: #555;
  overflow: hidden;
  font-size: 1.3rem
}
.tv-view .tv-order-list .list-item {
  overflow: hidden;
  padding: .2rem .3rem;
  margin-bottom: .5rem;
  background: #fcfcfc
}
.tv-view .tv-order-list .do-animation {
  animation: .5s ease-out slideInFromLeft
}
.tv-view .tv-order-list .orderid {
  color: #4487a5;
  font-weight: 700
}
.tv-view .tv-order-list .red {
  color: #be6868
}
.tv-view .tv-order-list .green {
  color: #31ac36
}
.tv-view .tv-order-list .customer-name,
.tv-view .tv-order-list .status-name {
  height: 1.8rem;
  color: #555;
  font-weight: 700
}
.tv-view .tv-order-list .projectmanager {
  height: 1.8rem
}
.tv-view .tv-order-list .products {
  height: 1rem;
  font-size: .8rem
}
.tv-view .tv-order-list .no-overflow {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.tv-view .tv-order-list .hide-details {
  display: none
}
.dashboard-order .header {
  border-bottom: 1px solid #d8d4d4;
  color: #726d6d;
  font-weight: 700;
  margin-bottom: .5em;
  padding: .5em .3em .2em
}
.dashboard-order .order-statistics .statistics-content {
  background-color: #fcfcfc;
  border: 1px solid #eee
}
.dashboard-order .order-statistics .statistics-content .name {
  font-style: italic
}
.dashboard-order .order-statistics .statistics-content .value {
  font-weight: 700
}
.dashboard-order .orders-list a {
  display: block;
  padding: .2rem .3rem;
  text-decoration: none
}
.dashboard-order .orders-list a:not(:last-child) {
  margin-bottom: .1rem
}
.dashboard-order .orders-list a .createddate,
.dashboard-order .orders-list a .customername,
.dashboard-order .orders-list a .username {
  color: #555
}
.dashboard-order .orders-list a:hover .createddate,
.dashboard-order .orders-list a:hover .customername,
.dashboard-order .orders-list a:hover .username {
  color: #333
}
.dashboard-order .orders-list a .createddate,
.dashboard-order .orders-list a .orderid {
  padding-right: .5rem
}
.dashboard-order .orders-list a .orderid {
  display: block;
  font-size: 1.3rem;
  font-weight: 700
}
.dashboard-order .orders-list a .createddate {
  display: block;
  font-size: .7rem
}
.dashboard-order .orders-list a .customername {
  display: block;
  font-weight: 700
}
.dashboard-order .orders-list a .username {
  display: block;
  padding-top: .2rem;
  font-size: .8rem
}
.dashboard-order .orders-list a .orderitems {
  display: block;
  font-size: .9rem;
  font-style: italic;
  padding-bottom: .3rem
}
.dashboard-order .orders-list a .status {
  display: block
}
.dashboard-order .orders-list-awaiting-approval a {
  background-color: snow;
  border: 1px solid #fff0f0
}
.dashboard-order .orders-list-awaiting-approval a:hover {
  border-color: #fdd
}
.dashboard-order .orders-list-latest a {
  background-color: #fcfcfc;
  border: 1px solid #f5f5f5
}
.dashboard-order .orders-list-latest a:hover {
  border-color: #ddd
}
.job label,
.order-details label,
.order-header label,
.order-resources label {
  font-size: .8rem;
  color: #555
}
.job .input-group-label-no-style,
.order-details .input-group-label-no-style,
.order-header .input-group-label-no-style,
.order-resources .input-group-label-no-style {
  background-color: transparent;
  padding: .2rem;
  border: 0
}
.job .flex-height-wrapper:disabled,
.job .flex-height-wrapper[readonly],
.job input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit]):disabled,
.job input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit])[readonly],
.job select:disabled,
.job select[readonly],
.job textarea:disabled,
.job textarea[readonly],
.order-details .flex-height-wrapper:disabled,
.order-details .flex-height-wrapper[readonly],
.order-details input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit]):disabled,
.order-details input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit])[readonly],
.order-details select:disabled,
.order-details select[readonly],
.order-details textarea:disabled,
.order-details textarea[readonly],
.order-header .flex-height-wrapper:disabled,
.order-header .flex-height-wrapper[readonly],
.order-header input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit]):disabled,
.order-header input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit])[readonly],
.order-header select:disabled,
.order-header select[readonly],
.order-header textarea:disabled,
.order-header textarea[readonly],
.order-resources .flex-height-wrapper:disabled,
.order-resources .flex-height-wrapper[readonly],
.order-resources input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit]):disabled,
.order-resources input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit])[readonly],
.order-resources select:disabled,
.order-resources select[readonly],
.order-resources textarea:disabled,
.order-resources textarea[readonly] {
  box-shadow: none;
  border: 1px solid #cacaca!important;
  padding-right: 0;
  background-color: #f5f5f5;
  font-weight: 400;
  color: #666;
  opacity: 1
}
.job .middle-for-medium,
.order-details .middle-for-medium,
.order-header .middle-for-medium,
.order-resources .middle-for-medium {
  margin: 0;
  padding: 0
}
.job .RadComboBox .rcbDisabled,
.order-details .RadComboBox .rcbDisabled,
.order-header .RadComboBox .rcbDisabled,
.order-resources .RadComboBox .rcbDisabled {
  opacity: unset;
  border: 0!important
}
.job .RadComboBox .rcbDisabled .rcbArrowCell,
.order-details .RadComboBox .rcbDisabled .rcbArrowCell,
.order-header .RadComboBox .rcbDisabled .rcbArrowCell,
.order-resources .RadComboBox .rcbDisabled .rcbArrowCell {
  display: none
}
.job .thumbnail,
.order-details .thumbnail,
.order-header .thumbnail,
.order-resources .thumbnail {
  border: 1px solid #eee;
  margin: .1rem;
  padding: 0
}
.job a.thumbnail img,
.job img.thumbnail,
.order-details a.thumbnail img,
.order-details img.thumbnail,
.order-header a.thumbnail img,
.order-header img.thumbnail,
.order-resources a.thumbnail img,
.order-resources img.thumbnail {
  max-height: 9rem
}
.job a.thumbnail,
.order-details a.thumbnail,
.order-header a.thumbnail,
.order-resources a.thumbnail {
  border-radius: 0;
  overflow: hidden;
  text-align: center
}
.job a.thumbnail:hover,
.order-details a.thumbnail:hover,
.order-header a.thumbnail:hover,
.order-resources a.thumbnail:hover {
  background: 0 0!important
}
.job .order-id,
.order-details .order-id,
.order-header .order-id,
.order-resources .order-id {
  margin-left: 1rem
}
.job .preflight-report,
.order-details .preflight-report,
.order-header .preflight-report,
.order-resources .preflight-report {
  font-size: .9rem
}
.order-title-bar {
  border: 1px solid #eee;
  font-weight: 700;
  margin: .25rem 0 .1rem;
  padding: .25rem;
  background-color: #818283!important;
  color: #fff!important
}
.internal-order-id {
  font-style: italic;
  color: #666
}
.image-button {
  padding: .2rem
}
.order-header .customer-drop-down {
  display: inherit;
  width: 100%;
  line-height: inherit
}
.order-header .customer-drop-down .rcbInner {
  padding: .5rem
}
.order-header .add-customer-container {
  vertical-align: top
}
.order-header a.link-button {
  border-radius: .2em;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid #d5d5bc;
  display: inline-block;
  margin-right: .4rem;
  padding: .2em .3rem;
  text-decoration: none;
  font-size: .9rem;
  line-height: 1.2rem
}
.order-header a.link-button:hover {
  background-color: #f0f0f0;
  border-color: #c5c5ac
}
.delivery .delivery-title {
  padding-bottom: .3em
}
.delivery .delivery-title .control-button {
  margin-left: .5em;
  vertical-align: bottom
}
.delivery .shipment-information .warning.message-box {
  border-radius: .2em;
  background-clip: padding-box;
  display: block;
  margin-bottom: .5em;
  padding: .2rem
}
.delivery .shipment-information .warning.message-box::before {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f071";
  margin-right: .4rem
}
.delivery-consignment {
  margin-bottom: .5rem
}
.delivery-consignment .consignment-reference {
  display: inline-block;
  min-width: 8rem;
  font-size: .8rem
}
.delivery-consignment .consignment-id {
  font-weight: 700
}
.delivery-consignment .order-links {
  padding-left: .5rem;
  padding-right: .5rem
}
.delivery-consignment .created {
  vertical-align: middle;
  font-size: .75rem;
  font-style: italic
}
.delivery-consignment a.link-button {
  border-radius: .2em;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid #d5d5bc;
  display: inline-block;
  margin-right: .4rem;
  padding: .2em .3rem;
  text-decoration: none;
  font-size: .9rem;
  line-height: 1.2rem;
  vertical-align: middle
}
.delivery-consignment a.link-button:hover {
  background-color: #f0f0f0;
  border-color: #c5c5ac
}
.delivery-date {
  margin-right: 1rem
}
.delivery-date.express {
  color: #ffabab;
  font-weight: 700
}
.delivery-date:empty {
  display: none
}
.distribute-deliveries table th {
  white-space: normal;
  vertical-align: top
}
.distribute-deliveries .order-items-header {
  font-size: .8rem
}
.distribute-deliveries .remaining-quantity {
  font-size: .8rem;
  font-weight: 700;
  color: red
}
.distribute-deliveries .delivery-label {
  font-size: .8rem
}
.distribute-deliveries .address {
  font-size: 16px
}
.distribute-deliveries .info {
  font-size: .8rem
}
.distribute-deliveries .distributed-quantity {
  margin: .5rem 0
}
.distribute-deliveries .delivery-text {
  font-size: .8rem
}
.distribute-deliveries .delivery-text-input {
  margin: 0
}
.distribute-deliveries .red-text {
  color: #d36363
}
.order-details .order-item-row .button-add-sub-order-item {
  margin-left: 1px;
  margin-right: 1px
}
.order-details .sub-order-item-row {
  color: #666;
  font-size: .8em;
  font-style: italic
}
.order-details .sub-order-item-row .column-item-number {
  padding-left: 2em
}
.order-details .sub-order-item-row .column-name {
  padding-left: 2.5em
}
.order-details .special-row {
  color: #000;
  font-size: .9em;
  font-weight: 700
}
.order-details .order-item-cost-center {
  display: block;
  color: #777;
  margin-top: .3em;
  font-size: .8rem
}
.order-details .order-item-information {
  display: block;
  font-size: .8rem;
  white-space: pre-wrap
}
.order-details .order-item-delivery-information {
  display: block;
  color: #363
}
.order-details .order-item-property {
  display: block;
  font-size: .8rem
}
.order-details .job-links {
  font-size: .8rem
}
.order-details .order-item-quantity {
  white-space: nowrap
}
.order-details .order-item-cost,
.order-details .order-item-margin {
  font-size: .8rem;
  white-space: nowrap
}
.order-details .order-item-discount,
.order-details .order-item-total-price,
.order-details .order-item-unit-price {
  white-space: nowrap
}
.select-job-type-list,
.select-portal-list {
  background-color: #f8f8f8;
  border: 1px solid #e6ddd3;
  margin: 0;
  position: absolute;
  z-index: 1000
}
.select-job-type-list ul.item-list,
.select-portal-list ul.item-list {
  list-style: none;
  margin: 0;
  padding: 0
}
.select-job-type-list ul.item-list li,
.select-portal-list ul.item-list li {
  padding: .3rem .1rem
}
.select-job-type-list ul.item-list li:hover,
.select-portal-list ul.item-list li:hover {
  background-color: #f0f0f0
}
.select-job-type-list ul.item-list li a,
.select-job-type-list ul.item-list li button,
.select-portal-list ul.item-list li a,
.select-portal-list ul.item-list li button {
  cursor: pointer;
  display: block;
  font-size: .9rem;
  height: auto;
  min-width: 10rem;
  padding: .3rem;
  text-align: left
}
.select-job-type-list ul.item-list li a:hover,
.select-job-type-list ul.item-list li button:hover,
.select-portal-list ul.item-list li a:hover,
.select-portal-list ul.item-list li button:hover {
  text-decoration: none
}
.confirm-quote-dialog .confirm-order-item-control {
  border: 1px solid #ddd;
  padding: .3rem
}
.edit-order-item-dialog .price-type-selection [type=radio] {
  margin: 0
}
.edit-order-item-dialog .content {
  background-color: #f5f5f5
}
.edit-order-item-item-selection {
  width: 40rem!important;
  height: 90vh!important
}
.edit-order-item-item-selection .rcbHeader {
  background-color: #eee
}
.edit-order-item-item-selection .rcbTemplate {
  padding: 0!important
}
.edit-order-item-item-selection .header {
  font-weight: 700;
  font-size: .8rem;
  padding: .2rem .25rem
}
.edit-order-item-item-selection .item {
  line-height: 1.2rem;
  vertical-align: middle;
  padding: .2rem .25rem;
  font-size: .8rem;
  border-bottom: 1px solid #eee
}
.edit-order-item-item-selection .info {
  display: inline-block
}
.edit-order-item-item-selection .name {
  width: 50%
}
.edit-order-item-item-selection .item-number {
  width: 15%
}
.edit-order-item-item-selection .unit-price {
  width: 20%;
  text-align: right
}
.edit-order-item-item-selection .unit {
  width: 10%
}
.job-type-indicator-assignment,
.job-type-indicator-booking,
.job-type-indicator-email,
.job-type-indicator-pick,
.job-type-indicator-print,
.job-type-indicator-vdp {
  width: .8rem;
  height: .8rem;
  border-radius: 100%;
  border: 1px solid #a9aea0;
  display: inline-block
}
.job-type-indicator-assignment {
  background-color: #f39200
}
.job-type-indicator-booking {
  background-color: #e30613
}
.job-type-indicator-email {
  background-color: #662483
}
.job-type-indicator-pick {
  background-color: #2daae1
}
.job-type-indicator-print {
  background-color: #ededed
}
.job-type-indicator-vdp {
  background-color: #fcf6bb
}
.job-type-indicator-small {
  border: 1px solid #d3d3d3;
  width: 5px;
  height: 5px
}
.wrapper-processing .flow-result .activity-result .activity-header {
  border-radius: .1em;
  background-clip: padding-box;
  background-color: #f6f6e9;
  border: 1px solid #ccc;
  padding: .2em .5em
}
.wrapper-processing .flow-result .activity-result .result-messages {
  padding: .3em
}
.wrapper-processing .flow-result .activity-result .result-messages ul li {
  list-style-type: none
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .status {
  background: #efefef;
  border: 1px solid #7f7f7f;
  display: inline-block;
  height: .7em;
  width: .7em
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .status-successful {
  background: #7fef7f
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .status-warning {
  background: #efef7f
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .status-error {
  background: #ef7f7f
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .status-name,
.wrapper-processing .flow-result .activity-result .result-messages ul li .timestamp {
  color: #555;
  font-size: .9em
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .timestamp {
  margin-left: 1em
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .message {
  display: block;
  padding: .5em 0 0 1.7em
}
.wrapper-processing .flow-result .activity-result .result-messages ul li .external-id {
  color: #555;
  font-size: .9em
}
.job .process-list button,
.job .process-list input,
.job .process-list label,
.job .process-list select {
  margin: .1rem
}
.job .print-file-buttons {
  display: inline-block;
  vertical-align: middle
}
.job .no-top-padding {
  padding-top: 0
}
.job hr {
  margin-top: 0rem;
  margin-bottom: .5rem
}
.job .callout {
  margin: 0;
  padding: .3rem
}
.print-part .final-dimension .drop-down,
.print-part .final-dimension .height,
.print-part .final-dimension .width {
  width: 27%;
  display: inline
}
.print-sheet {
  border: 1px solid #e6e6e6;
  border-radius: .1rem;
  padding: .3rem;
  margin-top: 2px
}
.print-sheet:nth-child(even) {
  background-color: #f9f9f9
}
.print-sheet:nth-child(odd) {
  background-color: #ecece9
}
.print-sheet .delete-button {
  float: left;
  width: 3.5%
}
.print-sheet .print-sheet-content {
  float: left;
  width: 95%
}
.print-media-drop-down {
  width: 70rem!important
}
.print-media-drop-down .rcbHeader {
  background-color: #eee
}
.print-media-drop-down .rcbTemplate {
  padding: 0!important
}
.print-media-drop-down .header {
  font-weight: 700;
  font-size: .8rem
}
.print-media-drop-down .item {
  line-height: 1.2rem;
  vertical-align: middle;
  padding-top: .2rem;
  padding-left: .3rem;
  font-size: .8rem;
  border-bottom: 1px solid #eee
}
.print-media-drop-down .info {
  display: inline-block
}
.print-media-drop-down .item-number {
  width: 15%
}
.print-media-drop-down .name {
  width: 25%
}
.print-media-drop-down .weight {
  width: 10%;
  text-align: right
}
.print-media-drop-down .dimension,
.print-media-drop-down .packaging {
  width: 10%
}
.print-media-drop-down .details {
  width: 25%
}
.print-file {
  border: 1px solid #efefef;
  padding: .2rem
}
.print-file-info {
  margin-left: 1.5rem;
  font-size: .8rem;
  font-style: italic
}
.dialog-print-part-add {
  max-width: 40rem
}
.calculation-override-dialog .item-override {
  padding: 1rem;
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5
}
.calculation-override-dialog .calculation-override .volume-discount-between-items {
  float: left;
  margin-right: .5rem
}
.preflight-content .preflight-selection {
  width: 10rem
}
.order-log-dialog {
  max-width: 50rem
}
.order-log-dialog .log-entries .log-entry.column {
  border: 1px solid #f5f5f5;
  padding: .2rem
}
.order-log-dialog .log-entries .log-entry.column:not(:last-child) {
  border-bottom: 0
}
.order-log-dialog .log-entries .log-entry.column i.fa {
  color: #aaa
}
.order-log-dialog .log-entries .log-entry.column .source,
.order-log-dialog .log-entries .log-entry.column .timestamp,
.order-log-dialog .log-entries .log-entry.column .username {
  color: #999;
  font-size: .8rem
}
.order-log-dialog .log-entries .log-entry.column.order-log-entry .source i.fa {
  color: #5a3
}
.order-log-dialog .log-entries .log-entry.column.job-log-entry .source i.fa {
  color: #6ad
}
.order-log-dialog .log-entries .log-entry.column .source {
  font-variant: small-caps
}
.order-log-dialog .log-entries .log-entry.column .username {
  font-style: italic
}
.order-log-dialog .log-entries .log-entry.column .message {
  font-size: .75rem;
  padding-bottom: .2rem;
  padding-top: .3rem;
  white-space: pre-wrap
}
.print-file-dialog .print-file-part-warning {
  font-size: .9rem;
  color: #a02600
}
.compare-printers-dialog {
  max-width: 70rem
}
.compare-printers-dialog .compared-printer:nth-child(odd) {
  background-color: #fafafa
}
.compare-printers-dialog .compared-printer:nth-child(even) {
  background-color: #f3f2ee
}
.compare-printers-dialog .compared-printer {
  border: 1px solid #d0cfcf;
  border-radius: .2rem;
  background-color: #fafafa;
  padding: .2rem;
  margin-bottom: .2rem
}
.compare-printers-dialog .compared-printer .print-cost,
.compare-printers-dialog .compared-printer .printer-name {
  font-weight: 700
}
.compare-printers-dialog .compared-printer .switch-button {
  float: right;
  margin-top: 1rem
}
.compare-printers-dialog .compared-printer .print-part-name {
  font-weight: 700;
  font-size: .8rem
}
.compare-printers-dialog .error-message {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.flow-result .activity-result {
  margin-top: .5em
}
.flow-result .activity-result .activity-header {
  border-radius: .1em;
  background-clip: padding-box;
  font-size: .9rem;
  background-color: #f6f6e9;
  padding-left: .25rem;
  border: 1px solid #ccc;
  margin-bottom: .3rem
}
.flow-result .activity-result .log-entry {
  font-size: .8rem
}
.flow-result .activity-result .status {
  background: #efefef;
  border: 1px solid #7f7f7f;
  display: inline-block;
  height: .7em;
  width: .7em
}
.flow-result .activity-result .status-successful {
  background: #7fef7f
}
.flow-result .activity-result .status-warning {
  background: #efef7f
}
.flow-result .activity-result .status-error {
  background: #ef7f7f
}
.flow-result .activity-result .timestamp {
  font-style: italic
}
.flow-result .activity-result ul li {
  list-style-type: none
}
.complete-delivery .faded {
  margin: .3rem
}
.complete-delivery .warnings {
  border-radius: .3rem;
  background-clip: padding-box;
  padding: .2rem .5rem;
  border: 1px solid rgba(10,10,10,.25);
  background-color: #fff3d9
}
.complete-delivery .failed-message {
  font-weight: 700;
  color: #8b0000
}
.complete-delivery .success-message {
  font-weight: 700;
  color: #228b22
}
.complete-delivery .consignment {
  border-radius: .3rem;
  background-clip: padding-box;
  border: 1px solid #e0e0e0;
  padding: .5rem;
  margin-bottom: .5rem;
  background-color: #fafafa
}
.complete-delivery .consignment .delivery-information {
  display: block
}
.complete-delivery .consignment .delivery-detail {
  font-size: .8rem;
  font-style: italic;
  margin: .5rem 0
}
.complete-delivery .consignment .order-links-text {
  color: #f8823d
}
.complete-delivery .consignment .job-links-text {
  color: #1779ba
}
.complete-delivery .consignment .order-job-links {
  margin-bottom: .2rem
}
.complete-delivery .consignment .order-link {
  color: #f8823d;
  font-weight: 700;
  margin: .3rem 0
}
.complete-delivery .consignment .pending-delivery-button {
  margin-bottom: .2rem
}
.complete-delivery .consignment .item-container {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e4e4e4;
  text-decoration: none;
  font-size: .8rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  clear: both;
  display: flex;
  align-items: center;
  width: 100%
}
.complete-delivery .consignment .item-container:hover {
  background-color: #f0f0f0;
  border-color: #c5c5ac
}
.complete-delivery .consignment .item-container .item-included-column {
  width: 5%
}
.complete-delivery .consignment .item-container .item-name-column,
.complete-delivery .consignment .item-container .job-id-column {
  width: 30%
}
.complete-delivery .consignment .item-container .item-name-column .item-quantity {
  width: 30%;
  display: inline-block;
  margin-right: .5rem
}
.complete-delivery .consignment .item-container .item-customs-code-column {
  width: 30%;
  margin-left: auto
}
.complete-delivery .consignment .item-container .pending-location-column {
  width: 30%
}
.complete-delivery .consignment .item-container [type=checkbox] {
  height: 1.1rem;
  vertical-align: middle;
  margin-right: .2rem
}
.complete-delivery .consignment .item-container [type=text] {
  margin: 0;
  font-size: .9rem;
  height: 2rem
}
.complete-delivery .consignment .pending-delivery {
  background-color: #ecefec
}
.complete-delivery .consignment .pending-delivery .job-link {
  color: #219748
}
.complete-delivery .consignment .job-link {
  color: #1779ba;
  font-weight: 700
}
.complete-delivery .consignment a.link {
  display: block
}
.complete-delivery .consignment a.link-button {
  border-radius: .2em;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid #d5d5bc;
  display: inline-block;
  padding: .2em .3rem;
  margin-right: .4rem;
  text-decoration: none;
  font-size: .9rem;
  line-height: 1.2rem
}
.complete-delivery .consignment a.link-button:hover {
  background-color: #f0f0f0;
  border-color: #c5c5ac
}
.complete-delivery .consignment .warning {
  border-radius: .3rem;
  background-clip: padding-box;
  border: 1px solid rgba(10,10,10,.25);
  background-color: #fff3d9;
  padding: .2rem .5rem;
  margin-top: .3rem
}
.complete-delivery .consignment .shipment-links {
  padding: .5rem 0
}
.complete-delivery .consignment .radio-button-list li {
  display: inline-block
}
.complete-delivery .order-document-link {
  display: block;
  padding: .35rem
}
.update-order-job-status .warnings {
  border-radius: .3rem;
  background-clip: padding-box;
  background-color: #fff3d9;
  border: 1px solid rgba(10,10,10,.25);
  padding: .5rem
}
.update-order-job-status .warnings i {
  color: #dc1f1f
}
.update-order-job-status .valid-orders {
  padding: .5rem
}
.update-order-job-status .valid-orders i {
  color: #5a3
}
.update-order-job-status .order-links {
  margin-top: .5rem
}
.update-order-job-status .order-link {
  border-radius: .3rem;
  background-clip: padding-box;
  display: inline-block;
  margin-top: .2rem;
  padding: .2rem .5rem;
  border: 1px solid #dadada;
  background-color: #f8f8f8
}
.update-order-job-status .order-link:hover {
  background-color: #e0e0e0
}
.update-order-job-status .missing-order {
  border-radius: .3rem;
  background-clip: padding-box;
  padding: .2rem .5rem;
  border: 1px solid #dadada;
  background-color: #f8f8f8
}
.update-order-job-status .buttons {
  margin-top: 2rem
}
.update-order-job-status .buttons .progress-message {
  font-size: .7rem
}
.create-invoice .faded {
  margin: .3rem
}
.create-invoice .warnings {
  border-radius: .3rem;
  background-clip: padding-box;
  padding: .2rem .5rem;
  border: 1px solid rgba(10,10,10,.25);
  background-color: #fff3d9
}
.create-invoice .invoice {
  border-radius: .3rem;
  background-clip: padding-box;
  border: 1px solid #e0e0e0;
  padding: .5rem;
  margin-bottom: .5rem;
  background-color: #fafafa
}
.create-invoice .invoice .invoice-information {
  display: inline-block
}
.create-invoice .invoice .order-links {
  margin-top: 1rem
}
.create-invoice .invoice .order-links-text {
  color: #f8823d;
  font-weight: 700
}
.create-invoice .invoice .order-link {
  color: #f8823d;
  font-weight: 700;
  margin-bottom: .3rem
}
.create-invoice .invoice a.link-button {
  border-radius: .2em;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid #d5d5bc;
  display: inline-block;
  padding: .2em .3rem;
  margin-right: .4rem;
  text-decoration: none;
  font-size: .9rem;
  line-height: 1.2rem
}
.create-invoice .invoice a.link-button:hover {
  background-color: #f0f0f0;
  border-color: #c5c5ac
}
.create-invoice .invoice .warning {
  border-radius: .3rem;
  background-clip: padding-box;
  border: 1px solid rgba(10,10,10,.25);
  background-color: #fff3d9;
  padding: .2rem .5rem;
  margin-top: .3rem
}
.create-order-document .warnings {
  border-radius: .3rem;
  background-clip: padding-box;
  background-color: #fff3d9;
  border: 1px solid rgba(10,10,10,.25);
  padding: .5rem
}
.create-order-document .warnings i {
  color: #dc1f1f
}
.create-order-document .order-links {
  margin-top: .5rem
}
.create-order-document .order-link {
  border-radius: .3rem;
  background-clip: padding-box;
  display: inline-block;
  margin-top: .2rem;
  padding: .2rem .5rem;
  border: 1px solid #dadada;
  background-color: #f8f8f8
}
.create-order-document .order-link:hover {
  background-color: #e0e0e0
}
.create-order-document .buttons {
  margin-top: 2rem
}
.create-order-document .buttons .progress-message {
  font-size: .7rem
}
.create-order-document .result-link-container {
  margin-top: .75rem
}
.select-dialog-content .select-from-grid-name {
  padding-top: .2rem;
  font-size: 1rem
}
.select-dialog-content .select-from-grid-description {
  font-style: italic;
  color: #666
}
.select-template {
  padding: 0 .5rem
}
.select-template .categories-panel {
  margin-bottom: .5rem
}
.select-template .categories-panel .tree-view {
  border-top-right-radius: 0;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
  border-top-left-radius: .3rem;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid #e6ddd3;
  overflow: hidden;
  padding: .3rem
}
.select-template .categories-panel .tree-view .rtIn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%
}
.add-job-from-jobs-dialog {
  max-width: 75rem
}
.release-to-production-dialog {
  max-height: 85vh;
  overflow-y: auto
}
.release-to-production-dialog .include-check-box label {
  max-width: unset
}
.release-to-production-dialog .buttons {
  position: sticky;
  bottom: 0;
  border-top: 1px solid #dadada
}
.release-to-production-dialog .release-to-production:nth-child(odd) {
  background-color: #fafafa
}
.release-to-production-dialog .release-to-production:nth-child(even) {
  background-color: #f3f2ee
}
.release-to-production-dialog .release-to-production {
  border: 1px solid #afadad;
  border-radius: .2rem;
  background-color: #fafafa;
  padding: .2rem;
  margin-bottom: .3rem
}
.release-to-production-dialog .release-to-production .job-title {
  font-weight: 700
}
.release-to-production-dialog .release-to-production .include-check-box input {
  height: 1.1rem;
  margin-top: .2rem
}
.release-to-production-dialog .release-to-production .include-check-box label {
  padding-top: 0
}
.release-to-production-dialog .release-to-production .no-warnings {
  color: #237823
}
.release-to-production-dialog .release-to-production .warning-section {
  margin-bottom: .5rem
}
.release-to-production-dialog .release-to-production .warning-header {
  font-size: .75rem
}
.release-to-production-dialog .release-to-production .warning-text {
  color: #cf5f3a
}
.release-to-production-dialog .release-to-production .material-date-picker .date-picker-calendar-wrapper {
  left: 0
}
.view-report-dialog {
  max-width: 75rem
}
.view-report-dialog .content {
  overflow: auto
}
.job-price-calculation {
  font-family: roboto;
  color: #333
}
.job-price-calculation table {
  table-layout: fixed
}
.job-price-calculation table td {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .4rem;
  padding-right: .4rem
}
.job-price-calculation .header {
  background-color: #f8f8f8;
  color: #607d8b;
  font-weight: 700;
  font-size: .8rem
}
.job-price-calculation .header .name {
  padding-left: .15rem
}
.job-price-calculation .cost,
.job-price-calculation .margin,
.job-price-calculation .price,
.job-price-calculation .quantity,
.job-price-calculation .time {
  text-align: right
}
.job-price-calculation .name {
  width: 22%
}
.job-price-calculation .margin {
  width: 10%
}
.job-price-calculation .override {
  color: #ff4500;
  font-style: italic
}
.job-price-calculation .level0 {
  background-color: #939598;
  color: #fff;
  font-size: .8rem;
  cursor: pointer
}
.job-price-calculation .level0 .name {
  padding-left: .15rem
}
.job-price-calculation .level1 {
  background-color: #f0efe7;
  font-size: .7rem;
  display: none;
  cursor: pointer
}
.job-price-calculation .level1 .name {
  padding-left: .3rem
}
.job-price-calculation .level2 {
  background-color: #fff;
  font-size: .7rem;
  display: none;
  cursor: pointer
}
.job-price-calculation .level2 .name {
  padding-left: .6rem
}
.job-price-calculation .calculation {
  border-top: 2px solid #888;
  background-color: #fff;
  font-size: .8rem;
  cursor: auto;
  color: #000
}
.job-price-calculation .total {
  background-color: #fff;
  font-size: .8rem;
  font-weight: 700;
  cursor: auto;
  color: #000
}
.job-price-calculation .contribution-margin,
.job-price-calculation .discount,
.job-price-calculation .subsequent-price {
  background-color: #fff;
  font-size: .8rem;
  cursor: auto;
  color: #000
}
.show-disabled-field .flex-height-wrapper:disabled,
.show-disabled-field .flex-height-wrapper[readonly],
.show-disabled-field input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit]):disabled,
.show-disabled-field input:not([type=button]):not([type=image]):not([type=reset]):not([type=submit])[readonly],
.show-disabled-field select:disabled,
.show-disabled-field select[readonly],
.show-disabled-field textarea:disabled,
.show-disabled-field textarea[readonly] {
  box-shadow: none;
  border: 1px solid #cacaca!important;
  padding-right: 0;
  background-color: #f5f5f5;
  font-weight: 400;
  color: #666;
  opacity: 1
}
.imposition-preview-image {
  border: 1px solid #000
}
.card-column {
  border: 1px solid #d3d3d3
}
.card {
  border: 1px solid #d3d3d3;
  border-radius: .25rem;
  text-align: center;
  background-color: #f1f1f1
}
.card:hover {
  border: 1px solid #d1d1d1
}
.planning .job-details {
  background: #fff;
  border: 1px solid #ddd
}
.planning .job-details.section {
  padding: 10px 0 0
}
.planning .job-details .row {
  margin: 0
}
.planning .job-details .columns {
  padding-right: .5rem;
  padding-left: .5rem
}
.planning .job-details .property {
  border-bottom: 1px solid #ddd;
  padding: 3px 0
}
.planning .job-details .faint-line {
  border-bottom-style: dashed;
  border-bottom-color: #e9e9e9
}
.planning .job-details .property:last-child {
  border: none
}
.planning .job-details label {
  font-size: .8rem;
  line-height: 1.4
}
.planning .job-details .property-value {
  font-size: .8rem;
  display: block;
  line-height: 1.4;
  padding-left: 4px;
  margin: 0
}
.planning .job-details .property-status-bar {
  border-left-width: 8px;
  border-left-style: solid;
  padding-left: 4px
}
.planning .job-details select {
  margin: 0;
  padding: 0 1.2rem 0 .3rem;
  height: auto
}
.planning .job-details .process-select {
  cursor: pointer;
  color: #4487a5
}
.planning .job-details .process-select:hover {
  color: #999
}
.planning .job-details .input-group {
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1.4
}
.planning .job-details .input-group-field {
  font-size: .8rem;
  line-height: 1.4;
  height: 30px
}
.planning .job-details .property-values-inline {
  display: flex
}
.planning .job-details .riTextBox {
  height: 30px
}
.planning .job-details .rcSelect {
  margin-bottom: 0
}
.planning .job-details .RadInput {
  padding-right: 0
}
.planning .job-details .scheduled-start-disabled {
  background: #fff;
  opacity: .5
}
.planning .status-drop-down {
  width: 10rem!important
}
.planning .search-wrapper {
  width: 10rem;
  display: inline-block
}
.planning .search-wrapper .button {
  background-color: #c2c2c2
}
.planning .selected > div {
  border: 3px solid rgba(0,0,0,.25);
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: infinite
}
@keyframes blinking {
  50% {
    opacity: .75
  }
}
.planning .RadPicker .RadInput {
  height: 30px;
  font-size: .8rem
}
.planning .RadPicker .RadInput > input {
  font-size: .8rem
}
.planning .RadInput a {
  border-left-color: #ccc
}
.planning .scheduled-calendar-custom-item {
  border-left: 8px dotted #ccc
}
.planning .scheduled-calendar-item {
  border-left: 8px solid #ccc
}
.planning .status-not-started {
  border-left-color: #ccc
}
.planning .status-started {
  border-left-color: #f1c501
}
.planning .status-paused {
  border-left-color: #999
}
.planning .status-complete {
  border-left-color: #35cd63
}
.planning .status-canceled {
  border-left-color: #eb715e
}
.planning .current-day-style {
  background: #fff9f1
}
.bullet {
  border: 1px solid #000;
  display: inline-block;
  margin-right: 5px;
  width: .5rem;
  height: .5rem;
  border-radius: 100%
}
.bullet-red {
  background: #b33a3a
}
.bullet-green {
  background: #0f0
}
.bullet-complete {
  background: #d9ead3
}
.bullet-started {
  background: #fff2cc
}
.bullet-not-started {
  background: #f4cccc
}
.bullet-canceled {
  background: #ea9999
}
.bullet-paused {
  background: #d9d9d9
}
.warning-triangle {
  color: #ffcb00;
  margin-right: .2rem;
  -webkit-text-stroke: .5px #000
}
.RadCalendar .rcTitlebar {
  background-color: #d5d5d5
}
.off-canvas-wrapper {
  overflow: clip
}
.produce-processes .section {
  margin-bottom: .3rem
}
.produce-processes hr {
  margin: .2rem auto;
  border-color: #ddd
}
.produce-processes .toolbar .fa {
  font-size: 14px
}
.produce-processes .toolbar .green-icon {
  color: #269926;
  animation: 1.2s infinite pulse
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1)
  }
  50% {
    opacity: .5;
    transform: scale(1.2)
  }
}
.produce-processes .process-link {
  cursor: pointer
}
.produce-processes .sticky-details {
  position: sticky;
  z-index: 1;
  top: 0
}
.produce-processes .current-day-style {
  background: #e8f4f9
}
.produce-processes .item-status {
  padding: .4rem 1rem;
  border-radius: 1rem;
  font-weight: 700
}
.produce-processes .status-ready {
  background: #d2f9c3;
  color: #378a1a
}
.produce-processes .status-not-started {
  background: 0 0
}
.produce-processes .status-started {
  background: #f9f0c3;
  color: #917b20
}
.produce-processes .status-paused {
  background: #f9f0c3;
  color: #917b20;
  animation-name: blinkingball;
  animation-duration: 1s;
  animation-iteration-count: infinite
}
.produce-processes .status-cancelled {
  background: #f8d4d4;
  color: #895858
}
.produce-processes .status-complete {
  background: #e3e3e3;
  color: #5f5f5f
}
.produce-processes .RadScheduler .rsApt {
  padding: 0
}
.produce-processes .RadScheduler .rsTimelineView {
  min-height: 350px
}
.produce-processes .zoom-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: -.5rem;
  color: #777;
  font-size: .875rem;
  font-weight: 700
}
.produce-processes .zoom-buttons span {
  margin-right: .5rem
}
.produce-processes .zoom-buttons i {
  font-size: 1.2rem;
  color: #777
}
.produce-processes .zoom-buttons i:hover {
  cursor: pointer;
  color: #333
}
.produce-processes .radio-button-list {
  display: contents;
  padding: 0;
  height: 1.7rem
}
.produce-processes .radio-button-list tr {
  display: flex
}
.produce-processes .radio-button-list td {
  display: flex;
  align-items: center
}
.produce-processes .radio-button-list td input {
  accent-color: #5d8799
}
.produce-processes .radio-button-list td label {
  font-size: .75rem;
  font-weight: 700;
  color: #fff
}
.produce-processes .action-buttons {
  border: none;
  background: 0 0
}
.produce-processes .action-buttons .production-action-button {
  height: 2rem;
  font-size: .875rem;
  padding: .5rem .8rem .5rem .5rem;
  margin: .2rem;
  border-width: 0 0 0 .5rem;
  border-color: #aaa
}
.produce-processes .action-buttons .production-action-button i {
  margin-right: .5rem
}
.produce-processes .action-buttons .production-action-button:hover {
  background-color: #535353
}
.produce-processes .action-buttons .btn-yellow {
  border-color: #f1c501
}
.produce-processes .action-buttons .btn-green {
  border-color: #35cd63
}
.produce-processes .action-buttons .btn-red {
  border-color: #eb715e
}
.produce-processes .scheduled-calendar-custom-item {
  border-left: 8px dotted #ccc
}
.produce-processes .scheduled-calendar-item {
  border-left: 8px solid #ccc
}
.produce-processes .appointment-ready-to-start {
  border-left-color: #35cd63
}
.produce-processes .appointment-not-started {
  border-left-color: #ccc
}
.produce-processes .appointment-started {
  border-left-color: #f1c501
}
.produce-processes .appointment-paused {
  border-left-color: #f1c501;
  animation-name: blinkinglist;
  animation-duration: 1s;
  animation-iteration-count: infinite
}
.produce-processes .appointment-complete {
  border-left-color: #999
}
.produce-processes .appointment-canceled {
  border-left-color: #eb715e
}
@keyframes blinkingball {
  50% {
    background: 0 0
  }
}
@keyframes blinkinglist {
  50% {
    border-color: #ccc
  }
}
.produce-processes .info-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: .3rem 0;
  font-size: .875rem
}
.produce-processes .info-section {
  display: flex;
  flex-direction: row-reverse;
  flex-basis: 25%;
  background: #fff;
  padding: 0;
  border: 1px solid #999;
  height: 12rem;
  overflow-y: auto
}
.produce-processes .info-section .section-label {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: .05rem;
  text-transform: uppercase;
  background: #999;
  color: #fff;
  font-weight: 700;
  padding: .6rem 0
}
.produce-processes .info-section .info-panel {
  width: 100%;
  overflow-x: hidden;
  border-top: solid #fff;
  padding: 0 .4rem .4rem;
  scrollbar-width: thin
}
.produce-processes .info-section .info-panel a {
  font-weight: 700
}
.produce-processes .info-section .detail-label {
  overflow: hidden;
  text-overflow: ellipsis
}
.produce-processes .info-section .row {
  padding: .1rem .3rem
}
.produce-processes .info-section .row:not(:last-child) {
  border-bottom: 1px solid #ddd
}
.produce-processes .info-section .prev-button {
  cursor: pointer;
  color: #4487a5
}
.produce-processes .info-section .prev-button i {
  margin: 0
}
.produce-processes .info-section .prev-button i:hover {
  color: #41748a
}
.produce-processes .grid-header-text {
  display: inline-flex;
  font-size: .875rem;
  color: #333
}
.produce-processes .grid-header-text p:not(:last-child) {
  border-right: 3px solid rgba(0,0,0,.2)
}
.produce-processes .grid-view .table-row-selected {
  background-color: #d6e7ff!important;
  box-shadow: inset 10px 0 0 #b5cef1
}
.produce-processes .grid-view .table-row-selected .info-main {
  font-weight: 700
}
.produce-processes .grid-view tr:not(.table-group-header) {
  background-color: #fff
}
.produce-processes .grid-view .prio-text {
  color: #378a1a;
  font-size: 1rem;
  font-weight: 700
}
.produce-processes .grid-view .job-link {
  margin-right: .3rem
}
.produce-processes .grid-view .info-main {
  display: block;
  font-size: 1rem;
  margin-bottom: .3rem
}
.produce-processes .grid-view .info-main i {
  font-size: .8rem;
  margin-right: .3rem
}
.produce-processes .grid-view .truncate {
  max-width: 25vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.produce-processes .grid-view .info-sub {
  display: block;
  font-size: .8rem;
  color: #555
}
.produce-processes .grid-view .info-sub i {
  color: #555;
  margin-right: .3rem
}
.produce-processes .grid-view .info-box {
  display: inline-block;
  color: #333;
  border: 1px solid #ddd;
  padding: 0 .8rem;
  margin-right: .3rem;
  border-radius: .3rem;
  background: #f1f1f1
}
.produce-processes .grid-view .link {
  background: #c3dcf9;
  border: none;
  text-align: center;
  min-width: 4rem
}
.produce-processes .grid-view .link:hover {
  filter: brightness(95%)
}
.produce-processes .grid-view .is-late {
  color: red
}
.produce-processes .grid-view .time {
  font-weight: 700;
  color: #4775ac
}
.produce-processes .log-header {
  display: flex;
  position: sticky;
  top: 0;
  color: #777;
  font-weight: 700;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: .4rem
}
.produce-processes .log-header .btn-save-comment i {
  background: 0 0;
  color: #707070;
  font-size: 1.2rem;
  margin-left: .5rem
}
.produce-processes .log-header .btn-save-comment:hover {
  color: #999;
  cursor: pointer
}
.produce-processes .log {
  color: #0a0a0a;
  padding: 3px 0;
  border-bottom: 1px solid #ddd
}
.produce-processes .log i {
  color: #c1c1c1
}
.produce-processes .log div {
  display: flex;
  overflow: hidden
}
.produce-processes .log .red {
  color: #eb715e
}
.produce-processes .log .bold {
  font-weight: 700
}
.produce-processes .filter-button-column {
  display: flex;
  gap: .5rem;
  justify-content: end
}
.produce-processes .filter-button-column button {
  margin: 0
}
.produce-processes .toolbar-dropdown {
  margin: 0 0 .3rem .3rem
}
.produce-processes .toolbar-label {
  margin: 0 .2rem .35rem .3rem
}
.produce-processes .toolbar-datepicker {
  width: 10rem;
  height: 1.7rem;
  padding: 0 .3rem;
  margin: 0 0 .3rem
}
.produce-processes .toolbar-datepicker .riTextBox {
  font-size: .7rem;
  height: 1.7rem
}
.produce-processes .toolbar-datepicker .input-group .input-group-button {
  vertical-align: top
}
.produce-processes .toolbar-checkbox input {
  margin-bottom: -.1rem
}
.produce-processes .selected {
  font-weight: 700;
  color: #707070
}
.produce-processes .status-ready-to-start {
  padding-left: .5rem;
  border-left: solid #35cd63;
  border-left-width: .5rem
}
.produce-processes .status-20 {
  padding-left: .5rem;
  border-left: solid #999;
  border-left-width: .5rem
}
.produce-processes .status-5 {
  padding-left: .5rem;
  border-left: solid #f1c501;
  border-left-width: .5rem
}
.produce-processes .status-0 {
  padding-left: .5rem;
  border-left: solid #ddd;
  border-left-width: .5rem
}
.produce-processes .status-99 {
  padding-left: .5rem;
  border-left: solid #eb715e;
  border-left-width: .5rem
}
.produce-processes .status-10 {
  padding-left: .5rem;
  border-left: solid #f1c501;
  border-left-width: .5rem;
  animation-name: blinkingborder;
  animation-duration: 1s;
  animation-iteration-count: infinite
}
@keyframes blinkingborder {
  50% {
    border-color: transparent
  }
}
.reschedule-dialog label {
  max-width: none
}
.produce-job-list .produce-jobs {
  overflow-x: scroll
}
@media (min-width:40em) {
  .produce-job-list .produce-jobs {
    max-height: 80vh;
    overflow-y: scroll
  }
}
.produce-job-list .rgMasterTable input[type=checkbox] {
  width: 1.2rem;
  margin-right: 1.5rem
}
.produce-job-list .job-list-total-time {
  display: inline-block
}
.produce-job-list .job-list-mr {
  margin-right: 1rem
}
.produce-process-control .label-big {
  font-size: 1.3rem;
  font-weight: 700
}
.produce-process-control .label-medium {
  font-size: 1rem;
  color: #3d606f;
  font-weight: 700
}
.produce-process-control .produce-button {
  margin: .5rem 0;
  border-width: 0 0 0 8px;
  border-left-style: solid
}
.produce-process-control .property {
  padding: 3px 0;
  border-bottom: 1px solid #ddd
}
.produce-process-control .property:last-child {
  border: none
}
.produce-process-control hr {
  border-color: #666;
  margin: 0
}
.produce-process-control label {
  font-size: .8rem;
  line-height: 1.4;
  font-weight: 700;
  word-wrap: break-word
}
.produce-process-control .property-value {
  font-size: .8rem;
  display: block;
  line-height: 1.4;
  font-weight: 400
}
.produce-process-control .produce-details {
  padding: 10px
}
.produce-process-control .produce-buttons {
  padding: 10px;
  background: #ccc
}
.produce-process-control .section-job-info {
  border-bottom: 1px solid #666
}
.produce-process-control .section-job-info:last-child {
  border: none
}
.produce-process-control .btn-start,
.produce-process-control .btn-start:hover {
  border-left-color: #ffd966
}
.produce-process-control .btn-finish,
.produce-process-control .btn-finish:hover {
  border-left-color: #93c47d
}
.produce-process-control .btn-pause,
.produce-process-control .btn-pause:hover {
  border-left-color: #ffd966
}
.produce-process-control .btn-cancel,
.produce-process-control .btn-cancel:hover {
  border-left-color: #e06666
}
.produce-control-details {
  background: #fff;
  border: 1px solid #ddd
}
.produce-control-details.section {
  padding: 10px 0 0
}
.produce-control-details .row {
  margin: 0
}
.produce-control-details .columns {
  padding-right: .5rem;
  padding-left: .5rem
}
.produce-control-details .property {
  border-bottom: 1px solid #ddd;
  padding: 3px 0;
  word-wrap: break-word
}
.produce-control-details .faint-line {
  border-bottom-style: dashed;
  border-bottom-color: #e9e9e9
}
.produce-control-details .property:last-child {
  border: none
}
.produce-control-details label {
  font-size: .8rem;
  line-height: 1.4;
  word-wrap: break-word
}
.produce-control-details .property-value {
  font-size: .8rem;
  display: block;
  line-height: 1.4;
  padding-left: 4px;
  margin: 0
}
.produce-control-details .property-values-inline {
  display: flex
}
.produce-control-details-buttons .button {
  margin-right: 3px
}
.produce-section {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: .7rem .7rem 0;
  margin: .5rem 0
}
.complete {
  border-left: 15px solid #d9ead3
}
.started {
  border-left: 15px solid #fff2cc
}
.not-started {
  border-left: 15px solid #f4cccc
}
.canceled {
  border-left: 15px solid #ea9999
}
.paused {
  border-left: 15px solid #d9d9d9
}
.upload-import .upload-message {
  padding: 1rem 0
}
.upload-import .upload-message .text {
  white-space: pre-line
}
:root {
  --widget-color: #3e606f
}
.widget-large-clickable:hover,
.widget-small-clickable:hover {
  background-color: #e8e8e8
}
.widget-small {
  color: var(--widget-color);
  padding: .2rem 1rem;
  border-radius: 5px;
  background-color: #f0f0f0;
  border: none;
  margin-bottom: .5rem;
  white-space: nowrap;
  overflow: hidden
}
.widget-small .title {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  font-weight: 700;
  margin: .8rem 0 .2rem;
  line-height: 1
}
.widget-small .title i {
  font-size: 1.3rem
}
.widget-small .sub-title {
  display: block;
  margin-bottom: .5rem;
  font-size: 1rem
}
.widget-small .value {
  display: block;
  margin-bottom: .5rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1
}
.widget-small .unit {
  margin-left: 5px;
  font-size: 1.5rem
}
.widget-small .green-text {
  color: #31ac36
}
.widget-small .red-text {
  color: #be6868
}
.widget-large {
  color: var(--widget-color)
}
.widget-large .widget-header {
  background: var(--widget-color)
}
.widget-large .widget-section {
  border-width: 0 1px 1px
}
.widget-large .title {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  font-weight: 700;
  margin: .8rem 0 .2rem;
  line-height: 1
}
.widget-large .title i {
  font-size: 1.3rem
}
.widget-large .sub-title {
  display: block;
  margin-bottom: .5rem;
  font-size: 1rem
}
.widget-large .value {
  display: block;
  margin-bottom: .5rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1
}
.widget-large .green-text {
  color: #31ac36
}
.widget-large .red-text {
  color: #be6868
}
.widget-large .warning-text {
  color: #be6868;
  font-weight: 700
}
.widget-large .warning-text:hover {
  color: #a75656
}
.order-warning {
  background-color: #fcfcfc;
  border: 1px solid #f5f5f5;
  padding: .3rem .4rem
}
.order-warning:not(:last-child) {
  margin-bottom: .1rem
}
.order-warning:hover {
  border-color: #ddd
}
.co2-result-dialog {
  max-width: 75em;
  font-size: .875rem
}
.co2-result-dialog p {
  margin-bottom: .5rem
}
.co2-result-dialog .panel {
  border-radius: 10px;
  background-color: #557989;
  color: #fff;
  padding: 1rem 1rem 3rem;
  margin-bottom: .3rem
}
.co2-result-dialog .panel-order {
  background-color: #557989;
  color: #fff
}
.co2-result-dialog .panel-order hr {
  border-bottom: 1px solid #fff
}
.co2-result-dialog .panel-item {
  background-color: #f0f0f0;
  color: #3e606f
}
.co2-result-dialog .panel-item hr {
  border-bottom: 1px solid #3e606f
}
.co2-result-dialog .co2-header {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 900
}
.co2-result-dialog .co2-total {
  font-size: 1.7rem;
  font-weight: 900
}
.co2-result-dialog .co2-total span {
  font-size: 1rem;
  opacity: 75%
}
.co2-result-dialog .value-row {
  display: flex;
  justify-content: space-between
}
.co2-result-dialog .value-row .co2-label {
  width: 55%
}
.co2-result-dialog .value-row .co2-value {
  width: 40%;
  font-weight: 700
}
.flex-height-wrapper {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 .875rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
  font-family: inherit;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow .5s,border-color .25s ease-in-out;
  height: auto;
  overflow: hidden;
  padding: 0;
  position: relative
}
.flex-height-wrapper:focus {
  outline: 0;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow .5s,border-color .25s ease-in-out
}
.flex-height-wrapper.input-group-field {
  display: table-cell;
  margin: 0
}
.flex-height-wrapper > .pre,
.flex-height-wrapper > textarea {
  line-height: normal;
  padding: .4375rem;
  white-space: pre-wrap;
  width: 100%;
  word-wrap: break-word
}
.flex-height-wrapper > .pre {
  display: block;
  font-family: inherit;
  visibility: hidden
}
.flex-height-wrapper > textarea {
  border: 0;
  margin: 0;
  outline: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  resize: none
}
/*# sourceMappingURL=maps/main.css.map */